Page 1 of 1

Okinawa Diving Shop

Posted: Tue Jun 19, 2007 10:58 am
by 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.

Re: Okinawa Diving Shop

Posted: Tue Jun 19, 2007 4:21 pm
by 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 ;)

Re: Okinawa Diving Shop

Posted: Tue Jun 19, 2007 6:07 pm
by 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

Re: Okinawa Diving Shop

Posted: Wed Jun 20, 2007 8:34 am
by geometrikal
Thanks for the encouragement
Nullig wrote: 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

Re: Okinawa Diving Shop

Posted: Wed Jun 20, 2007 8:36 am
by 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 :)

Re: Okinawa Diving Shop

Posted: Sun Jun 24, 2007 10:21 am
by cantthinkofanickname
Nice! The page change is very slick.

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

Re: Okinawa Diving Shop

Posted: Mon Jun 25, 2007 7:48 am
by 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

Re: Okinawa Diving Shop

Posted: Mon Jun 25, 2007 1:25 pm
by mesaverde
Your site is pretty fast too. Did you do anything special to get the good speed?

Re: Okinawa Diving Shop

Posted: Tue Jun 26, 2007 2:46 am
by 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.