Nederlands Ondersteuningsforum :
Welkom op het Nederlandse Ondersteuningsforum van ActieForum.


Om ondersteuning te vragen of om in ťťn van onze andere forumsecties te kunnen posten dien je een account te hebben, bedankt voor het inloggen als je al geregistreerd bent, of registreer direct een account op ons ondersteuningsforum als je dit nog niet gedaan hebt.

Tabs

Vorige onderwerp Volgende onderwerp Go down

Tabs

Bericht van Nibsy op di 10 dec 2013 - 14:11

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?

Nibsy
Forumlid

Vrouw Aantal berichten : 81
Leeftijd : 17
Locatie : BelgiŽ
Registratiedatum : 18-09-13
Oprichter van het forum : Ja
Templates gewijzigd : Ja
CSS : Ja

Profiel bekijken
Nibsy is bedankt door de starter van dit topic.

Re: Tabs

Bericht van Gast op di 10 dec 2013 - 22:09

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 Smile

Gast
Gast


Gast is bedankt door de starter van dit topic.

Re: Tabs

Bericht van Nibsy op wo 11 dec 2013 - 13:35

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?

Nibsy
Forumlid

Vrouw Aantal berichten : 81
Leeftijd : 17
Locatie : BelgiŽ
Registratiedatum : 18-09-13
Oprichter van het forum : Ja
Templates gewijzigd : Ja
CSS : Ja

Profiel bekijken
Nibsy is bedankt door de starter van dit topic.

Re: Tabs

Bericht van Gast op do 12 dec 2013 - 15:32

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.
http://ondersteun.actieforum.com/t4718-geavanceerde-last-post-en-forum-cel

Gast
Gast


Gast is bedankt door de starter van dit topic.

Re: Tabs

Bericht van Nibsy op do 12 dec 2013 - 17:57

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?

Nibsy
Forumlid

Vrouw Aantal berichten : 81
Leeftijd : 17
Locatie : BelgiŽ
Registratiedatum : 18-09-13
Oprichter van het forum : Ja
Templates gewijzigd : Ja
CSS : Ja

Profiel bekijken
Nibsy is bedankt door de starter van dit topic.

Re: Tabs

Bericht van Gast op do 12 dec 2013 - 19:01

Het is de index_box hť, die staat onder index_body Wink

Gast
Gast


Gast is bedankt door de starter van dit topic.

Re: Tabs

Bericht van Nibsy op vr 13 dec 2013 - 13:38

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

Nibsy
Forumlid

Vrouw Aantal berichten : 81
Leeftijd : 17
Locatie : BelgiŽ
Registratiedatum : 18-09-13
Oprichter van het forum : Ja
Templates gewijzigd : Ja
CSS : Ja

Profiel bekijken
Nibsy is bedankt door de starter van dit topic.

Re: Tabs

Bericht van Gast op vr 13 dec 2013 - 19:12

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

Gast
Gast


Gast is bedankt door de starter van dit topic.

Re: Tabs

Bericht van Nibsy op za 14 dec 2013 - 16:26

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

Nibsy
Forumlid

Vrouw Aantal berichten : 81
Leeftijd : 17
Locatie : BelgiŽ
Registratiedatum : 18-09-13
Oprichter van het forum : Ja
Templates gewijzigd : Ja
CSS : Ja

Profiel bekijken
Nibsy is bedankt door de starter van dit topic.

Re: Tabs

Bericht van Joost op za 14 dec 2013 - 20:17

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. †Smile



† †Veel Voorkomende Problemen | Forum Gereedschap | Tutorials | Skin Aanvraag | Forum Promotie Goedkeuring | Wachtwoord Hoofd-Beheerder kwijt? | Geen ondersteuning via PM | †TIP! Vul je browser, forumversie, forum url en of je gebruikt maakt van templates †en/of CSS in op je profiel! Zo kunnen wij je nog beter helpen!

Joost
Beheerder
Beheerder

Man Aantal berichten : 4114
Leeftijd : 25
Taal : Nederlands
Locatie : Nederland
Registratiedatum : 31-08-07
Oprichter van het forum : Ja
Templates gewijzigd : Ja
CSS : Ja

Profiel bekijken http://hpmagicworld.actieforum.com/ http://ondersteun.actieforum.com/
Joost is bedankt door de starter van dit topic.

Re: Tabs

Bericht van Gast op zo 15 dec 2013 - 10:30

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 Razz

Gast
Gast


Gast is bedankt door de starter van dit topic.

Re: Tabs

Bericht van Nibsy op zo 15 dec 2013 - 10:57

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

Printscreen:

Hoort het zo?

Nibsy
Forumlid

Vrouw Aantal berichten : 81
Leeftijd : 17
Locatie : BelgiŽ
Registratiedatum : 18-09-13
Oprichter van het forum : Ja
Templates gewijzigd : Ja
CSS : Ja

Profiel bekijken
Nibsy is bedankt door de starter van dit topic.

Re: Tabs

Bericht van Gast op zo 15 dec 2013 - 11:33

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

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 -->

Gast
Gast


Gast is bedankt door de starter van dit topic.

Re: Tabs

Bericht van Nibsy op zo 15 dec 2013 - 19:19

Maar nu kom ik toch zo geen kadertje uit?

Nibsy
Forumlid

Vrouw Aantal berichten : 81
Leeftijd : 17
Locatie : BelgiŽ
Registratiedatum : 18-09-13
Oprichter van het forum : Ja
Templates gewijzigd : Ja
CSS : Ja

Profiel bekijken
Nibsy is bedankt door de starter van dit topic.

Re: Tabs

Bericht van Gast op zo 15 dec 2013 - 21:49

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

Gast
Gast


Gast is bedankt door de starter van dit topic.

Re: Tabs

Bericht van 10spetter10 op za 21 dec 2013 - 23:25

Indien je die 'tabs' nog zou willen kan je eventueel eens kijken naar de uitleg in dit topic:
http://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. Wink


Je mag me altijd een pm sturen wanneer ik iets vergeet af te werken, ook ik ben maar een mens!


Veel Voorkomende Problemen | Forum Tools | Tutorials | Skin Aanvraag | Forum Promotie Goedkeuring | Wachtwoord Hoofd-Beheerder kwijt? | Geen ondersteuning via PM | TIP! Vul je browser, forumversie, forum url en of je gebruikt maakt van templates †en/of CSS in op je profiel! Zo kunnen wij je nog beter helpen!

10spetter10
Beheerder
Beheerder

Man Aantal berichten : 1296
Leeftijd : 19
Taal : Nederlands
Locatie : BelgiŽ
Registratiedatum : 08-07-12
Oprichter van het forum : Ja
Templates gewijzigd : Ja
CSS : Ja

Profiel bekijken
10spetter10 is bedankt door de starter van dit topic.

Re: Tabs

Bericht van Nibsy op ma 23 dec 2013 - 9:28

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:

Nibsy
Forumlid

Vrouw Aantal berichten : 81
Leeftijd : 17
Locatie : BelgiŽ
Registratiedatum : 18-09-13
Oprichter van het forum : Ja
Templates gewijzigd : Ja
CSS : Ja

Profiel bekijken
Nibsy is bedankt door de starter van dit topic.

Re: Tabs

Bericht van 10spetter10 op ma 23 dec 2013 - 15:27

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




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. Smile


Je mag me altijd een pm sturen wanneer ik iets vergeet af te werken, ook ik ben maar een mens!


Veel Voorkomende Problemen | Forum Tools | Tutorials | Skin Aanvraag | Forum Promotie Goedkeuring | Wachtwoord Hoofd-Beheerder kwijt? | Geen ondersteuning via PM | TIP! Vul je browser, forumversie, forum url en of je gebruikt maakt van templates †en/of CSS in op je profiel! Zo kunnen wij je nog beter helpen!

10spetter10
Beheerder
Beheerder

Man Aantal berichten : 1296
Leeftijd : 19
Taal : Nederlands
Locatie : BelgiŽ
Registratiedatum : 08-07-12
Oprichter van het forum : Ja
Templates gewijzigd : Ja
CSS : Ja

Profiel bekijken
10spetter10 is bedankt door de starter van dit topic.

Vorige onderwerp Volgende onderwerp Terug naar boven


Permissies van dit forum:
Je mag geen reacties plaatsen in dit subforum