Boczny blok

by **Matz3r** » 27 Jul 2010, o 09:14

Robie sobie styl i zrobiłem taki blok z boku

no ale on jest umieszczony w overall_header.html wiec wyswietla sie sie nazdej podstroniea ja chce tylko na głownej stronie wiec gdzie umiescic ten kod

Code: Select all: <div style="margin: auto; padding: 0;"> <div style="float: left; width: 99%;"><div id='board_index' class='clearfix'> <div id='index_stats' class='right clearfix' > <h3 class="maintitle"><img src='http://forum-c510.pl/public/style_images/clean/star.png' alt='Ikona' /> Informacja</h3> <div class='general_box clearfix'> <div class='_sbcollapsable'> <div id="sonda81016"><a href="http://sonda.hanzo.pl/">Darmowa Sonda na Stronę</a></div><script type="text/javascript" src="http://sonda.hanzo.eu/sonda.js,81016,iBR7,XpbB"></script> </div> </div><div class='general_box clearfix'> <h3>Najpopularniejsze tagi</h3> <div class='_sbcollapsable'> <ul class='tagList'> <li class='level1'><a href='http://forum-c510.pl/tags/Błąd' rel='tag'>Błąd</a></li> <li class='level1'><a href='http://forum-c510.pl/tags/Dziś' rel='tag'>Dziś</a></li> <li class='level1'><a href='http://forum-c510.pl/tags/IPS' rel='tag'>IPS</a></li> <li class='level1'><a href='http://forum-c510.pl/tags/Macie' rel='tag'>Macie</a></li> <li class='level1'><a href='http://forum-c510.pl/tags/Wgrywam' rel='tag'>Wgrywam</a></li> <li class='level3'><a href='http://forum-c510.pl/tags/Witam' rel='tag'>Witam</a></li> <li class='level3'><a href='http://forum-c510.pl/tags/aktualizacja' rel='tag'>aktualizacja</a></li> <li class='level1'><a href='http://forum-c510.pl/tags/cały' rel='tag'>cały</a></li> <li class='level1'><a href='http://forum-c510.pl/tags/chce' rel='tag'>chce</a></li> <li class='level1'><a href='http://forum-c510.pl/tags/czas' rel='tag'>czas</a></li> <li class='level1'><a href='http://forum-c510.pl/tags/czekać' rel='tag'>czekać</a></li> <li class='level1'><a href='http://forum-c510.pl/tags/czekam' rel='tag'>czekam</a></li> <li class='level2'><a href='http://forum-c510.pl/tags/dawpi' rel='tag'>dawpi</a></li> <li class='level1'><a href='http://forum-c510.pl/tags/dobre' rel='tag'>dobre</a></li> <li class='level1'><a href='http://forum-c510.pl/tags/edytor' rel='tag'>edytor</a></li> <li class='level2'><a href='http://forum-c510.pl/tags/facebook' rel='tag'>facebook</a></li> <li class='level6'><a href='http://forum-c510.pl/tags/forum' rel='tag'>forum</a></li> <li class='level1'><a href='http://forum-c510.pl/tags/htaccess' rel='tag'>htaccess</a></li> <li class='level2'><a href='http://forum-c510.pl/tags/invisionize' rel='tag'>invisionize</a></li> <li class='level2'><a href='http://forum-c510.pl/tags/ipslink' rel='tag'>ipslink</a></li> <li class='level1'><a href='http://forum-c510.pl/tags/jakieś' rel='tag'>jakieś</a></li> <li class='level1'><a href='http://forum-c510.pl/tags/kodowanie' rel='tag'>kodowanie</a></li> <li class='level2'><a href='http://forum-c510.pl/tags/licencja' rel='tag'>licencja</a></li> <li class='level1'><a href='http://forum-c510.pl/tags/linki' rel='tag'>linki</a></li> <li class='level1'><a href='http://forum-c510.pl/tags/logowanie' rel='tag'>logowanie</a></li> <li class='level1'><a href='http://forum-c510.pl/tags/map_last_topic_reply' rel='tag'>map_last_topic_reply</a></li> <li class='level1'><a href='http://forum-c510.pl/tags/mysql' rel='tag'>mysql</a></li> <li class='level1'><a href='http://forum-c510.pl/tags/opartego' rel='tag'>opartego</a></li> <li class='level3'><a href='http://forum-c510.pl/tags/panel' rel='tag'>panel</a></li> <li class='level1'><a href='http://forum-c510.pl/tags/php' rel='tag'>php</a></li> <li class='level1'><a href='http://forum-c510.pl/tags/ponownie' rel='tag'>ponownie</a></li> <li class='level1'><a href='http://forum-c510.pl/tags/poprawienie' rel='tag'>poprawienie</a></li> <li class='level1'><a href='http://forum-c510.pl/tags/pozycjonowania' rel='tag'>pozycjonowania</a></li> <li class='level1'><a href='http://forum-c510.pl/tags/problem' rel='tag'>problem</a></li> <li class='level1'><a href='http://forum-c510.pl/tags/przez' rel='tag'>przez</a></li> <li class='level1'><a href='http://forum-c510.pl/tags/pytanie' rel='tag'>pytanie</a></li> <li class='level1'><a href='http://forum-c510.pl/tags/quote' rel='tag'>quote</a></li> <li class='level1'><a href='http://forum-c510.pl/tags/reguły' rel='tag'>reguły</a></li> <li class='level3'><a href='http://forum-c510.pl/tags/sidebar' rel='tag'>sidebar</a></li> <li class='level3'><a href='http://forum-c510.pl/tags/spolszczenie' rel='tag'>spolszczenie</a></li> <li class='level1'><a href='http://forum-c510.pl/tags/sposoby' rel='tag'>sposoby</a></li> <li class='level1'><a href='http://forum-c510.pl/tags/sprzedam licencje' rel='tag'>sprzedam licencje</a></li> <li class='level1'><a href='http://forum-c510.pl/tags/tłumaczenie' rel='tag'>tłumaczenie</a></li> <li class='level1'><a href='http://forum-c510.pl/tags/tagi' rel='tag'>tagi</a></li> <li class='level1'><a href='http://forum-c510.pl/tags/twitter' rel='tag'>twitter</a></li> <li class='level1'><a href='http://forum-c510.pl/tags/wgrać' rel='tag'>wgrać</a></li> <li class='level1'><a href='http://forum-c510.pl/tags/wiec' rel='tag'>wiec</a></li> <li class='level1'><a href='http://forum-c510.pl/tags/wrzucenie' rel='tag'>wrzucenie</a></li> <li class='level1'><a href='http://forum-c510.pl/tags/wyszukiwarka' rel='tag'>wyszukiwarka</a></li> <li class='level1'><a href='http://forum-c510.pl/tags/youtube' rel='tag'>youtube</a></li> </ul> </div> </div><div> <h3 class='maintitle'><img src='http://forum-c510.pl/public/style_images/clean/comment_new.png' alt='' /> Najnowsze wpisy na blogu</h3> <div class='general_box alt clearfix'> <ul class='hfeed block_list' style='padding:0px'> </ul> </div> </div><div> <h3 class="maintitle"><img src='http://forum-c510.pl/public/style_images/clean/comment_new.png' alt='Ikona' /> Top 5 reputacji</h3> <div class='general_box clearfix'> <ul class='hfeed block_list'> <li class='hentry row1'> <span class='reputation positive' style='margin: 0px; padding: 0px 4px;'> 1128 </span> <address class="author vcard"> <a class="url fn" href="http://forum-c510.pl/user/1-dawpi/" title='Wyświetl profil'>DawPi</a> <a href='http://forum-c510.pl/user/1-dawpi/' class='__user __id1' title='Wyświetl profil'><img src='http://forum-c510.pl/public/style_images/clean/user_popup.png' alt='' /></a> </address> </li> <li class='hentry row2 altrow'> <span class='reputation positive' style='margin: 0px; padding: 0px 4px;'> 183 </span> <address class="author vcard"> <a class="url fn" href="http://forum-c510.pl/user/435-amfidiusz/" title='Wyświetl profil'>Amfidiusz</a> <a href='http://forum-c510.pl/user/435-amfidiusz/' class='__user __id435' title='Wyświetl profil'><img src='http://forum-c510.pl/public/style_images/clean/user_popup.png' alt='' /></a> </address> </li> <li class='hentry row1'> <span class='reputation positive' style='margin: 0px; padding: 0px 4px;'> 112 </span> <address class="author vcard"> <a class="url fn" href="http://forum-c510.pl/user/1579-pavulon/" title='Wyświetl profil'>Pavulon</a> <a href='http://forum-c510.pl/user/1579-pavulon/' class='__user __id1579' title='Wyświetl profil'><img src='http://forum-c510.pl/public/style_images/clean/user_popup.png' alt='' /></a> </address> </li> <li class='hentry row2 altrow'> <span class='reputation positive' style='margin: 0px; padding: 0px 4px;'> 80 </span> <address class="author vcard"> <a class="url fn" href="http://forum-c510.pl/user/139-wareczek/" title='Wyświetl profil'>Wareczek</a> <a href='http://forum-c510.pl/user/139-wareczek/' class='__user __id139' title='Wyświetl profil'><img src='http://forum-c510.pl/public/style_images/clean/user_popup.png' alt='' /></a> </address> </li> <li class='hentry row1'> <span class='reputation positive' style='margin: 0px; padding: 0px 4px;'> 48 </span> <address class="author vcard"> <a class="url fn" href="http://forum-c510.pl/user/258-leo/" title='Wyświetl profil'>Leo</a> <a href='http://forum-c510.pl/user/258-leo/' class='__user __id258' title='Wyświetl profil'><img src='http://forum-c510.pl/public/style_images/clean/user_popup.png' alt='' /></a> </address> </li> </ul> </div> </div><script type='text/javascript' src='http://forum-c510.pl/public/js/ips.status.js'></script><div> <h3 class='maintitle'><img src='http://forum-c510.pl/public/style_images/clean/user_comment.png' alt='' /> Aktualizacje statusu</h3> <div class='general_box alt clearfix' id='statusHook'> <div class='_sbcollapsable'> <div id="status_wrapper"> </div> </div> </div> </div> </div> </div> </div></div> <div style="float: left; width: 79.6%;">

by **wojtirz** » 27 Jul 2010, o 09:25

A zobacz viewforum_body.html, tak mi się wydaje.

by **Cypek** » 27 Jul 2010, o 10:48

styles/twój_steyl/template/index_body.html

by **Matz3r** » 28 Jul 2010, o 09:00

No w index_body.html tylko trzeba w css tez zrobic bo

Code: Select all: #wrap { margin-top: -1550px; padding: 0 20px; min-width: 650px; width: 940px; margin-left: -40px; }

Bo tak wygląda szerokość forum jest zwężone tak aby z boku był ten blok, a kiedy wstawiłem ten kod do index_body.html to ten boczny blok nie poszedł w to miejsce z boku tylko w ta szerokość #wrap

Tak teraz wygląda:

To jest kod bloku:

Code: Select all: #index_stats { margin-top: 100px; margin-right: 0px; padding-bottom:25px; width:20%; }

Boczny blok

Boczny blok

Re: Boczny blok

Re: Boczny blok

Re: Boczny blok

Who is online