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.

Indeling berichten

Vorige onderwerp Volgende onderwerp Go down

Indeling berichten

Bericht van Faceless. op wo 18 sep 2013 - 17:59

Hallo allemaal,

Laatst zag ik op een site dat ze het kopje 'topics' en 'berichten' hadden weg gehaald en het vervangen hadden door dit;

Spoiler:

Graag zou ik willen weten hoe dit moet.

Groetjes,


Laatst aangepast door Faceless. op vr 20 sep 2013 - 18:39; in totaal 1 keer bewerkt

Faceless.
Nieuw Forumlid

Vrouw Aantal berichten : 5
Registratiedatum : 15-08-12

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

Re: Indeling berichten

Bericht van 10spetter10 op wo 18 sep 2013 - 18:36

Dit kan je doen door de templates aan te passen, hiervoor moet je wel de oprichter van het forum zijn. Controleer al eens of je deze kan aanpassen:

Beheerderspaneel Display Templates

Verder zou het ook handig zijn om te weten welke versie je hebt, phpBB2, punBB ...


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 : 1282
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: Indeling berichten

Bericht van Faceless. op wo 18 sep 2013 - 18:49

Ik ben de oprichter van het forum en gebruik PunBB.

Faceless.
Nieuw Forumlid

Vrouw Aantal berichten : 5
Registratiedatum : 15-08-12

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

Re: Indeling berichten

Bericht van 10spetter10 op wo 18 sep 2013 - 22:08

Oke, dan kunnen we beginnen met je template aan te passen Smile 

We beginnen eerst met de template 'Index_box' te openen:

Beheerderspaneel Display Templates Index_box

Eerst gaan we de kolommen van 'aantal topics' en 'aantal posts' wegdoen, hiervoor moet je een aantal regels verwijderen.


  • 15: < th class="tc2">{L_TOPICS}
  • 16: < th class="tc3">{L_POSTS}
  • 37: < td class="tc2">{catrow.forumrow.TOPICS}< /td>
  • 38: < td class="tc3">{catrow.forumrow.POSTS}< /td>


Normaal als je het nu zou opslagen zie je enkel nog de kolom 'forum' en 'laatste bericht'.

Als de twee kolommen verwijderd zijn kunnen we beginnen met het aantal berichten en onderwerpen onder het laatste bericht te zetten.



Als je zelf nog zo iets zou maken zou ik eerst je code apart maken voor je ze in je template zet.

Ik begin dus met een leeg div element, hierdoor kan je later makkelijker de plaats wat aanpassen, geef ze dan wel een class mee bv: 'container_aantallen'. In de divider moet er natuurlijk nog iets in geplaatst worden, hierin zou ik nog 2 div's zetten, eentje voor je topics en eentje voor je posts, beide met class 'aantal'.
Nu plaatsen we de inhoud hierin, voor de aantallen moet je een variabelen gebruiken, deze kon je vinden in de regels die je verwijdert hebt, plak de variabelen in je div 'aantal', zet nog topics of posts achter de variabelen zodat je dit ook kan lezen op je forum. Je kan eventueel nog je cijfers vetjes laten uitkomen. Uiteindelijk krijg je dit als resultaat:

Code:
<div>
   <div class="aantal">
      <span>{catrow.forumrow.TOPICS}</span> topics
   </div>
   <div class="aantal">
      <span>{catrow.forumrow.POSTS}</span> posts
   </div>
</div>

De code die we juist gemaakt hebben moet onderaan de cel van 'laatste berichten' staan.
Regel 37-44 is de cel voor 'laatste berichten':

Code:
<td class="tcr">
   <span>
   <!-- BEGIN switch_topic_title -->
   <a href="{catrow.forumrow.U_LATEST_TOPIC}" title="{catrow.forumrow.LATEST_TOPIC_TITLE}">{catrow.forumrow.LATEST_TOPIC_NAME}</a><br />
   <!-- END switch_topic_title -->
   {catrow.forumrow.USER_LAST_POST}
   </span>
</td>

Vervang bovenstaande door deze:

Code:
<td class="tcr">
   <span>
   <!-- BEGIN switch_topic_title -->
   <a href="{catrow.forumrow.U_LATEST_TOPIC}" title="{catrow.forumrow.LATEST_TOPIC_TITLE}">{catrow.forumrow.LATEST_TOPIC_NAME}</a><br />
   <!-- END switch_topic_title -->
   {catrow.forumrow.USER_LAST_POST}
   </span>
   <div class="container_aantallen">
      <div class="aantal">
         <span>{catrow.forumrow.TOPICS}</span> topics
      </div>
      <div class="aantal">
         <span>{catrow.forumrow.POSTS}</span> posts
      </div>
   </div>
</td>

Sla dit op, normaal zie je nu het aantal posts en topics maar de tekst staan onder elkaar.




Dit gaan we oplossen dmv css, we gaan ook meteen de opmaak doen. Ga alvast naar de pagina om de css aan te passen:

Beheerderspaneel Display Plaatjes en Kleuren Kleuren Cascading Style Sheet

We beginnen met te zorgen dat er een wit-ruimte is tussen de tekst van het laatste bericht en het aantal posts. Roep je divider 'container_aantallen' en geef hem een margin.

Code:
.container_aantallen{
  margin: 5px 0px 40px 0px; /* lege ruimte buitenkant*/
}

Nu gaan we zorgen dat de tekstjes in een mooi vakje staan en ook naast elkaar weergeven worden. Al deze opmaak is persoonlijk, je kan ze zelf aannpassen naar jouw smaak.

Code:
.container_aantallen .aantal{
  background: #1f537b; /*achtergrond kleur*/
  color: #dedfdf; /*tekstkleur*/
  float: left; /*blokjes naast elkaar laten zweven*/
  padding: 5px; /*lege ruimte binnenkant*/
  margin: 3px; /* lege ruimte buitenkant*/
}

Als je nu nog het aantal posts of topics vet wil laten weergeven worden moet je nog een laatste css code maken.

Code:
.aantal span{
  font-weight: 900; /*dikte van de letters/cijfers*/
}


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 : 1282
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: Indeling berichten

Bericht van Faceless. op do 19 sep 2013 - 9:38

Het stukje met 'container_aantallen' kan ik niet vinden in mijn CCS. In welke regel moet dit ongeveer staan?

Faceless.
Nieuw Forumlid

Vrouw Aantal berichten : 5
Registratiedatum : 15-08-12

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

Re: Indeling berichten

Bericht van Mystic op do 19 sep 2013 - 15:52

Volgens mij is het de bedoeling dat je de code gewoon in de CSS plakt en niet vervangt.

Mystic
Medaille Forumlid
Medaille Forumlid

Oud Support Moderator Man Aantal berichten : 260
Leeftijd : 17
Registratiedatum : 24-09-12
Oprichter van het forum : Ja
Templates gewijzigd : Ja
CSS : Ja

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

Re: Indeling berichten

Bericht van 10spetter10 op do 19 sep 2013 - 16:32

Ja, je moet het toevoegen aan je css, dat was misschien niet zo duidelijk :/


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 : 1282
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: Indeling berichten

Bericht van Faceless. op do 19 sep 2013 - 16:49

Oh oke, maar is er dan nog een bepaalde plek waar ik dat in de CSS moet plaatsen of maakt dat niet uit?

Faceless.
Nieuw Forumlid

Vrouw Aantal berichten : 5
Registratiedatum : 15-08-12

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

Re: Indeling berichten

Bericht van 10spetter10 op do 19 sep 2013 - 16:54

Dat maakt niet echt uit, maar je kan wel voor het jezelf makkelijk te maken het bij elkaar zetten en eventueel melden waarover het gaat:

Code:
/* --------- begin opmaak aantal posts en topics --------- */
.container_aantallen{
  margin: 5px 0px 40px 0px; /* lege ruimte buitenkant*/
}
.container_aantallen .aantal{
  background: #1f537b; /*achtergrond kleur*/
  color: #dedfdf; /*tekstkleur*/
  float: left; /*blokjes naast elkaar laten zweven*/
  padding: 5px; /*lege ruimte binnenkant*/
  margin: 3px; /* lege ruimte buitenkant*/
}
.aantal span{
  font-weight: 900; /*dikte van de letters/cijfers*/
}
/* --------- einde opmaak aantal posts en topics --------- */


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