Archief - LAYOUT: Pure css layout voor nieuwe portfolio

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.
o

omfg

Legacy Member
Hallo,

Vanochtend zag ik op een ander forum een soort battle, waarin het de bedoeling was om een site te maken die alleen uit xhtml/css bestond, geen images, ..
Ik besloot om eraan mee te doen, en terwijl ik bezig was, dacht ik eraan om mijn nieuwe portfoliosite ervan te maken. Hij is (zoals ik al zei), puur in css gecode, xhtml valid, en zou er hetzelfde moeten uitzien in IE, FF en Opera.
Hier kan je mijn huidige portfoliosite zien,
en hier de nieuwe versie.

Alle commentaar / kritiek is welkom, ik kan er alleen uit bijleren :)
ik weet dat ik wat felle kleuren heb genomen, maar mijn vorig probeersel met donkere kleuren was niet echt goed uitgekomen.. Ik ben nooit goed geweest in de juiste kleuren kiezen, maar ik denk wel dat alles nu goed zit.

Mvg
Warhead
B

Bram

Legacy Member
ge zou de twee moeten combineren in 1 vind ik... ik vind de kleuren van de eerste veel beter, ma het menu mee die website dinges van de tweede vind ik dan ook weer leuk...

tis een beetje van beide...
l

little

Legacy Member
Persoonlijk vind het groen veel te fel. Ik zou het eerder gebruiken als een een steunkleur in je opmaak/ontwerp en niet als een overheersend kleur.

BTW
een pure css site mag ook met afb imo..

**CY**
o

omfg

Legacy Member
als je mijn beginpost nog eens leest zie je dat er geen images mogen gebruikt worden ;)

ik zal anders eens de kleuren omkeren, blauw overheersend en groen minder..
dan kan je ze vergelijken.

*edit*
er zijn nu 3 versies;
-een met groen overheersend (1)
-een met blauw overheersend (2)
-een met +- gelijke verdeling blauw/groen (3)
b

brecko

Legacy Member
kleurencombinatie kan veel beter denk ik.
ik zou zeker niet dezelfde kleur in uwe content en in uw achtergrond gebruiken...
ook de tekst in uw content vind ik een beetje te druk. mss het hele kader van uw content verkleinen en
iets meer margin in uw tekstvlak.
als ik mij niet vergis heb ik in de lessen schrijven voor het web geleerd dat er maximim 9
woorden op een regel mogen staan
op een scherm, anders vermindert de interesse...

maar wie ben ik :)
o

omfg

Legacy Member
De kleurcombinatie zal normaalgezien zo blijven.
kheb de font-size wat vergroot en wat meer padding op de paragrafen gezet.
Met die te drukke content zal ik niet zoveel problemen hebben, want ik zal nooit zeer lange berichten plaatsen :)
maar 9 woorden op een regel vind ik wel weinig..
s

sneax

Legacy Member
hebt ge er ook al aan gedacht dat ge via kleine vakjes die veranderen van kleur in shades ook semi-gradients kunt maken en zo van die dingen? ik vind nu de site puur xhtml en css, puur tekst en tables ZONDER fantasie

ge kunt véél meer doen met enkel kottekes balkskes en lijtjes, hebt ge al is gedacht om een een foto van een gezicht hard te pixelated in zwart/wit en dan er kottekes van maken zodat ge een 'image' met zeer lage resolutie hebt (in css/xhtml dus)? van die dinges
d

dRIES1

Legacy Member
Hmm interessant da pixelaten, ga'k eens bekijken.

On topic, warhead, doe serieus iets aan de kleuren...
o

omfg

Legacy Member
kheb de header wa veranderd en het blauw wat verdonkert, maar ik zoek nog een tweede kleur.. vanavond zal ik wel het resultaat posten

@sneakx; dat zal ik eens proberen :)
X

Xavez

Legacy Member
Idd, vreselijke tinten om samen te nemen :p. Gooi er dan wat heel donkergrijs en wit voor de tekst in ofzo ^^
o

omfg

Legacy Member
kheb het blauw wat donkerder gemaakt en eens met oranje gecombineerd :unsure:
de header is ook wat veranderd..
beter of nie?

hier vind je ze alle4 (de 4e is de nieuwste)
*edit
kheb precies ne horizontale scrollbar :s
*edit2
probleem opgelost, kwam doorda mijn header 100% width was, en met 5px padding die erbij opgeteld werd
b

brecko

Legacy Member
al beter, maar uw content (met uw nieuwsitems) lijtk nog altijd zo bombastisch.
kunt ge da ni is wa subtieler maken (meer padding zoals ik al zei) en uwen div content ook wa smaller maken.

uw bovenste menu zou ik ook ergens anders zetten. en als ge het absoluut daar wilt laten staan, laat dan alles onder uwen warhead (vanaf de lichtblauwe kleur) is een paar regels zakken. is ni echt duidelijk da da uw hoofdmenu is nu, moet er iets meer uitspringen.
o

omfg

Legacy Member
kheb nu 10px padding op de paragrafen gezet, mn content div een goeie 100px versmald, en het menu wa "zichtbaarder" gemaakt

merci voor de tips :niceone:
D

DevStyle

Legacy Member
Hmm, je verbetert, maar het kan nog veel aanpassingen gebruiken..
Je layout oogt zo "ruw" nu, die kleuren zijn zo allemaal opeengegooid dat het allemaal wat brutaal overkomt.
Hoe zachter je website oogt, hoe gemakkelijker de content te lezen is.
(ik heb iets met spreuken de laatste tijd :D )

Nuja, het principe is dat je CSS foutloos toepast, en ik neem aan dat dat gelukt is? (Geen tijd om de coding te controleren)
o

omfg

Legacy Member
DevStyle zei:
Hmm, je verbetert, maar het kan nog veel aanpassingen gebruiken..
Je layout oogt zo "ruw" nu, die kleuren zijn zo allemaal opeengegooid dat het allemaal wat brutaal overkomt.
Hoe zachter je website oogt, hoe gemakkelijker de content te lezen is.
(ik heb iets met spreuken de laatste tijd :D )

Nuja, het principe is dat je CSS foutloos toepast, en ik neem aan dat dat gelukt is? (Geen tijd om de coding te controleren)
Klik om te vergroten...
de css is goed gelukt, maar ik zal hem gebruiken als mijn nieuwe portfoliosite.. :)
kzal nog wa experimenteren met kleuren

*edit
ik heb de achtergrond van mijn content lichter blauw gemaakt.
o

omfg

Legacy Member
deze layout wordt dus geschrapt, ik heb besloten om eens te beginnen met photoshop te leren, en heb een nieuwe gemaakt.
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