Forum anpassen

Gehe zu Seite:

Geschlossen

Mo. 10.03.2014 23:22 Uhr #1

CaptainJack Mitglied

Hallo,

ich will mir das Standard Forum von Ilch etwas anpassen. Ich bin gerade bei der showforum.htm

Meine Frage ist wie ich in die showforum.htm css Befehle einbinden kann um diese dann z.B. für die Kategorie class usw. zu verwenden?

Meine es so das ich direkt in der htm die class definieren will.

Weil ich wollte gerne einen Hover effekt wie hier haben wo sich die Farbe ändert:

externer Link

Meine showforum.htm

<link rel="stylesheet" type="text/css" href="include/includes/css/forum/userfarben.css" media="screen">
<table width="100%" cellpadding="0" cellspacing="0" class="border" border="0">
    <tr class="Cnorm" >
        <td><table width="100%" cellpadding="4" cellspacing="1" border="0">
        <td width="58%" colspan="2" align="center" valign="middle" class="Cdark">{_lang_board}</td>
        <td width="6%" align="center" valign="middle" class="Cnorm">{_lang_post}</td>
        <td width="6%" align="center" valign="middle" class="Cnorm">{_lang_topic}</td>
        <td width="25%" align="center" valign="middle" class="Cnorm">{_lang_lastpost}</td>
</table></td>
    </tr>
{EXPLODE}
  <tr class="Chead">
        <td colspan="5" height="20"><strong><a style="text-decoration: none; color: #ffffff; href="index.php?forum-showcat-{cid}" >&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{cname}</a></strong></td>
    </tr>
</table>
<table width="100%" cellpadding="4" cellspacing="1" border="0">{EXPLODE}
{EXPLODE}
    <tr class="Cnorm" cellspacing="1">
        <td width="5%" align="center" valign="middle" class="Cdark"><img alt="" src="include/images/forum/{ORD}.png" border="0"></td>
        <td width="53%" class="Cnorm"><a href="index.php?forum-showtopics-{id}">{name}</a>
                            <br />
                                <span class="smalfont">{besch}</span></td>   
        <td align="center" class="Cdark" width="6%"><img src="include/images/forum/beitrag.png" border="0" /><span class="smalfont">{posts}</span></td>
        <td align="center" class="Cdark" width="6%"><img src="include/images/forum/themen.png" border="0" /><span class="smalfont">{topics}</span></td>
        <td class="Cnorm" width="25%"><img src="include/images/forum/post.png" border="0" width="14" height="14"> <a class="smalfont" title="{topicl}" href="index.php?forum-showposts-{tid}-p{page}#{pid}">{topic}</a>
                             <br />
                          <span class="smalfont">{_lang_from}: {erst}</span></td>
    </tr>
{EXPLODE}
</table>
 
<table width="100%" cellpadding="0" cellspacing="0" border="0" >
    <tr>
        <td width="50%" valign="top"><a href="index.php?forum-markallasread">{_lang_markallasread}</a></td>
        <td width="50%" style="text-align: right" valign="top">
            <a href="index.php?search-augt">{_lang_newtopicssincelastvisit}</a>
            <br />
            <a href="index.php?search-aubt">{_lang_topicwithnoreply}</a>
            <br />
            <a href="index.php?search-aeit">{_lang_ownposts}</a></td>
    </tr>
</table>
         
<br /><br />
<table width="100%" border="0" cellspacing="1" cellpadding="0" class="border">
  <tr>
<td class="Chead" colspan="2" height="25" align="left"><div style="padding-left:10px;"><b>Es waren Online heute: </b></div></td>
  </tr>
  <tr>
    <td height="40" align="center" valign="middle" class="Cdark"><img src="include/images/forum/legende/user.png" width="36" height="36" border="0"></td>
    <td height="40" align="left" valign="middle" class="Cnorm"><span style="padding-left:9px;">{userliste_today}</span></td>
  </tr>
  <tr>
<td class="Chead" colspan="2" height="25" align="left"><div style="padding-left:10px;"><b>Statistiken</b></div></td>
  </tr>
  <tr>
    <td height="40" align="center" valign="middle" class="Cdark"><img src="include/images/forum/legende/statistik.png" width="36" height="36" border="0"></td>
    <td height="40" align="left" valign="middle" class="Cnorm"><p style="padding-left:9px;"><span style="color:#FF0000">{users}</span> {_lang_membershaveritten} <span style="color:#FF0000">{posts}</span> {_lang_postsin} <span style="color:#FF0000">{topics}</span> {_lang_topics}</p></td>
  </tr>
  <tr class="Cnorm">
    <td class="Cdark" colspan="2" align="center" height="40"><img src="include/images/forum/ntop.png" alt="neue Beitr&auml;ge" border="0" align="absmiddle" /> &nbsp;{_lang_newposts}
      &nbsp;&nbsp;<img src="include/images/forum/top.png" alt="keine neuen Beitr&auml;ge" border="0" align="absmiddle" /> &nbsp;{_lang_nonewposts}
      &nbsp;&nbsp;<img src="include/images/forum/ctop.png" alt="Thema geschlossen" border="0" align="absmiddle" /> &nbsp; {_lang_topicclosed} &nbsp;&nbsp;<img src="include/images/forum/htop.png" alt="brisantes Thema" border="0" align="absmiddle" /> &nbsp; brisantes Thema</td>
  </tr>
</table>

verwendete ilch Version: 1.1 P

Zuletzt modifiziert von CaptainJack am 11.03.2014 - 01:37:28

0 Mitglieder finden den Beitrag gut.

zitieren

Di. 11.03.2014 08:33 Uhr #2

CeeJay Hall Of Fame

Registriert seit
23.03.2007

Beiträge
2.425

Beitragswertungen

e yo - captain jack - e yo - captain jack - bring the css now back!

schau mal hier: aktuell.de.selfhtml.org/artikel/css/mouseover/

Du musst dann in den Kategorienlink eine klasse einbauen (class="...") und diese Klasse dann in deiner CSS-Datei definieren.

EDIT:

Hab deinen Code übersehen

du hast ja den Tableheader, dort ist schon eine Klasse drin (chead) - die in deiner stylesheet anpassen.

Zuletzt modifiziert von CeeJay am 11.03.2014 - 08:35:28

Nichts ist so sicher, wie die Änderung.
0 Mitglieder finden den Beitrag gut.
- zitieren
Di. 11.03.2014 08:40 Uhr #3

holz Hall Of Fame

Registriert seit
17.11.2005

Beiträge
4.606

Beitragswertungen

ich würde bei der gelegenheit auch die Tabellen struktur entsorgen und das ganze mit divs machen
0 Mitglieder finden den Beitrag gut.
- zitieren
Di. 11.03.2014 09:39 Uhr #4

Outi77 Mitglied

Registriert seit
31.03.2013

Beiträge
1.337

Beitragswertungen

Zitat geschrieben von holz
ich würde bei der gelegenheit auch die Tabellen struktur entsorgen und das ganze mit divs machen

Genau...die 5 Minuten Mehr-Arbeit

Die richtige Formulierung eines Problems ist nicht selten bereits die halbe Lösung.
»Albert Einstein«
0 Mitglieder finden den Beitrag gut.
- zitieren

Di. 11.03.2014 23:16 Uhr #5

CaptainJack Mitglied

Ich habe es noch immer nicht hinebkommen können das ich diesen Hovereffekt wie hier bei Ilch im Forum. Ich meine das sich die Farbe etwas ändert sowie hier:

externer Link

Hier mal meine showforum.htm

<link rel="stylesheet" type="text/css" href="include/includes/css/forum/userfarben.css" media="screen">
<style type="text/css">
.border .Cnorm .Cdark img {
    font-size: 10px;
}
A {text-decoration: none;}
A:Hover {text-decoration: underline;}
  
/*Die Tabellenzelle*/
td.sw {
 text-align:center;
 border:solid 1px #000000;
 }
  
/* Link-Einstellungen allgemein*/
a.ueber {
 display:block;
 width:130px;
 font-size:12px;
 font-family:Verdana;
 }
  
/*Link mit weissem Hintergrund*/
a.ueber:link, a.ueber:visited  {
 color:#000000;
 background-color:#ffffff;
 }
  
/*Link über dem die Maus steht*/
a.ueber:hover {
 color:#ffffff;
 background-color:#000000;
 }
</STYLE>
</style>
    </tr>
{EXPLODE}
<table width="100%" cellpadding="0" cellspacing="0" class="border" border="0">
  <tr class="Chead">
        <td><table width="100%" cellpadding="4" cellspacing="1" border="0">
          <td colspan="2" align="left" valign="middle" class="Cdark">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{cname}</td>
        <td width="11%" align="center" valign="middle" class="Cnorm">{_lang_post}</td>
        <td width="9%" align="center" valign="middle" class="Cnorm">{_lang_topic}</td>
        <td width="26%" align="center" valign="middle" class="Cnorm">{_lang_lastpost}</td>
        </table></td>
          
    </tr>
</table>
<table width="100%" cellpadding="4" cellspacing="1" border="0">{EXPLODE}
{EXPLODE}
    <tr class="Cnorm" cellspacing="1">
        <td width="6%" align="center" valign="middle" class="Cdark"><img alt="" src="include/images/forum/{ORD}.png" border="0"></td>
        <td width="48%" class="Cnorm"><a href="index.php?forum-showtopics-{id}" style="text-decoration:none">{name}</a>
                            <br />
                                <span class="smalfont">{besch}</span></td>   
        <td align="center" class="Cdark" width="10%"><img src="include/images/forum/beitrag.png" border="0" /><span class="smalfont">{posts}</span></td>
        <td align="center" class="Cdark" width="10%"><img src="include/images/forum/themen.png" border="0" /><span class="smalfont">{topics}</span></td>
        <td class="Cnorm" width="26%"><img src="include/images/forum/post.png" border="0" width="14" height="14"> <a class="smalfont" style="text-decoration: none; title="{topicl}" href="index.php?forum-showposts-{tid}-p{page}#{pid}">{topic}</a>
                             <br />
                          <span class="smalfont">{_lang_from}: {erst}</span></td>
    </tr>
{EXPLODE}
</table>
  
<table width="100%" cellpadding="0" cellspacing="0" border="0" >
</table>
          
<br /><br />
<table width="100%" border="0" cellspacing="1" cellpadding="0">
  <tr>
<td class="Chead" colspan="2" height="25" align="left"><div style="padding-left:10px;"><b>Statistiken</b></div></td>
  </tr>
  <tr>
    <td height="40" align="center" valign="middle" class="Cdark"><img src="include/images/forum/legende/statistik.png" width="36" height="36" border="0"></td>
    <td height="40" align="left" valign="middle" class="Cnorm"><p style="padding-left:9px;"><span style="color:#FF0000">{users}</span> {_lang_membershaveritten} <span style="color:#FF0000">{posts}</span> {_lang_postsin} <span style="color:#FF0000">{topics}</span> {_lang_topics}</p></td>
  </tr>
  <tr class="Cnorm">
    <td height="28" colspan="2" align="left" class="Cdark"><p><img src="include/images/forum/ntop.png" width="28" height="28" alt="neue Beitr&auml;ge" border="0" align="absmiddle" /> &nbsp;{_lang_newposts}
      &nbsp;&nbsp;<img src="include/images/forum/top.png" alt="keine neuen Beitr&auml;ge" width="28" height="28" border="0" align="absmiddle" /> &nbsp;{_lang_nonewposts}
      &nbsp;&nbsp;<img src="include/images/forum/ctop.png" alt="Thema geschlossen" width="28" height="28" border="0" align="absmiddle" /> &nbsp; {_lang_topicclosed} &nbsp;</p>
      <p><img src="include/images/forum/htop.png" alt="brisantes Thema" width="28" height="28" border="0" align="absmiddle" /> &nbsp; brisantes Thema</p></td>
  </tr>
</table>

Ich hoffe mir kann da jemand helfen.

Zuletzt modifiziert von CaptainJack am 12.03.2014 - 23:42:51

0 Mitglieder finden den Beitrag gut.

zitieren

Beitrag zur Merkliste hinzufügen

ilch Forum » Ilch Clan 1.1 » Design und Templates » Forum anpassen