Użycie tej samej grafiki do zaokrąglenia

wersja skryptu MyBB: 16x
adres forum: www.gametech.pdg.pl

Chciałbym aby "Serwery" i "Forum stats" były zaokrąglone i wyglądały tak jak kategorie.

Na czerwono oznaczyłem to co chce zmienić.
Na zielono oznaczyłem tak jak ma wyglądać.
   

Podpatrz jak wyglądają szablony nagłówka tabeli na forum i edytuj szablony (pewnie znajdziesz je w szablonach globalnych) wtyczek.

Wytłumaczone pewnie i dobrze, ale ja jako nie zbyt obeznany użytkownik w kodowaniu itd nie wiem o co chodzi :/ można jaśniej?

Jasne.

Widok nagłówka kategorii:
Panel administratora → Style i szablony → szablony Twojego stylu → Opis działu - szablony → forumbit_depth1_cat

Widok nagłówków wtyczek:
Panel administratora → Style i szablony → szablony globalne → nie wiem jak się dokładnie te szablony nazywają, pewnie forum_stats

Wystarczy, że zobaczysz jak to jest zrobione w kategoriach i przerobisz odpowiednio szablony tych dwóch wtyczek. Jeśli nadal nie będziesz wiedział jak to zrobić, to podrzuć tutaj te 3 szablony.

Okej, zaraz sprawdzę co i jak i dam znać, jeżeli nie dam rady to na pewno odezwę się


@edit
niestety nie poradzę chyba sobie sam :{

zawartość forumbit_depth1_cat

<div class="thead_main"><div class="thead_left"><div class="thead_right"><div class="thead_text">
<div class="expcolimage"><img src="{$theme['imgdir']}/{$expcolimage}" id="cat_{$forum['fid']}_img" class="expander" alt="{$expaltext}" title="{$expaltext}" /></div>
<div><strong><a href="{$forum_url}">{$forum['name']}</a></strong> <div class="smalltext"> {$forum['description']}</div></div>
</div></div></div></div>
<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">
<tbody style="{$expdisplay}" id="cat_{$forum['fid']}_e">
<tr>
<td class="tcat tcat_left" colspan="2"><span class="smalltext"><strong>{$lang->forumbit_forum}</strong></span></td>
<td class="tcat" width="85" align="center" style="white-space: nowrap"><span class="smalltext"><strong>{$lang->forumbit_threads}</strong></span></td>
<td class="tcat" width="85" align="center" style="white-space: nowrap"><span class="smalltext"><strong>{$lang->forumbit_posts}</strong></span></td>
<td class="tcat tcat_right" width="200" align="center"><span class="smalltext"><strong>{$lang->forumbit_lastpost}</strong></span></td>
</tr>
{$sub_forums}
</tbody>
</table>
<div class="tfoot_main"><div class="tfoot_left"><div class="tfoot_right"></div></div></div>
<br /> 


zawartość prostats

<script type="text/javascript">
<!--

var spinner=null;

function prostats_reload()
{
    if(spinner){return false;}
    this.spinner = new ActivityIndicator("body", {image: "images/spinner_big.gif"});
    new Ajax.Request('{$mybb->settings['bburl']}/xmlhttp.php?action=prostats_reload&my_post_key='+my_post_key, {method: 'post',postBody:"", onComplete:prostats_done});
    return false;
}

function prostats_done(request)
{
    if(this.spinner)
    {
        this.spinner.destroy();
        this.spinner = '';
    }
    if(request.responseText.match(/<error>(.*)<\/error>/))
    {
        message = request.responseText.match(/<error>(.*)<\/error>/);
        alert(message[1]);
    }
    else if(request.responseText)
    {
        $("prostats_table").innerHTML = request.responseText;
    }
}
-->
</script>

        <div id="prostats_table">
        {$remote_msg}
        <table width="100%" border="0" cellspacing="{$theme[borderwidth]}" cellpadding="0" class="tborder">
        <thead>
        <tr><td colspan="{$num_columns}">
            <table border="0" cellspacing="0" cellpadding="{$theme[tablespace]}" width="100%">
            <tr class="thead">
            <td><strong>{$lang->prostats_prostats}</strong></td>
            <td style="text-align:{$ps_ralign};"><a href="" onclick="return prostats_reload();">{$lang->prostats_reload} <img src="{$mybb->settings['bburl']}/images/prostats/ps_reload.gif" style="vertical-align:middle;" alt="" /></a></td>
            </tr>
            </table>
        </td>
        </tr>
        </thead>
        <tbody>
        {$trow_message_top}
        <tr valign="top">
        {$prostats_content}
        </tr>
        {$trow_message_down}
        </tbody>
        </table>
        <br />
        </div> 


P.s. nie widze w global templates niczego o Serwerach (ta druga rzecz prócz pro statsów)

prostats:

<script type="text/javascript">
<!--

var spinner=null;

function prostats_reload()
{
    if(spinner){return false;}
    this.spinner = new ActivityIndicator("body", {image: "images/spinner_big.gif"});
    new Ajax.Request('{$mybb->settings['bburl']}/xmlhttp.php?action=prostats_reload&my_post_key='+my_post_key, {method: 'post',postBody:"", onComplete:prostats_done});
    return false;
}

function prostats_done(request)
{
    if(this.spinner)
    {
        this.spinner.destroy();
        this.spinner = '';
    }
    if(request.responseText.match(/<error>(.*)</error>/))
    {
        message = request.responseText.match(/<error>(.*)</error>/);
        alert(message[1]);
    }
    else if(request.responseText)
    {
        $("prostats_table").innerHTML = request.responseText;
    }
}
-->
</script>

         <div id="prostats_table">
        {$remote_msg}
        <table width="100%" border="0" cellspacing="{$theme[borderwidth]}" cellpadding="0" class="tborder">
        <thead>
        <tr><td colspan="{$num_columns}">
            <table border="0" cellspacing="0" cellpadding="{$theme[tablespace]}" width="100%">
            <tr><td>
                <div class="thead_main">
                    <div class="thead_left"></div>
                        <div class="thead_text"></div>
                            <div style="float:left; width:50%;"><strong>{$lang->prostats_prostats}</strong></div>
                            <div style="float:right; width:50%;">
                                <a href="" onclick="return prostats_reload();">{$lang->prostats_reload}
                                <img src="{$mybb->settings['bburl']}/images/prostats/ps_reload.gif" style="vertical-align:middle;" alt="" /></a>
                            </div>
                            <div style="clear:both"></div>
                        </div>
                    <div class="thead_right"></div>
                </div>
            </td></tr>
            </table>
        </td>
        </tr>
        </thead>
        <tbody>
        {$trow_message_top}
        <tr valign="top">
        {$prostats_content}
        </tr>
        {$trow_message_down}
        </tbody>
        </table>
        <br />
        </div>

Pisane z głowy więc nie wiem, czy zadziała, choć powinno. A szablonu serwerów nie mam, więc nie przerobię.

Prawie to to, tylko że jest problem mały.

Załączam screen.
   





@edit

i po wklejeniu Twojego kodu, w przeglądarce takie coś mam.

<script type="text/javascript">

<!--



var spinner=null;



function prostats_reload()

{

&nbsp;&nbsp;&nbsp;&nbsp;if(spinner){return false;}

&nbsp;&nbsp;&nbsp;&nbsp;this.spinner = new ActivityIndicator("body", {image: "images/spinner_big.gif"});

&nbsp;&nbsp;&nbsp;&nbsp;new 
Ajax.Request('{$mybb->settings['bburl']}/xmlhttp.php?action=prostats_reload&my_post_key='+my_post_key,
 {method: 'post',postBody:"", onComplete:prostats_done});

&nbsp;&nbsp;&nbsp;&nbsp;return false;

}



function prostats_done(request)

{

&nbsp;&nbsp;&nbsp;&nbsp;if(this.spinner)

&nbsp;&nbsp;&nbsp;&nbsp;{

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;this.spinner.destroy();

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;this.spinner = '';

&nbsp;&nbsp;&nbsp;&nbsp;}

&nbsp;&nbsp;&nbsp;&nbsp;if(request.responseText.match(/<error>(.*)</error>/))

&nbsp;&nbsp;&nbsp;&nbsp;{

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;message = request.responseText.match(/<error>(.*)</error>/);

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;alert(message[1]);

&nbsp;&nbsp;&nbsp;&nbsp;}

&nbsp;&nbsp;&nbsp;&nbsp;else if(request.responseText)

&nbsp;&nbsp;&nbsp;&nbsp;{

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$("prostats_table").innerHTML = request.responseText;

&nbsp;&nbsp;&nbsp;&nbsp;}

}

-->

</script>



&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <div id="prostats_table">

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{$remote_msg}

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<table width="100%" border="0" cellspacing="{$theme[borderwidth]}" cellpadding="0" class="tborder">

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<thead>

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<tr><td colspan="{$num_columns}">

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<table border="0" cellspacing="0" cellpadding="{$theme[tablespace]}" width="100%">

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<tr><td>

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<div class="thead_main">

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<div class="thead_left"></div>

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<div class="thead_text"></div>

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<div style="float:left; 
width:50%;"><strong>{$lang->prostats_prostats}</strong></div>

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<div style="float:right; width:50%;">

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="" onclick="return prostats_reload();">{$lang->prostats_reload}

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img 
src="{$mybb->settings['bburl']}/images/prostats/ps_reload.gif" 
style="vertical-align:middle;" alt="" /></a>

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div>

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<div style="clear:both"></div>

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div>

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<div class="thead_right"></div>

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div>

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td></tr>

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</table>

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</tr>

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</thead>

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<tbody>

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{$trow_message_top}

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<tr valign="top">

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{$prostats_content}

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</tr>

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{$trow_message_down}

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</tbody>

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</table>

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br />

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div> 


Podmień zawartość podanych szablonów:

Panel administratora → Style i szablony → szablony globalne → prostats
zamień zawartość na:

<script type="text/javascript">
<!--

var spinner=null;

function prostats_reload()
{
    if(spinner){return false;}
    this.spinner = new ActivityIndicator("body", {image: "images/spinner_big.gif"});
    new Ajax.Request('{$mybb->settings['bburl']}/xmlhttp.php?action=prostats_reload&my_post_key='+my_post_key, {method: 'post',postBody:"", onComplete:prostats_done});
    return false;
}

function prostats_done(request)
{
    if(this.spinner)
    {
        this.spinner.destroy();
        this.spinner = '';
    }
    if(request.responseText.match(/<error>(.*)</error>/))
    {
        message = request.responseText.match(/<error>(.*)</error>/);
        alert(message[1]);
    }
    else if(request.responseText)
    {
        $("prostats_table").innerHTML = request.responseText;
    }
}
-->
</script>

        <div id="prostats_table">
        <div class="thead_main"><div class="thead_left"><div class="thead_right"><div class="thead_text">
        <div style="text-align:{$ps_ralign};"><a href="" onclick="return prostats_reload();">{$lang->prostats_reload} <img src="{$mybb->settings['bburl']}/images/prostats/ps_reload.gif" style="vertical-align:middle;" alt="" /></a></div>
        <div><strong>{$lang->prostats_prostats}</strong></div>
        </div></div></div></div>
        {$remote_msg}
        <table width="100%" border="0" cellspacing="{$theme[borderwidth]}" cellpadding="6" class="tborder">
        <thead>
        <tr><td colspan="{$num_columns}">
        </td>
        </tr>
        </thead>
        <tbody>
        {$trow_message_top}
        <tr valign="top">
        {$prostats_content}
        </tr>
        {$trow_message_down}
        </tbody>
        </table>
        <br />
        </div> 


Co do serwerów.. Pewnie używasz pluginu CS Board 2.3 - on nie tworzy szablonów więc będziesz musiał ingerować w plik pluginu - inc/plugins/csboard.php
Linia 85~96 - podmień zawartość na:

$csboard = '<div class="thead_main"><div class="thead_left"><div class="thead_right"><div class="thead_text">
<div><strong>Serwery</strong></div>
</div></div></div></div>
<table border="0" cellspacing="0" cellpadding="6" class="tborder">
<tr>
<td class="tcat tcat_left" colspan="0" valign="middle" align="center"><span class="smalltext"><strong>Nazwa</strong></span></td>
<td class="tcat" colspan="0" valign="middle" align="center"><span class="smalltext"><strong>IP</strong></span></td>
<td class="tcat" colspan="0" valign="middle" align="center"><span class="smalltext"><strong>Sloty</strong></span></td>
<td class="tcat" colspan="0" valign="middle" align="center"><span class="smalltext"><strong>Mapa</strong></span></td>
<td class="tcat" colspan="0" valign="middle" align="center"><span class="smalltext"><strong>Rodzaj</strong></span></td>
<td class="tcat tcat_right" colspan="0" valign="middle" align="center"><span class="smalltext"><strong>Status</strong></span></td></tr>'; 


Nie sprawdzałem ale powinno hasać

CS board już nie aktualny - wyłączyłem bo jakieś 5-7 sekund dłużej się strona ładowała.

A co do prostats to wyniki chyba negatywny
   



@edit
Na screenie widać mozille, więc to chyba wina mozilli albo na chrome po formacie widze normalnie i są zaokrąglone rogi grafiką Pomógł .

Kamar napisał 11.08.2011, 10:52:
Strona nie działa - nie mamy jak zobaczyć tego live.

zmieniłem już styl, i w tym stylu samo się zaokrągliło : ) dzięki za pomoc. Pomogliście żeby nie było.