Skrolling "Code"

 

Strona 1 z 1 [ 3 posty(ów) ]

Widok do druku | « Poprzedni temat | Następny temat »

Temat

• Wysłany: 21 Wrz 2008, 15:41

  nofake

  

  
  Rejestracja: 27 Lut 2006, 00:03
  Posty: 82
  Pochwały: 1
  Witam. To, co chciałbym osiągnąć to pewne zmodyfikowanie bbcode jakim jest "code". Otóż w przypadku "wkomponowania" długiego linku w ramkę code automatycznie cała strona z wątkiem rozjeżdża się. Chciałbym, i bezskutecznie kombinuję nad tym od 2 dni, by ramka code miała określoną szerokość, a w przypadku zawartości dłuższej niż podany weight pojawiał się skroll, który pozwoli przewinąć zawartość okna, coś a'la iframe. Po prostu chodzi o to, by strona nie rozjeżdżała się w przypadku dłuższej zawartości "code".
  
  Z góry dzięki i pozdrawiam.
  
  [ Dodano: 23 Wrz 2008 15:14 ]
  Może niezrozumiale to ująłem. Chodzi mi dokładnie o coś takiego, jak to jest przy znaczniku "PHP" na tym forum.
  
  Ktoś, coś, mógłby...?

  ---

  Pozdrawiam.

  

Odpowiedzi

• Wysłany: 24 Wrz 2008, 10:44

  jacunio

  

  
  Rejestracja: 21 Maj 2005, 23:17
  Posty: 106
  Pochwały: 2
  Dawno tutaj nic nie pisałem, a dzisiaj odwiedziłem sobie to forum i w sumie myślę, że mogę pomóc
  
  Sprawa przedstawia się tak, że wszystkie bbcody masz zdefiniowane (tzn. kod html im odpowiadający) w pliku:
  [c]katalog_forum\templates\twoj_styl\bbcode.tpl[/c]
  No i teraz w tym właśnie pliku masz kawałek kodu odpowiadający za tag code, mianowicie:
  

  Kod:

  <!-- BEGIN code_open --></span>
  <table width="90%" cellspacing="1" cellpadding="3" border="0" align="center">
  <tr>
       <td><span class="genmed"><b>{L_CODE}:</b></span></td>
     </tr>
     <tr>
       <td class="code"><!-- END code_open -->
  <!-- BEGIN code_close --></td>
     </tr>
  </table>
  <span class="postbody"><!-- END code_close -->

  
  Jak widzisz to jest normalna tabelka, która niestety się rozjedzie jeśli wstawisz do niej np. strasznie długą, nieprzerwaną linię tekstu. Można to rozwiązać dodając do niej odpowiednie style / elementy div.
  Wstawiasz sobie takiego diva przykładowo w tą tabelkę przy końcu code_open po otworzonym td:
  

  Kod:

  <div style="width: 300px; height: auto; background:#FFFFFF; overflow:auto; border:1px solid #000000; padding:8px;">

  
  i zamykamy go w code_close na samym początku przez zamknięciem td:
  

  Kod:

  </div>

  
  To tak na szybko, ale będzie działać w ten sposób, że wysokość "kodu" dostosuje się automatycznie do zawartości (przynajmniej w FF, bo IE chyba ma jakieś problemy z tym i wpakuje pewnie niepotrzebny pasek), no a szerokość możesz sobie określić na stałe i pojawi się pasek przewijania jeśli będzie jakiś wiersz bez łamania dłuższy. Oczywiście poustawiaj sobie (pousuwaj niepotrzebne z tego diva) atrybuty takie jakie masz w kodzie w swoim stylu css, żeby to miało ręce i nogi.
  Tyle.
  Pozdr.

  Autor postu otrzymał pochwałę

  

• Wysłany: 25 Wrz 2008, 00:45

  nofake

  

  
  Rejestracja: 27 Lut 2006, 00:03
  Posty: 82
  Pochwały: 1
  O stary, dziękóweczka! To, który plik jest za to odpowiedzialny to wiedziałem, jaki fragment kodu też, ale za cholerę nie mogłem osiągnąć zamierzonego efektu, choć kombinowałem, jak umiałem A tu się okazuje stary, poczciwy div jest lekiem na chorobę Jeszcze raz dzięki wielkie, rośnij zdrów!

  ---

  Pozdrawiam.

  

 

Strona 1 z 1 [ 3 posty(ów) ]