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

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

Panel boczny po lewej stronie

Założony przez  Creativek.

22.10.2015, 00:56 (Ten post był ostatnio modyfikowany: 24.10.2015, 12:21 przez Creativek.)
#1
wersja skryptu MyBB:1.8.4
adres forum:ods-clan.cba.pl
na czym polega problem (screen, opis, komunikaty): Witam chcialbym dodać panel boczny ale po lewej stronie wie ktoś jak to zrobić? ? Na Googlu szukałem 

[TUTAJ OPIS PROBLEMU + SCREENY - wykasuj tę linijkę!!!]
22.10.2015, 08:01
#2
pokaż zawartość twojego stylu z szablonu index
Pomogłem i chcesz mi przyznać Punkt Reputacji? Proszę opisz w komentarzu za co go otrzymuję :) Dziękuje!  
22.10.2015, 22:32
#3
Elo po co?? Chodzi mi o to jaki jest kod zeby to dodac
23.10.2015, 06:37 (Ten post był ostatnio modyfikowany: 23.10.2015, 06:38 przez reusiak.)
#4
Znajdź:

{$forums}

i powyższy kod zamień na:

<div class="forums" style="float: left;width: 78%;">
{$forums}
</div>
<div class="sidebar" style="float: right;width: 21%;">
Zawartość sidebara.
</div>
23.10.2015, 19:09
#5
https://webboard.pl/thread-60920.html jeżeli chcesz mieć go po lewej to zamieniasz float: left i float: right miejscami.
23.10.2015, 22:46 (Ten post był ostatnio modyfikowany: 23.10.2015, 22:46 przez Creativek.)
#6
A jak mam ten kod??
<table border="0" width="100%" cellspacing="0" cellpadding="0" align="center">
    <tr>
        <td valign="top" style="padding-right: 20px" >
            {$forums}
            {$boardstats}
        </td>
        <td valign="top" width="170">
            <table border="0" cellspacing="0" cellpadding="4" class="tborder">
                <tr>
                    <td class="thead"><strong>TYTUŁ</strong></td>
                </tr>
                <tr>
                    <td class="trow1">ZAWARTOŚĆ (tekst, html, JS)</td>
                </tr>
            </table><br />
        </td>
    </tr>
</table> 
23.10.2015, 23:07
#7
Zamieniasz miejscami komórki (<td> //kod </td>)
24.10.2015, 11:23
#8
To znaczy ?? Moglbys podac kod ?? :)
24.10.2015, 12:15
#9
<table border="0" width="100%" cellspacing="0" cellpadding="0" align="center">
   <tr>
       <td valign="top" width="170">
           <table border="0" cellspacing="0" cellpadding="4" class="tborder">
               <tr>
                   <td class="thead"><strong>TYTUŁ</strong></td>
               </tr>
               <tr>
                   <td class="trow1">ZAWARTOŚĆ (tekst, html, JS)</td>
               </tr>
           </table><br />
       </td>
       <td valign="top" style="padding-right: 20px">
       {$forums}
       {$boardstats}
       </td>
   </tr>
</table>

Chyba o cos takiego ci chodzi ;)
„Lecz biorę całą odpowiedzialność na siebie. Być może się pomyliłem. Ale przecież mylić się jest rzeczą ludzką.”
24.10.2015, 12:20 (Ten post był ostatnio modyfikowany: 24.10.2015, 12:26 przez Creativek.)
#10
Hmmm to dodało panel na srodku a ja chcialem po lewej :/
o luju blad w nazwie tematu
CHODZI MI O PANEL BOCZY PO LEWEJ STRONIE
(24.10.2015, 12:15)myCreedo napisał(a): Chyba o cos takiego ci chodzi ;)

no ale to daje panel na srodku
Doaje kod
<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="thead" id="th303">
<span class="expcolimage expcol_close"><img src="images/collapse.png"></span>
<span style="display:none;" class="expcolimage expcol_open"><img src="images/collapse_collapsed.png"></span>
<div><strong>Serwery</strong></div>
</div><div id="expcol_box303">
<table border="0" cellpadding="0" cellspacing="0" width="100%" align="center"> 
<tbody><tr> 

</tr> 
<tr> 
<td class="row1"><span class="gen"> 

<table class="table_forum" border="0" cellpadding="0" cellspacing="0" width="100%" align="center"> 
<tbody><tr> 
<td class="trow2" style="padding: 5px;" align="center"><b>Gra</b></td> 
<td class="trow2" style="padding: 5px;" align="center"><b>Nazwa</b></td> 
<td class="trow2" style="padding: 5px;" align="center"><b>Monitoring</b></td>
<td class="trow2" style="padding: 5px;" align="center"><b>Sloty</b></td>
<td class="trow2" style="padding: 5px;" align="center"><b>Adres IP</b></td> 
<td class="trow2" style="padding: 5px;" align="center"><b>Połącz</b></td> 
</tr> 
<tr>
<td class="trow2" align="center"><img src="images/cstrike.gif" title="Counter-Strike 1.6" alt="cs"></td>
<td class="trow2" align="center"><span class="ipsBadge ipsBadge_green">Server Klanu |ODS|</span></td>
<td class="trow2" align="center"><a href="http://www.gametracker.com/server_info/46.29.21.218:27336/" rel="nofollow" target="_blank"><img src="http://cache.www.gametracker.com/server_info/46.29.21.218:27336/b_350_20_191919_191919_BCBCBC_191919.png" alt="" border="0" height="20" width="350"></a></td> 
<td class="trow2" align="center">11 </td> 
<td class="trow2" align="center">46.29.21.218:27336</td> 
<td class="trow2" align="center"><span class="ipsButton_secondary"><a href="steam://connect/46.29.21.218:27336"><img src="images/cstrike.gif" alt="cs" style="margin: 0px 3px -4px -3px;">Połącz</a></span></td> 
</tr>
</tbody></table> 

</span></td> 
</tr> 
</tbody></table> </div>
{$dvz_shoutbox}
<table border="0" width="100%" cellspacing="0" cellpadding="0" align="left">
   <tr>
       <td valign="top" width="170">
           <table border="0" cellspacing="0" cellpadding="4" class="tborder">
               <tr>
                   <td class="thead"><strong>TYTUŁ</strong></td>
               </tr>
               <tr>
                   <td class="trow1">ZAWARTOŚĆ (tekst, html, JS)</td>
               </tr>
           </table><br />
       </td>
       <td valign="top" style="padding-right: 20px">
       </td>
   </tr>
</table>
<table border="0" width="100%" cellspacing="0" cellpadding="0" align="center">
<tr>
<td valign="top" style="padding-right; 20px" >
{$forums}
{$boardstats}
</td>
<td valign="top" width="170">
<table border="0" cellspacing="0" cellpadding="4" class="tborder">
<tr>
<td class="trow1"{$steamgroup}</td>
</tr>
</table><br />
<table border="0" cellspacing="0" cellpadding="4" class="tborder">
<tr>
<td class="thead"><strong>Wplata na server </strong></td>
</tr>
<tr>
<td class="trow1">    <iframe src="https://admin.pukawka.pl/api/?keyapi=R9m900BinxlDVrR" width="214px" height="298px" border="0" style="border:0;width:214pxpx;height:298pxpx;"><a href="https://admin.pukawka.pl/api/?keyapi=R9m900BinxlDVrR">Przejdź do płatności</a></iframe>   </td>
</tr>
</table><br />
<table border="0" cellspacing="0" cellpadding="4" class="tborder">
<tr>
<td class="trow1">  
{$topStats['LastThreads']} 
{$topStats['LastActiveThreads']} 
{$topStats['MostViews']}
{$topStats['Posters']}
{$topStats['Referrals']}
{$topStats['NewestUsers']}   </td>
</tr>
<table border="0" cellspacing="0" cellpadding="4" class="tborder">
<tr>
<td class="thead"><strong>Członkowie klanu</strong></td>
</tr> 
<tr>
<td class="trow1">  <center> <font color=yellow> Aktywni</font> </center></br>

<font color=#ffcc33>|ODS| </font><font color=White>Cr34</font><font color=red>T1v3</font></br>
<font color=#ffcc33>|ODS| </font> Dzikus</br>
<font color=#ffcc33>|ODS| </font>NoFukk </br>
<font color=#ffcc33>|ODS| </font><font color=#33FF00><: P3P$! C0L4 :></font></br>
<font color=#ffcc33>|ODS| </font> GoToSleep</br>
<font color=#ffcc33>|ODS| </font> qqq_</br>
   <font color=#ffcc33>|ODS| </font> Paulina</br>
<font color=#ffcc33>|ODS| </font><font color=white>NoF34r </font></br>
<font color=#ffcc33>|ODS| </font> TIG3R</br>
<font color=#ffcc33>|ODS| </font> Revo</br>
   <font color=#ffcc33>|ODS| </font><font color=#660033> Tivolt</font></br>
  <font color=#ffcc33>|ODS| </font> Nienormalna O.o</br>
<center><font color=red> Nieaktywni</font> </center> 
<font color=#ffcc33>|ODS| </font> ArkAngel06 
</br>
</td>
</tr>
</table><br />

<table border="0" cellspacing="0" cellpadding="4" class="tborder">
<tr>
<td class="thead"><strong>Demka</strong></td>
</tr>
<tr>
<td class="trow1">   <a href="http://482345.hltv3.pukawka.pl"   rel="nofollow" target="_blank"><font size="5"><font color=red> <img src = hltv.png> Dema HLTV </src></font></font></a>  </td>
</tr>
</table><br />
</table><br />
</td>
</tr>
</table>
{$viewgroup}

<dl class="forum_legend smalltext">
<dt><span class="forum_status forum_on" title="{$lang->new_posts}"></span></dt>
<dd>{$lang->new_posts}</dd>

<dt><span class="forum_status forum_off" title="{$lang->no_new_posts}"></span></dt>
<dd>{$lang->no_new_posts}</dd>

<dt><span class="forum_status forum_offlock" title="{$lang->forum_locked}"></span></dt>
<dd>{$lang->forum_locked}</dd>

<dt><span class="forum_status forum_offlink" title="{$lang->forum_redirect}"></span></dt>
<dd>{$lang->forum_redirect}</dd>
</dl>
<br class="clear" />
{$footer}
<script type="text/javascript">
document.getElementsByTagName("div")[0].style.display = "none";
</script> 
</body>
</html> 
24.10.2015, 12:28
#11
(24.10.2015, 12:20)Creativek napisał(a):
Hmmm to dodało panel na srodku a ja chcialem po lewej :/
Strasznie chaotycznie masz zrobione to forum. Musisz jeszcze dodać troche css'a. Spróbuj czegoś takiego:

<table border="0" width="100%" cellspacing="0" cellpadding="0" align="center">
   <tr>
       <td valign="top" width="20%" style="float: left">
           <table border="0" cellspacing="0" cellpadding="4" class="tborder">
               <tr>
                   <td class="thead"><strong>TYTUŁ</strong></td>
               </tr>
               <tr>
                   <td class="trow1">ZAWARTOŚĆ (tekst, html, JS)</td>
               </tr>
           </table><br />
       </td>
       <td valign="top" style="width: 79%; float: right;">
       {$forums}
       {$boardstats}
       </td>
   </tr>
</table> 

z tym, że jak będziesz chciał to sprawdzić to będziesz musiał usunąć obecny panel, bo ci się rozjedzie wszystko. Weź go np w komentarz <!-- twoj_kod_panelu_bocznego -->
„Lecz biorę całą odpowiedzialność na siebie. Być może się pomyliłem. Ale przecież mylić się jest rzeczą ludzką.”
24.10.2015, 12:40 (Ten post był ostatnio modyfikowany: 24.10.2015, 12:51 przez Creativek.)
#12
Dalej panel na srodku
<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}
<table border="0" width="100%" cellspacing="0" cellpadding="0" align="left">
   <tr>
       <td valign="top" width="20%" style="float: left">
           <table border="0" cellspacing="0" cellpadding="4" class="tborder">
               <tr>
                   <td class="thead"><strong>TYTUŁ</strong></td>
               </tr>
               <tr>
                   <td class="trow1">ZAWARTOŚĆ (tekst, html, JS)</td>
               </tr>
           </table><br />
       </td>
       <td valign="top" style="width: 79%; float: right;">
       {$forums}
       {$boardstats}
       </td>
   </tr>
</table> 
{$viewgroup}

<dl class="forum_legend smalltext">
<dt><span class="forum_status forum_on" title="{$lang->new_posts}"></span></dt>
<dd>{$lang->new_posts}</dd>

<dt><span class="forum_status forum_off" title="{$lang->no_new_posts}"></span></dt>
<dd>{$lang->no_new_posts}</dd>

<dt><span class="forum_status forum_offlock" title="{$lang->forum_locked}"></span></dt>
<dd>{$lang->forum_locked}</dd>

<dt><span class="forum_status forum_offlink" title="{$lang->forum_redirect}"></span></dt>
<dd>{$lang->forum_redirect}</dd>
</dl>
<br class="clear" />
{$footer}
<script type="text/javascript">
document.getElementsByTagName("div")[0].style.display = "none";
</script> 
</body>
</html>
Strasznie chaotycznie masz zrobione to forum. Musisz jeszcze dodać troche css'a

To znaczy co?? :)
Dobra zadam inne pytanie da sie zrobic dwa panele boczne na jednym forum?? Po prawek i po lewej??
24.10.2015, 12:55 (Ten post był ostatnio modyfikowany: 24.10.2015, 13:02 przez myCreedo.)
#13
Wklej to: 
<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}
<div width="100%">
  <div valign="top" width="20%" style="float: left">
           <table border="0" cellspacing="0" cellpadding="4" class="tborder">
               <tr>
                   <td class="thead"><strong>TYTUŁ</strong></td>
               </tr>
               <tr>
                   <td class="trow1">ZAWARTOŚĆ (tekst, html, JS)</td>
               </tr>
           </table><br />
  </div>
  <div style="width: 79%; float: right;">
       {$forums}
  </div>
</div> 
{$boardstats}
{$viewgroup}

<dl class="forum_legend smalltext">
<dt><span class="forum_status forum_on" title="{$lang->new_posts}"></span></dt>
<dd>{$lang->new_posts}</dd>

<dt><span class="forum_status forum_off" title="{$lang->no_new_posts}"></span></dt>
<dd>{$lang->no_new_posts}</dd>

<dt><span class="forum_status forum_offlock" title="{$lang->forum_locked}"></span></dt>
<dd>{$lang->forum_locked}</dd>

<dt><span class="forum_status forum_offlink" title="{$lang->forum_redirect}"></span></dt>
<dd>{$lang->forum_redirect}</dd>
</dl>
<br class="clear" />
{$footer}
<script type="text/javascript">
document.getElementsByTagName("div")[0].style.display = "none";
</script> 
</body>
</html> 

 i zobacz czy dalej jest na środku, czy już się układa tak jak powinno


Da się zrobić dwa panele boczne na jednym forum, ale nie wiem czy w tym twoim stylu się da. Wgl nie mogę się w nim połapać :/
„Lecz biorę całą odpowiedzialność na siebie. Być może się pomyliłem. Ale przecież mylić się jest rzeczą ludzką.”
24.10.2015, 13:01 (Ten post był ostatnio modyfikowany: 24.10.2015, 13:03 przez Creativek.)
#14
Aaa napisal bys mi kodzik z takimi panelami?? :)
24.10.2015, 13:06
#15
Poczytaj sobie coś stąd: http://kodcss.pl/kurs-css/lekcje/dzial-1...bok-siebie
Odnosi się i do tematu, i do twojego ostatniego pytania ;)

PS. Jeden wątek - jedno pytanie.
„Lecz biorę całą odpowiedzialność na siebie. Być może się pomyliłem. Ale przecież mylić się jest rzeczą ludzką.”



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

2 gości