Nederlands Ondersteuningsforum :
Wilt u reageren op dit bericht? Maak met een paar klikken een account aan of log in om door te gaan.

Codes?

Vorige onderwerp Volgende onderwerp Ga naar beneden

Opgeloste Topic Codes?

Bericht van Nibsy di 10 jun 2014 - 17:45

Hoi, ik heb weer een hoop vragen (A)
1)
Spoiler:
Codes? Idwze1
Ik zou graag de gebruikersnaam + eventuele rang onder de ava willen, hoe doe ik dat?<-- Heb ik al gevonden c': Maar vroeg ik me af of ik misschien die ruimte tussen 'reu' en 'character sheet' wat kan verkleinen en hoe ik het lettertype/tekstgrootte van 'character sheet' evenals 'Leeftijd, Partners,...' kan aanpassen?
-
2)
Spoiler:
Codes? Rws5mx
Ik zou graag de achtergrond van mijn infobox willen aanpassen naar een kleur/plaatje maar als ik dit doe dan word ook meteen de achtergrond van de pijl mee gekleurd en dat wil ik niet. De pijl zou transparant moeten blijven c'=
-
3) Ik vroeg me af of ik bepaalde dingen in het wie is online vakjes als 'de leden die online zijn geweest in de.., het aantal jarige gebruikers, Er zijn in totaal 2 gebruikers online :: 1 Geregistreerd, 0 verborgen en 1 gast
Het hoogste aantal gelijktijdige online gebruikers is 33. Dit aantal is bereikt op zo 22 sep 2013 - 13:07.
' kan verwijderen zodat ik een wat meer netjes overzicht heb en hoe ik mijn groepen kan ordenen (bovenaan zetten etc)?
-
4)
Spoiler:
Codes? N3283d
Hoe krijg ik zulk vakje dat tevoorschijn komt wanneer je er met je muis overheen gaat?
-
5) En tot slot ^-^ Ik vroeg me welke code er word gebruikt om de helderheid van een plaatje te verminderen om dan als je er met je muis overgaat de originele helderheid weer te tonen?

xNibsy


Laatst aangepast door Nibsy op do 26 jun 2014 - 13:43; in totaal 1 keer bewerkt

Terug naar boven Terug naar beneden

Nibsy

Nibsy
Forumlid

Vrouw
Aantal berichten : 81
Leeftijd : 22
Registratiedatum : 18-09-13
Oprichter van het forum : Ja
Templates gewijzigd : Ja
CSS : Ja



Nibsy is bedankt door de starter van dit topic.

Opgeloste Topic Re: Codes?

Bericht van 10spetter10 di 10 jun 2014 - 19:45


  1. Voor al je vragen hier zou ik zeggen open je templates en begin te editten, met uitzondering van die tekstgrootte. Ik denk dat dit de makkelijkste manier is. Smile

    [beheerderspaneel][pijl]Display[pijl]Templates[pijl]Algemeen[pijl]viewtopic_body[/beheerderspaneel]

    Als je deze nog niet aangepast hebt kan je gewoon naar de regelnummers kijken. Anders ga je wel even moeten zoeken. Wink

    Ik ga je een heel stuk laten vervangen zodat alles meteen staat zoals je zei. Van regel 136-144, oorspronkelijk staat er:

    Code:
    <span class="name"><a name="{postrow.displayed.U_POST_ID}" style="position: relative; top: -30px; width: 1px;" id="{postrow.displayed.U_POST_ID}"></a><strong>{postrow.displayed.POSTER_NAME}</strong></span><br />
    <span class="postdetails poster-profile">
       {postrow.displayed.POSTER_RANK}<br />
       {postrow.displayed.RANK_IMAGE}{postrow.displayed.POSTER_AVATAR}<br /><br />
       <!-- BEGIN profile_field -->
       {postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
       <!-- END profile_field -->
       {postrow.displayed.POSTER_RPG}
    </span><br />

    Dit gaan we vervangen door:

    Code:
    <span class="postdetails poster-profile">
       {postrow.displayed.POSTER_AVATAR}<br />
       <span class="name"><a name="{postrow.displayed.U_POST_ID}" style="position: relative; top: -30px; width: 1px;" id="{postrow.displayed.U_POST_ID}"></a><strong>{postrow.displayed.POSTER_NAME}</strong></span><br />
       {postrow.displayed.POSTER_RANK}<br />
       {postrow.displayed.RANK_IMAGE}
       <!-- BEGIN profile_field -->
       {postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
       <!-- END profile_field -->
       <div class="char_sheet">{postrow.displayed.POSTER_RPG}</div>
    </span><br />

    Normaal gezien is de avatar en de username en rank verwisseld van plaats, we hebben de sheet een class 'char_sheet' gegeven zodat we deze kunnen aanpassen met de css. Dus nu kan je het lettertypen aanpassen met de css en eventueel ook de afstand van character sheet tot reu.

    Code:
    div.char_sheet {
      font-size: 12pt;
      margin-top: -10px;
    }



  2. Ik heb eens snel gekeken en dit kan ook makkelijk gedaan worden via css. Er zit namelijk in je tabel een div element met een id tag. Je kan deze aanroepen met css en die een background meegeven:

    Code:
    #panneau {
      background: #ff0000;
    }



  3. Je kan een deel van deze zaken verwijderen in het beheerderspaneel maar je gaat sowieso weer je templates moeten gebruiken om die ranken van boven te krijgen.

    'de leden die online zijn geweest in de...'

    [beheerderspaneel][pijl]Display[pijl]indexpagina[pijl]Algemeen[/beheerderspaneel]

    Hier kan je dit uitschakelen in het eerste vakje: Algemene Foruminstellingen

    'het aantal jarige gebruikers'

    [beheerderspaneel][pijl]Gebruikers & Groepen[pijl]Gebruikers[pijl]Leden mogelijkheden[/beheerderspaneel]

    Helemaal onderaan staat er een vakje 'Birthdays' met daaronder de keuze voor een 'Birthday management' als je dit op Nee zet is normaal deze tekst ook al weg.

    De rest ga je zelf moeten doen in je template 'index_body'. Dit gaat rond regel 193 staan.

    Code:
    {TOTAL_USERS_ONLINE}<br />
    {RECORD_USERS}<br />
    <br />
    {LOGGED_IN_USER_LIST}

    Waarschijnlijk ga je het laatste nog willen laten zien dus is het misschien een goed idee om de andere onzichtbaar te maken dmv display: none

    Code:
    <span style="display:none;">{TOTAL_USERS_ONLINE}<br />
    {RECORD_USERS}<br />
    <br /></span>
    {LOGGED_IN_USER_LIST}

    Voordat ik begin met die groepen te verplaatsen zou ik best weten waar je het precies bovenaan wilt. Dan wil ik er nog wel eens naar kijken Wink


  4. Dit kan je oftewel weer maken in je template oftewel kan je het door een javascript laten plaatsen op je pagina. De basis is redelijk simpel. Je hebt een div die je vast op je scherm zet dmv position fixed en bijv 230px buiten het scherm zit:

    Code:
    <style>#slide{
    width: 250px;
    height: 70px;
    background: red;
    position: fixed;
    bottom: 70px;
    left: -230px;}
    #slide:hover{left:0px}</style>
    <div id="slide"></div>

    Deze kan je dan vullen met html. Voor soepel te schuiven kan je transition gebruiken in je css. Smile


  5. Dit lijkt ongeveer op het vorige alleen gebruik je hier voor een kleur rgba(r-waarde, g-waarde, b-waarde, opacity-waarde). Voor een afbeelding kan je opacity gebruiken maar let op dat het cross browser blijft.



    Code:
    <style>#afb{
    opacity: 0.3;
    }#afb:hover{
    opacity:1.0
    }</style>
    <img src="http://2img.net/i/fa/i/smiles/icon_rr.png" id="afb"/>

Terug naar boven Terug naar beneden

10spetter10

10spetter10
Medaille Forumlid
Medaille Forumlid

Man
Aantal berichten : 1222
Leeftijd : 23
Registratiedatum : 08-07-12
Oprichter van het forum : Ja
Templates gewijzigd : Ja
CSS : Ja



10spetter10 is bedankt door de starter van dit topic.

Opgeloste Topic Re: Codes?

Bericht van Nibsy di 10 jun 2014 - 23:23

1) Enorm bedankt c'= Ik heb de naam en de rang eronder gekregen en ook de plaats kunnen verkleinen ^^ Ook heb ik een code gevonden voor het lettertype, alleen krijg ik de rang niet verschoven. Ik heb er geen code voor gevonden. Het staat nu nogal dicht bij de naam van de persoon.
Spoiler:
Codes? R9j42u
2) Solved! cx Thankyou ^-^
4) Ik heb de code in een javascript gezet maar ik zag niet veranderen.  Ik denk dat het deels ook komt omdat mijn infobox ook links zit en de slide ook links moet komen te zitten. De pijl van mijn infobox was allesinds verdwenen en toen ik het javascript verwijderde, kwam ie weer terug.
5) Het plaatje waarvoor ik dit wil gebruiken is een button maar deze staat in mijn template index_body. Als ik de code erin zet gebeurt er niets. Ligt dit eraan dat het in een template zit?

Terug naar boven Terug naar beneden

Nibsy

Nibsy
Forumlid

Vrouw
Aantal berichten : 81
Leeftijd : 22
Registratiedatum : 18-09-13
Oprichter van het forum : Ja
Templates gewijzigd : Ja
CSS : Ja



Nibsy is bedankt door de starter van dit topic.

Opgeloste Topic Re: Codes?

Bericht van 10spetter10 wo 11 jun 2014 - 7:35

1) Je kan gewoon een enter (< br />) er tussen in je template.

4) Oops ben er vergeten bij te zetten als je het in een javascript zet je een code moet gebruiken die het ook aan je html toevoegd:

Code:
jQuery(document).ready(function () {
    jQuery('body').append('Hier je html code, zorg wel dat je altijd een " gebruikt ipv een '. Anders werkt het niet.');
});

5) Normaalgezien heeft dit er nieks mee te maken. controleer eens of je het element goed aanroept met je css, dat is zowat het enigste waar er een fout kan gemaakt worden.

Terug naar boven Terug naar beneden

10spetter10

10spetter10
Medaille Forumlid
Medaille Forumlid

Man
Aantal berichten : 1222
Leeftijd : 23
Registratiedatum : 08-07-12
Oprichter van het forum : Ja
Templates gewijzigd : Ja
CSS : Ja



10spetter10 is bedankt door de starter van dit topic.

Opgeloste Topic Re: Codes?

Bericht van Nibsy za 14 jun 2014 - 1:17

1) Bedankt c':
4) Ehm ik zie nog steeds niets :& Ik snapte de code ook niet, wat moet ik juist invullen bij de html code? En moet die code die je me gaf dan in een html pagina?
5) Hoe roep ik dit aan?? c=
-
3) Om even terug te komen op 3. Ik heb alle stappen gevolgd maar nu merk ik dat ik mijn actieve leden van mijn forum plots niet meer kan zien? Hoe kan ik dit terugkrijgen?
Ehm als het mogelijk is zou ik mijn groepen graag zo als hier een centimeter ofzo boven de statistieken c':
Spoiler:
Codes? 2qwh7pg

Terug naar boven Terug naar beneden

Nibsy

Nibsy
Forumlid

Vrouw
Aantal berichten : 81
Leeftijd : 22
Registratiedatum : 18-09-13
Oprichter van het forum : Ja
Templates gewijzigd : Ja
CSS : Ja



Nibsy is bedankt door de starter van dit topic.

Opgeloste Topic Re: Codes?

Bericht van 10spetter10 za 14 jun 2014 - 22:26

4) Oke, ik zal dus verdergaan met de javascript code die ik je gaf in de vorige post. Het is dus de bedoeling dat je een nieuw javascriptje maakt dat op alle pagina's gebruikt wordt. Hier plaats je als code:

Code:
<style>#slide{
width: 250px;
height: 70px;
background: red;
position: fixed;
bottom: 70px;
right: -230px;}
#slide:hover{right:0px}</style>
<div id="slide"></div>

Ik heb mijn voorbeeld schuifbalkje gebruikt van men eerste post. Je hebt dan zoiets als je op deze pagina ziet.
nadat je het gezien hebt verwijder ik dit uit deze post Razz

5) De meeste elementen kan je aanroepen door hun id of classnaam. Het enigste nadeel bij phpBB2 is dat er weinig variatie is in die namen. Je zou dus moeten kijken in de broncode ( bij google chrome rechtsklik element inspecteren) of het element makkelijk te bereiken is via css. Anders is het misschien makkelijker om eerst in je template de afbeelding een id te geven.

Kijk ook eens bij volgende link voor de selectors in css:
http://www.w3schools.com/CSSref/css_selectors.asp

3) Let erop dat je het span-element optijd sluit want dat lijkt nu te laat zijn gedaan.

Het moet zo zijn:

Code:
<span style="display:none;">{TOTAL_USERS_ONLINE}<br />
{RECORD_USERS}<br />
<br /></span>
{LOGGED_IN_USER_LIST}

Maar ik denk dat je misschien beter dit overslaat en onderstaande code kopieert want hier staat je legende al meteen bovenaan. Wink

vervang r186-203:

Code:
<tr>
      <td class="row1" rowspan="6" align="center" valign="middle"><img src="{L_ONLINE_IMG}" id="i_whosonline" alt="{L_WHO_IS_ONLINE}" /></td>
      <td class="row1" width="100%"><span class="gensmall">{TOTAL_POSTS}<br />
      {TOTAL_USERS}<br />
      {NEWEST_USER}</span></td>
   </tr>
   <tr>
      <td class="row1"><span class="gensmall">{TOTAL_USERS_ONLINE}<br />
      {RECORD_USERS}<br />
      <br />
      {LOGGED_IN_USER_LIST}</span></td>
   </tr>
   {L_CONNECTED_MEMBERS}
   {L_WHOSBIRTHDAY_TODAY}
   {L_WHOSBIRTHDAY_WEEK}
   <tr>
      <td class="row1"><span class="gensmall">{LEGEND} : {GROUP_LEGEND}</span></td>
   </tr>

Door:

Code:
<tr>
      <td class="row1" rowspan="6" align="center" valign="middle"><img src="{L_ONLINE_IMG}" id="i_whosonline" alt="{L_WHO_IS_ONLINE}" /></td>
      <td class="row1"><span class="gensmall" id="legende">{LEGEND} :&nbsp;{GROUP_LEGEND}</span></td>
   </tr>
   <tr>
      <td class="row1" width="100%"><span class="gensmall">{TOTAL_POSTS}<br />
      {TOTAL_USERS}<br />
      {NEWEST_USER}</span></td>
   </tr>
   <tr>
      <td class="row1"><span class="gensmall"><span style="display:none;">{TOTAL_USERS_ONLINE}<br />
{RECORD_USERS}<br />
<br /></span>
{LOGGED_IN_USER_LIST}</span></td>
   </tr>
   {L_CONNECTED_MEMBERS}
   {L_WHOSBIRTHDAY_TODAY}
   {L_WHOSBIRTHDAY_WEEK}

Je kan nu ook de lijn met de rangen aanpassen dmv css met de naam #legende.

Als je nog ergens problemen mee hebt laat je het maar weten. Wink

Terug naar boven Terug naar beneden

10spetter10

10spetter10
Medaille Forumlid
Medaille Forumlid

Man
Aantal berichten : 1222
Leeftijd : 23
Registratiedatum : 08-07-12
Oprichter van het forum : Ja
Templates gewijzigd : Ja
CSS : Ja



10spetter10 is bedankt door de starter van dit topic.

Opgeloste Topic Re: Codes?

Bericht van Nibsy ma 23 jun 2014 - 18:44

4) Eh ik heb dus deze code in een javascript gezet. Ik denk dat ik iets fout doe. Er gebeurt namelijk nog steeds niet. Heb ik ook een HTML code nodig?

Code:
<style>#slide{
width: 250px;
height: 70px;
background: red;
position: fixed;
bottom: 70px;
right: -230px;}
#slide:hover{right:0px}</style>
<div id="slide"></div>

3 & 5) Solved c':

Terug naar boven Terug naar beneden

Nibsy

Nibsy
Forumlid

Vrouw
Aantal berichten : 81
Leeftijd : 22
Registratiedatum : 18-09-13
Oprichter van het forum : Ja
Templates gewijzigd : Ja
CSS : Ja



Nibsy is bedankt door de starter van dit topic.

Opgeloste Topic Re: Codes?

Bericht van 10spetter10 ma 23 jun 2014 - 18:46

Oke laten we het dan allemaal in een keer proberen. Wink

Code:
jQuery(document).ready(function () {
    jQuery('body').append('<style>#slide{
width: 250px;
height: 70px;
background: red;
position: fixed;
bottom: 70px;
right: -230px;}
#slide:hover{right:0px}</style>
<div id="slide"></div>');
});

Terug naar boven Terug naar beneden

10spetter10

10spetter10
Medaille Forumlid
Medaille Forumlid

Man
Aantal berichten : 1222
Leeftijd : 23
Registratiedatum : 08-07-12
Oprichter van het forum : Ja
Templates gewijzigd : Ja
CSS : Ja



10spetter10 is bedankt door de starter van dit topic.

Opgeloste Topic Re: Codes?

Bericht van Nibsy di 24 jun 2014 - 21:14

Het spijt me, ik ben niet goed met codes  Embarassed Maar goed, nu is het gelukt c'= Het gaat niet zo soepel dus ik gebruikte transition zoals je zei. Alleen is mijn code waarschijnlijk helemaal fout dus het heeft  nu niet echt veel effect Embarassed Hierna laat ik je met rust hoor xD
Code:
div {
    transition: width 2s;
}

Terug naar boven Terug naar beneden

Nibsy

Nibsy
Forumlid

Vrouw
Aantal berichten : 81
Leeftijd : 22
Registratiedatum : 18-09-13
Oprichter van het forum : Ja
Templates gewijzigd : Ja
CSS : Ja



Nibsy is bedankt door de starter van dit topic.

Opgeloste Topic Re: Codes?

Bericht van 10spetter10 di 24 jun 2014 - 22:31

Ik denk dat het met het onderstaande het wel soepel zou moeten doen. Wink

Code:
jQuery(document).ready(function () {
    jQuery('body').append('<style>#slide{
width: 250px;
height: 70px;
background: red;
position: fixed;
bottom: 70px;
right: -230px;
transition-duration: 0.5s;}
#slide:hover{right:0px}</style>
<div id="slide"></div>');
});

Terug naar boven Terug naar beneden

10spetter10

10spetter10
Medaille Forumlid
Medaille Forumlid

Man
Aantal berichten : 1222
Leeftijd : 23
Registratiedatum : 08-07-12
Oprichter van het forum : Ja
Templates gewijzigd : Ja
CSS : Ja



10spetter10 is bedankt door de starter van dit topic.

Opgeloste Topic Re: Codes?

Bericht van Nibsy do 26 jun 2014 - 1:45

Dan nog een klein dingetje voor de opmaak (A)
Codes? 2pt2tqw
In de rode vakjes hoort een afbeelding te komen met titeltjes voor boven de grijze vierkantjes. Echter als ik mijn titelplaatjes plaats, komen ze naast de grijze vierkantjes te staan. Hoe kan ik dit oplossen?
Mijn vakje is rechts ook best lang, ik heb de pixels van de code bij ze allemaal wel eens aangepast maar bij geen veranderd het. Hoe verander ik dit?
Enorm bedankt voor de moeite!

Terug naar boven Terug naar beneden

Nibsy

Nibsy
Forumlid

Vrouw
Aantal berichten : 81
Leeftijd : 22
Registratiedatum : 18-09-13
Oprichter van het forum : Ja
Templates gewijzigd : Ja
CSS : Ja



Nibsy is bedankt door de starter van dit topic.

Opgeloste Topic Re: Codes?

Bericht van 10spetter10 do 26 jun 2014 - 9:14

Ik heb even als titeltje de afbeelding 'Vossen' uit je nav bar gebruikt. Smile

Code:
jQuery(document).ready(function () {
    jQuery('body').append('<style>#slide{
width: 220px;
height: 70px;
background: red;
position: fixed;
bottom: 70px;
right: -200px;
transition-duration: 0.5s;}
#slide:hover{right:0px}</style>
<div id="slide">
   <img src="http://i59.tinypic.com/33ynmmh.jpg" border="0" alt="Image and video hosting by TinyPic" style="float: left;">
   <div style="float: left;width: 95px;text-align: center;">
      <img src="http://i57.servimg.com/u/f57/18/45/32/38/vossen10.png" />
      <img src="http://i59.tinypic.com/2aenhwm.jpg" border="0" alt="Image and video hosting by TinyPic" />
   </div>
   <div style="text-align: center;">
      <img src="http://i57.servimg.com/u/f57/18/45/32/38/vossen10.png" />
      <img src="http://i59.tinypic.com/2aenhwm.jpg" border="0" alt="Image and video hosting by TinyPic" />
   </div>
</div>');
});

Terug naar boven Terug naar beneden

10spetter10

10spetter10
Medaille Forumlid
Medaille Forumlid

Man
Aantal berichten : 1222
Leeftijd : 23
Registratiedatum : 08-07-12
Oprichter van het forum : Ja
Templates gewijzigd : Ja
CSS : Ja



10spetter10 is bedankt door de starter van dit topic.

Opgeloste Topic Re: Codes?

Bericht van Nibsy do 26 jun 2014 - 13:43

Enorm bedankt! c'= Er mag een slotje op :'3

Terug naar boven Terug naar beneden

Nibsy

Nibsy
Forumlid

Vrouw
Aantal berichten : 81
Leeftijd : 22
Registratiedatum : 18-09-13
Oprichter van het forum : Ja
Templates gewijzigd : Ja
CSS : Ja



Nibsy is bedankt door de starter van dit topic.

Opgeloste Topic Re: Codes?

Bericht van Joost do 26 jun 2014 - 14:02

[opgelost][/opgelost]


Codes? 121910
   Veel Voorkomende Problemen | Forum Gereedschap | Tutorials | Skin Aanvraag | Forum Promotie Goedkeuring | Wachtwoord Hoofd-Beheerder kwijt? | Geen ondersteuning via PM | Ondersteuningsvraag opgelost? Markeer je topic dan met het icoon Codes? 210610

Terug naar boven Terug naar beneden

Joost

Joost
Beheerder
Beheerder

Man
Aantal berichten : 4993
Leeftijd : 29
Registratiedatum : 31-08-07
Oprichter van het forum : Ja
Templates gewijzigd : Ja
CSS : Ja

https://ondersteun.actieforum.com/


Joost 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