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

Geschlossen
  1. #1
    User Pic
    CaptainJack Mitglied
    Registriert seit
    11.02.2010
    Beitrge
    519
    Beitragswertungen
    2 Beitragspunkte
    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.
  2. #2
    User Pic
    CeeJay Hall Of Fame
    Registriert seit
    23.03.2007
    Beitrge
    2.425
    Beitragswertungen
    18 Beitragspunkte
    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 zunge

    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.
  3. #3
    User Pic
    holz Hall Of Fame
    Registriert seit
    17.11.2005
    Beitrge
    4.606
    Beitragswertungen
    117 Beitragspunkte
    ich würde bei der gelegenheit auch die Tabellen struktur entsorgen und das ganze mit divs machen
    0 Mitglieder finden den Beitrag gut.
  4. #4
    User Pic
    Outi77 Mitglied
    Registriert seit
    31.03.2013
    Beitrge
    1.337
    Beitragswertungen
    143 Beitragspunkte
    ZitatZitat 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 lachen
    Die richtige Formulierung eines Problems ist nicht selten bereits die halbe Lösung.
    »Albert Einstein«
    0 Mitglieder finden den Beitrag gut.
  5. #5
    User Pic
    CaptainJack Mitglied
    Registriert seit
    11.02.2010
    Beitrge
    519
    Beitragswertungen
    2 Beitragspunkte
    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.
Geschlossen

Zurck zu Design und Templates

Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten