Flipkikker
Legacy Member
Hallo,
1. Restyling
Eerder deze dagen kwam ik al met mijn vraag over een pure div layout op het webdesign forum, daarbij liet ik ook al zien wat ik ongeveer wou bereiken.
Nu volgt een lijst met de "vooruitgang" van mijn ideëen voor de restyling van de site.
* Nu: http://puutjuwelen.sohosted.com
* Nooit verschenen: http://puutjuwelen.sohosted.com/previewpj/puutjuwelen
* 1e fase nieuw ontwerp: http://puutjuwelen.sohosted.com/previewpj/?version=04072005a
* 2e fase nieuw ontwerp:
http://puutjuwelen.sohosted.com/previewpj/?version=21082005a
* laatste fase:
http://puutjuwelen.sohosted.com/previewpj/?version=21082005b
2. Div layout nog steeds mogelijk?
Een div layout is duidelijk perfect mogelijk met de 1e fase, maar bij de laatste fase twijfel ik of het ook zo "gemakkelijk" zal gaan.
Vragen hierover zal ik nog stellen in mijn andere topic op webdesign, hier graag enkel tips over het design.
3. Uitleg en concept
Hier nog een uitleg over de werking van de site. Dit moet je bekijken bij het laatste ontwerp.
De menulinks die je bovenaan ziet zijn knoppen, de rollover bestaat uit de kleur van het vakje rechts naast de rij. (geel voor het menu)
Bij de vorige en volgende knoppen verandert de achtergrondkleur naar het blauw die je ook weer bij het rechtse vakje ziet.
Bij het overzicht worden miniaturen getoond van alle foto's en dit netjes op een aantal pagina's gerangschikt.
Wanneer je op de centrale foto klikt verschijnt een andere foto van hetzelfde juweel, er zullen ook nummers verschijnen boven de foto zodat je specifiek onmiddellijk de 2e, 3e, 4e,... foto van een juweel kan bekijken.
Onder het juweel staat een beschrijving van de gebruikte materialen enzovoort, alsook de beschikbaarheid.
Merk het lijntje op onder het woord Kwarts en Toermalijn.
Dit zijn links naar meer info over deze woorden. De rollover van die links bestaat er gewoon uit dat de tekst cursief komt te staan.
Bij het klikken op de links word je automatisch onderaan de pagina verwezen alwaar je de uitleg ziet.
De rollovers voor de knoppen in de rechtse balk zullen geel zijn zoals van de balk.
4. Over de kleuren en verhoudingen
De kleuren zijn specifiek zo gekozen. Blauw als koude kleur en het geel-lichtoranje als warmere kleur. Ik hoop dat ze elkaar een beetje in evenwicht houden zodat de foto tot zijn recht komt.
De hoogtes van de horizontale balken zouden (per regel) moeten gelijk zijn, daar heb ik nu niet echt op gelet toen ik eraan werkte in photoshop...
5. Comments
Graag jullie comments over de layout, tips ivm de div's krijg ik graag in mijn andere thread: https://www.beyondgaming.be/archive/web-design-programming.237/xhtmlcss-div-layout.340631
De kleuren in deze layout zullen ws nog wat verandert worden, zoals het spelen met contrast bij de letters van PuutJuwelen, en een donkerblauwe kleur van lettertype voor de gewone tekst.
Mvg Flipkikker
EDIT: Vermeld er ook bij op welke layout je de comments geeft aub
1. Restyling
Eerder deze dagen kwam ik al met mijn vraag over een pure div layout op het webdesign forum, daarbij liet ik ook al zien wat ik ongeveer wou bereiken.
Nu volgt een lijst met de "vooruitgang" van mijn ideëen voor de restyling van de site.
* Nu: http://puutjuwelen.sohosted.com
* Nooit verschenen: http://puutjuwelen.sohosted.com/previewpj/puutjuwelen
* 1e fase nieuw ontwerp: http://puutjuwelen.sohosted.com/previewpj/?version=04072005a
* 2e fase nieuw ontwerp:
http://puutjuwelen.sohosted.com/previewpj/?version=21082005a
* laatste fase:
http://puutjuwelen.sohosted.com/previewpj/?version=21082005b
2. Div layout nog steeds mogelijk?
Een div layout is duidelijk perfect mogelijk met de 1e fase, maar bij de laatste fase twijfel ik of het ook zo "gemakkelijk" zal gaan.
Vragen hierover zal ik nog stellen in mijn andere topic op webdesign, hier graag enkel tips over het design.
3. Uitleg en concept
Hier nog een uitleg over de werking van de site. Dit moet je bekijken bij het laatste ontwerp.
De menulinks die je bovenaan ziet zijn knoppen, de rollover bestaat uit de kleur van het vakje rechts naast de rij. (geel voor het menu)
Bij de vorige en volgende knoppen verandert de achtergrondkleur naar het blauw die je ook weer bij het rechtse vakje ziet.
Bij het overzicht worden miniaturen getoond van alle foto's en dit netjes op een aantal pagina's gerangschikt.
Wanneer je op de centrale foto klikt verschijnt een andere foto van hetzelfde juweel, er zullen ook nummers verschijnen boven de foto zodat je specifiek onmiddellijk de 2e, 3e, 4e,... foto van een juweel kan bekijken.
Onder het juweel staat een beschrijving van de gebruikte materialen enzovoort, alsook de beschikbaarheid.
Merk het lijntje op onder het woord Kwarts en Toermalijn.
Dit zijn links naar meer info over deze woorden. De rollover van die links bestaat er gewoon uit dat de tekst cursief komt te staan.
Bij het klikken op de links word je automatisch onderaan de pagina verwezen alwaar je de uitleg ziet.
De rollovers voor de knoppen in de rechtse balk zullen geel zijn zoals van de balk.
4. Over de kleuren en verhoudingen
De kleuren zijn specifiek zo gekozen. Blauw als koude kleur en het geel-lichtoranje als warmere kleur. Ik hoop dat ze elkaar een beetje in evenwicht houden zodat de foto tot zijn recht komt.
De hoogtes van de horizontale balken zouden (per regel) moeten gelijk zijn, daar heb ik nu niet echt op gelet toen ik eraan werkte in photoshop...
5. Comments
Graag jullie comments over de layout, tips ivm de div's krijg ik graag in mijn andere thread: https://www.beyondgaming.be/archive/web-design-programming.237/xhtmlcss-div-layout.340631
De kleuren in deze layout zullen ws nog wat verandert worden, zoals het spelen met contrast bij de letters van PuutJuwelen, en een donkerblauwe kleur van lettertype voor de gewone tekst.
Mvg Flipkikker
EDIT: Vermeld er ook bij op welke layout je de comments geeft aub
