MyBB.de Forum
Runde Ecken um Theme - Druckversion

+- MyBB.de Forum (https://www.mybb.de/forum)
+-- Forum: Anpassungen (https://www.mybb.de/forum/forum-47.html)
+--- Forum: Theme-Diskussionen (https://www.mybb.de/forum/forum-84.html)
+--- Thema: Runde Ecken um Theme (/thread-9664.html)



Runde Ecken um Theme - youfree - 06.06.2008

Hi,

möchte gerne Runde Ecken um meinem Theme machen:

Sieht momentan so aus:

http://playinsel.bplaced.net/forum/

Nun möchte ich anstatt die Eckigen Ecken dort runde ecken haben. Wie geht das?


RE: Runde Ecken um Theme - Mak - 06.06.2008

Am einfachsten nimmst du dafür einfach eine Grafik, die runde Ecken hat. Alles andere ist mit einem grafischen Hintergrund wenn überhaupt nur unglaublich umständlich möglich.


RE: Runde Ecken um Theme - youfree - 06.06.2008

Aber gibs dafür keinen Code oder so? In Google finde ich nichts bzw. ich weiß nicht wie ich das einbinden soll.


RE: Runde Ecken um Theme - feuerwehrfan - 06.06.2008

erstelle neue grafiken und nenne sie genau so wie die alten ... die alten grafiken müssen überschrieben werden !


RE: Runde Ecken um Theme - linwinman - 06.06.2008

Hallo youfree,

wie Mak schon ausführte; erstelle dir für den oberen Tabellenrahmen zwei Grafiken, z. B. "thead-l.png" und "thead-r.png".

Wenn du auch den unteren Tabellenrahmen runden willst, noch zwei weitere, z. B. "tfoot-l.png" und "foot-r.png".

Der Code für eine Tabelle sieht dann z. B. so aus:
Code:
<!-- Hier wird der obere Rahmen definiert -->
<table cellpadding="0" cellspacing="0" width="100%">
    <tr>
        <td><img src="{$theme['imgdir']}/thead_l.png" alt="" /></td>
        <td class="thead3"></td>
        <td><img src="{$theme['imgdir']}/thead_r.png" alt="" /></td>
    </tr>
</table>
<!-- Hier wird der Tabelleninhalt definiert -->
<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">
    <tr>
        <td class="trow1" width="100%">
        Hier steht der jeweilige Tabellentext.
        </td>
    </tr>
</table>
<!-- Hier wird der untere Rahmen definiert -->
<table cellpadding="0" cellspacing="0" width="100%">
    <tr>
        <td><img src="{$theme['imgdir']}/tfoot_l.png" alt="" /></td>
        <td class="tfoot3"></td>
        <td><img src="{$theme['imgdir']}/tfoot_r.png" alt="" /></td>
    </tr>
</table>
Siehe dir hierzu auch einmal den Code von Themes und deren Templates an, die von Haus aus abgerundeten Tabellen verwenden
- wie u. a. > "DarkOrange".