Obtenir un Marquee vertical (haut vers le bas)

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Obtenir un Marquee vertical (haut vers le bas)

Message par Azylis le Ven 10 Aoû 2012 - 23:42

Bonsoir,

Après une courte recherche, je suis parvenue à trouver différents codes pour réaliser un maquee. La balise blablabla marche très bien, sauf que ça me donne un défilement horizontal ce qui est normal. Ce que moi j'aurais voulu, c'est un défilement de haut en bas, j'ai donc pris ce code : blablabla. Mais voilà, le texte ne bouge plus d'un pouce ! J'ai essayer de faire varier le nombre pour changer la hauteur de la zone de défilement, mais rien y fait...

Le HTML pour cette partie :

Code:

[center][b][u]Liens Utiles :[/u]

[url=http://valhalla.tonempire.net/f1-reglement]♦ Le Sacro Saint Règlement[/url]

[url=http://valhalla.tonempire.net/f21-contexte]♦ Le Background[/url]

[url=http://valhalla.tonempire.net/f2-presentations]♦ Les prés'[/url]

[url=http://valhalla.tonempire.net/t658-nos-amis-ou-pas-les-pnj-d]♦ Les PNJ[/url]

[url=http://valhalla.tonempire.net/t365-chambres-personalisees-d#11253]♦ Personnaliser Sa Chambre[/url][/b][/center]

Et voici une capture d'écran afin que vous vous rendiez compte "à peu près" de la hauteur de ma cellule :

Spoiler:

Help please ^^"

Bonne soirée !


Dernière édition par Azylis le Sam 18 Aoû 2012 - 1:17, édité 1 fois

Azylis
**

Féminin
Messages : 75
Inscrit(e) le : 12/11/2010

http://valhalla.tonempire.net/forum.htm
Azylis a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Obtenir un Marquee vertical (haut vers le bas)

Message par Scoubifitz le Sam 11 Aoû 2012 - 0:38

bonsoir,

en reprenant le scroll du forum , ça devrait aller :

Code:
<td rowspan="2"><div style="margin:auto;text-align:center;width:170px;"><Strong><u>Liens Utiles :</u><br><br><marquee id="comments_scroll_container" direction="down" scrollamount="2" scrolldelay="90" height="200"><a href="http://valhalla.tonempire.net/f1-reglement">♦ Le Sacro Saint Règlement</a><br><br><a href="http://valhalla.tonempire.net/f21-contexte">♦ Le Background</a><br><br><a href="http://valhalla.tonempire.net/f2-presentations">♦ Les prés'</a><br><br><a href="http://valhalla.tonempire.net/t658-nos-amis-ou-pas-les-pnj-d">♦ Les PNJ</a><br><br><a href="http://valhalla.tonempire.net/t365-chambres-personalisees-d#11253">♦ Personnaliser Sa Chambre</a></MARQUEE></strong></div></td>

Scoubifitz
+ Hyperactif +

Masculin
Messages : 3539
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Obtenir un Marquee vertical (haut vers le bas)

Message par Azylis le Sam 11 Aoû 2012 - 1:12

Bonsoir !

Malheureusement non, ça ne bouge pas d'un pouce ><

Azylis
**

Féminin
Messages : 75
Inscrit(e) le : 12/11/2010

http://valhalla.tonempire.net/forum.htm
Azylis a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Obtenir un Marquee vertical (haut vers le bas)

Message par Scoubifitz le Sam 11 Aoû 2012 - 2:41

le test a été effectué dans un message , puis dans la description de forum (PHPbb2 et PHPbb3) ...

où est placé votre code ? Interrog

Scoubifitz
+ Hyperactif +

Masculin
Messages : 3539
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Obtenir un Marquee vertical (haut vers le bas)

Message par Azylis le Sam 11 Aoû 2012 - 2:52

Dans le message de la page d'accueil, dans la cellule d'un tableau :

Spoiler:

J'ai essayé dans d'autre cellules "au cas où", et ça ne change rien...

Azylis
**

Féminin
Messages : 75
Inscrit(e) le : 12/11/2010

http://valhalla.tonempire.net/forum.htm
Azylis a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Obtenir un Marquee vertical (haut vers le bas)

Message par Azylis le Sam 11 Aoû 2012 - 3:35

Je viens de remarquer quelque chose d'à la fois étrange et frustrant : lorsque je suis sur ma page d'accueil, le texte ne bouge pas, mais lorsque je vais sur l’aperçu du panneau d'administration (là où on change les couleurs etc..) et bien j'ai bel et bien le texte qui bouge ! C'est un peu agaçant... mon propre forum se moquerait-il de moi ? -_-"

Du coup est ce que chez vous le texte bouge : forumtest ? Parce qu'à la limite, si moi je ne le vois pas bouger sur mon ordi, tant pis pour moi, mais si les autres peuvent alors pas de soucis... bien que ce soit étrange.

Azylis
**

Féminin
Messages : 75
Inscrit(e) le : 12/11/2010

http://valhalla.tonempire.net/forum.htm
Azylis a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Obtenir un Marquee vertical (haut vers le bas)

Message par Scoubifitz le Sam 11 Aoû 2012 - 16:37

oups !

essaie ceci :

Code:
<td rowspan="2"><div style="margin:auto;text-align:center;width:170px;"><strong><u>Liens Utiles :</u><br><br><marquee id="scroll_down" direction="down" scrollamount="2" scrolldelay="90" height="200">
<a href="http://valhalla.tonempire.net/f1-reglement">♦ Le Sacro Saint Règlement</a><br><br><a href="http://valhalla.tonempire.net/f21-contexte">♦ Le Background</a><br><br><a href="http://valhalla.tonempire.net/f2-presentations">♦ Les prés'</a><br><br><a href="http://valhalla.tonempire.net/t658-nos-amis-ou-pas-les-pnj-d">♦ Les PNJ</a><br><br><a href="http://valhalla.tonempire.net/t365-chambres-personalisees-d#11253">♦ Personnaliser Sa Chambre</a></marquee></strong></div>
<script type="text/javascript">//<![CDATA[
$(function(){marquee('scroll_down', 'down', '2', '90', '200');});//]]></script></td>

Scoubifitz
+ Hyperactif +

Masculin
Messages : 3539
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Obtenir un Marquee vertical (haut vers le bas)

Message par Azylis le Sam 11 Aoû 2012 - 22:43

Et bien c'est loupé ! xD (mon forum joue les rebelles...)
De plus, ça m'a enlevé l'effet onglet (leurs contenus sont tous les uns sous les autres)

J'ai aussi remarqué autre chose (qui n'a sûrement rien à voir mais on sait jamais) : sur le screen que j'ai mis 2 posts avant, on voit deux liens noirs (les deux premiers). Leur couleur originelle est le vert (comme les autres), et bien pendant le court temps de charge de la page ils sont verts et une fois la page chargée ils deviennent noirs, ce qui est bizarre Uu"

Moi qui pensais que se serait tout simple de mettre un marquee XD

Azylis
**

Féminin
Messages : 75
Inscrit(e) le : 12/11/2010

http://valhalla.tonempire.net/forum.htm
Azylis a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Obtenir un Marquee vertical (haut vers le bas)

Message par Scoubifitz le Dim 12 Aoû 2012 - 4:40

bon , j'ai fait pas mal d'essais ...

le petit script que j'ai rajouté :
Code:
<script type="text/javascript">//<![CDATA[
$(function(){marquee('scroll_down', 'down', '2', '90', '200');});//]]></script>

...bloque le script des onglets , vous pouvez supprimer ce petit bout de script .

une fois supprimé , le défilement commence au bout de quelques secondes et s'arrête aussitôt , toujours à cause du script des onglets ...

les liens qui se noircissent sont des liens visités , les verts ne sont pas encore visités ...

le script des onglets bloque le défilement du marquee ...

là , je laisse la place à des scripteurs plus qualifiés que moi pour résoudre le souci ...


Scoubifitz
+ Hyperactif +

Masculin
Messages : 3539
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Obtenir un Marquee vertical (haut vers le bas)

Message par Azylis le Dim 12 Aoû 2012 - 21:39

Tant pis, merci quand même de t'être penché sur mon cas et d'avoir pris le temps d'essayer de m'aider ! ^^
Bonne continuation et bonne fin de soirée !


Donc petit résumé de mon problème qui est toujours d'actualité :

"Après une courte recherche, je suis parvenue à trouver
différents codes pour réaliser un maquee. La balise
<marquee>blablabla</marquee> marche très bien, sauf que ça
me donne un défilement horizontal ce qui est normal. Ce que moi j'aurais
voulu, c'est un défilement de haut en bas, j'ai donc pris ce code :
<marquee direction="down" height="200" >blablabla</marquee>.
Mais voilà, le texte ne bouge plus d'un pouce ! J'ai essayer de faire
varier le nombre pour changer la hauteur de la zone de défilement, mais
rien y fait...

Le HTML pour cette partie :

Code:
<td rowspan="2"><div style="margin:auto;text-align:center;width:170px;"><strong><u>Liens Utiles :</u><br><br><marquee id="scroll_down" direction="down" scrollamount="2" scrolldelay="90" height="200">
        <a href="http://valhalla.tonempire.net/f1-reglement">♦ Le Sacro Saint Règlement</a><br><br><a href="http://valhalla.tonempire.net/f21-contexte">♦ Le Background</a><br><br><a href="http://valhalla.tonempire.net/f2-presentations">♦ Les prés'</a><br><br><a href="http://valhalla.tonempire.net/t658-nos-amis-ou-pas-les-pnj-d">♦ Les PNJ</a><br><br><a href="http://valhalla.tonempire.net/t365-chambres-personalisees-d#11253">♦ Personnaliser Sa Chambre</a></marquee></strong></div></td>
"

Selon Scoubifitz "le script des onglets bloque le défilement du marquee"
Help ? Surprised

Azylis
**

Féminin
Messages : 75
Inscrit(e) le : 12/11/2010

http://valhalla.tonempire.net/forum.htm
Azylis a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Obtenir un Marquee vertical (haut vers le bas)

Message par Azylis le Mar 14 Aoû 2012 - 18:32

up ><

Azylis
**

Féminin
Messages : 75
Inscrit(e) le : 12/11/2010

http://valhalla.tonempire.net/forum.htm
Azylis a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Obtenir un Marquee vertical (haut vers le bas)

Message par Lixyr le Mar 14 Aoû 2012 - 23:58

Bonjour. Pourrait-on avoir le code complet de la PA (+le script des onglets) afin de mieux cerner le problème ?

Cordialement.





Lixyr
Aidactive
Aidactive

Féminin
Messages : 5595
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Obtenir un Marquee vertical (haut vers le bas)

Message par Azylis le Mer 15 Aoû 2012 - 0:20

Bonsoir !

Oui bien sûr, tout de suite ^^

Voici le CSS :

Code:
/* .systab .tab => les onglet */
        .systab .tab {
          padding: 5px 20px;
          margin-right: 20px;
          color: #8400FF;
          font-size:15px;
          font-style:italic;
          border: 1px solid;
          -moz-border-radius: 10px;
          -webkit-border-radius: 10px;
          border-radius: 10px;
          cursor: pointer;
        }
        /* .systab .tab:hover => les onglets survolés */
        .systab .tab:hover {
          color: #e03f00;
          border-color: #e03f00;
        }
        /* .systab .tab.selected => les onglets sélectionnés */
        .systab .tab.selected{
          color: #e03f00;
          border-color: #e03f00;
        }
        /* .systab .contents => les conteneurs des contenus associés aux onglets  */
        .systab .contents {
          margin-top: 30px;
          margin-bottom: 20px;
          color: #8400FF;
          -moz-border-radius: 10px;
          -webkit-border-radius: 10px;
          border-radius: 10px;
          padding: 10px;
        }
        /* style des onglets si ils sont à gauche ou à droite */
        .systab.s_float .tab,.systab.s_float .tab {
          display: block;
          margin: 5px;
        }
        /* flottement des conteneurs si les onglets sont à gauche où à droite */
        .systab.s_float .tabs,.systab.s_float .contents {
          float: left;
        }
#tablacc td{
          border: 1px solid #fdf;
          font-size:14px;
          color: #e03f00;
          padding: 10px;     
          vertical-align: top;}
                .infobulle{
        position: relative;
        float:left;
        }
        .infobulle .infobulle-hidden {
        background-color:rgba(0,0,0,0.5);
        position: absolute;
        visibility: visible;
        z-index: 999;
        padding:3px;
        color:#fff;
        font-size:1em;
        font-weight:bold;
        border:3px solid #fff;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        display: none;
        }
        .infobulle:hover .infobulle-hidden {
        display: block;
        width:240px;
        left:-25px;
        top:80px;
        }
/* enlève la couleur du fond de la P.A */
        .introduction {
        background : none !important;
        }


Et voici le HTML :

Code:
<div class="selected systab s_fade s_hover">
          <div>
            <span>Valhalla vous ouvre ses portes <img src="http://img11.hostingpics.net/pics/772249faviva.png" /></span>
            <table width="100%" cellspacing="5" id="tablacc" style="background: url(http://i33.servimg.com/u/f33/13/93/32/39/eden_f11.jpg );" >
<tr>
        <td rowspan="2"><div style="margin:auto;text-align:center;width:170px;"><strong><u>Liens Utiles :</u><br><br><a href="http://valhalla.tonempire.net/f1-reglement">♦ Le Sacro Saint Règlement</a><br><br><a href="http://valhalla.tonempire.net/f21-contexte">♦ Le Background</a><br><br><a href="http://valhalla.tonempire.net/f2-presentations">♦ Les prés'</a><br><br><a href="http://valhalla.tonempire.net/t658-nos-amis-ou-pas-les-pnj-d">♦ Les PNJ</a><br><br><a href="http://valhalla.tonempire.net/t365-chambres-personalisees-d#11253">♦ Personnaliser Sa Chambre</a></strong></div></td>
<td colspan="2" rowspan="2"><div style="margin:auto;text-align:center;width:350px;"><strong><font size="3"><font face="vivaldi"><font size="4,5"><font color="indigo">Bienvenue à vous qui avez réussi à atteindre notre Mystérieuse Vallée<br>Refuge dont l’existence est dissimulée aux yeux du monde extérieur</font></font></font><br><br><font color="green">Vous qui avez toujours pensé être « normaux»<br>Laissez-moi vous dire que vous vous êtes lourdement plantés !</font><br><br><font face="Courier New"><font color="orange">Vous vous sentez un peu perdus, n’est-ce pas ?<br>Rejoignez-nous, et vous aurez les réponses à toutes vos questions.</font></font><br><br><font color="black">Vos pathétiques existences vont changer.<br>Tirez-en profit .</font><br><br><font face="vivaldi"><font size="4,5"><font color="indigo">Nouvelles capacités</font></font></font><br><font color="green">Nouvelles rencontres</font><br><font face="Courier New"><font color="orange">Nouveau destin</font></font><br><font color="black">Tous dépendra de vos choix</font></font><br><br>Bienvenue à Valhalla</strong></div></td>
<td> <div style="margin:auto;text-align:center;width:180px;"><Strong><u>Les news :</u></strong><br><br>Un Graphisme tout neuf pour notre fowfow adoré ! ♥<br><br>♠ ♠ ♠ ♠<br><br>Du changements au niveau des Premier Pouvoirs !</div></td>
</tr>
<tr>
<td> <div style="margin:auto;text-align:center;width:180px;"><Strong><u>Infos Flash !</u></strong><br><br>Certaines améliorations ne sont malheureusement pas prises en compte par Internet Explorer ! Afin de profiter pleinement des graphismes de notre forum, utilisez plutôt les navigateurs tels que <u>Firefox</u> ou <u>Google Chrome</u> !<br><br>♠ ♠ ♠ ♠ </div></td>
</tr>
<tr>
<td colspan="2"> <p align="center"><Strong><u>Nos Partenaires !</u></strong></p></td>
<td colspan="2"> <center><Strong><u>Les Tops Sites !</u></strong></center></td>
</tr>
</table>
          </div>

          <div>
            <span>Pénétrez dans un univers à part...</span>
            <table width="100%" cellspacing="5" id="tablacc" style="background: url(http://i33.servimg.com/u/f33/13/93/32/39/eden_f11.jpg );">
<tr>
<td colspan="4"><strong><center>École un peu particulière, nichée au coeur des montagnes des Rocheuses<br> elle abrite des élèves pas comme les autres<br> <br>Chacun, alors qu’il pensait être un humain tout ce qu’il y a de plus normal<br> possède des pouvoirs particuliers. <br><br>Ici, magie et renouveau se mêlent pour vous permettre de changer votre destin.<br><br> Vous avez eu la possibilité de découvrir qui vous étiez vraiment et avez accepté. <br> Personne n’est ici par hasard...</center></strong></td>
</tr>
                        <tr>
        <td colspan="4">
        <div style="margin:auto;text-align:center;width:660px;"><strong><u>Les Hauts Membres du Conseil :</u></strong><br><br>
        <div class="infobulle"><img src="http://i43.servimg.com/u/f43/13/93/32/39/re11.jpg" /> 
        <div class="infobulle-hidden"><strong><p align="center">Reia</p><br>
        <u>Role :</u><em>Administratrice</em><br>
        <u>Présence :</u> <em>A toujours un œil sur l’École<br></em></strong></div></div>
        <div class="infobulle"> &nbsp &nbsp &nbsp<img src="http://i43.servimg.com/u/f43/13/93/32/39/fa11.jpg" /> 
        <div class="infobulle-hidden"><strong><p align="center">Farfaya</p><br>
        <u>Role :</u> <em>Administratrice</em><br>
        <u>Présence :</u> <em>Se balade de temps à autre dans les couloirs<br></em></strong></div></div>
        <div class="infobulle"> &nbsp &nbsp &nbsp<img src="http://i43.servimg.com/u/f43/13/93/32/39/ani11.jpg" /> 
        <div class="infobulle-hidden"><strong><p align="center">Anikei</p><br>
        <u>Role :</u> <em>Administrateur</em><br>
        <u>Présence :</u> <em>Indétectable<br></em></strong></div></div>
        <div class="infobulle"> &nbsp &nbsp &nbsp<img src="http://i43.servimg.com/u/f43/13/93/32/39/kaine_11.jpg" />
        <div class="infobulle-hidden"><strong><p align="center">Azylis</p><br>
        <u>Role :</u> <em>Administratrice</em><br>
        <u>Présence :</u> <em>Toujours à son poste ! <br></em></strong></div></div>
        </div></td>
        </tr>
<tr>
<td><center><Strong><u>Météo :</u></strong><br><br>En été,<br>l'expression "Climat Sec et Aride"<br>prend à Valhalla tout son sens !<br>Une chaleur étouffante règne en<br>maitre dans la Vallée, pouvant même<br>dépasser les 35°C... à l'ombre !<br>(pour peu que vous en trouviez).<br>Vous pouvez dire adieu aux belles<br>étendues vertes, remplacées par un<br>terrain recouvert d'une herbe jaunâtre<br>peinant à surmonter le manque d'humidité :<br>vous ne la reverrez pas avant plusieurs<br>mois. Par ailleurs, on n'a jamais vu autant<br>de monde dans les couloirs de l’École ou<br>près des Lacs qu'en cette saison !<br>Petit conseil : sortez soit tôt le matin<br>soit tard dans la soirée, ou vous serez<br>confronté à un cagnard assommant<br>et risquerez une bien belle insolation.</center></td>
        <td colspan="2">
        <div style="margin:auto;text-align:center;width:325px;"><strong><u>Les Assistants :</u></strong><br><br>
        <div class="infobulle"><img src="http://i43.servimg.com/u/f43/13/93/32/39/aki11.jpg" />
        <div class="infobulle-hidden"><strong><p align="center">Akira</p><br>
        <u>Role :</u><em>Modérateur</em><br>
        <u>Présence :</u> <em>Vient régulièrement s'entrainer</em></strong></div></div>
        <div class="infobulle"> &nbsp &nbsp &nbsp<img src="http://i43.servimg.com/u/f43/13/93/32/39/split_11.jpg" />
        <div class="infobulle-hidden"><strong><p align="center">Splitter</p><br>
        <u>Role :</u> <em>Modérateur</em><br>
        <u>Présence :</u> <em>Heu... Porté disparu ?</em></strong></div></div>
        <div class="infobulle"><br> &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp<img src="http://i43.servimg.com/u/f43/13/93/32/39/ed11.jpg" />
        <div class="infobulle-hidden"><strong><p align="center">Edward</p><br>
        <u>Role :</u> <em>Modérateur</em><br>
        <u>Présence :</u> <em>Aléatoire... comme son humour !</em></strong></div></div>
        </div></td>


<td> <center><Strong><u>Topics Histoire :</u></strong><br>
<em>Pour suivre l’histoire de Valhalla...</em></div></td>

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

          <div>
            <span>Crédits</span>
<table width="100%" cellspacing="5" id="tablacc" style="background: url(http://i33.servimg.com/u/f33/13/93/32/39/eden_f11.jpg );">
            <tr><td><div style="margin:auto;text-align:center;width:780px;"><strong><font color="#180055">♪ Une idée Originale de Reia et Anikei ! ♪</font><br><br><font color="#460088">♫ Invention et rédaction du contexte et du Règlement réalisées par le Conseil Entier, sous la menace de représailles d'Anikei en cas de fautes d'orthographes (les fesses d'Azylis s'en souviennent encore...) ♫<font><br><br><br><font color="#8400FF">♪ Graphisme élaboré par Azylis et Farfaya, grâce à quelques petits conseils soufflés par Reia.<br>Les illustrations on été trouvées grâce aux efforts et à la persévérance du Conseil dans son ensemble.<br>Ces images ont été débusquées sur <a href="http://www.zerochan.net/">Zerochan</a>, <a href="http://www.deviantart.com/">Devianart</a>, mais aussi grâce à des recherches totalement aléatoires et désespérées sur notre ami Google. Aucun de nous n'a dessiné ces illustrations, elles n'appartiennent donc qu'à leurs artistes respectifs. ♪</font><br><br><br><font color="#e345ff">♫ NÉANMOINS toutes ou presque ont été modifiées, ajustées et parfois "redessinées" par les soins d'Azylis, ce qui a pris un temps dingue pour certaines. De ce fait, il est INTERDIT de les prendre directement sur notre forum, allez donc vous servir sur les sites mentionnés pour les modifier à votre convenance. ♫</font><br><br><br><font size="3"><font color="#e03f00">► D'autre part, toute reproduction partielle ou complète de notre forum est FORMELLEMENT INTERDITE ! Le châtiment sera terrible et sans pitié (électrocution, strangulation, noyade et pétrification dans le métal<br>... le tout simultanément sinon c'est pas drôle) ◄</font><br><br><font color="#ff0000">► Blague à part, nous n'accepterons aucun plagiat, que ce soit au niveau du graphisme, de l'histoire, des personnages etc... se serait un manque total de respect envers notre travail. ◄</font></font></strong></div></td></tr></table>
        </div>
        </div>

Merci de vous pencher à votre tour sur mon cas ^^

Azylis
**

Féminin
Messages : 75
Inscrit(e) le : 12/11/2010

http://valhalla.tonempire.net/forum.htm
Azylis a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Obtenir un Marquee vertical (haut vers le bas)

Message par Lixyr le Mer 15 Aoû 2012 - 9:45

Merci, mais comme dit plus haut, ce sont surement les onglets qui bloquent, donc il me faudrait également le code avec les onglets (comme je l'ai dit plus haut), donc le javascript, et le code des onglets (css + code complet du html).






Lixyr
Aidactive
Aidactive

Féminin
Messages : 5595
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Obtenir un Marquee vertical (haut vers le bas)

Message par Azylis le Mer 15 Aoû 2012 - 18:30

Mince ! Désolée j'avais complètement oublié que j'avais aussi du javascript, trop obnubilée par le CSS et le HTML ><
Désolée pour le contre temps !

Donc reprenons :

¤ Javascript :

Code:
$(function(){
              var d=function(){if($(this).is(".selected")) return;var a=$(this).closest(".systab");a.find(".selected").removeClass("selected").filter(".content")[a.is(".s_slide")?"slideUp":a.is(".s_fade")?"fadeOut":"hide"](+((a.attr("class")||"").match(/^[sS]*(?:^|s)s_trans([0-9]+)(?:s|$)[sS]*$/)||["",500])[1]);$(this).addClass("selected").data("content").addClass("selected").stop(!0,!0)[a.is(".s_slide")?"slideDown":a.is(".s_fade")?"fadeIn":"show"](+((a.attr("class")||"").match(/^[sS]*(?:^|s)s_trans([0-9]+)(?:s|$)[sS]*$/)||["",500])[1])};$("div.systab").each(function(){var a=$("> div",this).detach(),c=[],b;$(this).html('<div class="'+($(this).is(".s_bottom")?"contents":"tabs")+'"></div><div class="'+($(this).is(".s_bottom")?
            "tabs":"contents")+'"></div>');$(a).each(function(){b=$(this).children(":first");b.is("span")?(c=$(c).add($(b).addClass("tab").data("content",$(this))),$(this).addClass("content").data("tab",b)):$(this).remove()});$("> div.tabs",this).append(c);$("> div.contents",this).append(a);b=$(".content:first,.content.selected",this).last();$(b).addClass("selected").siblings().hide();$(b).data("tab").addClass("selected")}).on("click",".tab",d).filter(".s_hover").on("mouseenter",".tab",d)
            });


¤ Le CSS :

Code:
dl.icon .desc_forum{
position:absolute;
visibility:hidden;
background-color:#000;
border:3px solid #fff;
padding:3px;
color:#fff;
font-size:1em;
font-weight:bold;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
 body{
        background-position: top center;   
background-repeat: no-repeat;   
background-attachment: fixed;
}
/* .systab .tab => les onglet */
        .systab .tab {
          padding: 5px 20px;
          margin-right: 20px;
          color: #8400FF;
          font-size:15px;
          font-style:italic;
          border: 1px solid;
          -moz-border-radius: 10px;
          -webkit-border-radius: 10px;
          border-radius: 10px;
          cursor: pointer;
        }
        /* .systab .tab:hover => les onglets survolés */
        .systab .tab:hover {
          color: #e03f00;
          border-color: #e03f00;
        }
        /* .systab .tab.selected => les onglets sélectionnés */
        .systab .tab.selected{
          color: #e03f00;
          border-color: #e03f00;
        }
        /* .systab .contents => les conteneurs des contenus associés aux onglets  */
        .systab .contents {
          margin-top: 30px;
          margin-bottom: 20px;
          color: #8400FF;
          -moz-border-radius: 10px;
          -webkit-border-radius: 10px;
          border-radius: 10px;
          padding: 10px;
        }
        /* style des onglets si ils sont à gauche ou à droite */
        .systab.s_float .tab,.systab.s_float .tab {
          display: block;
          margin: 5px;
        }
        /* flottement des conteneurs si les onglets sont à gauche où à droite */
        .systab.s_float .tabs,.systab.s_float .contents {
          float: left;
        }
#tablacc td{
          border: 1px solid #fdf;
          font-size:14px;
          color: #e03f00;
          padding: 10px;     
          vertical-align: top;}
                .infobulle{
        position: relative;
        float:left;
        }
        .infobulle .infobulle-hidden {
        background-color:rgba(0,0,0,0.5);
        position: absolute;
        visibility: visible;
        z-index: 999;
        padding:3px;
        color:#fff;
        font-size:1em;
        font-weight:bold;
        border:3px solid #fff;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        display: none;
        }
        .infobulle:hover .infobulle-hidden {
        display: block;
        width:240px;
        left:-25px;
        top:80px;
        }
/* décale les titres des sous forums de 20px (empêche de cacher les icones) */
        a.topictitle
                {
                  padding-left: 20px;
                }
/* enlève la couleur du fond de la P.A */
        .introduction {
        background : none !important;
        }


¤ Le HTML complet :

Code:
<div class="selected systab s_fade s_hover">
          <div>
            <span>Valhalla vous ouvre ses portes <img src="http://img11.hostingpics.net/pics/772249faviva.png" /></span>
            <table width="100%" cellspacing="5" id="tablacc" style="background: url(http://i33.servimg.com/u/f33/13/93/32/39/eden_f11.jpg );" >
<tr>
        <td rowspan="2"><div style="margin:auto;text-align:center;width:170px;"><strong><u>Liens Utiles :</u><br><br><a href="http://valhalla.tonempire.net/f1-reglement">♦ Le Sacro Saint Règlement</a><br><br><a href="http://valhalla.tonempire.net/f21-contexte">♦ Le Background</a><br><br><a href="http://valhalla.tonempire.net/f2-presentations">♦ Les prés'</a><br><br><a href="http://valhalla.tonempire.net/t658-nos-amis-ou-pas-les-pnj-d">♦ Les PNJ</a><br><br><a href="http://valhalla.tonempire.net/t365-chambres-personalisees-d#11253">♦ Personnaliser Sa Chambre</a></strong></div></td>
<td colspan="2" rowspan="2"><div style="margin:auto;text-align:center;width:350px;"><strong><font size="3"><font face="vivaldi"><font size="4,5"><font color="indigo">Bienvenue à vous qui avez réussi à atteindre notre Mystérieuse Vallée<br>Refuge dont l’existence est dissimulée aux yeux du monde extérieur</font></font></font><br><br><font color="green">Vous qui avez toujours pensé être « normaux»<br>Laissez-moi vous dire que vous vous êtes lourdement plantés !</font><br><br><font face="Courier New"><font color="orange">Vous vous sentez un peu perdus, n’est-ce pas ?<br>Rejoignez-nous, et vous aurez les réponses à toutes vos questions.</font></font><br><br><font color="black">Vos pathétiques existences vont changer.<br>Tirez-en profit .</font><br><br><font face="vivaldi"><font size="4,5"><font color="indigo">Nouvelles capacités</font></font></font><br><font color="green">Nouvelles rencontres</font><br><font face="Courier New"><font color="orange">Nouveau destin</font></font><br><font color="black">Tous dépendra de vos choix</font></font><br><br>Bienvenue à Valhalla</strong></div></td>
<td> <div style="margin:auto;text-align:center;width:180px;"><Strong><u>Les news :</u></strong><br><br>Un Graphisme tout neuf pour notre fowfow adoré ! ♥<br><br>♠ ♠ ♠ ♠<br><br>Du changements au niveau des Premier Pouvoirs !</div></td>
</tr>
<tr>
<td> <div style="margin:auto;text-align:center;width:180px;"><Strong><u>Infos Flash !</u></strong><br><br>Certaines améliorations ne sont malheureusement pas prises en compte par Internet Explorer ! Afin de profiter pleinement des graphismes de notre forum, utilisez plutôt les navigateurs tels que <u>Firefox</u> ou <u>Google Chrome</u> !<br><br>♠ ♠ ♠ ♠ </div></td>
</tr>
<tr>
<td colspan="2"> <p align="center"><Strong><u>Nos Partenaires !</u></strong></p></td>
<td colspan="2"> <center><Strong><u>Les Tops Sites !</u></strong></center></td>
</tr>
</table>
          </div>

          <div>
            <span>Pénétrez dans un univers à part...</span>
            <table width="100%" cellspacing="5" id="tablacc" style="background: url(http://i33.servimg.com/u/f33/13/93/32/39/eden_f11.jpg );">
<tr>
<td colspan="4"><strong><center>École un peu particulière, nichée au coeur des montagnes des Rocheuses<br> elle abrite des élèves pas comme les autres<br> <br>Chacun, alors qu’il pensait être un humain tout ce qu’il y a de plus normal<br> possède des pouvoirs particuliers. <br><br>Ici, magie et renouveau se mêlent pour vous permettre de changer votre destin.<br><br> Vous avez eu la possibilité de découvrir qui vous étiez vraiment et avez accepté. <br> Personne n’est ici par hasard...</center></strong></td>
</tr>
                        <tr>
        <td colspan="4">
        <div style="margin:auto;text-align:center;width:660px;"><strong><u>Les Hauts Membres du Conseil :</u></strong><br><br>
        <div class="infobulle"><img src="http://i43.servimg.com/u/f43/13/93/32/39/re11.jpg" /> 
        <div class="infobulle-hidden"><strong><p align="center">Reia</p><br>
        <u>Role :</u><em>Administratrice</em><br>
        <u>Présence :</u> <em>A toujours un œil sur l’École<br></em></strong></div></div>
        <div class="infobulle"> &nbsp &nbsp &nbsp<img src="http://i43.servimg.com/u/f43/13/93/32/39/fa11.jpg" /> 
        <div class="infobulle-hidden"><strong><p align="center">Farfaya</p><br>
        <u>Role :</u> <em>Administratrice</em><br>
        <u>Présence :</u> <em>Se balade de temps à autre dans les couloirs<br></em></strong></div></div>
        <div class="infobulle"> &nbsp &nbsp &nbsp<img src="http://i43.servimg.com/u/f43/13/93/32/39/ani11.jpg" /> 
        <div class="infobulle-hidden"><strong><p align="center">Anikei</p><br>
        <u>Role :</u> <em>Administrateur</em><br>
        <u>Présence :</u> <em>Indétectable<br></em></strong></div></div>
        <div class="infobulle"> &nbsp &nbsp &nbsp<img src="http://i43.servimg.com/u/f43/13/93/32/39/kaine_11.jpg" />
        <div class="infobulle-hidden"><strong><p align="center">Azylis</p><br>
        <u>Role :</u> <em>Administratrice</em><br>
        <u>Présence :</u> <em>Toujours à son poste ! <br></em></strong></div></div>
        </div></td>
        </tr>
<tr>
<td><center><Strong><u>Météo :</u></strong><br><br>En été,<br>l'expression "Climat Sec et Aride"<br>prend à Valhalla tout son sens !<br>Une chaleur étouffante règne en<br>maitre dans la Vallée, pouvant même<br>dépasser les 35°C... à l'ombre !<br>(pour peu que vous en trouviez).<br>Vous pouvez dire adieu aux belles<br>étendues vertes, remplacées par un<br>terrain recouvert d'une herbe jaunâtre<br>peinant à surmonter le manque d'humidité :<br>vous ne la reverrez pas avant plusieurs<br>mois. Par ailleurs, on n'a jamais vu autant<br>de monde dans les couloirs de l’École ou<br>près des Lacs qu'en cette saison !<br>Petit conseil : sortez soit tôt le matin<br>soit tard dans la soirée, ou vous serez<br>confronté à un cagnard assommant<br>et risquerez une bien belle insolation.</center></td>
        <td colspan="2">
        <div style="margin:auto;text-align:center;width:325px;"><strong><u>Les Assistants :</u></strong><br><br>
        <div class="infobulle"><img src="http://i43.servimg.com/u/f43/13/93/32/39/aki11.jpg" />
        <div class="infobulle-hidden"><strong><p align="center">Akira</p><br>
        <u>Role :</u><em>Modérateur</em><br>
        <u>Présence :</u> <em>Vient régulièrement s'entrainer</em></strong></div></div>
        <div class="infobulle"> &nbsp &nbsp &nbsp<img src="http://i43.servimg.com/u/f43/13/93/32/39/split_11.jpg" />
        <div class="infobulle-hidden"><strong><p align="center">Splitter</p><br>
        <u>Role :</u> <em>Modérateur</em><br>
        <u>Présence :</u> <em>Heu... Porté disparu ?</em></strong></div></div>
        <div class="infobulle"><br> &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp<img src="http://i43.servimg.com/u/f43/13/93/32/39/ed11.jpg" />
        <div class="infobulle-hidden"><strong><p align="center">Edward</p><br>
        <u>Role :</u> <em>Modérateur</em><br>
        <u>Présence :</u> <em>Aléatoire... comme son humour !</em></strong></div></div>
        </div></td>


<td> <center><Strong><u>Topics Histoire :</u></strong><br>
<em>Pour suivre l’histoire de Valhalla...</em></div></td>

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

          <div>
            <span>Crédits</span>
<table width="100%" cellspacing="5" id="tablacc" style="background: url(http://i33.servimg.com/u/f33/13/93/32/39/eden_f11.jpg );">
            <tr><td><div style="margin:auto;text-align:center;width:780px;"><strong><font color="#180055">♪ Une idée Originale de Reia et Anikei ! ♪</font><br><br><font color="#460088">♫ Invention et rédaction du contexte et du Règlement réalisées par le Conseil Entier, sous la menace de représailles d'Anikei en cas de fautes d'orthographes (les fesses d'Azylis s'en souviennent encore...) ♫<font><br><br><br><font color="#8400FF">♪ Graphisme élaboré par Azylis et Farfaya, grâce à quelques petits conseils soufflés par Reia.<br>Les illustrations on été trouvées grâce aux efforts et à la persévérance du Conseil dans son ensemble.<br>Ces images ont été débusquées sur <a href="http://www.zerochan.net/">Zerochan</a>, <a href="http://www.deviantart.com/">Devianart</a>, mais aussi grâce à des recherches totalement aléatoires et désespérées sur notre ami Google. Aucun de nous n'a dessiné ces illustrations, elles n'appartiennent donc qu'à leurs artistes respectifs. ♪</font><br><br><br><font color="#e345ff">♫ NÉANMOINS toutes ou presque ont été modifiées, ajustées et parfois "redessinées" par les soins d'Azylis, ce qui a pris un temps dingue pour certaines. De ce fait, il est INTERDIT de les prendre directement sur notre forum, allez donc vous servir sur les sites mentionnés pour les modifier à votre convenance. ♫</font><br><br><br><font size="3"><font color="#e03f00">► D'autre part, toute reproduction partielle ou complète de notre forum est FORMELLEMENT INTERDITE ! Le châtiment sera terrible et sans pitié (électrocution, strangulation, noyade et pétrification dans le métal<br>... le tout simultanément sinon c'est pas drôle) ◄</font><br><br><font color="#ff0000">► Blague à part, nous n'accepterons aucun plagiat, que ce soit au niveau du graphisme, de l'histoire, des personnages etc... se serait un manque total de respect envers notre travail. ◄</font></font></strong></div></td></tr></table>
        </div>
        </div>


Voilà, normalement vous avez tout !

Azylis
**

Féminin
Messages : 75
Inscrit(e) le : 12/11/2010

http://valhalla.tonempire.net/forum.htm
Azylis a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Obtenir un Marquee vertical (haut vers le bas)

Message par Lixyr le Ven 17 Aoû 2012 - 0:13

Ah.

Vous voyez ça, dans le javascript :

_slide")?"slideDown":a.is(".s_fade")?"fadeIn":"show"]
ça empêche le marquee de fonctionner quand on lui donne une direction "down"
Idem pour le up :
_slide")?"slideUp":a.is(".s_fade")?"fadeOut":"hide"]

J'ai donc bien peur qu'il faille choisir entre left et right, ou alors changer le code de l'onglet pour avoir un marquee qui descend.

Lixyr
Aidactive
Aidactive

Féminin
Messages : 5595
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Obtenir un Marquee vertical (haut vers le bas)

Message par Azylis le Ven 17 Aoû 2012 - 0:32

Ah... Et bien en tout cas, merci d'avoir cerné le problème aussi vite !

Et est-ce que vous arrivez à déterminer quel genre de répercussions pourrait avoir une modification du script ? Ça modifiera l'aspect des onglets, empêchera d'autre éléments de fonctionner etc... ? ><
Je n'ai par ailleurs aucune idée de comment modifier mon script, m'étant simplement inspirée du tutoriel proposé sur ce forum. Est-ce compliqué ?

Si c'est trop compliqué, pas grave, je me rabatterai sur un scroll... c'est moins beau, mais ça devrait marcher sans soucis vu que je n'ai vu que du HTML et du CSS, non ?

Azylis
**

Féminin
Messages : 75
Inscrit(e) le : 12/11/2010

http://valhalla.tonempire.net/forum.htm
Azylis a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Obtenir un Marquee vertical (haut vers le bas)

Message par Lixyr le Ven 17 Aoû 2012 - 0:40

Oh si vous modifiez le script, le changement d'onglet ne s'opèrera plus. C'est pourquoi j'ai conseillé plutôt de changer de code. Vous pouvez suivre ce tuto si vous voulez une base :
http://forum.forumactif.com/t284871-faire-des-onglets-sur-la-page-d-acceuil

mais le marquee en lui-même n'est pas le plus important je dirais. Êtes-vous sûr(e) de le vouloir absolument allant vers le bas ?

Lixyr
Aidactive
Aidactive

Féminin
Messages : 5595
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Obtenir un Marquee vertical (haut vers le bas)

Message par Azylis le Ven 17 Aoû 2012 - 1:08

Vers le bas pas forcément, faut juste que le déroulement se fasse verticalement : ça me permettrai de mettre un assez long texte dans une cellule pas très large sans que celle-ci de fasse 36 cm de long ^^ (d'où l'idée du scroll en plan de secours)

Merci pour le lien, je m'y pencherai à tête reposée (j'ai déjà vu tout une liste de balises, dont quelques unes que je connaissais pas), je sature un peu et commence à voir des codes partout =0=

Merci de ton aide en tout cas ! J'espère pouvoir m'en sortir seule maintenant (vais quand même laisser le topic ouvert jusqu'à demain, au cas où)

Azylis
**

Féminin
Messages : 75
Inscrit(e) le : 12/11/2010

http://valhalla.tonempire.net/forum.htm
Azylis a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Obtenir un Marquee vertical (haut vers le bas)

Message par Lixyr le Ven 17 Aoû 2012 - 9:20

De toute manière si vous avez besoin d'aide pour les onglets, vous pouvez toujours ouvrir un code dans cette section-ci. Mais ce n'est à rien compliqué.

Cordialement.





Lixyr
Aidactive
Aidactive

Féminin
Messages : 5595
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Obtenir un Marquee vertical (haut vers le bas)

Message par PatMax le Ven 17 Aoû 2012 - 12:17

Plutôt que des bouts de code, je préfèrerai avoir l'adresse du forum en question pour pouvoir regarder de plus près

PatMax
****

Messages : 495
Inscrit(e) le : 04/01/2009

http://www.patmax.info
PatMax a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Obtenir un Marquee vertical (haut vers le bas)

Message par Lixyr le Sam 18 Aoû 2012 - 1:04

Bonsoir Patmax. Sache que la question est résolue, mais non indiquée.

Cordialement.





Lixyr
Aidactive
Aidactive

Féminin
Messages : 5595
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Obtenir un Marquee vertical (haut vers le bas)

Message par Azylis le Sam 18 Aoû 2012 - 1:16

En effet, je pense que je peux mettre que c'est résolu. Dans le pire des cas (mais j'espère sincèrement que c'est bon XD) j'ouvrirai un nouveau topic.

Merci Lixyr de tes lumières ! Je m'en vais à présent de nouveau affronter mes onglets Razz

Et merci tout de même Patmax d'avoir voulu te pencher sur mon soucis ^^

Bonne soirée à tous !

Azylis
**

Féminin
Messages : 75
Inscrit(e) le : 12/11/2010

http://valhalla.tonempire.net/forum.htm
Azylis a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum