| | |
| - Code:
-
<!-- MODE EMPLOI SLIDESHOW : les modifs se font dans les balises <li> Pour les images, modifier le backgroud-image url (images de préférence en 730*430) Pour les textes, modifier les <a> Pour les liens, modifier dans document.location.href = 'lien'
/! Ne pas oublier également de mettre le texte du 1er slider dans la div infoSlide --> <div class="entete"> <div onmouseout="this.style.cursor='default'" onmouseover="this.style.cursor='pointer'" id="canvas" style="width: 730px; height: 430px; margin-left: -270px; margin-top: 96px; background-color: white; cursor: default;"> <ul class="diaporama"> <li onclick="document.location.href='http://www.nextwave-rpg.com/t4977-annonce-les-fetes-de-noel-sur-nw-2017#314026';" id="diap1" style="width:100%;height:100%;background-image:url(http://ognature.com/wp-content/uploads/2017/09/winter-art-night-artwork-magic-fantasy-houses-snow-desktop-wallpaper-scenes.jpg)"> <a style="opacity:0;">Les fêtes de fin d'année sont là !</a> </li> <li onclick="document.location.href='http://nintendoworld.great-forum.com/t4659-v11-topic-de-la-forge';" id="diap2" style="display:none;width:100%;height:100%;background-image:url(http://image.noelshack.com/fichiers/2016/34/1472304711-slideshow2.jpg)"> <a style="opacity:0;">Envie de crafter ? Obtenez des ressources et rendez-vous à la Forge et à l'Atelier ! </a> </li> <li onclick="http://www.nextwave-rpg.com/t4951-refonte-des-groupes-et-systeme-de-reputation';" id="diap3" style="display:none;width:100%;height:100%;background-image:url(http://s1.1zoom.me/big0/215/426430-Kycb.jpg)"> <a style="opacity:0;">Les Groupes ont changés ! Rejoignez les Natifs ou les Héros.</a> </li> </ul> <div style="background-color: rgba(32,32,32,0.5); height: 50px; margin-top: -50px; position: absolute; text-shadow: none; width: 730px; font-weight: 13px; font-size: 24px; /* padding-top: 3px; */ font-family: Damion; color: #dcfcff; text-shadow: 1px 1px 2px #1d1c1c;" id="infosSlide"> La V11 est là ! Cliquez pour accéder aux infos sur l'ACTE ! </div> </div> <div style="width:270px;height:430px;margin-left:730px;margin-top:-430px;"> <a style="width:270px;height:430px;margin-left:-135px;" href="https://twitter.com/NWOfficiel" data-link-color="#2B7BB9" data-height="430" data-width="270" data-lang="fr" class="twitter-timeline">Tweets by NWOfficiel</a> <script charset="utf-8" src="//platform.twitter.com/widgets.js" async=""></script> </div> </div> <div> <marquee id="id1"> <span onmouseover="getElementById('id1').stop();" onmouseout="getElementById('id1').start();">VISITEZ NOS PARTENAIRES : <a href="http://arcadecity.annuairedeforums.com/" class="postlink" target="_blank" rel="nofollow"><img src="http://image.noelshack.com/fichiers/2014/36/1409569270-bouton10.png" alt="" border="0" /></a></span><a href="http://arcadecity.annuairedeforums.com/" class="postlink" target="_blank" rel="nofollow"> </a><a href="http://shinobi-origin.forumactif.org/" class="postlink" target="_blank" rel="nofollow"><img src="http://image.noelshack.com/fichiers/2016/39/1474906565-testing2.gif" alt="" border="0" /></a><a href="http://shinobi-origin.forumactif.org/" class="postlink" target="_blank" rel="nofollow"> </a> <a href="http://db-reborn.rpgboard.net/forum" class="postlink" target="_blank" rel="nofollow"><img src="http://image.noelshack.com/fichiers/2015/37/1442064795-boutonp.png" alt="" border="0" /></a><a href="http://db-reborn.rpgboard.net/forum" class="postlink" target="_blank" rel="nofollow"> </a> <a href="http://swordartonline-rpg.forumactif.org/" class="postlink" target="_blank" rel="nofollow"><img src="http://i59.servimg.com/u/f59/17/88/91/50/bouton11.png" alt="" border="0" /></a><a href="http://dear-reaper.forumactif.com/" class="postlink" target="_blank" rel="nofollow"><img src="https://i11.servimg.com/u/f11/19/53/65/06/bouton17.jpg" alt="" border="0" /> </a> </marquee> </div> <div> <br /> <marquee id="id2"> </marquee> </div> | Admin Messages : 225
Réputation : 0
Date d'inscription : 29/11/2010
| | | |
| |
|