Einklappen der Kategorien

Hallo Forumieren

ich bin letztens auf diesen Beitrag gestoßen: http://hilfe.forumieren.com/t25623-einklapp-funktion-fur-kategorien-bb2

Nach dem ich mir die Anleitung durchgelesen habe und alles befolgt habe ,habe ich dennoch eine Frage.

Und zwar hab ich ein Bild eingesetzt, welches jedoch nun rechts erscheint:

Nun wollte ich aber das bild nach links versetzen. wie geht das? kann mir da jemand helfen?
MFG Kakashi

Hallo,

das ist ganz normal, dass es rechts erscheint und war auch so gewollt
Ich hatte es in dem Template an dieser Stelle eingetragen.

Man kann das auch auf die linke Seite bringen, allerdings muss man da eine neue id für die Grafik vergeben und diese dann mit CSS positionieren.

Wenn ich etwas mehr Zeit habe, schaue ich mir das mal an

Um welches Forum handelt es sich denn? Das aus deinem Profil ist ja ein ganz anderes...

Um dieses Forum :http://rise-of-konoha.forumotion.com/forum

o.k., am besten löschst du die bisherige Änderung und setzt dann erst die neue ein, sonst wird es zu kompliziert .

Also...Template index_box

du suchst folgenden Abschnitt raus:

Code:

<!-- BEGIN catrow --><!-- BEGIN tablehead --><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
   <tr>
      <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>
      <th nowrap="nowrap" width="50">{L_TOPICS}</th>
      <th nowrap="nowrap" width="50">{L_POSTS}</th>
      <th nowrap="nowrap" width="150"><div style="width:150px;">{L_LASTPOST}</div></th>
   </tr><!-- END tablehead -->

und ersetzt ihn durch diesen Code:

Code:

<script type="text/javascript">var num= 0;</script>
<!-- BEGIN catrow --><!-- BEGIN tablehead --><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
  <tr id="currenttr" onClick="i= 0; e=this.parentNode.childNodes; while(++i<e.length) if(e[i].tagName=='TR') e[i].style.display=(e[i].style.display=='none')?'':'none'; retour=(my_getcookie(this.id)=='true')?'false':'true'; my_setcookie(this.id,retour, 1, 0);"  style="cursor:pointer;">
      <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} <div id="close"><img src="http://i65.servimg.com/u/f65/13/75/57/31/pm1010.png"></div></th>
      <th nowrap="nowrap" width="50">{L_TOPICS}</th>
      <th nowrap="nowrap" width="50">{L_POSTS}</th>
      <th nowrap="nowrap" width="150"><div style="width:150px;">{L_LASTPOST}</div></th>
   </tr>
   <!-- END tablehead -->

dann suchst du den nächsten Abschnitt (ganz unten am Ende des Templates)

Code:

<!-- BEGIN tablefoot -->
    </table>

(diesen Abschnitt nicht löschen!)
und fügst dahinter folgendes ein:

Code:

<script type="text/javascript"> document.getElementById('currenttr').id='trfrm'+num; if(my_getcookie('trfrm'+num)=='true') { i= 0; e=document.getElementById('trfrm'+num).parentNode.childNodes; while(++i<e.length) if(e[i].tagName=='TR')e[i].style.display='none'; } num++;</script>

Um jetzt die Grafik richtig zu positionieren, musst du noch einen Eintrag im CSS machen:

Code:

#close {
    margin-top: -20px;   
    width: 20px;
}

.secondarytitle, .secondarytitle h2 {   
    padding: 5px 0 0;
}

th {   
    height: 40px; 
}

SUUUUUPPPERRRRRR vielen Dank Zuckerpuppe
Forumieren ist immer noch nach wie vor

obwohl mir die Ansicht noch nicht so gut gefällt....

du solltest das CSS mal anpassen:

Code:

#close {
    margin-top: -19px; 
    width: 20px;
}

.secondarytitle, .secondarytitle h2 { 
    padding: 15px 0 0;
}

jop hast recht sieht noch besser aus ILOVE Forumieren ^^