Oficjalne forum pomocy serwisu PUN.pl

4lex

Użytkownik

Dołączył: 2013-12-06

Liczba postów: 2

Wysuwany panel boczny

Witam. Od dłuższego czasu usiłuję wgrać na swoje forum wysuwający się zza bocznej krawędzi panel, box z tabelą. Szukam w różnorakich poradnikach, jednak nie mam zielonego pojęcia, gdzie umieścić dane kody na forum. Próbowałem już w wielu konfiguracjach, ale bezskutecznie. Dodam, że bardzo mi na tym zależy. 

Interesuje mnie coś takiego, jak na tym forum po lewej stronie --> http://www.erableacha.pun.pl/forums.php

W źródle strony znalazłem na to 2 kody, które mógłbym przerobić pod swoją stronę

 
/***Wysuwany panel boczny***/
#bbc:hover {
left: 0px;
}

#bbc {  
border-top-style: solid; border-bottom-style: solid;
background: #444444; /**** ukryty element - tło ***/
position: fixed;
left: -225px;
height: 160px;
width: 250px;
top: 100px;
transition: left 0.5s ease-out 0s;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
z-index: 100;}

#bcc {
float: right;
width: 25px;
height: 160px;
font-size: 150%;
position: relative;
background: url(https://imageshack.com/i/p9oPB0FSp); /**** wystający element - tło ***/
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
text-align: center;
font-weight: blod;
color: #ce7b39;  /**** wystający element -kolor czcionki ***/
}



/***zwiększenie pola wiadomości w chatboxie***/
#req_message {   
     width: 200px;  
    -webkit-transition: width 1s ease;  
    -moz-transition: width 1s ease;  
    -o-transition: width 1s ease;  
    -ms-transition: width 1s ease;  
    transition: width 1s ease;  
}  
  
#req_message:focus {  
    width: 500px;  

Oraz

 
<!------Wysuwany panel boczny------>
<div id=bbc>
<div id=bcc>
<br>L<br>I<br>N<br>K<br>I
</div>
<div id=ccc>

<div style="overflow-y: scroll;  height: 154px">

     -<a href="http://www.erableacha.pun.pl/viewforum.php?id=93">Reklama i wymiana</a><br>
     -<a href="http://www.erableacha.pun.pl/viewtopic.php?id=731">Dostępność mistrzów gry</a><br>
<br>

<center><a href="http://www.erableacha.pun.pl/viewforum.php?id=3">Wprowadzenie</a>:</center>
     - <a href="http://www.erableacha.pun.pl/viewtopic.php?id=9"> <font color="#99CCCC">Poradnik</font></a><br>
     - <a href="http://www.erableacha.pun.pl/viewtopic.php?id=3">Regulamin</a><br>
     - <a href="http://www.erableacha.pun.pl/viewtopic.php?pid=10029#p10029">FAQ</a><br>
     - <a href="http://www.erableacha.pun.pl/viewtopic.php?id=788">Fabuła i system walki</a><br>
     - <a href="http://www.erableacha.pun.pl/viewtopic.php?id=787">Rozwój postaci</a><br>
     - <a href="http://www.erableacha.pun.pl/viewtopic.php?id=239">Historia fabularna</a><br>
     - <a href="http://www.erableacha.pun.pl/viewtopic.php?pid=208#p208">Liczebność aktywnych graczy</a><br>
     - <a href="http://www.erableacha.pun.pl/viewtopic.php?id=675">Medale</a><br>
<br>

<a href="http://www.erableacha.pun.pl/viewforum.php?id=56">Lista NPC</a><br>
<br>

<center><a href="http://www.erableacha.pun.pl/viewforum.php?id=6">Biuro</a>:</center>
      - <a href="http://www.erableacha.pun.pl/viewtopic.php?id=148">Sklep</a><br>
      - <a href="http://www.erableacha.pun.pl/viewtopic.php?id=680">Wzór Karty Postaci</a><br>
      - <a href="http://www.erableacha.pun.pl/viewtopic.php?id=790">Wzór broni</a><br>
      - <a href="http://www.erableacha.pun.pl/viewforum.php?id=104">Kartoteki</a><br>
      - <a href="http://www.erableacha.pun.pl/viewforum.php?id=111">Doświadczenie, punkty nauki, złoto</a><br>
      - <a href="http://www.erableacha.pun.pl/viewforum.php?id=38">Wyzwania</a><br>
      - <a href="http://www.erableacha.pun.pl/viewtopic.php?id=777">Gracz szuka prowadzącego</a><br>
<br>

<a href="http://www.erableacha.pun.pl/viewforum.php?id=27">Lista umiejętności rasowych</a>
<br>
<br>
<a href="http://www.erableacha.pun.pl/viewforum.php?id=8">Pomysły</a><br>
<br>

<center><a href="http://www.erableacha.pun.pl/viewforum.php?id=9">Inne</a>:</center>
      - <a href="http://www.erableacha.pun.pl/viewtopic.php?id=728">Avatarnia</a><br>
      - <a href="http://www.erableacha.pun.pl/viewtopic.php?id=584">Kąckik japończyka</a><br>
      - <a href="http://www.erableacha.pun.pl/viewtopic.php?id=857">Błędy i propozycje zmian</a><br>
<br>



<a href="http://www.erableacha.pun.pl/chatbox.php">Duży chatbox</a><br><br>

</div>







</div>
</div>

Jednak, jakkolwiek bym ich nie wstawiał (ogłoszenie, CSS, stopka), te po prostu nie działają. Bardzo proszę o pomoc.