General Community > WebsiteBaker Website Showcase

website for communitycenters in Rotterdam-Holland

(1/2) > >>

Ogierini:
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/

Stefek:
Hello Irene,
very nice website.

One thing though:
you could improve the loging time in splitting this image 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 ;-) )

Ogierini:
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

kweitzel:
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

Stefek:

--- Quote from: Ogierini on December 09, 2009, 10:04:26 PM ---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

--- End quote ---

Hello Irene,

one way of doing it is like this:
// replace in your CSS file

--- Code: (old) ---#header {
    background: url(Images/header.jpg) no-repeat left;
    color: #e0e0e0;
    font-weight: bold;
    height: 291px;
    line-height: 120px;
    text-indent: 150px;
    width: 1000px;
}
--- End code ---
// with

--- Code: (new) ---#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;
}
--- End code ---

Replace in your index.php

--- Code: (old) ---<div id="header">
 </div>

--- End code ---
// with

--- Code: (new) ---<div id="header">
  <div id="headerright"> 
  </div>
</div>

--- End code ---

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]

Navigation

[0] Message Index

[#] Next page