Temos pavadinimas: WordPress, Shopify ir PHPFusion programuotojų bendruomenė :: Dėl PSD to HTML&CSS

Parašė SWIZZ· 2014 Kov. 12 13:03:46
#80

SonyNokia parašė:
<...>

Ir dar norėčiau paklausti, ką reiktų padaryt, kad jeigu būtų sumažintas chrome langas, kad neliptų vienas ant kito ? Na kaip kituose puslapiuose būna, kad jeigu ir sumažini chromo langa, ir nelaipioja, tiesiog pradingsta ekrana, ir reikia slankiot. Ar čia tik parodo, kad ir vėl kodą blogai parašiau ?


Jei nori padaryti, kad nuo lango (ekrano) dydžio priklausytų dizainas, turi daryti jį 'responsive'. Tame video, kur daviau tau, gale rodo, kaip tai padaryti. Reikia prirašyti .css faile @media ir jame sukurti atskirus parametrus, kurių nori.

O ten viršui ko klausei, tai kam tas <span> ?

Daryk taip:


<div class="naujiena">
<header class="naujienos-virsus">
Atnaujinimai svetainėje
</header>
 
<img src="sdasd.png" />
<p class="tekstas">
Balalasllaslalsl
</p>
</div>


.css failas:


.naujiena {
width: ***px;
float: left;
}
 
header .naujienos-virsus {
bacground-color:#sadasd;
width: ***px;
height: ***px;
}
 
.naujiena img {
width: ***px; (paveiksliuko plotis)
height: auto;
float: left;
}
 
p .tekstas {
float: left;
}


Čia ne viskas gali būti gerai, tačiau pasiredaguok pagal save. Aš tai nesuprantu... Juk tą kur daviau video - visi šie dalykai buvo parodyti. O šiaip ir Google ant tokių dalykų tikrai protinga.