Temos pavadinimas: WordPress, Shopify ir PHPFusion programuotojų bendruomenė :: Html temos

Parašė Faitas.· 2011 Rugp. 21 18:08:59
#2

Na kaip ir rodo gerai, keičiant rezoliucija dizainas nepasikeičia, už tai tikrai pliusas. Nes kai kurie daro taip, kad jei padidini arba pamažini rezoliucija, tai visas dizainas „išsilaksto“.

Apie HTML kodą: Priprask kodą rašyti tvarkingai, nes darbai biški išsklaidytas. Pavyzdžiui: Darydamas footer div'ą, galėjai taip nedaryti:


<div class='footer'>
 
 
</div>


Galėjai daryti taip:


<div class='footer'></div>


Žodžiu, kai nerašai nieko į div'ą, galima rašyti viską į vieną eilutę. Taip pat turiu kritikos ir apie sukarpymą. Sukarpytas blogai, headeryje galėjai uždėti tą tekstą su div'u, taip pat ir procentus footeryje. :)

Apie CSS kodą: Viskas kaip ir tvarkinga, tik priprask atskirti aprašyto elemento turinį, dabar tavo elementas aprašome taip:


.virsus { 
height:52px; 
width: 608px;
background-image:url(../images/header.png); 
margin-right:auto; 
margin-left:auto;
margin-top:40px;
}


Būtų suprantamiau, jei parašytum taip:


.virsus { 
	height:52px; 
	width: 608px;
	background-image:url(../images/header.png); 
	margin-right:auto; 
	margin-left:auto;
	margin-top:40px;
}


Dar turėtum priprasti viską rašyt iš eilės, nes background-image aprašome vidurį elemento turinio, o turėtų būti taip:


.virsus {
        background-image:url(../images/header.png);  
	height:52px; 
	width: 608px;
	margin-right:auto; 
	margin-left:auto;
	margin-top:40px;
}


Daugiau kaip ir nieko, tik body nustatei #FFF, o turėjo būti pilkas fonas. :) Bėje, yra CSS kode ir tokios spalvos: white, black, green, red, yellow etc.

Sekmės koduojant, laukiu daugiau dizainų. ;)