Codes?

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.

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

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.

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.

Oke laten we het dan allemaal in een keer proberen.

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>');
});

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

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>');
});

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

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>');
});

[opgelost][/opgelost]