Temos pavadinimas: WordPress, Shopify ir PHPFusion programuotojų bendruomenė :: Klausimas koduotojams

Parašė Impossibru· 2010 Lap. 5 13:11:37
#1

Sveiki,

Taigi sugalvojau truputi atnaujinti savo tinklalapio dizainą bet iškilo probelma (nes nemoku koduoti tų div ir kitų dalykų). pas mane dizaine visada viršuje 3px buvo juoda linija pereinanti į pilką dizainą (nežinau kam ji realiai), tai sugalvojau ją padidinti ir padaryti tenais navigaciją, padidinau viskas tavrkoje, bet kaip dabar ten parašyti nuorodas?



CSS kodas:

body {
	background:#e7e7e2 url(images/bg.png) top left repeat-x;
	font-family: 'Lucida Grande',Verdana,'Bitstream Vera Sans',Arial,sans-serif; 
	margin:0 auto;
	font-size:12px;
}
...
#wrapper {margin:0 auto;width:880px;}


HTML kodas:

<body>
 
<div id="wrapper">
	<div id="header">
...
</div>
</div>

Kiek suprantu tada jį reiktu kišti prieš wrapper, ar ant jo?

P.S. Ta juoda linija viršuje tai BG paveikslėlis.

Parašė Creatium· 2010 Lap. 5 13:11:48
#2

Tai visų pirma reikėtų pakeisti tą bg paveikslėlį ir padaryt jį aukštesnį. Na, o toliau galima būtų tiesiog sukurti dar vieną div'ą ir jį įdėt po wrapper, prieš header.

Parašė Impossibru· 2010 Lap. 5 13:11:23
#3

Patį BG aš jau padidinau, užėjęs į mano blogą pamatytum kaip atrodo pagal default, o paveiksliuke kur įdėjau jau pakeltas tas BG. O gal prieš wrapper reikia jį dėti? Ir ar reiktu kokį naują css klasę susikurti būtent tai navigacijai?

Parašė Creatium· 2010 Lap. 5 14:11:21
#4

Reikėtų. Na, o dėt prieš ar po wrapper, tai reikėtų pagal css žiūrėt. Tačiau iš esmės jokio skirtumo nėra.

Klasę reikėtų sukurti panašią:


.tavodivoklasė {
width: kokio maždaug ilgio navigacija bus;
height: kad neišeitų už juodo bg;
float: left (kad būtų kairėje);
text-align: left;
}

Parašė Impossibru· 2010 Lap. 5 14:11:41
#5

LAbai ačiū už pagalbą, jau žinau kaip padarysiu, tik dar su navigacija reikia padirbėti, nes bus išssiskleidžianti (panašiai kaip Joomlos yra).