Sidabar elemei egymás mellé

Sziasztok! Azt szeretném megoldani, hogy a sidebar elemei a footerben legyenek, de egymás mellett. A footerbe be tudom rakni, de nm tudom azt megoldani, hogy az elemek egymás mellett helyezkedjenek el.











Naptár Archívum Kategóriák





december 2008 2008. január Kategória 1





H K S C P S V 2008. február kategória 2











1 2 3 4 5 6 7





8 9 10 11 12 13 14





15 16 17 18 19 20 21





22 23 24 25 26 27 28





29 30 31











ezt szeretném megoldani

Amint fent ábrázoltál az = 3 div egymás mellé “float” a CSS-ben; és az elemeket külön-külön berakosgatod a div-ekbe.











Pl. a hemingway theme és összes klónjai, nézegesd meg őket.

A folvarazs.hu oldalon hasonlót valósítottam meg.











Csináltam egy bottom.php-t amibe beleraktan 3 divet, ahogy a mester mondja.





Azért, hogy könnyű legyen kezelni elsőnek ezeket widget-isettem, tehát a menüből tudod belerakni, hogy mi legyen ott és hogyan.











Ha ilyet akarsz, akkor leírom, hogy én hogyan valósítottam meg.

Köszi mindkettőtöknek!











T_H! Akkor megkérnélek, hogy írd le hogyan is néz ki ez a widget-féle megololdás.

OK.





A function.phpban megcsináltam, hogy legyen több sidebar-om











“<?php





if ( function_exists(‘register_sidebar’) )





register_sidebars(4, array(





‘before_widget’ => ‘’,





‘after_widget’ => ‘’,





‘before_title’ => ‘

’,





‘after_title’ => ‘

’,





));





?>”











Aztán létrehoztam egy új php-t ami be ‘include’-olok az oldalsablonokba (index, single, archive…)





Ez nálam bottom néven szerepel.





Első körben mindhárom dobozban a dinamic-sidebar egyes elemei voltak, hogy konnyen lehessen szerkeszteni, de mostmár áttértem a kézi faragásra, mert ott szabadabban tudtam kihasználni a lehetőségeket.





Ez a bottom php valahogy így néz ki:











"






























    [/list]

























    [/list]




























    [/list]












"





Természetesen a stile.css-ben is meg kellett határozni, hogyan is nézzenek ki az egyes DIV-ek





"#bottom {


text-align:left;


clear: both;


padding: 0px;


width: 955px;


border-top: 1px dashed #928641;


}





#bottom h2 {


color: #906728;


margin: 0px;


padding: 0px;


font: 20px Georgia, Times, Serif;


}








#bal {


background: none;


width: 300px;


padding: 0px;


margin: 0px 10px 0px 10px;


float: left;


display: inline;


}





#kozep {


width: 290px;


padding: 0px;


margin: 0px 10px 0px 10px;


float: left;


display: inline;


}





#jobb {


width:290px;


padding: 0px;


margin: 0px 25px 0px 10px;


float: right;


display: inline;


}


"





Ennyi.


Egyúttal kérem a szakikat, hogy ha látnak benne nagy baklövéseket, akkor segítsenek tanulni nekem is.

Köszi szépen! felpróbálom! :wink: