Portfolist 1 - This design offers a true full size, high-quality image view dinamically adjusted to the browser window and display resolution. Very easy to configure and use. See below for details.
Intro with two options. Looping images and a unique splash design cover.
Main navigation on top and thumbnails on the bottom with iPhone style scroll funcionallity.
Content page positioned in the center with simple style tags to customize your content.
What you need to know:
If you did not find your answer here, please visit Help.
Package content
Your package is a .zip file including everything you need. Portfolist will send you a email with instrucctions on how to download your package.
Upload package
Uncompress the zip file and upload it to your server. Keep exactly the same structure and name of all files included. You can upload them into a "preview" folder in order to build your website first and then post it online. You can also rename "index.php" as "preview.php"
Some easy CMS setting configuration could be necessary.
CMS basic functions
When you launch the Rainbow CMS application it will open with a new empty Project (root). From here you can add the default Portfolist Project and go from there. You will do this only one time. The next time you log-in, your project will be loaded automatically.
The buttons:
The Properties button opens up the items' property window where you can edit attributes, text and child templates.
The Expand button shows an item's children.
The Collapse button hides an item's children.
The Add Child button opens the Add Child Dialog and allows you to add a new blank item or instance of a Rainbow template to an item.
The Delete button deletes an item. All of the items' children will also be deleted.
The Move button allows you to drag and drop items, change their order and reparent items.
The Publish button is used to turn an item's visibility on or off. The item will not be deleted.
CMS Domain Key
To active your CMS you will need to configure the FTP first.
To enter the domain key go to:
http://www.yourwebsite.com/admin and enter your admin user name and password. You have the default user name and password sent by Portfolist or your own if you already modified those. Then go to Preferences to edit the Registration by pasting or typing your domain key. Close the window and click "Save". See images below.
Click on Preferences:
Editing the FTP settings:
Enter your FTP access settings (on red):
This section contains options for FTP file transfer (the default). Code and Visual -
Rainbow CMS - provide courtesy scripts that enable the FTP transfer of your files. This allows a domain on a static server to harness the power of Rainbow Live. You can choose to target your own custom FTP scripts is you wish, or turn FTP mode off all together by setting the "FTP" value to "false". This will then enable server/php mode which will require you to place PHP files on your server.
Get into Registration:
Insert Rainbow CMS Domain Key:
Save the changes:
User Name and Password
To change your CMS user name and password access go to:
http://www.yourwebsite.com/admin and edit the Users item. Enter your admin, user name and password and Save.
Domain name setup
Edit Website item and enter you domain name. It should be "yourwebsite.com" without "http://" and/or "www". It will define the logo's click url returning to your website intro and values on the Share menu options.
Copyright
Edit Copyright item and then click on the Text tab, edit the values, close the window and Save.
Customize the logo
Edit Logo item. The logo is divided into two parts: Title1 and Title2.
This is to allow you to apply different
colors to each part. Using the two values is optional. You can use only one value if you want in one color. Edit the values, close the window and Save.
Choose your intro option
Expand the Intro item and you will see three images uploaded ("default.jpg") by default. Edit each photo item to upload your images in order to replace the default image. The Intro has two main different behaviors:
Option 1: Will loop the images you upload to Intro item. (Upload two images or more)
Option 2: Will be a unique splash image working as a cover. (Upload only one image)
Intro timing
If you chose Option 1 the images will change with the interval (seconds) specified in timing item.
Edit the timing item to change it. Must be a numeric value.
Background Music
Edit the music item. Upload a mp3 file clicking on the file icon. The default volumen is 100. This value can be adjusted from 0 (minimum) to 100 (maximum).
Create a Gallery
Expand the gallery item and you will see three galleries already created by default.
To create more galleries just hit the plus button and a new gallery will be added at the end.
Hide/Show a Gallery
With this function you have the ability to hide a gallery without deleting it.
To hide a gallery click on the check mark button, a red line appears indicating the hide status.
To show a gallery click on the check mark button again.
Delete a Gallery
To delete a gallery click the delete button. Be careful when doing this as you can't undo this action.
Move Galleries
If you want to modify the order in which galleries appear on the top navigation, mouse over the number at the beginning of the gallery item. The move button will appear. Then drag the item to the desired location, and when you see a green line, release the mouse button and Save. Now the gallery is in a new place.
Image Specifications
The image will always be the same size. This is like a empty canvas that you fill with whatever you want. We recommend 1550 pixels horizontally by 1000 pixels vertically at 72dpi.
For horizontal images you should fill the entire canvas. For vertical images you can split it in two and set two vertical images per canvas. Also, you can have a centered image or any other composition.
Upload an Image
Expand the desired gallery item to see the images that belong to that gallery. All galleries have an image created by default. To add more images just click on the Add button in the gallery item where you want to add more images. All images created have the "default.jpg" image by default. Follow the steps and images below:
1. Click on the edit button. A new window will appear.
2. Click on the camera icon. The upload image window will open.
3. Click on the browse button and choose your image located on your computer.
4. Hit the upload button and an upload process will start (Green progress loading bar).
5. After image is uploaded 100% you will notice the image path changed from "images/default.jpg" to "images/yourimagename.jpg". That is your succeeded upload confirmation.
6. Close the window.
Note: The thumbnail's parameters are not used. The thumbnail is created automatically from the uploaded image.
Hide/Show an Image
With this function you have the ability to hide an image without deleting it.
To hide an image click on the check mark button, a red line appears indicating the hide status.
To show an image click on the check mark button again.
Delete an Image
To delete an image click the delete button. Be careful when doing this as you can't undo this action.
Move Images
If you want to modify the order in which images appear inside a gallery, mouse over the number at the beginning of the image item. The Move button will appear. Then drag the item to the desired location, and when you see a green line, release the mouse button and Save. Now the image is located in a new position. The thumbnails will automatically change too.
Add a Page
To add a new page click the add button. Be careful when doing this as you can't undo this action.
Select your Page Template
Select the page you want to create. P1 has two page templates: Content page and External URL page.
The content page will be used to insert content (text). You can manipulate the look and feel using styles, see below.
The External URL page will be used to insert a hyperlink to an external url such as your blog, shop, flickr, istockphoto...
External URL Page
You have two fields to edit: "title" and "url". Title will be your button label on the top navigation and URL will be the external website page you want to go to. The link should include "http://" at the begining.
Ex. http://wwww.portfolist.com or http://portfolist.com
Content Page and Styles (css)
Under the Attributes tab, specify the name for your page that will also be the name of the button on the top navigation. To add the content just add the copy you want under the Text tab. You can use a very simple html/css tag to apply styles to the content, h1, h2, h3, h4. For example, if you want to use "h1" for your title, it should be between the "h1" tags (see image below). This applies for all tags.
Insert a Link
You can insert hyperlinks (link to an external page or email) into the content page using the basic html "a" tag (See image below). You can also apply styles (h1, h2, h3...) to hyperlinks.
Create New Styles
You can create new styles modifying flash.css into the css folder. CSS programming knowledge will be required.
Disable a Shared Network
To disable a shared network click on the corresponding check mark button, a red line appears indicating the hide status.
Change Colors
Edit the item you want to change the color of and modify the "hex" color with yours. You don't need to include "#" in front of the hex number code.
You can choose your color using this color picker:
If you did not find your answer here, please visit Help.
