Categorieën en board titels

[CCDragon]

Dit zijn drie vragen in één, aangezien ze allemaal betrekking hebben tot hetzelfde ding.

Ik weet dat deze vragen eerder zijn gesteld, maar heb ondanks een enorme zoektocht door het forum mijn antwoord neit kunnen vinden. Ik wil graag d.m.v. code de titels van de categorieën en boards veranderen. Om even te laten zien wat ik bedoel:



Het geel omrande is de categorie. Ik neem aan dat dit ook een code is? Nu doe ik het namelijk met plaatjes, maar dat geeft nog wel eens problemen in subboards.

Het rood omrande is board naam. Ik wéét dat dit een code is (in een template of CSS), maar weet niet welke.

Het paars omrande is bij mouseover, wat ongetwijfeld onderdeel is van de code van het rood omrande gebeuren

Kan iemand me hier mee helpen? Alvast bedankt!

[10spetter10]

De schikking van categorieën en forums kan je makkelijke aanpassen in het beheerderspaneel. Ik denk dat het in jouw voorbeeld 'Split categories on index: Medium' is.

Beheerderspaneel Display Indexpagina Structuur en hiërarcie

[CCDragon]

Uh, sorry Spetter, maar dat is niet de vraag. Het gaat om de opmaak van de tekst

[Mystic]

In de template 'index_box' (Misschien heeft het een iets andere naam) kom je het volgende ergens tegen:

Code:

<tr>
                  <th class="tcl">{L_FORUM}</th>
                  <th class="tc2">{L_TOPICS}</th>
                  <th class="tc3">{L_POSTS}</th>
                  <th class="tcr">{L_LASTPOST}</th>
               </tr>

Het geel omrande kan je aanpassen op 2 manieren.

Of je zet bepaalde codes zoals font face, size e.d. om

Code:

{L_FORUM}

Of je maakt een stukje CSS met font size, schaduw enz.

Code:

.tcl {
font-face: naam;
font-size: 0px;
}

Misschien moet .tcl een andere naam hebben, of staat deze al in je CSS. Dat weet ik niet precies.

Rood omrande:
Niet ver daaronder staat het volgende

Code:

<a href="{catrow.forumrow.U_VIEWFORUM}" class="forumtitle">{catrow.forumrow.FORUM_NAME}</a>

Dit is voor de naam van je forumsectie. Ook deze kan je in de templates of Css aanpassen. In de CSS roep je deze aan met .forumtitle

Paars omrande
Dit kan je denk ik alleen voor elkaar krijgen met CSS.

Code:

.forumtitle:hover {
[...]
}

Op de plek van [...] moet geloof ik iets met underline staan, maar ik weet niet precies hoe je dit instelt. Sorry daarvoor :$

[CCDragon]

Helaas, het werkt niet D: Kan het ook niet vinden in mijn index_box. Dit komt denk ik doordat ik de volledige sheet heb veranderd vanwege deze tutorial: klik

Dit is mijn huidige index_box template:

Code:

<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
  <tr>
      <td valign="bottom">
        <!-- BEGIN switch_user_logged_in -->
        <span class="gensmall">{LAST_VISIT_DATE}<br />
        {CURRENT_TIME}<br />
        </span>
        <!-- END switch_user_logged_in -->
        <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
      </td>
      <td class="gensmall" align="right" valign="bottom">
        <!-- BEGIN switch_user_logged_in -->
        <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
        <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
        <!-- END switch_user_logged_in -->
        <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
      </td>
  </tr>
</table>

<!-- 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></tr>

<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
  <tr>

  <!-- END tablehead -->
  <!-- BEGIN cathead -->
  <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
      <!-- END inc -->
      <td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="100%">
        <h{catrow.cathead.LEVEL} class="hierarchy">
            <span class="cattitle">
              <a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a>
            </span>
        </h{catrow.cathead.LEVEL}>
      </td>
      <td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="right"> </td>
  </tr>
  <!-- END cathead -->
  <!-- BEGIN forumrow -->
  <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
   
      <!-- END inc -->
      <td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle">
        <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
      </td>
      <td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
        <h{catrow.forumrow.LEVEL} class="hierarchy">
            <span class="forumlink">
              <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}"><blockquote><div style="text-transform:uppercase;line-height:0px">{catrow.forumrow.FORUM_NAME}</div></blockquote></a>
            </span>
        </h{catrow.forumrow.LEVEL}><div style="background-color: #b2d495;border-radius: 5px;border: 1px solid #ffffff; padding: 5px">
<div style="margin-left: 470px; font-size: 10px; font-style: italic;"><span class="gensmall">{catrow.forumrow.POSTS}</span> messages in <span class="gensmall">{catrow.forumrow.TOPICS}</span> topics</div>
        <span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
        <span class="gensmall">
            <!-- BEGIN switch_moderators_links -->
            {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
            <!-- END switch_moderators_links -->
            {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div>
        </span>
      </td>
   
      <!-- BEGIN forum_link_no -->
      <td class="row3" align="center" valign="middle" height="50">
   
        <div style="background-color:#b2d495;border-radius: 5px;border: 1px solid #ffffff; width:80px; height:80px; padding:2px;">
            <center><span class="gensmall">{catrow.forumrow.LAST_POST}</span><br></center></font><Div>
      </td>

      <!-- END forum_link_no -->
      <!-- BEGIN forum_link -->
      <td class="row3" colspan="3" align="center" valign="middle" height="50"><span class="gensmall">{catrow.forumrow.forum_link.HIT_COUNT}</span></td>
      <!-- END forum_link -->
  </tr>
  <!-- END forumrow -->
  <!-- BEGIN catfoot -->
  <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
      <!-- END inc -->
      <td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
  </tr>
  <!-- END catfoot -->
  <!-- BEGIN tablefoot -->
</table>
<img src="{SPACER}" alt="" height="5" width="1" />
<!-- END tablefoot -->
<!-- END catrow -->

Ik kan alleen niet echt vinden wat je bedoeld.. Dus weet ok niet hoe ik het in het CSS moet noemen.

[Gast]

Je kan het ook gewoon met de CSS doen, zoals ik het heb gedaan met New Hope?
Is een stuk makkelijker

Voor de categoriën

Code:

/*Category Names*/
.secondarytitle h2, secondarytitle h1 {
    color: #917361;
    font-family: Times New Roman;
    font-size: 30px;
    font-weight: lighter;
    letter-spacing: -2px;
    text-align: center;
    text-shadow: 0px 0px 20px #000;
    text-transform: uppercase;
}

en voor de forumtitels

Code:

/**forumlink**/
a.forumlink {
  text-transform: lowercase;
  text-shadow: 1px 1px 1px #000000;
  font-family: arial;
  color: #A86034;
  font-size: 20px;
  margin-top: -10px;
  font-style: italic;
  text-align: right;
  letter-spacing: 3px;
  margin-top: 5px;
  border-bottom: 0px dotted ;
  display:block;
}

[CCDragon]

Jush, helemaal top! Dankjewel =D

Aanvraag opgelost en gesloten.