Tabs

Hallo,
Ik zou graag een tab willen toevoegen op de plaats waar de laatste berichten komen te staan. Een voorbeeld van welke tab en waar: http://perished.actieforum.com/forum <- die vakjes achter de onderwerpen. Ik heb echt al overal gezocht voor die code, zelf op Engelse forum maar ik kan deze niet vinden. Kent iemand deze code?

En dan nog een vraagje. Met welke code kan ik het font of een plaatje met tekst van de categorie veranderen?

Voor je eerste vraag, je bedoeld het kadertje waarin topic + datum/tijd + accountnaam + hoeveel topics/berichten je hebt?

Voor je tweede vraag, dit kan je doen doormiddel van een CSS of doormiddel van een plaatje die je zelf via gimp/photoshop etc maakt

Ja dat kadertje met topic + datum/tijd + accountnaam + hoeveel topics/berichten bedoel ik (alleen heb ik dat wat het aantal topics en berichten aangeeft uit mijn templates gehaald maar maakt dat uit?) Noemt dat dan geen tab?


Welke CSS code is dan nodig voor dit?

DE CSS VOOR CATEGORIE NAMEN

Beheerderspaneel Display Kleuren Cascading Style Sheet

Code:

.secondarytitle h2, secondarytitle h1 {
    color: #......;
    font-family: times new roman/arial etc.;
    font-size: ...px;
    font-weight: normal/ticker/tick/lighter;
    letter-spacing: ...px;
    text-align: left/center/right;
    text-shadow: ...px ...px  ...px #......;
    text-transform: lowercase/uppercase;
}

td.catHead{
border-width: 0px;
}

td.catBottom {
border-width: 0px;
}

DE ... EN DE ...... KUN JE ZELF AANPASSEN NAAR JE EIGEN HOEVEELHEID PIXELS EN KLEURCODES.

OF MET EEN PLAATJE

Beheerderspaneel Algemeen Forum: Categorieën en forums Edit categorie naam

Code:

<img src="...."/>

WAT BETREFT DE LAST POST CEL CODE (WAT JIJ TABS BEDOELD), DIE IS VANAF NU BIJ DE TUTORIALS TE VINDEN.
https://ondersteun.actieforum.com/t4718-geavanceerde-last-post-en-forum-cel

Erg bedankt voor alle codes x3 Alleen over dat van die last post; ik heb bij index_body nog andere codes toegevoegd maar ik wil deze niet allemaal verwijderen, is er een manier om deze te houden zonder al die codes weer op te zoeken?

Het is de index_box hé, die staat onder index_body

Ja ik bedoelde index_box sorry ^^ In deze heb ik al dingen staan.

Zou je anders je templatecode hier willen plaatsen, dan zal ik die instellingen er in plaatsen, als je dat wilt natuurlijk (=

Ik heb de code via een pm doorgestuurd, mocht dat ook?

Je mag de code uiteraard ook per PM sturen als je dat liever hebt geen probleem mag ook via de code tags dat is wat je zelf wilt.   

Inmiddels heb je een bericht terug waarin de toegevoegde codes die jij gebruikt in de forum / last post cel code zijn gevoegd.
Als het niet werkt of als het klaar is laat je het dan even weten

Bedankt voor de code, ik heb hem geprobeert en ik kom nu dit uit:

Printscreen:

Hoort het zo?

Zoek dit stukje op in de code en verander WIDTH: ...px naar width: 200px

Code:

<!-- BEGIN forum_link_no -->
      <td class="row3" align="center" valign="middle" height="50">
   
        <div style="background-color:#......;border-radius: ...px;border: ...px solid/dashed/dotted #...; width:...px">
            <center><span class="gensmall">{catrow.forumrow.LAST_POST}</span><br></center></font><Div>
      </td>

      <!-- END forum_link_no -->

Maar nu kom ik toch zo geen kadertje uit?

Je bedoeld een wat donkerdere kleur rechthoek bij de last post / forum cel?

Indien je die 'tabs' nog zou willen kan je eventueel eens kijken naar de uitleg in dit topic:
https://ondersteun.actieforum.com/t4542-indeling-berichten

Ik weet dat het in dit geval over punBB gaat maar als je er echt niet mee verder kan zal ik de uitleg nog eens doen voor phpBB2.

Ik heb even een printscreen genomen van wat ik bedoel en het komt ongeveer overeen met die uitleg van in die link van 10spetter10 in het vorige bericht. Ik heb wat zitten proberen met die code voor de versie punBB maar ik kon hier niets zinnigs uitkrijgen, ik gebruik namelijk phpBB 2

printscreen:

Geen probleem dan maak ik wel een nieuwe stap-voor-stap beschrijving.

---

Dus zoals je al in het andere topic hebt werken we enkel in de template 'index_box'.

Beheerderspaneel Display Templates Algemeen

Hierin gaan we eerst zorgen dat de kolommen van topics en posts weg zijn anders krijg je alleen maar problemen.

Rond regel 23-24 zie je:

Code:

< th nowrap="nowrap" width="50">{L_TOPICS}< /th>
< th nowrap="nowrap" width="50">{L_POSTS}< /th>


en bij regel 65-70:

Code:

< td class="row3" align="center" valign="middle" height="50">
< span class="gensmall">{catrow.forumrow.TOPICS}< /span>
< /td>
< td class="row2" align="center" valign="middle" height="50">
< span class="gensmall">{catrow.forumrow.POSTS}< /span>
< /td>

Verwijder beide stukjes.

Nu dat we die kolommen verwijderd hebben moeten we enkel nog 'topics: x - posts: y' in de cel van 'last post' krijgen. Als script voor 'topics: x - posts: y' hebben we:

Code:

Topics: <span>{catrow.forumrow.TOPICS}</span> - Posts: <span>{catrow.forumrow.POSTS}</span>

Voor ons het makkelijk te maken zetten we er later een div rond met een apparte class zodat we dit makkelijker kunnen opmaken dmv css.

We kunnen nu bovenstaande code in de cel gaan plaatsen de cel van 'last post' staat rond regel 63-65.

Code:

<td class="row3 over" align="center" valign="middle" height="50">
   <span class="gensmall">{catrow.forumrow.LAST_POST}</span>
</td>

Vervang nu bovenstaande lijntjes door:

Code:

<td class="row3 over" align="center" valign="middle" height="50">
   <span class="gensmall">{catrow.forumrow.LAST_POST}</span>
   <div class="aantal">
      Topics: <span>{catrow.forumrow.TOPICS}</span> - Posts: <span>{catrow.forumrow.POSTS}</span>
   </div>
</td>

Nu zijn we klaar in de template en kunnen we dit opslaan. Vergeet niet om de aanpassing nog toe te passen door op het  :+: te drukken.

Tot slot gaan we nog de div en al de inliggende elementen opmaken door middel van css.

Beheerderspaneel Display Plaatjes en kleuren Kleuren Cascading style sheet

Voeg onderstaande code bovenaan/onderaan toe om de opmaak toe te passen.

Code:

.aantal{
  text-align: center; /* uitlijning */
  font-size: 7pt; /* tekstgroote */
  color: red; /*tekstkleur*/
  padding: 5px; /*lege ruimte binnenkant*/
  margin: 3px; /* lege ruimte buitenkant*/
}

Als je nog vragen of problemen hebt post ze maar gerust.