Jak zamienić szerokość sidebox

**szaumx** · 14.02.2014, 23:38

wersja skryptu MyBB: 1.6.12
adres forum: http://perfectskill.pl/
na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu): Szukam sposobu jak zmienić szerokość sidebox. Mam 2 sidebox'y ręcznie dodane i 3 z pluginu. Jeden z "top_rep" a drugi z "top_stats". Proszę o pomoc.

**Supryk** · 15.02.2014, 00:56

pokaz szablon index

**szaumx** · (Ten post był ostatnio modyfikowany: 15.02.2014, 01:02 przez szaumx.)

(15.02.2014, 00:56)Supryk napisał(a): pokaz szablon index

<html>
<head>
<title>{$mybb->settings['bbname']}</title>
{$headerinclude}
<script type="text/javascript">
<!-- lang.no_new_posts = "{$lang->no_new_posts}"; lang.click_mark_read = "{$lang->click_mark_read}";// -->
</script>
</head>
<body>
{$header}{$serversboard_index}

<div class="sidebar" style="float: right;width: 18%;">
<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" style="width: 100%; border-left: 1px solid #393939; border-right: 1px solid #393939; border-bottom: 1px solid #393939;">
<tr>
<td class="tcat"><img src="http://i58.tinypic.com/2znxvkh.png" alt="star" /> <b>FanPage</font></b>
</td>
</tr>
<tr> 
<td style="background: #1a1a1a; padding: 6px; text-shadow: rgba(0, 0, 0, 0.804) 0px -1px 0px; color: #eeeeee; font-size: 11px; font-weight: 700; "><iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Fpages%2FCounter-Strike-16perfectskill%2F535940893155777%3Ffref%3Dts&amp;width=190&amp;height=395&amp;colorscheme=dark&amp;show_faces=false&amp;header=false&amp;stream=true&amp;show_border=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:190px; height:350px;" allowTransparency="true"></iframe>
</td> 
</tr>
<br>
</table><br><table border="0" cellspacing="1" cellpadding="4" class="tborder" style="border: #393939 solid 1px;">
<tr>
<td class="tcat" style="border: #393939 solid 0px; color: #fff;"><div class="expcolimage"><img src="{$theme['imgdir']}/collapse{$collapsedimg['usercpmisc']}.gif" id="boxside_img" class="expander" alt="[-]" title="[-]" />
</div>
<img src="http://i57.tinypic.com/25p5xtc.png" alt="star" /> <strong>Przydatne linki</strong></td></tr><tbody id="boxside_e" style=""> <td class="trow1" colspan="1" style="color: #fff;" align="center"><br />
<span style="font-size: 25px;"><a class="mhover" href="http://perfectskill.xaa.pl/forumdisplay.php?fid=2">Regulaminy</a> 
<br>
<span  style="font-size: 10px;">Zapoznaj się z regulaminami</span>
<center><span  style="font-size: 10px;">------------------------------------------</span></center>
<br>
<span style="font-size: 25px;"><a class="mhover" href="http://perfectskill.xaa.pl/forumdisplay.php?fid=93">Konkursy</a> 
<center><span style="font-size: 10px;">Ciekawe konkursy na forum !</span></center>
<center><span  style="font-size: 10px;">------------------------------------------</span></center>
<br>
<span style="font-size: 25px;"><a class="mhover" href="http://perfectskill.xaa.pl/showthread.php?tid=50">Odpracuj Warna</a> 
<center><span style="font-size: 10px;">Dostałeś warna ? Odrób go !</span></center>
<center><span  style="font-size: 10px;">------------------------------------------</span></center>
</td>
</tr> 
</table> 
<br> 
{$topStats['LastThreads']}
{$toprep}
<br>
{$topStats['Timeonline']} 
{$recenttopics}



<tr> 
<td style="background: #1a1a1a; padding: 6px; text-shadow: rgba(0, 0, 0, 0.804) 0px -1px 0px; color: #eeeeee; font-size: 11px; font-weight: 700; "><iframe src="https://admin.pukawka.pl/api/?keyapi=22FN8cM4HjkkOw6" width="214" height="298px" border="0" style="border:0;width:214px;height:298pxpx;"><a href="https://admin.pukawka.pl/api/?keyapi=22FN8cM4HjkkOw6">Przejdź do płatności</a></iframe>
</td> 
</tr>
</div>
<br>

<div class="forums" style="float: left;width: 81%;">
<div id="index_forums">
{$custom_status_index}
{$forums}
{$dvz_shoutbox} 
<br>
</div>
</div>
<br class="clearboth">








{$boardstats}
{$footer}
</body>
</html> 

**Supryk** · (Ten post był ostatnio modyfikowany: 15.02.2014, 01:10 przez Supryk.)

no masz dwa divy sidebar i forums w ich ostylizowaniu masz procentowa szerokosc 18 i 81 a ten jeden pozostaly procent to przerwa miedzy forum a panelem

**szaumx** · 15.02.2014, 02:41

(15.02.2014, 01:05)Supryk napisał(a): no masz dwa divy sidebar i forums w ich ostylizowaniu masz procentowa szerokosc 18 i 81 a ten jeden pozostaly procent to przerwa miedzy forum a panelem

to jak to przerobić aby szerokość tych sidebox'ów co napisałem wynosiły 214px ?

**Ecosse** · 15.02.2014, 02:49

Spróbuj tak: szablon index

<html>
<head>
<title>{$mybb->settings['bbname']}</title>
{$headerinclude}
<script type="text/javascript">
<!-- lang.no_new_posts = "{$lang->no_new_posts}"; lang.click_mark_read = "{$lang->click_mark_read}";// -->
</script>
</head>
<body>
{$header}{$serversboard_index}

<div class="sidebar" style="float: right;width: 214px;">
<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" style="width: 100%; border-left: 1px solid #393939; border-right: 1px solid #393939; border-bottom: 1px solid #393939;">
<tr>
<td class="tcat"><img src="http://i58.tinypic.com/2znxvkh.png" alt="star" /> <b>FanPage</font></b>
</td>
</tr>
<tr> 
<td style="background: #1a1a1a; padding: 6px; text-shadow: rgba(0, 0, 0, 0.804) 0px -1px 0px; color: #eeeeee; font-size: 11px; font-weight: 700; "><iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2F​pages%2FCounter-Strike-16perfectskill%2F535940893155777%3Ffref%3Dts&amp;width=190&amp;height=395&amp;colorscheme=dark&amp;show_faces=false&amp;header=false&amp;stream=true&amp;show_border=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:190px; height:350px;" allowTransparency="true"></iframe>
</td> 
</tr>
<br>
</table><br><table border="0" cellspacing="1" cellpadding="4" class="tborder" style="border: #393939 solid 1px;">
<tr>
<td class="tcat" style="border: #393939 solid 0px; color: #fff;"><div class="expcolimage"><img src="{$theme['imgdir']}/collapse{$collapsedimg['usercpmisc']}.gif" id="boxside_img" class="expander" alt="[-]" title="[-]" />
</div>
<img src="http://i57.tinypic.com/25p5xtc.png" alt="star" /> <strong>Przydatne linki</strong></td></tr><tbody id="boxside_e" style=""> <td class="trow1" colspan="1" style="color: #fff;" align="center"><br />
<span style="font-size: 25px;"><a class="mhover" href="http://perfectskill.xaa.pl/forumdisplay.php?fid=2">Regulaminy</a> 
<br>
<span  style="font-size: 10px;">Zapoznaj się z regulaminami</span>
<center><span  style="font-size: 10px;">------------------------------------------</span></center>
<br>
<span style="font-size: 25px;"><a class="mhover" href="http://perfectskill.xaa.pl/forumdisplay.php?fid=93">Konkursy</a> 
<center><span style="font-size: 10px;">Ciekawe konkursy na forum !</span></center>
<center><span  style="font-size: 10px;">------------------------------------------</span></center>
<br>
<span style="font-size: 25px;"><a class="mhover" href="http://perfectskill.xaa.pl/showthread.php?tid=50">Odpracuj Warna</a> 
<center><span style="font-size: 10px;">Dostałeś warna ? Odrób go !</span></center>
<center><span  style="font-size: 10px;">------------------------------------------</span></center>
</td>
</tr> 
</table> 
<br> 
{$topStats['LastThreads']}
{$toprep}
<br>
{$topStats['Timeonline']} 
{$recenttopics}



<tr> 
<td style="background: #1a1a1a; padding: 6px; text-shadow: rgba(0, 0, 0, 0.804) 0px -1px 0px; color: #eeeeee; font-size: 11px; font-weight: 700; "><iframe src="https://admin.pukawka.pl/api/?keyapi=22FN8cM4HjkkOw6" width="214" height="298px" border="0" style="border:0;width:214px;height:298pxpx;"><a href="https://admin.pukawka.pl/api/?keyapi=22FN8cM4HjkkOw6">Przejdź do płatności</a></iframe>
</td> 
</tr>
</div>
<br>

<div class="forums" style="float: left;width: 81%;">
<div id="index_forums">
{$custom_status_index}
{$forums}
{$dvz_shoutbox} 
<br>
</div>
</div>
<br class="clearboth">








{$boardstats}
{$footer}
</body>
</html> 

Tylko teraz jest większy odstęp między panelem bocznym a forami, spróbuj jeszcze zmienić wartość w global.css:

Tego:

#index_forums {
    float: left;
    width: 100%;
    margin-right: 10px;
} 

Na to:

#index_forums {
    float: left;
    width: 106%;
    margin-right: 10px;
} 

**szaumx** · 15.02.2014, 11:55

(15.02.2014, 02:49)Ecosse napisał(a): Spróbuj tak: szablon index

<html> <head> <title>{$mybb->settings['bbname']}</title> {$headerinclude} <script type="text/javascript">  </script> </head> <body> {$header}{$serversboard_index} <div class="sidebar" style="float: right;width: 214px;"> <table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" style="width: 100%; border-left: 1px solid #393939; border-right: 1px solid #393939; border-bottom: 1px solid #393939;"> <tr> <td class="tcat"><img src="http://i58.tinypic.com/2znxvkh.png" alt="star" /> <b>FanPage</font></b> </td> </tr> <tr> <td style="background: #1a1a1a; padding: 6px; text-shadow: rgba(0, 0, 0, 0.804) 0px -1px 0px; color: #eeeeee; font-size: 11px; font-weight: 700; "><iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Fpages%2FCounter-Strike-16perfectskill%2F535940893155777%3Ffref%3Dts&width=190&height=395&colorscheme=dark&show_faces=false&header=false&stream=true&show_border=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:190px; height:350px;" allowTransparency="true"></iframe> </td> </tr> <br> </table><br><table border="0" cellspacing="1" cellpadding="4" class="tborder" style="border: #393939 solid 1px;"> <tr> <td class="tcat" style="border: #393939 solid 0px; color: #fff;"><div class="expcolimage"><img src="{$theme['imgdir']}/collapse{$collapsedimg['usercpmisc']}.gif" id="boxside_img" class="expander" alt="[-]" title="[-]" /> </div> <img src="http://i57.tinypic.com/25p5xtc.png" alt="star" /> <strong>Przydatne linki</strong></td></tr><tbody id="boxside_e" style=""> <td class="trow1" colspan="1" style="color: #fff;" align="center"><br /> <span style="font-size: 25px;"><a class="mhover" href="http://perfectskill.xaa.pl/forumdisplay.php?fid=2">Regulaminy</a> <br> <span  style="font-size: 10px;">Zapoznaj się z regulaminami</span> <center><span  style="font-size: 10px;">------------------------------------------</span></center> <br> <span style="font-size: 25px;"><a class="mhover" href="http://perfectskill.xaa.pl/forumdisplay.php?fid=93">Konkursy</a> <center><span style="font-size: 10px;">Ciekawe konkursy na forum !</span></center> <center><span  style="font-size: 10px;">------------------------------------------</span></center> <br> <span style="font-size: 25px;"><a class="mhover" href="http://perfectskill.xaa.pl/showthread.php?tid=50">Odpracuj Warna</a> <center><span style="font-size: 10px;">Dostałeś warna ? Odrób go !</span></center> <center><span  style="font-size: 10px;">------------------------------------------</span></center> </td> </tr> </table> <br> {$topStats['LastThreads']} {$toprep} <br> {$topStats['Timeonline']} {$recenttopics} <tr> <td style="background: #1a1a1a; padding: 6px; text-shadow: rgba(0, 0, 0, 0.804) 0px -1px 0px; color: #eeeeee; font-size: 11px; font-weight: 700; "><iframe src="https://admin.pukawka.pl/api/?keyapi=22FN8cM4HjkkOw6" width="214" height="298px" border="0" style="border:0;width:214px;height:298pxpx;"><a href="https://admin.pukawka.pl/api/?keyapi=22FN8cM4HjkkOw6">Przejdź do płatności</a></iframe> </td> </tr> </div> <br> <div class="forums" style="float: left;width: 81%;"> <div id="index_forums"> {$custom_status_index} {$forums} {$dvz_shoutbox} <br> </div> </div> <br class="clearboth"> {$boardstats} {$footer} </body> </html>

Tylko teraz jest większy odstęp między panelem bocznym a forami, spróbuj jeszcze zmienić wartość w global.css:

Tego:

#index_forums {     float: left;     width: 100%;     margin-right: 10px; }

Na to:

#index_forums {     float: left;     width: 106%;     margin-right: 10px; }

ok, pomogło, ale w global.css w width musiałem dać zamiast 106% to 96% i wszystko było dobrze.

Dołącz do zespołu ekspertów! Backend lub Frontend Developer?

Jak zamienić szerokość sidebox

szaumx

Supryk

szaumx

Supryk

szaumx

Ecosse

szaumx

Użytkownicy przeglądający ten wątek:

Zaloguj się
Login:
Hasło:	Nie pamiętam hasła
	Zapamiętaj mnie