Webboard

Pełna wersja: Użycie tej samej grafiki do zaokrąglenia
Aktualnie przeglądasz uproszczoną wersję forum. Kliknij tutaj, by zobaczyć wersję z pełnym formatowaniem.
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ć.
[attachment=3970]
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ę :)



niestety nie poradzę chyba sobie sam :{

zawartość forumbit_depth1_cat
Kod PHP:
<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
Kod PHP:
<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:

Kod:
<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.
[attachment=3977]







i po wklejeniu Twojego kodu, w przeglądarce takie coś mam.
Kod PHP:
<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:
Kod PHP:
<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:
Kod PHP:
$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ć :D
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
[attachment=3981]




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ł :).
zmieniłem już styl, i w tym stylu samo się zaokrągliło : ) dzięki za pomoc. Pomogliście żeby nie było.