| Re: Comment creer un bloc |
Titre du sujet : Re: Comment creer un bloc
par nico46 sur 26/11/2010 11:57:54
Voilà le code, respecte bien les chemin pour les images, insère tes propres liens et texte.
Appelle ce fichier s3Slider.js et met le dans le dossier js de ton thème actuel.
Met tes images dans un dossier slides dans le dossier de ton thème actuel.
Ensuite créer un bloc et appelle le fichier js comme ça:
<script src="script/s3Slider.js" type="text/javascript" LANGUAGE="JavaScript"></script>
Voilà voilà.
<div id="featured"> <ul class="ui-tabs-nav"> <li class="ui-tabs-nav-item ui-tabs-selected" id="nav-fragment-1"><a href="#fragment-1"><img src="http://www.tonsite.com/themes/img/image.jpg" alt=""><span>Ton texte</span></a></li> <li class="ui-tabs-nav-item" id="nav-fragment-2"><a href="#fragment-2"><img src="http://www.tonsite.com/themes/img/image2.jpg" alt=""><span>Ton texte</span></a></li> <li class="ui-tabs-nav-item" id="nav-fragment-3"><a href="#fragment-3"><img src="http://www.tonsite.com/themes/img/image3.jpg" alt=""><span>Ton texte</span></a></li> <li class="ui-tabs-nav-item" id="nav-fragment-4"><a href="#fragment-4"><img src="http://www.tonsite.com/themes/img/image4.jpg" alt=""><span>Ton texte</span></a></li> </ul> <!-- First Content --> <div id="fragment-1" class="ui-tabs-panel" style=""> <img src="http://www.tonsite.com/themes/img/image1.jpg" alt=""> <div class="info"> <h2><a href="#">Texte</a></h2> <p>texte...<a href="#">Lire la suite par exemple</a></p> </div> </div> <!-- Second Content --> <div id="fragment-1" class="ui-tabs-panel" style=""> <img src="http://www.tonsite.com/themes/img/image2.jpg" alt=""> <div class="info"> <h2><a href="#">Texte</a></h2> <p>texte...<a href="#">Lire la suite par exemple</a></p> </div> </div> <!-- Third Content --> <div id="fragment-1" class="ui-tabs-panel" style=""> <img src="http://www.tonsite.com/themes/img/image3.jpg" alt=""> <div class="info"> <h2><a href="#">Texte</a></h2> <p>texte...<a href="#">Lire la suite par exemple</a></p> </div> </div> <!-- Fourth Content --> <div id="fragment-1" class="ui-tabs-panel" style=""> <img src="http://www.tonsite.com/themes/img/image4.jpg" alt=""> <div class="info"> <h2><a href="#">Texte</a></h2> <p>texte...<a href="#">Lire la suite par exemple</a></p> </div> </div> </div>
|
|
