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

Sprawdź najnowsze oferty pracy naszego partnera - 8lines.io!

zmiana szerokości forum

Założony przez  jarek237.

13.04.2013, 12:53 (Ten post był ostatnio modyfikowany: 13.04.2013, 12:56 przez jarek237.)
#1
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


#container {
    background: ;
    width: 88%;
    color: #EF5222;
    margin: auto auto;
    padding:  20px;
    text-align: left;
}

#content {
    /* FIX: Make internet explorer wrap correctly */
    width: auto !important;
        
}


Załączone pliki Miniatury
   
13.04.2013, 12:59
#2
To musisz zmienić w indexie (panel boczny) wycinek kodu :
...
<div class="sidebar" style="float: right; width:16%;">
...

Edytujesz tylko ile % ma zajmować. W tym przypadku zwiększasz tą liczbę.
13.04.2013, 13:05
#3
(13.04.2013, 12:59)gibonpl napisał(a): To musisz zmienić w indexie (panel boczny) wycinek kodu :
...
<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
#4
następny wycinek :
...
<div class="forums" style="float: left; width: 80%;">
...
hmm ?
13.04.2013, 13:10 (Ten post był ostatnio modyfikowany: 13.04.2013, 13:11 przez jarek237.)
#5
(13.04.2013, 13:07)gibonpl napisał(a): następny wycinek :
...
<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...

<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}
13.04.2013, 13:13
#6
spróbuj tak :
<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: 88%;">
{$forums}
</div>
<br class="clear" />
{$changfcb}
{$boardstats}
13.04.2013, 13:21
#7
No niestety nadal szerokość pozostaje bez zmian
13.04.2013, 14:36 (Ten post był ostatnio modyfikowany: 13.04.2013, 14:38 przez -BsK-.)
#8
<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
13.04.2013, 14:42 (Ten post był ostatnio modyfikowany: 13.04.2013, 14:44 przez jarek237.)
#9
sidebar 2.0

// 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 :)
13.04.2013, 14:47 (Ten post był ostatnio modyfikowany: 13.04.2013, 14:48 przez -BsK-.)
#10
Nie do końca rozwiązany ;)
zwiń sobie sidebara i rozwiń to zobaczysz ;)
Zamień to:
// 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:
// 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();
     };
});
13.04.2013, 14:49
#11
hehe no własnie :-) nie do końca wraca do poprzedniego położenia...
13.04.2013, 14:56
#12
Ok, wiem.
Zamień:
<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}
na:
<a class="buttons" style="float: right;"></a>
<a class="clickedbuttons" style="float: right;"></a>
<br class="clear" />
<div class="sidebar" style="float: right; width: 19.5%;">
<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}



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

3 gości