[PREVIEW] nieuwe layout
Ik heb een nieuwe layout voor mijn website waar ik redelijk tevreden voor heb
Mijn vriend , mede eigenaar van de website . vind de layout maar niks.
Daarom aan jullie
Wat vinden jullie ervan?
Nieuwe layout:
http://www.sficlan.com/beta/
Oude layout:
http://www.sficlan.com/
Tips / verbeteringen zijn van harte welkom
Mijn vriend , mede eigenaar van de website . vind de layout maar niks.
Daarom aan jullie
Wat vinden jullie ervan?
Nieuwe layout:
http://www.sficlan.com/beta/
Oude layout:
http://www.sficlan.com/
Tips / verbeteringen zijn van harte welkom
Gesponsorde koppelingen:
goed voor een clansite maar onderaan in de box van 'SFI CLAN . COM' klopt er iets niet in chrome..
Wat bedoel je , ik zie het niet
Edit :
Ik ga even chrome downloaden dan kan ik het zien
Toevoeging op 28/01/2011 17:03:29:
ik zie het ja
Alleen hoe meot ik het oplossen
Edit :
Ik ga even chrome downloaden dan kan ik het zien
Toevoeging op 28/01/2011 17:03:29:
ik zie het ja
Alleen hoe meot ik het oplossen
Gewijzigd op 28/01/2011 17:01:33 door jordi kroon
geen idee, ik ben niet zo super met css..
Best wel jammer dat er tabellen worden gebruik voor de opbouw van de site. Wat is er mis met CSS, divjes en semantiek gebruik van HTML-elementen?
De oude voldeed er wel aan....
Best wel ironisch :+
De oude voldeed er wel aan....
Best wel ironisch :+
Gewijzigd op 28/01/2011 17:20:55 door - Aar -
Hoe je het oplost, nou je site opnieuw scripten en deze keer zonder tabellen!
Voorderest kwa uiterlijk stukken beter.
Voorderest kwa uiterlijk stukken beter.
Code is echt een ramp:
- Inline CSS
- Tabellen
- Onnodige gebruik van breaks
Verder het design:
- Druk, maar dat schijnt te horen bij dit soort sites
- Valid buttons van W3C zouden verboden moeten worden. De gebruiker interesseert het nis, het staat vreselijk en het zegt niks over hoe goed de code is.
- Menu staat niet mooi uitgelijnd. Ik zou hem centeren.
- De hover op het menu staat niet mooi. Ik zou verwachten dat de gloed achter de links groter wordt, maar daarin tegen wordt het een saaie vlakke grijze achtergrond.
- Tekst leest niet echt gemakkelijk. Je moet het contrast wat groter maken.
- Reclame past niet in de site. Probeer een reclame altijd zo goed mogelijk te integreren in je design.
- Footer tekst niet te lezen
Nog wat andere tips:
- Gebruik logische afbeeldingsnamen. Dus niet 1.png, maar main-bg.png. Zo kan je snel zien waar dat bij hoort.
- Images kan je veel beter met CSS: background instellen. Dit werkt veel fijner.
- Bij een legale kleur heb je geen images nodig, maar kan je ook gebruik maken van CSS: background.
- Inline CSS
- Tabellen
- Onnodige gebruik van breaks
Verder het design:
- Druk, maar dat schijnt te horen bij dit soort sites
- Valid buttons van W3C zouden verboden moeten worden. De gebruiker interesseert het nis, het staat vreselijk en het zegt niks over hoe goed de code is.
- Menu staat niet mooi uitgelijnd. Ik zou hem centeren.
- De hover op het menu staat niet mooi. Ik zou verwachten dat de gloed achter de links groter wordt, maar daarin tegen wordt het een saaie vlakke grijze achtergrond.
- Tekst leest niet echt gemakkelijk. Je moet het contrast wat groter maken.
- Reclame past niet in de site. Probeer een reclame altijd zo goed mogelijk te integreren in je design.
- Footer tekst niet te lezen
Nog wat andere tips:
- Gebruik logische afbeeldingsnamen. Dus niet 1.png, maar main-bg.png. Zo kan je snel zien waar dat bij hoort.
- Images kan je veel beter met CSS: background instellen. Dit werkt veel fijner.
- Bij een legale kleur heb je geen images nodig, maar kan je ook gebruik maken van CSS: background.
Ik ga hem nu herschrijven Met div's
Dus daar svp geen reacties meer over.
De rest mag uiteraard wel:)
Dus daar svp geen reacties meer over.
De rest mag uiteraard wel:)
de site mag niet op 1024 schermen?

Even er op klikken
1. Dat klopt niet (afbeelding).
2. Die footer is echt zo slecht te lezen & dan die buttons van W3C valid... RAMP!
Verder ziet het er wel goed uit =) Vooral voor zo'n site wel mooi werk.
Gewijzigd op 28/01/2011 18:00:18 door Jurrian Nijland
@vincent
wat bedoel je ermee?
wat bedoel je ermee?
Jordi kroon op 28/01/2011 17:59:59:
@vincent
wat bedoel je ermee?
wat bedoel je ermee?
Dat op een 1024 x ??? scherm de site niet goed zichzelf weer laten weergeven =P
Gewijzigd op 28/01/2011 18:01:26 door Jurrian Nijland
Jordi kroon op 28/01/2011 17:49:57:
Ik ga hem nu herschrijven Met div's
Dus daar svp geen reacties meer over.
De rest mag uiteraard wel:)
Dus daar svp geen reacties meer over.
De rest mag uiteraard wel:)
Ik hoop niet alleen div's.....
@jurrian
Dit klopt
Ik had had zelf nog geen chrome heb het net even gedownload
jasper zij het net ook al
Dit klopt
Ik had had zelf nog geen chrome heb het net even gedownload
jasper zij het net ook al
- Aar - op 28/01/2011 18:01:47:
Ik hoop niet alleen div's.....
Jordi kroon op 28/01/2011 17:49:57:
Ik ga hem nu herschrijven Met div's
Dus daar svp geen reacties meer over.
De rest mag uiteraard wel:)
Dus daar svp geen reacties meer over.
De rest mag uiteraard wel:)
Ik hoop niet alleen div's.....
Offtopic:
Whahaha =P
@aar ik begin eerst met divs omdat dat het meeste werk is
Daarna doe ik de rest.
Ik vraag om verbeteringen en die ga ik ook uitvoeren
Daarna doe ik de rest.
Ik vraag om verbeteringen en die ga ik ook uitvoeren
Jordi kroon op 28/01/2011 18:02:03:
@jurrian
Dit klopt
Ik had had zelf nog geen chrome heb het net even gedownload
jasper zij het net ook al
Dit klopt
Ik had had zelf nog geen chrome heb het net even gedownload
jasper zij het net ook al
Oja, even overheen gekeken. Sorry, excuus, etc.
maakt niet uit
Voornamelijk bouw je in div's het hele framework waarin je de site kan groeperen.
Een voorbeeldje van een opbouw:
#Contentbox
- header
o login-box
o Breadcrumb (broodkruimelspoor)
- Menu
- Content
o Footer
* Datum en tijd
* Auteur
- Sidebar
- Footer
In principe bouw je niet alles in divjes, als je een lijst (ongeacht of deze horizontal of verticaal geplaatst is) maakt kan je prima de list-element van HTML gebruiken i.p.v. elk item een eigen div'je te geven.
Een voorbeeldje van een opbouw:
#Contentbox
- header
o login-box
o Breadcrumb (broodkruimelspoor)
- Menu
- Content
o Footer
* Datum en tijd
* Auteur
- Sidebar
- Footer
In principe bouw je niet alles in divjes, als je een lijst (ongeacht of deze horizontal of verticaal geplaatst is) maakt kan je prima de list-element van HTML gebruiken i.p.v. elk item een eigen div'je te geven.
Gewijzigd op 28/01/2011 18:27:43 door - Aar -
- Aar - op 28/01/2011 18:27:05:
Voornamelijk bouw je in div's het hele framework waarin je de site kan groeperen.
Een voorbeeldje van een opbouw:
#Contentbox
- header
o login-box
o Breadcrumb (broodkruimelspoor)
- Menu
- Content
o Footer
* Datum en tijd
* Auteur
- Sidebar
- Footer
In principe bouw je niet alles in divjes, als je een lijst (ongeacht of deze horizontal of verticaal geplaatst is) maakt kan je prima de list-element van HTML gebruiken i.p.v. elk item een eigen div'je te geven.
Een voorbeeldje van een opbouw:
#Contentbox
- header
o login-box
o Breadcrumb (broodkruimelspoor)
- Menu
- Content
o Footer
* Datum en tijd
* Auteur
- Sidebar
- Footer
In principe bouw je niet alles in divjes, als je een lijst (ongeacht of deze horizontal of verticaal geplaatst is) maakt kan je prima de list-element van HTML gebruiken i.p.v. elk item een eigen div'je te geven.
Even tussendoor: ik snap dus nooit wat van die breadcrumb. Wat is het nut daar van? Waar is het voor nodig?
=P
google: http://www.devlounge.net/code/css-breadcrumbs-in-5-minutes.
Het is voor seo optimalisatie, en dat de lezer weet waar hij zich bevind op je site.
Het is voor seo optimalisatie, en dat de lezer weet waar hij zich bevind op je site.
Gewijzigd op 28/01/2011 18:42:20 door PHP Jasper



