Okinawa Diving Shop

[geometrikal]

Hey check it out: http://www.reefencounters.org

Its a site I did for the local diving shop using CMS made simple. I must say I really love CMSMS and how easy it was to set up and use.

[tsw]

nice !

header and bg images really work great on your site and the structure is clean and well organized.

and its always good to see valid pages

[Nullig]

Very nice looking site. I love the graphics and colors you used.

The only part that bothers me is the "What's Hot!!!" box. The header in it is a little difficult to read with the background graphic. Perhaps if you made it bolder, used a darker color, or lowered it a bit, it would work better.

Nullig

[geometrikal]

Thanks for the encouragement

The only part that bothers me is the "What's Hot!!!" box. The header in it is a little difficult to read with the background graphic. Perhaps if you made it bolder, used a darker color, or lowered it a bit, it would work better.

Yes I agree - it has been bothering me a little too! I will try a darker colour.

Ran the site throught W3C validator only once - 2 errors related to having a div (the news module smarty tag) inside a p. Satisfying actually.

Ross

[geometrikal]

oh - and if anyone noticed - i used a random number generator to apply a random style (background image) to the content div so that the pic at the bottom would change each time

[cantthinkofanickname]

Nice! The page change is very slick.

Are you using AJAX methods?
What template?
I huess you're an experienced coder?

[geometrikal]

The template is my own design. I had to make a change to the menu code so that the turtle arm wasn't written over. No AJAX is used as i read that it was bad for seo.

as for the background change really easy!

1. create a user defined smarty tag "random" with the following code:

$start = $params['low'];
$end = $params['high'];
echo rand($start,$end);

2. in the stylesheet create some background styles, i.e:

.background_1 {background-image: url('piccy1.jpg'); .... }
.background_2 {background-image: url('piccy2.jpg'); .... }
.background_3 {background-image: url('piccy3.jpg'); .... }

3. now in the template for the div where you want the backgrounds to change, set the style as follows:



where X is the number of different background styles


i have a few years coding experience but only C for small microprocessor systems, and C++ / C#.NET for windows proggys

[mesaverde]

Your site is pretty fast too. Did you do anything special to get the good speed?

[geometrikal]

nothing special so i thought...

only using divs
all styles in a stylesheet
{content} and the background are the only things that change...

maybe its the server, its a friends' server so there is heaps of bandwidth allocated.