Coding
Here is the entire code:
For galleries: copy and paste into the box
HERE
For shops: copy and paste into the box
HERE
Now let's look at it one piece at a time.
Anything not mentioned here does not need to be changed.So don't worry about the giant block of gibberish at the beginning, you don't need to do anything to it so just leave it all alone.
Most sections have red to help you see what you can change and what you can ignore.
#main{text-align:center;width:720px;
border-left:2px solid #000000;border-right:2px solid #000000;
background-color:#FFFFFF;}
The width here should be at least 700 pixels or around there so that your items fit, and/or at least 20 pixels wider than your banner width. For this example, my banner was 700px, so my #main width is 720.
The border code can be divided into 3 parts: thickness, style (solid, dotted, dashed, double, etc.), and color.
For color codes to replace the ones here, see
this petpage.
The background color here is the background color of the central area, where your items are.
#content, .content{width:720px;border:none;background:none;}
Make this width the same as the one above.
If you have a background image:
If you do not have a background image:
Replace the color code with your own, and then replace the URL in red here with the URL of your background image (if you have one). This is for the background on both sides of the center area where your items are.
#main, div{text-align:center;color:#1A3A20;}
a:link, a:visited, a:active{text-decoration:none;color:#29542F;}
a:hover{color:#6BA80F;}
These three color codes change the color of your text, links, and link hover, respectively.
Now find this:
Replace this URL with the URL of your banner. If you do not have an image, just delete this section of the code.
Now just replace "your text here" with your own content, and you're done!
