Przydatne linki/opis strony

wersja skryptu MyBB: 1.6.11
adres forum: http://upaleni.com.pl/index.php
na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu): Witam. Zwracam się z ogromną prośbą do was, a mianowicie chciałbym aby ktoś mógłby napisać kilka linijek kodu ponieważ nie bardzo wiem jak się za to zabrać zamieszczam 2 screeny jak to mniej więcej powinno wyglądać Uprzedzę inne osoby TAK użyłem Wyszukiwarki i Google nawet






Za pomoc dziękuję i będzie DUŻY plusik :*

1 tabelka:

<table border="0" cellspacing="1" cellpadding="4" class="tborder" style="border: #393939 solid 1px;">
           <tr><td class="tcat" style="border: #393939 solid 0px; color: #fff;"><div class="expcolimage"><img src="{$theme['imgdir']}/collapse{$collapsedimg['usercpmisc']}.gif" id="boxside_img" class="expander" alt="[-]" title="[-]" /></div><strong>Przydatne linki</strong></td></tr>
<tbody id="boxside_e" style="">
                  
            <tr><td class="{$trowbg}" colspan="1" style="color: #fff;" align="center"><br /><span class="infotable">Na skróty</span><br /></td><br /></tr><tr>
<td class="{$trowbg}" colspan="1" style="color: #fff;" align="center"><br /><span  style="font-size: 20px;"><a href="link">1link</a></span><br /><span  style="font-size: 10px;">1opis</span></td></tr>


       </table>
          <br /> 


+ CSS (dodać do global.css):

.infotable {
padding: 0 12px;
margin-right: 2px;
display: inline-block;
-moz-border-radius: 3px;
border-radius: 3px;
background: #094695;
background: -moz-linear-gradient(top, #016ac4 0%, #094695 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#016ac4), color-stop(100%,#094695));
font-size: 12px;
border-color: grey;
color: #fff !important;
font-family: comic;
font-size: 13px;
font-weight: bold;
height: 22px;
line-height: 23px;
outline: none;
} 


Odnośnie tej drugiej tabeli to robisz na przykładzie tego co podałem w pierwszym poście, edytując sobie.
Nie mam dużo czasu, więc począteK:

<table border="0" cellspacing="1" cellpadding="4" class="tborder" style="border: #393939 solid 1px;">
           <tr><td class="tcat" style="border: #393939 solid 0px; color: #fff;"><div class="expcolimage"><img src="{$theme['imgdir']}/collapse{$collapsedimg['usercpmisc']}.gif" id="steam_img" class="expander" alt="[-]" title="[-]" /></div><strong>cośtam na steam</strong></td></tr>
<tbody id="steam_e" style="">
                  
            <tr colspan="2"><td class="{$trowbg}" width="70%"><br /><span style="font-size:13px; color: #bcbcbc;">Testkteslinijka1<br/>gwarantujemy:</span></td><td width="30%"class="{$trowbg}"><img src="scieżka do obrazka" alt="steam" title="steam" style="float:right" /></td><br /></tr>


       </table>
          <br /> 


= mniej/więcej.
Jeśli chcesz punkty to w tabei dajesz <ul>
<li>1punkt</li></ul> itd.

Wszystko pięknie ładnie ale jak dodaję tabelkę Steam to skraca mi tcat do połowy i chciałbym jeszcze mieć background trow.jp w tym przydatnych linkach

Bg. w pierwszym kodzie zmienisz edytując (zamiast):

{$trowbg} 


dać albo nazwę swojej klasy, albo usunąć ten fragment i dodać:

style="background: url(sciezkaobrazka);" 


Odnośnie 2-ego kodu to podobnie, zmień class="{$trowbg}", albo dodaj, nie wiem jak to wygląda.

hmm nie działa coś sam sprawdź www.upaleni.com.pl

http://www.kurshtml.edu.pl/html/tabele.html

1) Wcale nie widzę takiej tabelki u Ciebie.
2) Podałem tylko wzór jak to ma mniej / więcej wyglądać.

<table border="0" cellspacing="1" cellpadding="4" class="tborder" style="border: #393939 solid 1px;">
           <tr>
<td class="tcat" style="border: #393939 solid 0px; color: #fff;"><div class="expcolimage"><img src="{$theme['imgdir']}/collapse{$collapsedimg['usercpmisc']}.gif" id="steam_img" class="expander" alt="[-]" title="[-]" /></div><strong>Steam</strong></td></tr>
<tbody id="steam_e" style="">
                  
 <tr>
<td style="color: #fff;" align="center" >
<br />1 tabelkajakiste<br /></td><br />
</tr>
            <tr>
<td style="color: #fff;" align="center" >
<br />1 tabelkajaki<br /></td><br />

<td colspan="1" style="color: #fff;" align="center" ><img src="adres do steamu" alt="steam" title="steam" /></td></tr>

 <tr>
<td style="color: #fff;" align="center" >
<br />
<ul><li>1punkt</li><li>2punkt</li></ul><br /></td><br />
</tr>
 <tr>
<td style="color: #fff;" align="center" >
<br />1 tabelkajakiste<br /></td><br />
</tr>
 <tr>
<td style="color: #fff;" align="center" >
<br />→<a href="link">Dołącz do...</a><br /></td><br />
</tr>

       </table>
          <br /> 


Kombinuj, na wzór. (ten kod może zawierać sporo błędów).

Snake_ chodzi mi o przydatne linki chciałbym mieć trow.jpg tutaj:

1. co to jest?

<tbody id="boxside_e" style="images/deflection/trow.jpg"> 


class="style=" background:="" url(images="" deflection="" trow.jpg)"="" "="" 


Namieszałeś...

style="background: url(images/deflection/trow.jpg);" 


powinno być.