ik had een probleempje met cbox... hij werkte niet op me site maar wel op me blogspot^^ en met jullie hulp werkte het helaas niet.. maar ik heb het nu wel net eindelijk opgelost.. dus tja hier mag wel een slotje op :slotje: (de script is nu totaal anders) >.<"
[offtopic]Met een javascript werkt het*[/offtopic]
Blogspot script
-
-
Dit gedeelte moet zowieso tussen de <head></head> tags staan!
PHP
Toon Meer<style id='page-skin-1' type='text/css'> .panel{position:fixed;top:10px;left:0;background:#000;-moz-border-radius-topright:100px;-webkit-border-top-right-radius:10px;-moz-border-radius-bottomright:10px;-webkit-border-bottom-right-radius:10px;border:2px solid #444;width:auto;height:auto;filter:alpha(opacity=85);-moz-opacity:0.85;opacity:0.85;display:none;padding:35px 15px 0px 0px} .panel p{color:#ccc;margin:0 0 15px;padding:0} .panel a,.panel a:visited{color:#9FC54E;text-decoration:none;border-bottom:1px solid #9FC54E;margin:0;padding:0} .panel a:hover,.panel a:visited:hover{color:#fff;text-decoration:none;border-bottom:1px solid #fff;margin:0;padding:0} a.trigger{position:fixed;text-decoration:none;top:20px;left:0;font-size:18px;letter-spacing:-1px;font-family:verdana, helvetica, arial, sans-serif;color:#00ff00;font-weight:700;background:#004000 url(http://lh6.ggpht.com/_xcD4JK_dIjU/S4QDwX8gRPI/AAAAAAAAD2U/TdhwLYRRzzA/d/plus.png) 85% 55% no-repeat;border:1px solid #444;-moz-border-radius-topright:10px;-webkit-border-top-right-radius:10px;-moz-border-radius-bottomright:10px;-webkit-border-bottom-right-radius:10px;-moz-border-radius-bottomleft:0;-webkit-border-bottom-left-radius:0;display:block;padding:10px 40px 10px 10px} a.trigger:hover{position:fixed;text-decoration:none;top:20px;left:0;font-size:18px;letter-spacing:-1px;font-family:verdana, helvetica, arial, sans-serif;color:#00ff00;font-weight:700;background:#008000 url(http://lh6.ggpht.com/_xcD4JK_dIjU/S4QDwX8gRPI/AAAAAAAAD2U/TdhwLYRRzzA/d/plus.png) 85% 55% no-repeat;border:1px solid #444;-moz-border-radius-topright:10px;-webkit-border-top-right-radius:10px;-moz-border-radius-bottomright:10px;-webkit-border-bottom-right-radius:10px;-moz-border-radius-bottomleft:0;-webkit-border-bottom-left-radius:0;display:block;padding:10px 40px 10px 10px;} a.active.trigger{background:#222 url(http://lh3.ggpht.com/_xcD4JK_dIjU/S4QDvxbreOI/AAAAAAAAD2M/Cz3Q2r5pdTM/d/minus.png) 85% 55% no-repeat; padding:3px 40px 3px 15px;} a:focus{outline:none} .panel img{background-color:#262626;border:1px solid #333;float:right;margin:3px 3px 6px 8px;padding:5px} .showpageArea{ background:#004000; font-weight:bold: color:#004000; } --></style> <style type='text/css'> </style> <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js' type='text/javascript'/> <script type='text/javascript'> $(document).ready(function(){ $(".trigger").click(function(){ $(".panel").toggle("fast"); $(this).toggleClass("active"); return false; }); }); </script>Denk dat je de ID ook moet oproepen in het script (div) zelf
PHP<style id='page-skin-1' type='text/css'>Aanpassen
PHP<div id='div-1378036826107040277' style='width:10px;'/>Ik denk dat dit het moet zijn.. ben niet zo bekend met die chats!
-
Wat een luilekkerland...
Zet gewoon dit
PHP
Toon Meer<style id='page-skin-1' type='text/css'> .panel{position:fixed;top:10px;left:0;background:#000;-moz-border-radius-topright:100px;-webkit-border-top-right-radius:10px;-moz-border-radius-bottomright:10px;-webkit-border-bottom-right-radius:10px;border:2px solid #444;width:auto;height:auto;filter:alpha(opacity=85);-moz-opacity:0.85;opacity:0.85;display:none;padding:35px 15px 0px 0px} .panel p{color:#ccc;margin:0 0 15px;padding:0} .panel a,.panel a:visited{color:#9FC54E;text-decoration:none;border-bottom:1px solid #9FC54E;margin:0;padding:0} .panel a:hover,.panel a:visited:hover{color:#fff;text-decoration:none;border-bottom:1px solid #fff;margin:0;padding:0} a.trigger{position:fixed;text-decoration:none;top:20px;left:0;font-size:18px;letter-spacing:-1px;font-family:verdana, helvetica, arial, sans-serif;color:#00ff00;font-weight:700;background:#004000 url(http://lh6.ggpht.com/_xcD4JK_dIjU/S4QDwX8gRPI/AAAAAAAAD2U/TdhwLYRRzzA/d/plus.png) 85% 55% no-repeat;border:1px solid #444;-moz-border-radius-topright:10px;-webkit-border-top-right-radius:10px;-moz-border-radius-bottomright:10px;-webkit-border-bottom-right-radius:10px;-moz-border-radius-bottomleft:0;-webkit-border-bottom-left-radius:0;display:block;padding:10px 40px 10px 10px} a.trigger:hover{position:fixed;text-decoration:none;top:20px;left:0;font-size:18px;letter-spacing:-1px;font-family:verdana, helvetica, arial, sans-serif;color:#00ff00;font-weight:700;background:#008000 url(http://lh6.ggpht.com/_xcD4JK_dIjU/S4QDwX8gRPI/AAAAAAAAD2U/TdhwLYRRzzA/d/plus.png) 85% 55% no-repeat;border:1px solid #444;-moz-border-radius-topright:10px;-webkit-border-top-right-radius:10px;-moz-border-radius-bottomright:10px;-webkit-border-bottom-right-radius:10px;-moz-border-radius-bottomleft:0;-webkit-border-bottom-left-radius:0;display:block;padding:10px 40px 10px 10px;} a.active.trigger{background:#222 url(http://lh3.ggpht.com/_xcD4JK_dIjU/S4QDvxbreOI/AAAAAAAAD2M/Cz3Q2r5pdTM/d/minus.png) 85% 55% no-repeat; padding:3px 40px 3px 15px;} a:focus{outline:none} .panel img{background-color:#262626;border:1px solid #333;float:right;margin:3px 3px 6px 8px;padding:5px} .showpageArea{ background:#004000; font-weight:bold: color:#004000; } --></style> <style type='text/css'> </style> <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js' type='text/javascript'/> <script type='text/javascript'> $(document).ready(function(){ $(".trigger").click(function(){ $(".panel").toggle("fast"); $(this).toggleClass("active"); return false; }); }); </script>in de <head> tags en dit:
PHP
Toon Meer<!-- spacer for skins that want sidebar and main to be the same height--> <div class='clear'> </div> <!-- end content-wrapper --> <!-- end outer-wrapper --> <div class='panel'> <table border='0'><tbody> <tr> <td> <!-- Include the Google Friend Connect javascript library. --> <script src='http://www.google.com/friendconnect/script/friendconnect.js' type='text/javascript'/> <!-- Define the div tag where the gadget will be inserted. --> <div id='div-1378036826107040277' style='width:10px;'/> <!-- Render the gadget into a div. --> </td> <td> <!-- BEGIN CBOX - www.cbox.ws - v001 --> <div id='cboxdiv' style='text-align: center; line-height: 0'> <div><iframe allowtransparency='yes' frameborder='0' height='400' id='cboxmain' marginheight='2' marginwidth='2' name='cboxmain' scrolling='auto' src='http://www3.cbox.ws/box/?boxid=3246079&boxtag=geqypb&sec=main' style='border:#000000 1px solid;' width='200'/></div> <div><iframe allowtransparency='yes' frameborder='0' height='75' id='cboxform' marginheight='2' marginwidth='2' name='cboxform' scrolling='no' src='http://www3.cbox.ws/box/?boxid=3246079&boxtag=geqypb&sec=form' style='border:#000000 1px solid;border-top:0px; bottom:-50px;' width='200'/></div> </div> <!-- END CBOX --> </td></tr> </tbody></table> <div style='clear:both;'/> </div> <a class='trigger' href='#'>Chat</a>in de <body> tags
-
Okey.. met jullie hulp werkte het dus ook niet... maar ik heb het nu eindelijk opgelost.. en sinds jullie ook amper wat moeite doen om me te helpen... voel ik er ook niet naar om de oplossing te posten
Participate now!
Heb je nog geen account? Registreer je nu en word deel van onze community!