WebsiteBaker Community Forum
General Community => WebsiteBaker Website Showcase => Topic started by: Ogierini on December 09, 2009, 09:31:43 PM
-
Hi guys,
Special kidssite with lot's of activities in Rotterdam.
Each community center has it's own page to show their workshops for kids!
http://www.swfkidzclub.nl/
-
Hello Irene,
very nice website.
One thing though:
you could improve the loging time in splitting this image (http://www.swfkidzclub.nl/templates/allcss/Images/header.jpg) into two. One for the Lines (as a gif) and one for the photopgraph (jpg).
It's 184 kb now - I can imagine that you can save more than 100kb without optical degradation.
Kind regards,
Stefek
(my dsl is slow tonight ;-) )
-
Hi Stefek,
Thansk for your reaction.
How can I implement this?
First I had a gif file but this renders as hell.
I don't see how I can load 2 headers?
:-)
kind regards Iren
-
2 other things with those images:
1 - there is a 1 px gap showing in FireFox above them
2 - I think it would look nicer if you take the colours of the 2 sidebars and extend them under the images
cheers
Klaus
-
Hi Stefek,
Thansk for your reaction.
How can I implement this?
First I had a gif file but this renders as hell.
I don't see how I can load 2 headers?
:-)
kind regards Iren
Hello Irene,
one way of doing it is like this:
// replace in your CSS file
#header {
background: url(Images/header.jpg) no-repeat left;
color: #e0e0e0;
font-weight: bold;
height: 291px;
line-height: 120px;
text-indent: 150px;
width: 1000px;
}// with
#header, #headerright {
background: url(Images/header00_01.gif) no-repeat left;
color: #e0e0e0;
font-weight: bold;
height: 291px;
line-height: 120px;
text-indent: 150px;
width: 1000px;
}
#headerright {
background: url(Images/header00_02.jpg) no-repeat right;
}
Replace in your index.php
<div id="header">
</div>
// with
<div id="header">
<div id="headerright">
</div>
</div>
And finally, put the both files attatched into your Images folder (you also should consider to rename your folder "Images" to lowercase "images" btw.)
Kind regards,
Stefek
PS. I didn't have the original files, so the two I attached aren't of the best quality - there is still space for improvements ;-)
EDIT// Please rename the .png extension into .gif extension in one of those files. Unfortunatly I can't upload gif files for some reason, so I renamed the extentsion.
R
[gelöscht durch Administrator]
-
Thanks a lot Stefek,
I'll trie this in the weekend when I have some time left!
-
And Klaus,
Thanks, see what you mean, a litltle line. Saterday..
I personnally like the white background behind the header......
-
You're welcome ;-)
Stefek