Changes

Jump to: navigation, search

How to create a website themed portal page

1,526 bytes added, 19:37, 4 October 2019
Creating a main menu link on the common role draft portal
# Click on the '''Home''' Main Menu link in the header that we just created (the area under the header is white because we have not defined any sections inside our main menu link.)
Now we have created a '''Main Menu''' link in the draft portal for users, next we will add sections and content to our Main Menu link called '''Home'''.
 
===Creating a section container===
 
The first section we are going to create is called a '''Section Container'''. We will use this to create a graphical banner and it will contain other sections. Think of the section container as an empty box.
Now # Close the Preview window with the '''X''' in the top right of the window.# Click the '''Edit''' button (looks like a pencil) for the '''Main Menu''' section we have created earlier called '''Home'''. # Click the '''Add Section''' button looks like a plus button and is found under the '''Sections''' title bar.# For '''Name''' enter '''Graphical Banner'''.# For '''Type''' choose '''Section Container'''.# Leave the other fields blank.# Click '''Save'''.# Click on the tab called '''Display'''.# Click '''Save''' so you will be able to upload a background image.# On the '''Display''' tab again, for '''Background Image''' click the '''Browse''' button that looks like an open folder. # Select the image called '''banner-sample.jpg''' and click '''Main MenuOpen''' link (these images have been provided above. See the instructions in the draft portal for users, next we section above called Download Sample Image Files) .# Click the '''Upload''' button beside the '''Browse''' button (A preview of the image will add sections appear).# For '''Background Position''' choose '''Bottom''' and content '''Horizontal Center'''.# For '''Background Opacity''' move the slider all the way to our Main Menu link called the left where it says '''Low'''. # For '''Font Color''' enter these 6 digits '''300130''' (this will make the font color purple). # Click '''HomeSave'''.
Smartstaff, administrator
3,320
edits

Navigation menu