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

Parašė Faitas.· 2011 Rugs. 6 19:09:38
#19

Tobulėji labai greitai! Dizainas dar biški turi trūkumų, bet jau jau, po biški mokaisi. Mažinant/didinant rezoliuciją dizainas nesitampo, nejuda, labai didelę reikšmę tai turi. :)

HTML:

Jau kodas gražesnis, bet dar nelabai žinai kaip kur naudoti. Table žymės yra skirtos lentelėms, div yra skirtas dizaino kodavimui (nežinau kodėl su table dar yra koduojami dizainai kartais, bet dizainai sukoduoti su div'ais greičiau užsikrauna ir juos lengviau yra išdėlioti). Pamačiau, kad table žymes uždėjai ant footer'io išdėliojimo (copyright'ų), bet jei norėjai išdėlioti, tai galėjai ir su div'ais, pavyzdžiui:


<div id='footer'>
 
<div class="copyright">
         UAB “Rinoras” &copy; Visos teisės saugomos <?php echo date("Y") ?>
</div>
 
<div class="creator">
         Programavimas: <a href="skype:faitass?chat">AINERA</a>
</div>
 
</div>



/* Footer */
#footer {
	border-top: 1px solid #ad6561; 
	margin: 40px 0 0 0; 
	font-size: 11px;
}
.copyright {
	margin: 20px 0 0 0;
	float: left;
}
.creator {
	margin: 20px 0 0 0;
	float: right;
}


Tai tiek apie HTML, visa kitą lygtais tvarkinga.

CSS:

Stenkis sakinį rašyti vienoje eilutėje, nes dabar biški nesamonę padarei:


#meniu li a { 
	background:url(../images/meniu_punktas.png) 
	no-repeat; 
	margin:0 15px; 
	width:139px; 
	height:36px; 
	color:#b7b5b3; 
	float:left; 
	padding-top:10px; 
	text-decoration:none; 
}


Turėtų būti taip:


#meniu li a { 
	background:url(../images/meniu_punktas.png) no-repeat; 
	margin:0 15px; 
	width:139px; 
	height:36px; 
	color:#b7b5b3; 
	float:left; 
	padding-top:10px; 
	text-decoration:none; 
}


:p

Na kaip ir viskas. Sekmės toliau kodavime.

P.S - Kiekvienas mokslo metais manau neatranda daug laiko (ypač tokiems dalykams kaip programavimas). Bet jei labai nori išmokti, tada kiekvieną sekundę išnaudosi naudingai. :)

Redagavo Faitas.· 2011 Rugs. 6 19:09:17