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.

Zijpaneel verdwijnt

Vorige onderwerp Volgende onderwerp Go down

Zijpaneel verdwijnt

Bericht van Okaidowolf op zo 19 jan 2014 - 16:44

Ik heb zelf ook al even achter zo'n tabel lopen zoeken, maar helaas kan ik ze nou niet uitproberen aangezien de infobox niet zichtbaar is op m'n forum, en ik nochtans alles aangevinkt heb naar mijn weten. Dit is trouwens hetzelfde als met de chatbox uit dezelfde tutorial.


Laatst aangepast door 10spetter10 op zo 19 jan 2014 - 22:38; in totaal 1 keer bewerkt (Reden van aanpassing : topic gesplitst, post komt van 'http://ondersteun.actieforum.com/t4795-zijpaneel')

Okaidowolf
Medaille Forumlid
Medaille Forumlid

Oud Beoordeler

Vrouw Aantal berichten : 201
Leeftijd : 20
Locatie : Belgia
Registratiedatum : 12-10-12
Oprichter van het forum : Nee
Templates gewijzigd : Ja
CSS : Ja

Profiel bekijken http://asenia.actieforum.com/
Okaidowolf is bedankt door de starter van dit topic.

Zijpaneel verdwijnt

Bericht van 10spetter10 op zo 19 jan 2014 - 22:33

Ik zat op je forum te kijken en zag dat je in het javascript van de slider ook ' en " gebruikte. Dit zorgt voor verwarring in je javascript. Zorg dat alle element die IN je slider staan waar een ' staat vervangen worden door een ". Normaal zou dit daarna over zijn. Als het niet lukt mag je dit eventueel hier posten.


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: Zijpaneel verdwijnt

Bericht van Okaidowolf op ma 20 jan 2014 - 21:10

Alle ' zijn veranderd in " maar helaas heeft dit nog steeds geen effect.
Of bedoelde je om alle ' elementen te veranderen in " elementen wat te maken had met de inhoud van de slider ??
Momenteel heb ik dit als inhoud staan:
Code:
<div style="font-family: perpua titling mt; font-size: 24px; color: #c7c1c1; text-shadow: #4153c3 1px 1px 2px;">Asenia</div> </div><div style="width: 170px; font-family: arial; font-size: 9px; text-transform: uppercase; line-height: 10pt; text-transform: uppercase; text-align: justify; border-bottom: 1px dotted #b1c0c4; padding-bottom: 0px; padding-top: 0px;"> <div style="margin:auto;text-align:center;width:100%">Kop 1</div></div><div style="width: 170px; text-align: justify; padding: 10px; 10px; 10px; 10px; font-family: calibri; font-size: 11px; line-height: 8pt;">

Blahblahblahtesttesttest<td>testjetestjetest</td><br /></a><br /></a>

<span style="font-size: 7px; line-height: normal">©A thousand fireflies</span>
</div>
</div>
</div>
</div>
</center>
Het is maar wat vluchtig gekopiŽerd dus kan het zijn dat er wat overbodige tekst tussen staat.

Dit is trouwens de volledige; aangepaste; javascript:
Code:
jQuery(document).ready(function () {
    jQuery("body").append("<table style="position: fixed; bottom: 50px; right: 0px;background-color:#e5e5e6 ;z-index:10000;"><tr><td><div id="panneau" scrolling="no" style="width: 800px; height: 400px; display: none;" marginwidth="0" marginheight="0" frameborder="0">
     
        <center><link href="http://fonts.googleapis.com/css?family=Perpua+Titling+MT" rel="stylesheet" type="text/css">
<style type="text/css">

.pic1 { †opacity: 0; width: 170px; height: 75px; transition-duration: 0.5s; †-moz-transition-duration: 0.5s; †-webkit-transition-duration: 0.5s; †-o-transition-duration: 0.5s; }
.pic1:hover { opacity: 2 }

.tagboxes { width: 170px; height: 75px; †background-color: #ADA493; †opacity: .9; padding-top: 0px; padding-bottom: 0px; color: #fff; font-family: open sans condensed; font-size: 20px; text-transform: uppercase; line-height: 8pt; text-align: center; letter-spacing: 2px; † }

</style><div style="width: 170px; border-left: 2px solid #82838e; border-top: 2px solid #82838e;"><div style="width: 170px; border-right: 1px dotted #363636; border-bottom: 1px solid #363636;">
<table cellspacing="0" cellpadding="0">
<tr>
<td valign="top"><div style="width: 170px; height: 75px; background-image: url();"> <div class="pic1"><div style="padding-top: 0px;"><div class="tagboxes"> <div style="padding-top: 0px;">
<br>


</div>
</div>
</div>
</td>
</tr>
</table><div style="margin-top: 0px;"><div style="font-family: perpua titling mt; font-size: 24px; color: #c7c1c1; text-shadow: #4153c3 1px 1px 2px;">Asenia</div> </div><div style="width: 170px; font-family: arial; font-size: 9px; text-transform: uppercase; line-height: 10pt; text-transform: uppercase; text-align: justify; border-bottom: 1px dotted #b1c0c4; padding-bottom: 0px; padding-top: 0px;"> <div style="margin:auto;text-align:center;width:100%">Kop 1</div></div><div style="width: 170px; text-align: justify; padding: 10px; 10px; 10px; 10px; font-family: calibri; font-size: 11px; line-height: 8pt;">

Blahblahblahtesttesttest<td>testjetestjetest</td><br /></a><br /></a>

<span style="font-size: 7px; line-height: normal">©A thousand fireflies</span>
</div>
</div>
</div>
</div>
</center>
     
    </div></td><td style="vertical-align: bottom;"><img src="http://img600.imageshack.us/img600/6053/6rwx.png" onClick="document.getElementById(\"panneau\").style.display=(this.src==\"http://img600.imageshack.us/img600/6053/6rwx.png\")?\"block\":\"none\";this.src=(this.src==\"http://img600.imageshack.us/img600/6053/6rwx.png\")?\"http://img34.imageshack.us/img34/5027/91og.png\":\'http://img600.imageshack.us/img600/6053/6rwx.png\";"/></td></tr></table>');
});

Alvast bedankt voor de hulp.

Okaidowolf
Medaille Forumlid
Medaille Forumlid

Oud Beoordeler

Vrouw Aantal berichten : 201
Leeftijd : 20
Locatie : Belgia
Registratiedatum : 12-10-12
Oprichter van het forum : Nee
Templates gewijzigd : Ja
CSS : Ja

Profiel bekijken http://asenia.actieforum.com/
Okaidowolf is bedankt door de starter van dit topic.

Re: Zijpaneel verdwijnt

Bericht van 10spetter10 op ma 20 jan 2014 - 22:25

Ik weet niet wat je bedoeling was maar er zaten wel heel wat fouten in je html.
Als je html schrijft of iets anders is het misschien makkelijk dit te doen in kladblok of notepad++. Probeer er dan een structuur in te maken, element openen => extra tab. Zo zie je hoeveel divs er geopend zijn, wanneer je welke sluit enz. Want nu sloot je op het einde 4 div's ofzo ook al waren er maar 2 geopend †Shocked

Ik weet nu niet of het de opmaak was die je wou maar nu klopt de html wel.
Code:
jQuery(document).ready(function () {
    jQuery('body').append('<table style="position: fixed; bottom: 50px; left: 0px;background-color: #ffffff;z-index:10000;">
   <tr>
      <td>
         <div id="panneau" scrolling="no" style="width: 800px; height: 400px; display: none;" marginwidth="0" marginheight="0" frameborder="0">
               <div style="font-family: perpua titling mt; font-size: 24px; color: #c7c1c1; text-shadow: #4153c3 1px 1px 2px;">Asenia</div>
            <div style="width: 170px; font-family: arial; font-size: 9px; text-transform: uppercase; line-height: 10pt; text-transform: uppercase; text-align: justify; border-bottom: 1px dotted #b1c0c4; padding-bottom: 0px; padding-top: 0px;">
               <div style="margin:auto;text-align:center;width:100%">Kop 1</div>
            </div>
            <div style="width: 170px; text-align: justify; padding: 10px; 10px; 10px; 10px; font-family: calibri; font-size: 11px; line-height: 8pt;">
               Blahblahblahtesttesttesttestjetestjetest<br /><br />
            <span style="font-size: 7px; line-height: normal">©A thousand fireflies</span>
            </div>
         </div>
      </td>
      <td style="vertical-align: bottom;"><img src="http://img600.imageshack.us/img600/6053/6rwx.png" onClick="document.getElementById(\'panneau\').style.display=(this.src==\'http://img600.imageshack.us/img600/6053/6rwx.png\')?\'block\':\'none\';this.src=(this.src==\'http://img600.imageshack.us/img600/6053/6rwx.png\')?\'http://img34.imageshack.us/img34/5027/91og.png\':\'http://img600.imageshack.us/img600/6053/6rwx.png\';"/></td>
   </tr>
</table>');
});


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