Webboard

Pełna wersja: Jak zamienić szerokość sidebox
Aktualnie przeglądasz uproszczoną wersję forum. Kliknij tutaj, by zobaczyć wersję z pełnym formatowaniem.
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.
pokaz szablon index
(15.02.2014, 00:56)Supryk napisał(a): [ -> ]pokaz szablon index

Kod PHP:
<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;"><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;"><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;"><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
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
(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 ?
Spróbuj tak: szablon index

Kod PHP:
<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;"><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;"><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;"><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:

Kod PHP:
#index_forums {
    
floatleft;
    
width100%;
    
margin-right10px;


Na to:

Kod PHP:
#index_forums {
    
floatleft;
    
width106%;
    
margin-right10px;

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

Kod PHP:
<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;"><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;"><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;"><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:

Kod PHP:
#index_forums {
    
floatleft;
    
width100%;
    
margin-right10px;


Na to:

Kod PHP:
#index_forums {
    
floatleft;
    
width106%;
    
margin-right10px;


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