Wordpress & scrollbar

Fermé
ffg - Modifié par ffg le 22/04/2010 à 21:05
 ffg - 23 avril 2010 à 21:51
Bonsoir,

Je rencontre un problème avec Wordpress. En faite, je voudrais ajouter un scrollbar dans une div. Et je voudrais également que le scrollbar comporte des images (une flèche pour le haut & une flèche pour le bas). Je cherche sur Google et je trouve un script qui me convient. Je le télécharge et je code mon site sans wordpress et le script fonctionne :) Jusqu'à la tout va bien mais là je décide de coder le site en fonction de wordpress & la catastrophe, le script ne fonctionne pas du tout .. Et c'est là que j'ai besoin de votre aide. Je voudrais savoir où est le problème. Voici le site où le script est disponible : http://www.dyn-web.com/code/scroll/vert.php
Moi je voudrais le scrollbar comme dans le 1er exemple.

Le code de base :
<html>
<head>
<title>Demo</title>
<style type="text/css">


div#wn2 {
position:relative;
width:180px; height:80px;
overflow:hidden;
}

</style>
<script type="text/javascript">
// This example uses HTML event handler attributes, the functions for which are found in html_att_ev.js

function init_dw_Scroll() {
// arguments: id of outer div, id of content div
// if horizontal scrolling, id of element containing scrolling content (table?)

var wndo2 = new dw_scrollObj('wn2', 'lyr2');
}

</script>




</head>
<body onLoad="init_dw_Scroll()">


<!-- Tables used for layout to keep the style sheet simple.
See online presentation for use in CSS layout -->

<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td>

<table id="t1" border="0" cellpadding="0" cellspacing="0">
<tr>

</tr>
</table>
</div>
</div> <!-- end wn div --></td>
</tr>
<tr>
<td><!-- Maps for both sets of controls at the end of the document -->
<div id="controls">

</div></td>
</tr>
</table>

<p> </p>

<table border="0" cellpadding="4" cellspacing="0">
<tr>
<td><div id="wn2">
<div id="lyr2">
Image maps you create can be any size or shape you like. They can provide any number of speed options for mouseover scrolling. Image maps you create can be any size or shape you like. They can provide any number of speed options for mouseover scrolling. Image maps you create can be any size or shape you like. They can provide any number of speed options for mouseover scrolling. Image maps you create can be any size or shape you like. They can provide any number of speed options for mouseover scrolling. Image maps you create can be any size or shape you like. They can provide any number of speed options for mouseover scrolling. Image maps you create can be any size or shape you like. They can provide any number of speed options for mouseover scrolling.
</div>
</div></td>
<td><img src="images/map-up.gif" width="11" height="35" alt="" border="0" usemap="#uparo">
<br>
<img src="images/map-dn.gif" width="11" height="35" alt="" border="0" usemap="#dnaro">
</td>
</tr>
</table>





<!-- maps for scroll images -->
<div>
<map name="lftaro">
<area alt="" coords="36,0,50,14" href="javascript://" onClick="return false" onMouseOver="dw_scrollObj.initScroll('wn1','left', 100)" onMouseOut="dw_scrollObj.stopScroll('wn1')">
<area alt="" coords="22,0,36,14" href="javascript://" onClick="return false" onMouseOver="dw_scrollObj.initScroll('wn1','left', 250)" onMouseOut="dw_scrollObj.stopScroll('wn1')">
<area alt="" coords="0,0,22,14" href="javascript://" onClick="return false" onMouseOver="dw_scrollObj.initScroll('wn1','left', 400)" onMouseOut="dw_scrollObj.stopScroll('wn1')">
</map>

<map name="rtaro">
<area alt="" coords="36,0,50,14" href="javascript://" onClick="return false" onMouseOver="dw_scrollObj.initScroll('wn1','right', 400)" onMouseOut="dw_scrollObj.stopScroll('wn1')">
<area alt="" coords="22,0,36,14" href="javascript://" onClick="return false" onMouseOver="dw_scrollObj.initScroll('wn1','right', 250)" onMouseOut="dw_scrollObj.stopScroll('wn1')">
<area alt="" coords="0,0,22,14" href="javascript://" onClick="return false" onMouseOver="dw_scrollObj.initScroll('wn1','right', 100)" onMouseOut="dw_scrollObj.stopScroll('wn1')">
</map>

<map name="uparo">
<area alt="" coords="0,22,11,35" href="javascript://" onClick="return false" onMouseOver="dw_scrollObj.initScroll('wn2','up', 100)" onMouseOut="dw_scrollObj.stopScroll('wn2')">
<area alt="" coords="0,13,11,23" href="javascript://" onClick="return false" onMouseOver="dw_scrollObj.initScroll('wn2','up', 250)" onMouseOut="dw_scrollObj.stopScroll('wn2')">
<area alt="" coords="0,0,11,15" href="javascript://" onClick="return false" onMouseOver="dw_scrollObj.initScroll('wn2','up', 400)" onMouseOut="dw_scrollObj.stopScroll('wn2')">
</map>

<map name="dnaro">
<area alt="" coords="0,22,11,35" href="javascript://" onClick="return false" onMouseOver="dw_scrollObj.initScroll('wn2','down', 400)" onMouseOut="dw_scrollObj.stopScroll('wn2')">
<area alt="" coords="0,13,11,23" href="javascript://" onClick="return false" onMouseOver="dw_scrollObj.initScroll('wn2','down', 250)" onMouseOut="dw_scrollObj.stopScroll('wn2')">
<area alt="" coords="0,0,11,15" href="javascript://" onClick="return false" onMouseOver="dw_scrollObj.initScroll('wn2','down', 100)" onMouseOut="dw_scrollObj.stopScroll('wn2')">
</map>
</div>

</body>
</html>


Je voudrais l'"adapter" pour wordpress de façon que les news, mais pas le sidebar et le reste, ont un scrollbar.

Voilà, merci d'avance pour vos réponse :)
            
                

1 réponse

up
0