Archief - LAYOUT: Bibiana

Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
K

KingJelle

Legacy Member
Nieuw site design voor een portfolio van een vriendin : link

Layout is nog niet 100% perfect, bv. de randen van de zwarte kaders zijn niet-gealiaseerd. En aan de banner moet nog wat gewerkt worden, maar wat vinden jullie er tot nu toe al van?
L

L0|2|23

Legacy Member
Geen slecht begin.

Mijn opmerkingen:
- modules 'plakken' aan de schermranden
- zwarte randen contrasteren niet goed met de blauwe achtergrond
- gebruik constante marges bij het plaatsen van tekst onder een afgeronde hoek
- ik vind de fade naar het blauw niet mooi, gebruik dan liever de wallpaper die je al hebt op repeat auto (de wallpaper herken ik trouwens van 24media)
- hopelijk leuke mouseovers bij de menus :)
K

KingJelle

Legacy Member
L0|2|23 zei:
- modules 'plakken' aan de schermranden
Klik om te vergroten...
Aangezien ik ervan uit ga dat de meeste mensen wel een groter beeldscherm dan 1024x786 heeft (mss een foute redenering?, ben nog maar een jaartje bezig met het designen :$ ), krijgen die dan ook niet te zien tegen de schermranden.

L0|2|23 zei:
]- gebruik constante marges bij het plaatsen van tekst onder een afgeronde hoek
Klik om te vergroten...
Mmh sorry kun je dat iets meer verduidelijken :$ :$

L0|2|23 zei:
- ik vind de fade naar het blauw niet mooi, gebruik dan liever de wallpaper die je al hebt op repeat auto (de wallpaper herken ik trouwens van 24media)
Klik om te vergroten...
Dat gaat problemen opleveren qua coding vrees ik, aangezien de middelste kader normaal altijd van plaats gaat veranderen, daarom dat ik een constante kleur wou, maar idd 't is niet echt mooi, zal daar proberen iets aan te doen :) (en idd van 24media, heb weinig ervaring in zo'n dingen zelf designen)


L0|2|23 zei:
- hopelijk leuke mouseovers bij de menus :)
Klik om te vergroten...
Vanzelfsprekend !:niceone:

Alvast bedankt voor de commentaar.
L

L0|2|23

Legacy Member
Om een zichzelfherhalende achtergrond te krijgen voor de hele site zet je tussen <head> </head> gewoon:

Code: 
<style type="text/css">
body { background-image: url(bg24media.jpg); }
</style>
Met constante marges onder afgeronde hoeken bedoelde ik dat de titels van je modules uniforme afstanden tot de afgeronde hoeken errond moeten hebben. Dwz de afstand van "Photo's >> flora" tot de linkerbovenhoek van de afgeronde kader moet dezelfde afstand (of minstens een geheel veelvoud) zijn als de afstand van "Lost in Blue" tot de linkerbovenhoek van zijn omringende kader.
X

Xavez

Legacy Member
@hierboven: neen, dat zet je in je externe stylesheet, niet in je head-tags :)
L

L0|2|23

Legacy Member
Xavez zei:
@hierboven: neen, dat zet je in je externe stylesheet, niet in je head-tags :)
Klik om te vergroten...

Ik kreeg niet de indruk dat hij dat onmiddellijk zou verstaan. Het is een betere houding, maar ik was te lui om heel dat proces uit te leggen en dan te horen dat hij het niet verstaan heeft en meer uitleg nodig heeft.

ff snel gegoogled dan maar, deze site legt CSS opmaak (hopelijk duidelijk) uit in het nederlands (lees dit artikel, KingJelle):
http://www.mijnhomepage.nl/csscursus/les1.php

Dus ofwel doe je het laatste dat op die site staat, en maak je een extern opmaak bestand (.css), of wel doe je het quick n dirty zoals ik in mijn tweede reply heb laten zien.
K

KingJelle

Legacy Member
Hahaha, dat heb ik al door hoor (heb wel een basiskennis van CSS), maar gewoon ik ga in moeilijkheden komen omdat HTML alleen maar "vierhoekige" afbeeldingen toelaat en ik zodus met die ronde hoeken ook de achtergrond hetzelfde moet zijn als wat er in de eigenlijke achtergrond staat.
God, ik ben niet goed in dit uitleggen, maar ik denk dat je ongeveer wel begrijpt wat ik bedoel, die middelste kader is dus uitrekbaar, en dus verschilt de positie van de onderste marge altijd, en als die achtergrond daar altijd hetzelfde is heb ik dus geen problemen codegewijs.
T

Typhon`

Legacy Member
effe commentaar geven (of bevestiging van commentaar die anderen gemaakt hebben):
- uw achtergrondgradient moet over een groter gebied, nu is het te intens, te "direct".
- hoe staan uw kaders tegenover de rest (zoals de randen)? gaat de site gecentreerd worden?
- veel te grote letters, maak alles maar kleiner zoals bij latest work
- uw header heeft een veel dikkere rand dan de andere kaders, ik zou dus ofwel de rand zoals de kaders maken ofwel voor alles een middenweg zoeken.
- header afbeelding past van kleur niet zo goed bij de rest
- voor een fotoblog zijn neutrale kleuren aangeraden, niet felblauw+felappelzeegroen want dat leidt de aandacht af.
- uw typo moet je niet-antialiassen, verkeerde preview van wat het in werkelijkheid zal worden (op mac mischien wel maar ik denk dat je geen mac hebt (als'k eens las wat je zei over Jobs op een ander forum :p))
K

KingJelle

Legacy Member
Heb zojuist door dat ik die ronde kaders moeilijk kan omzetten in HTML, alleszinds niet met dat achtergrond-patroon :doh: :doh: :doh:
Een andere oplossing zoeken dus, en 't is inderdaad bedoeling dat alles gecentreerd wordt.
o

orez

Legacy Member
KingJelle zei:
Heb zojuist door dat ik die ronde kaders moeilijk kan omzetten in HTML, alleszinds niet met dat achtergrond-patroon :doh: :doh: :doh:
Een andere oplossing zoeken dus, en 't is inderdaad bedoeling dat alles gecentreerd wordt.
Klik om te vergroten...

gewoon deftig slicen ...

zorgen als je slicet, dat je je background layer niet visible zet, en dat je background van je werkdocument transparant is ...

Dan je afgeronde kanten slicen, en opslaan als .gif (of .png, maar ni aan te raden voor IE6, toch niet voor een beginner :))
Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
Terug
Bovenaan