wersja skryptu MyBB: 1.6.9
adres forum: www.forumplocka.pl
na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu):
Witam. Panowie w jaki sposób zmienić szerokośc forum żeby dopasowała się do panelu bocznego. W tej chwili odległośc miedzy panelem bocznym a kategoriami jest zbyt duza i chce ja zniwelowac (nie chce powiększać szerokości panelu bocznego, tylko forum)
Moje pliki które edytowałem w global.css lecz nie zachodziły żadne pozytywne zmiany
Kod:
#container {
background: ;
width: 88%;
color: #EF5222;
margin: auto auto;
padding: 20px;
text-align: left;
}
#content {
/* FIX: Make internet explorer wrap correctly */
width: auto !important;
}
To musisz zmienić w indexie (panel boczny) wycinek kodu :
Kod:
...
<div class="sidebar" style="float: right; width:16%;">
...
Edytujesz tylko ile % ma zajmować. W tym przypadku zwiększasz tą liczbę.
(13.04.2013, 12:59)gibonpl napisał(a): [ -> ]To musisz zmienić w indexie (panel boczny) wycinek kodu :
Kod:
...
<div class="sidebar" style="float: right; width:16%;">
...
Edytujesz tylko ile % ma zajmować. W tym przypadku zwiększasz tą liczbę.
No tak to wiem, podałeś mi wycinek kodu który zmienia szerokość Panelu bocznego a to chciałem zostawić juz bez zmian chciałem tylko rozszerzyc forum. Tak jak napisałem powyżej.
(13.04.2013, 13:07)gibonpl napisał(a): [ -> ]następny wycinek :
Kod:
...
<div class="forums" style="float: left; width: 80%;">
...
hmm ?
No własnie tu zmieniałem wcześniej tak samo i jest problem ponieważ jak wpisze inną wartość forum pozostaje bez zmian...
Kod:
<a class="buttons" style="float: right;"></a>
<a class="clickedbuttons" style="float: right;"></a>
<br class="clear" />
<div class="sidebar" style="float: right;width: 16%;">
<table border="0" cellspacing="0" cellpadding="4" class="tborder">
<tbody><tr>
<td class="thead"><strong>
<font color="#F57321">Polecamy</font>
</strong></td>
</tr>
<tr>
<td class="trow1">
<center><b>W tym miejscu może znajdować się Twoja reklama</center></b> <center><a href="http://www.facebook.com/Forumplocka"><img src="http://forumplocka.pl/images/reklama/face.png" /></center></a>
</td>
</tr>
</tbody></table>
</div>
<div class="forums" style="float: left;width: 83%;">
{$forums}
</div>
<br class="clear" />
{$changfcb}
{$boardstats}
No niestety nadal szerokość pozostaje bez zmian
Kod:
<a class="buttons" style="float: right;"></a>
<a class="clickedbuttons" style="float: right;"></a>
<br class="clear" />
<div class="sidebar" style="float: right;width: 16%;">
<table border="0" cellspacing="0" cellpadding="4" class="tborder">
<tbody><tr>
<td class="thead"><strong>
<font color="#F57321">Polecamy</font>
</strong></td>
</tr>
<tr>
<td class="trow1">
<center><b>W tym miejscu może znajdować się Twoja reklama</center></b> <center><a href="http://www.facebook.com/Forumplocka"><img src="http://forumplocka.pl/images/reklama/face.png" /></center></a>
</td>
</tr>
</tbody></table>
</div>
<div class="forums" style="float: left;width: 84%;">
{$forums}
</div>
<br class="clear" />
{$changfcb}
{$boardstats}
pokaż mi plik sidebar_2.0.js
znajduje się w katalogu: jscripts
sidebar 2.0
Kod:
// JavaScript Document
jQuery.noConflict();
jQuery(function() {
jQuery(".forums").css("width","80%");
jQuery(".clickedbuttons").hide();
jQuery(".buttons").click(function() {
jQuery(".sidebar").animate({height: "hide", opacity: 0}, 500,
function() {
jQuery(".forums").animate({width: "100%"}, 500);
});
jQuery(this).hide();
jQuery(".clickedbuttons").show();
jQuery.cookie("sidebar","collapsed", {expires: 365});
return false;
});
jQuery(".clickedbuttons").click(function() {
jQuery(".forums").animate({width: "80%"}, 500,
function() {
jQuery(".sidebar").animate({height: "show", opacity: 1}, 500);
});
jQuery(this).hide();
jQuery(".buttons").show();
jQuery.cookie("sidebar","expanded", {expires: 365});
return false;
});
if(jQuery.cookie("sidebar") == "collapsed") {
jQuery(".buttons").hide();
jQuery(".clickedbuttons").show();
jQuery(".forums").css("width","100%");
jQuery(".sidebar").hide();
};
});
No i problem rozwiązany nie zmieniałem szerokości w sidebarze, dzięki
Nie do końca rozwiązany
zwiń sobie sidebara i rozwiń to zobaczysz
Zamień to:
Kod:
// JavaScript Document
jQuery.noConflict();
jQuery(function() {
jQuery(".forums").css("width","80%");
jQuery(".clickedbuttons").hide();
jQuery(".buttons").click(function() {
jQuery(".sidebar").animate({height: "hide", opacity: 0}, 500,
function() {
jQuery(".forums").animate({width: "100%"}, 500);
});
jQuery(this).hide();
jQuery(".clickedbuttons").show();
jQuery.cookie("sidebar","collapsed", {expires: 365});
return false;
});
jQuery(".clickedbuttons").click(function() {
jQuery(".forums").animate({width: "80%"}, 500,
function() {
jQuery(".sidebar").animate({height: "show", opacity: 1}, 500);
});
jQuery(this).hide();
jQuery(".buttons").show();
jQuery.cookie("sidebar","expanded", {expires: 365});
return false;
});
if(jQuery.cookie("sidebar") == "collapsed") {
jQuery(".buttons").hide();
jQuery(".clickedbuttons").show();
jQuery(".forums").css("width","100%");
jQuery(".sidebar").hide();
};
});
Na to:
Kod:
// JavaScript Document
jQuery.noConflict();
jQuery(function() {
jQuery(".forums").css("width","84%");
jQuery(".clickedbuttons").hide();
jQuery(".buttons").click(function() {
jQuery(".sidebar").animate({height: "hide", opacity: 0}, 500,
function() {
jQuery(".forums").animate({width: "100%"}, 500);
});
jQuery(this).hide();
jQuery(".clickedbuttons").show();
jQuery.cookie("sidebar","collapsed", {expires: 365});
return false;
});
jQuery(".clickedbuttons").click(function() {
jQuery(".forums").animate({width: "84%"}, 500,
function() {
jQuery(".sidebar").animate({height: "show", opacity: 1}, 500);
});
jQuery(this).hide();
jQuery(".buttons").show();
jQuery.cookie("sidebar","expanded", {expires: 365});
return false;
});
if(jQuery.cookie("sidebar") == "collapsed") {
jQuery(".buttons").hide();
jQuery(".clickedbuttons").show();
jQuery(".forums").css("width","100%");
jQuery(".sidebar").hide();
};
});
hehe no własnie :-) nie do końca wraca do poprzedniego położenia...