EXEMPEL 4 - Grundlayout 2
Den här LAYOUTEN har fast bredd angiven till 774 pixlar. Om texten förstoras kommer den att expandera nedåt. Sidans utformning styrs av stilmallen: stilmall4.css.
Exempel 2 har också fast bredd - men menyn är placerad till höger!
Teckensnittet för brödtexten är: Verdana, Arial, Helvetica, sans-serif.
Rubrikernas teckensnitt är: Georgia, Times, "Times New Roman", serif.
Menyn till vänster bör inte innehålla hela ord med fler än c:a 20 tecken för att layouten ska fungera korrekt om användaren förstorar texten. Testa!
I kolumnen #maincontent bör element inte vara bredare än 496 pixlar och i kolumnen #sidecontent inte bredare än 218 pixlar- inklusive eventuell padding och marginal. Att ange bredd med enheten em på element fungerar inte här. Om du förändrar bredden på layouten eller paddingen i boxarna gäller andra mått! Testa! En bredd med 100% - utan padding och marginal - går alltid bra!
Layouten är egentligen inte speciellt komplicerad - det är hur enkelt som helst förändra utseendet. Lägg till bakgrundsbilder, byt bakgrundsfärger och färger på rubriker och länkar!
Naturligtvis kan du också använda layouten som mall att arbeta vidare på - och ändra precis hur mycket eller lite du vill! Men se tll att kolla layouten i olika upplösningar och textstorlekar - och i åtminstone både Mozilla Firefox och Internet Explorer.
Behöver du ett grafikprogram kan du hitta tips på NinetNet under rubriken: GRAFIK / Grafik / Fotoprogram.
Om du vill får du gärna länka tillbaka till NinetNet från din sida:
Layout från NinetNet
Uppdaterad: Juli 2006