Problème texte défilant.

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

Résolu Problème texte défilant.

Message par Mélodie Baskerville le Mer 12 Déc 2012 - 19:42

Bonsoir,
j'ai (encore) un problème ^^.
J'ai rajouter des image dans ma "bannière" qui défilait du texte et le texte n'est plus dans la 'bannière' voyez par vous même:


Cordialement.


Dernière édition par Mélodie Baskerville le Ven 14 Déc 2012 - 15:06, édité 1 fois

Mélodie Baskerville
***

Féminin
Messages : 189
Inscrit(e) le : 13/07/2012

http://pandorachainshearts.forumactif.com/
Mélodie Baskerville a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème texte défilant.

Message par Matriochka le Jeu 13 Déc 2012 - 0:26

Coucou,

J’ai du mal à comprendre le problème… Tu aimerais que le texte soit visible dans le cadre défilant, c’est ça ? Si oui, alors il faut régler la hauteur de ton cadre :
Code:
.annoncePA {height:50px}
Là, j’ai mis 50 pixels, ça devrait corriger le problème.

Si ça n’est pas ce que tu voulais, merci de reformuler ta question Smile

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

Matriochka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème texte défilant.

Message par Mélodie Baskerville le Jeu 13 Déc 2012 - 16:13

Bonjours,
Où faut-il placer ceci ?
Voici le code de la page d'accueil :
Code:
 <marquee direction="left" scrollamount="7" class="annoncePA" onmouseover="this.stop();" onmouseout="this.start();">Bienvenue sur Pandora Chains Hearts !
        </marquee><br /><br /><div class="flottant" id="gauche"><p>
      Top Site :

        <a href="http://lesforumsdefa.olympe.in/topsite/vote.php?id=855"><img src="<a href="http://www.servimg.com/image_preview.php?i=35&u=16897030" class="postlink" target="_blank" rel="nofollow"><img src="http://i49.servimg.com/u/f49/16/89/70/30/trus_p10.jpg" border="0" alt="" /></a></a></A> </p></div><div class="flottant">
        <img src="http://illiweb.com/fa/logo/logo_fr.png" alt="" title="" class="illustration" /> <br /><div id="milieu"><p>Sed cautela nimia in peiores haeserat plagas, ut narrabimus postea, aemulis consarcinantibus insidias graves apud Constantium, cetera medium principem sed siquid auribus eius huius modi quivis infudisset ignotus, acerbum et inplacabilem et in hoc causarum titulo dissimilem sui.<br />Intellectum est enim mihi quidem in multis, et maxime in me ipso, sed paulo ante in omnibus, cum M. Marcellum senatui reique publicae concessisti, commemoratis praesertim offensionibus, te auctoritatem huius ordinis dignitatemque rei publicae tuis vel doloribus vel suspicionibus anteferre. Ille quidem fructum omnis ante actae vitae hodierno die maximum cepit, cum summo consensu senatus, tum iudicio tuo gravissimo et maximo. Ex quo profecto intellegis quanta in dato beneficio sit laus, cum in accepto sit tanta gloria.<br />Oportunum est, ut arbitror, explanare nunc causam, quae ad exitium praecipitem Aginatium inpulit iam inde a priscis maioribus nobilem, ut locuta est pertinacior fama. nec enim super hoc ulla documentorum rata est fides.
        </p></div></div><div class="flottant" id="staff"><h1>Le STAFF</h1><br />
     
        <span class="infobulle"><img src="http://uprapide.com/images/invite/avat_1237.png" alt="" title="" /> <span class="infobulle-hidden">Mélodie Baskerville <br />(Admin')<br /><br /><a href="http://pandorachainshearts.forumactif.com/u1">profil</a> - <a href="http://pandorachainshearts.forumactif.com/privmsg?mode=post&u=1">MP</a></span></span>
     
        <span class="infobulle"><img src="http://i49.servimg.com/u/f49/16/89/70/30/3-5410.jpg" alt="" title="" /><span class="infobulle-hidden">Ocimum Stone<br />(Admin')<br /><br /><a href="http://pandorachainshearts.forumactif.com/u3">profil</a> - <a href="http://pandorachainshearts.forumactif.com/privmsg?mode=post&u=3">MP</a></span></span>
        <br /><br />
     
        <span class="infobulle"><img src="http://i49.servimg.com/u/f49/16/89/70/30/4-8610.jpg" alt="" title="" /><span class="infobulle-hidden">Dark Power<br />(Modo)<br /><br /><a href="http://pandorachainshearts.forumactif.com/u4">profil</a> - <a href="http://pandorachainshearts.forumactif.com/privmsg?mode=post&u=4">MP</a></span></span>
     
        <span class="infobulle"><img src="http://i49.servimg.com/u/f49/16/89/70/30/avatar10.jpg" alt="" title="" /><span class="infobulle-hidden">Nilame<br /> (Correctrice)<br /><br /><a href="http://pandorachainshearts.forumactif.com/u5">profil</a> - <a href="http://pandorachainshearts.forumactif.com/privmsg?mode=post&u=5">MP</a></span></span></div>
   
    <hr style="clear:both;border:none;" />
        <br /><br /><p style="margin-left:auto;width:450px;text-align:right;font-size:9px;">Réalisation de ce message d'accueil par Lixyr sur <a href="http://www.forumsdeforumactif.com/">L'annuaire des forums de forumactif</a>. <br />Toute reproduction, partielle ou totale, est strictement interdite sans accord du codeur en vertu du Code de la Propriété Intellectuelle (Art. L. 122-1)</p>

 <marquee direction="left" scrollamount="7" class="annoncePA" onmouseover="this.stop();" onmouseout="this.start();">Nos Partenaires>><a href="http://mangraphique.asiat-world.com/">
        <img src="http://img15.hostingpics.net/pics/799555boutongif.gif"></img></a>
<a href="http://mirai-nikki-rpg.purforum.com/">
        <img src="http://host4pics.comuv.com/Upload/images/ji.jpg "></img></a>
        </marquee>

Cordialement.

Mélodie Baskerville
***

Féminin
Messages : 189
Inscrit(e) le : 13/07/2012

http://pandorachainshearts.forumactif.com/
Mélodie Baskerville a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème texte défilant.

Message par Matriochka le Jeu 13 Déc 2012 - 16:15

Oups, oublié de préciser !

Donc, le code donné plus haut va dans PA > Affichage > Couleurs > Feuille de styles CSS Smile

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

Matriochka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème texte défilant.

Message par Mélodie Baskerville le Jeu 13 Déc 2012 - 17:32

Faut-il le mettre a un endroit précis dans le css ?

Mélodie Baskerville
***

Féminin
Messages : 189
Inscrit(e) le : 13/07/2012

http://pandorachainshearts.forumactif.com/
Mélodie Baskerville a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème texte défilant.

Message par Matriochka le Jeu 13 Déc 2012 - 17:39

Non, pas particulièrement. Si tu as déjà du CSS sur .annoncePA le mieux c’est de combiner les deux codes ^^

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

Matriochka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème texte défilant.

Message par Mélodie Baskerville le Jeu 13 Déc 2012 - 18:06

Je ne le trouve pas ^^"""""""
Voici mon code CSS
Code:
#nav_barr {
position: fixed; /*--- Cette ligne permet de toujours afficher la barre ---*/
width:780px; /*--- pour régler la largeur de la barre ---*/
  height:25px; /*--- pour régler la hauteur de la barre ---*/
background: #7BB5D1 ; /*--- On donne une couleur au fond ---*/
margin-left:-400px;  /* pour centrer:  largeur divisée par -2 */
 padding: none;
  top: 50px;
left:50%;
-moz-border-radius:15px 15px 15px 15px; /* pour mozilla */
-webkit-border-radius: 0px 0px 0px 0px; /* pour chrome et safari */
border-radius:15px 15px 15px 15px; /* réglage des arrondis */
 
}


.pa_title {
  font-family: Georgia;
  font-size: 26px;
  color: mediumorchid;
  letter-spacing: 2px;
  text-shadow: 1px 1px 0px black;
  font-variant: small-caps;
  -moz-transition: 1s;
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
}

.pa_title:hover {
  color: darkorange;
  -moz-transition: 1s;
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
 
}


.staff {
  border-radius: 0px 20px 0px 20px;
  box-shadow: 0px 0px 5px black;
  opacity:0.6;
  -moz-opacity:0.6;
  -webkit-opacity:0.6;
  -o-opacity:0.6;
  -ms-filter:"alpha(opacity=60)";
  filter:alpha(opacity=60);
  -moz-transition: 1s;
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
}

.staff:hover {
  opacity:1;
  -moz-opacity:1;
  -webkit-opacity:1;
  -o-opacity:1;
  -ms-filter:"alpha(opacity=100)";
  filter:alpha(opacity=100);
  -moz-transition: 1s;
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
  border-radius: 20px 0px 20px 0px;
}


.violet {
  color: mediumorchid;
  -moz-transition: 1s;
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
}

.violet:hover {
  color: darkmagenta;
  -moz-transition: 1s;
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
}

.red {
  color: orangered;
  -moz-transition: 1s;
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
}

.red:hover {
  color: darkred;
  -moz-transition: 1s;
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
}
 
.border {
  border-right: 5px dotted orangered;
  border-left: 5px dotted orangered;
  border-radius: 50px 50px 50px 50px;
  -moz-transition: 1s;
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
}
 
.border:hover {
  border-right: 5px dotted orange;
  border-left: 5px dotted orange;
  border-radius: 50px 50px 50px 50px;
  -moz-transition: 1s;
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
}

.rela_name_1 {
  color: orange;
  padding-left: 5px;
  text-shadow: 1px 1px 0px black;
  font-family: Georgia;
  font-variant: small-caps;
  font-size: 16px;
  letter-spacing: 1px;
  -moz-transition: 1s;
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
}

.rela_name_1:hover {
  color: orchid;
  padding-left: 30px;
  -moz-transition: 1s;
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
}
 
.rela_name_2 {
  color: orchid;
  padding-right: 5px;
  text-align: right;
  text-shadow: 1px 1px 0px black;
  font-family: Georgia;
  font-variant: small-caps;
  font-size: 16px;
  letter-spacing: 1px;
  -moz-transition: 1s;
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
}

.rela_name_2:hover {
  color: orange;
  padding-right: 30px;
  -moz-transition: 1s;
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
}

.rela_categ {
  text-align: center;
  font-family: Georgia;
  font-variant: small-caps;
  font-size: 20px;
  color: darkorange;
  text-shadow: 1px 1px 0px black;
  letter-spacing: 1px;
  -moz-transition: 1s;
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
}

.rela_categ:hover {
  color: orangered;
  -moz-transition: 1s;
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
}

.rang {
  text-align: center;
  font-style: italic;
  font-family: Times New Roman;
  font-size: 13px;
  -moz-transition: 1s;
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
  text-shadow: 0px 0px 7px black;
  line-height: 20px;
}

.rang:hover {
  color: orange;
  -moz-transition: 1s;
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
}

.name {
  font-family: Georgia;
  font-size: 28px;
  color: orangered;
  letter-spacing: 3px;
  text-shadow: 1px 1px 6px black;
  font-variant: small-caps;
  -moz-transition: 1s;
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
}

.name:hover {
  color: mediumorchid;
  -moz-transition: 1s;
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
}

.darkorange {
  -moz-transition: 1s;
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
}

.darkorange:hover {
  border-bottom: 1px dotted darkorange;
  -moz-transition: 1s;
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
}

.rela_title {
  font-family: Georgia;
  font-size: 28px;
  color: mediumorchid;
  letter-spacing: 3px;
  text-shadow: 1px 1px 0px black;
  font-variant: small-caps;
  -moz-transition: 1s;
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
}

.rela_title:hover {
  color: darkorange;
  -moz-transition: 1s;
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
 
}

.pres_title {
  -moz-transition: 1s;
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
  color: #A68B71;
}

.pres_title:hover {
  -moz-transition: 1s;
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
  padding-right: 20px;
  color: orange;
}

.opac_coins {
  opacity:0.6;
  -moz-opacity:0.6;
  -webkit-opacity:0.6;
  -o-opacity:0.6;
  -ms-filter:"alpha(opacity=60)";
  filter:alpha(opacity=60);
  -moz-transition: 1s;
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
  border-radius: 50px 0px 50px 0px;
  -moz-border-radius: 50px 0px 50px 0px;
  -webkit-border-radius: 50px 0px 50px 0px;
  -o-border-radius: 50px 0px 50px 0px;
}

.opac_coins:hover {
  -moz-transition: 1s;
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
  border-radius: 0px 50px 0px 50px;
  -moz-border-radius: 0px 50px 0px 50px;
  -webkit-border-radius: 0px 50px 0px 50px;
  -o-border-radius: 0px 50px 0px 50px;
  opacity:1;
  -moz-opacity:1;
  -webkit-opacity:1;
  -o-opacity:1;
  -ms-filter:"alpha(opacity=100)";
  filter:alpha(opacity=100);
}

.cattitle {
  margin-top: 20px;
  font-family: Georgia;
  font-size: 22px;
  font-variant: small-caps;
  color: #9a2a00;
  transition: 1s;
  -o-transition: 1s;
  -moz-transition: 1s;
  -webkit-transition: 1s;
 }

.cattitle:hover {
  transition: 1s;
  -o-transition: 1s;
  -moz-transition: 1s;
  -webkit-transition: 1s;
  color: orange;
  letter-spacing: 5px;
  text-shadow: 1px 1px 1px black;
}

.icon {
  opacity:0.4;
  -moz-opacity:0.4;
  -webkit-opacity:0.4;
  -o-opacity:0.4;
  -ms-filter:"alpha(opacity=40)";
  filter:alpha(opacity=40);
  -moz-transition: 1s;
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
 
 
                    }
             
.icon:hover {
  opacity:1;
  -moz-opacity:1;
  -webkit-opacity:1;
  -o-opacity:1;
  -ms-filter:"alpha(opacity=100)";
  filter:alpha(opacity=100);
  -moz-transition: 1s;
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
                    }
       
 



     

a
                {
        text-decoration: none;
        transition: 1s;
        -o-transition: 1s;
        -moz-transition: 1s;
        -webkit-transition: 1s;
                }

        a:hover {
        transition: 1s;
        -o-transition: 1s;
        -moz-transition: 1s;
        -webkit-transition: 1s;
      }





.bodyline{
     border: none;
   -moz-box-shadow: 0px 0px 15px #3e0900;
   box-shadow: 0px 0px 15px #3e0900;
       -webkit-box-shadow: 0px 0px 15px #3e0900;
     -o-box-shadow: 0px 0px 15px #3e0900;
     

}

table.case_stats td.dernier_msg p{
  color:#7BB5D1;
  width:200px;
  padding:0;
  margin:0;
  margin-left:0px;
  font-size:9px;
  text-align:center;
  }
 
table.case_stats td.stats_forum p{
  color:#7BB5D1;
  width:190px; /*la largeur de mon bloc moins quelques px */
  margin-left:0px;
  font-size:9px;
  font-weight:bold;
  text-align:center;
  padding:0;
  }
 


table.case_stats td.stats_forum{
  background-image:url('http://img11.hostingpics.net/pics/473905haut.png');
  background-position:center;
  background-repeat:no-repeat;
  padding-left:0px;
  padding-right:0px;
  padding-top:0px;
  height:0px;
  }
table.case_stats td.dernier_msg{
  background-image:url('http://img11.hostingpics.net/pics/252232bas.png');
  background-position:center top;
  background-repeat:no-repeat;
  padding-left:0px;
  padding-right:0px;
  padding-top:0px;
  height:0px;
  }


a {text-decoration: none;}
a:link {text-decoration: none;}
a:hover {text-decoration: none!important;}
a.forumtitle {text-decoration: none;}
a.forumtitle:hover {text-decoration: none!important;}
a.topictitle {text-decoration: none;}
a.topictitle:hover {text-decoration: none!important;}





#menu{
list-style-type:none;
text-align:center;
}

#menu li{
float:left;
background-color:#7BB5D1;
width:200px;
z-index: 999;
}

#menu li a{
display:block;
z-index: 999;
color:#7BB5D1;
text-decoration:none;
padding:2px;
}

#menu li a:hover{
background-color:#FFFFFF;
color:#A92A2E;
}

#menu li ul{
position:absolute;
display:none;
padding:0;
list-style-type:none;
}

#menu li:hover ul{
display:block;
}

#menu li:hover ul li{
float:none;
}

 
  /** PSEUDO **/

        .pseudoname{
    font-family: georgia;
    font-size: 30px;
    letter-spacing: -2px;
    font-weight: bold;
    font-style: italic;
    text-shadow: 0px 1px 1px #000000;
}


                     
                    .opac {
                    opacity:0.6;
                    -moz-opacity:0.6;
                    -ms-filter:"alpha(opacity=60)";
                    filter:alpha(opacity=60);
            transition: 1s;
            -moz-transition: 1s;
            -webkit-transition: 1s;
            -o-transition: 1s;
                    }
             
                    .opac:hover {
                      opacity:1;
                      -moz-opacity:1;
                      -ms-filter:"alpha(opacity=100)";
                      filter:alpha(opacity=100);
             transition: 1s;
            -moz-transition: 1s;
            -webkit-transition: 1s;
            -o-transition: 1s;
                    }


       
               
             
           
             
             
                .onglet {
                display:inline-block;
                margin:20px 5px;
                }
                .onglet:hover {
                padding-left: 20px;
                font-size: 16px;
                font-family: Georgia;
                letter-spacing: 2px;
                border-bottom: 4px solid #232323;
                border-left: 4px solid #7BB5D1;
                border-radius: 20px;
                -moz-border-radius: 20px;
                -htm-border-radius: 20px;
                -webkit-border-radius: 20px;
                -o-border-radius: 20px;
                color: #6681D1!important;
                text-shadow: 0px 0px 1px #D8DBAD;
                transform: all;
                -moz-transform: all;
                -o-transform: all;
                -htm-transform: all;
                -webkit-transform: all;
                transition: 1s;
                -moz-transition: 1s;
                -o-transition: 1s;
                -htm-transition: 1s;
                -webkit-transition: 1s;
                }
                .actif {
                display:inline-block;
                margin:20px 5px;
                }




        /*liste des menus*/
        #menu ul{padding: 0px;
            list-style-type: none;
        margin: 0px;
        }
       
        /*positionnement des menus*/
        #menu dl {
            float: left;
            width: 150px;}
       
        /*menus*/
        #menu dt {
            color: #8C7B7B;
            text-align: center;
            cursor: pointer;
            font-weight: bold;
            background: #7BB5D1;
            margin: 0px;}
       
        /*menus au survol*/
        #menu dt:hover{
            border-bottom: none!important;}
       
        /*liste des sous-menus*/
        #menu dd {
            display: none;
            border-top: none!important;
            background: #7BB5D1;
            margin: 0px;
            padding: 0px;
            list-style-type: none;}
       
        #menu li {
            text-align: center;
            background: #7BB5D1;
            margin: 0px;
            padding: 0px;
            list-style-type: none;}
       
        /* liens des sous-menus*/
        #menu li a, #menu dt a {
            color: #8384AB;
            background: #EDE0CC;
            text-decoration: none;
            display: block;
            height: 100%;
            border: 0 none;
            margin: 0px;
            padding: 0px;
            list-style-type: none;}
       
        /*liens des sous-menus au survol*/
        #menu li a:hover, #menu li a:focus, #menu dt a:hover, #menu dt a:focus {
            color: #C03150;
            text-align: center;
            width: 220px;
            cursor: pointer;
            font-weight: bold;
            background: #7BB5D1;
            margin: 0px;
            padding: 0px;
            list-style-type: none;}


        *bannière du forum diminution des marges haut gauche et droite*/
                    #i_logo {
                    margin-left:-20px;
                    margin-right:-20px;
                    margin-top:-20px; }
                       
               
       
             
               
             
             
             
 
                /*qui est en ligne*/
                    .groupes{
                    background-color:#FFFFFF;border: 1px #D0D0D0 dotted;
                    -moz-border-radius : 5px 5px 5px 5px;
            border-radius : 5px 5px 5px 5px;
                    height:40px;padding-right:12px;padding-left:14px;padding-bottom:3px;
                    font-size:15px;font-weight: bold;text-align:center;
                    text-decoration: none !important;}
                     
                 

             
               
             
       
               
             
             
                a.forumlink
                {
                display: block;
                padding-left: 30px;
                font-size: 25px;
                font-family: Georgia;
                letter-spacing: 1px;
        font-variant: small-caps;
        font-weight: bold;
        font-style: italic;
                color: #932700 !important;
                transform: all;
                -moz-transform: all;
                -o-transform: all;
                -htm-transform: all;
                -webkit-transform: all;
                transition: 1s;
                -moz-transition: 1s;
                -o-transition: 1s;
                -htm-transition: 1s;
                -webkit-transition: 1s;
                }
                a.forumlink:hover
                {
                padding-left: 90px;
                color: #ff6b00 !important;
        text-shadow: 1px 1px 1px black;
                transform: all;
                -moz-transform: all;
                -o-transform: all;
                -htm-transform: all;
                -webkit-transform: all;
                transition: 1s;
                -moz-transition: 1s;
                -o-transition: 1s;
                -htm-transition: 1s;
                -webkit-transition: 1s;
                }

                .forumline
                {
                                border: 2px solid #823300;
  -moz-border-radius: 0px 15px 15px 0px;
  -webkit-border-radius: 0px 15px 15px 0px;
  -o-border-radius: 0px 15px 15px 0px;
        box-shadow: 0px 0px 10px black;
        -moz-box-shadow: 0px 0px 10px black;
        -webkit-box-shadow: 0px 0px 10px black;
        -o-box-shadow: 0px 0px 10px black;
  transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  -htm-transition: 1s;
  -webkit-transition: 1s;
            
                }

.forumline:hover {
  border: 2px dotted darkorange;
  -moz-border-radius: 15px 0px 0px 15px;
  -webkit-border-radius: 15px 0px 0px 15px;
  -o-border-radius: 15px 0px 0px 15px;
  transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  -htm-transition: 1s;
  -webkit-transition: 1s;
}
            
.code {
  border: 1px dotted darkorange;
-moz-border-radius: 15px 15px 15px 15px;
border-radius: 15px 15px 15px 15px;
color: darkorange;
padding: 10px;}
            
            .quote {
  border: 1px dotted darkorange;
-moz-border-radius: 15px 15px 15px 15px;
  border-radius: 15px 15px 15px 15px;
color: darkorange;
padding: 10px;
}
            
.spoiler {
  border: 1px dotted darkorange;
-moz-border-radius: 15px 15px 15px 15px;
  border-radius: 15px 15px 15px 15px;
  padding: 10px;
}
         
      
               
         
/***ROTATION IMAGE **/
.rotation
{
transition:width 1s, height 1s;
-moz-transition:width 2s, height 2s, -moz-transform 2s; /* Firefox 4 */
-webkit-transition:width 2s, height 2s, -webkit-transform 2s; /* Safari and Chrome */
-o-transition:width 2s, height 2s, -o-transform 2s; /* Opera */
  border-radius: 50px 50px 50px 50px;
}

.rotation:hover
{
transform:rotate(360deg);
-moz-transform:rotate(360deg); /* Firefox 4 */
-webkit-transform:rotate(360deg); /* Safari and Chrome */
-o-transform:rotate(360deg); /* Opera */
  border-radius: 50px 50px 50px 50px;
}






t; {
width: 210px;
background: #FFEFDE;
padding: 4px;
border: 5px solid #FFA290;
}

   
   
    /*PA POUR Mélodie Baskerville*/
   
    .PAglobale {
      background:#181818 !important; /*fond de la PA globale*/
      padding-top:13px;padding-bottom:10px;
    }
    .annoncePA /*annonce défilant vers la gauche*/
    {
      width:80%;height:25px;
      border:1px solid #;border-radius:20px;-webkit-border-radius:20px;-o-border-radius:20px;
      background:#2A2A2A;color:#A58A73;font-size:13px;
      padding-right:5px;padding-left:5px;padding-top:3px;
      margin-bottom:20px;margin-left:auto;margin-right:auto;
    }
    .flottant /*blocs généraux*/
    {
      float:left; /*ne pas toucher à ça*/
      margin-left:70px;margin-right:-50px;
      padding-right:2px;
      border-radius:20px;-webkit-border-radius:20px;-o-border-radius:20px; /*radiant des arrondis*/
    }
   
    .illustration /*image du milieu*/
    {width:400px;height:200px;}
   
   
   
    p /*scroll-barre des textes*/
    {
      text-align:justify;color:#A58A73; /*fond des blocs et couleur du texte*/
      padding-left:2px;
    }
    #gauche /*bloc textuel de gauche*/ {
      display:block;overflow:auto;overflow-y:auto;overflow-x:hidden;
      width:150px;/*largeur*/ height:394px; /*hauteur*/
      background:#2A2A2A;
    }
    #milieu  /*bloc textuel du milieu*/
    {
      display:block;overflow:auto;overflow-y:auto;overflow-x:hidden;
      width:350px; /*largeur*/ height:182px !important; /*hauteur*/
      margin-top:10px;
      background:#2A2A2A;
      border-radius:20px;-webkit-border-radius:20px;-o-border-radius:20px; /*radiant des arrondis*/
    }
    #staff {
      height:385px;padding:5px;
      background:#2A2A2A;
    }
    #staff img {
      width:120px;
      transition-property:opacity;-moz-transition-property:opacity;-webkit-transition-property:opacity;-o-transition-property:opacity;
      transition-duration:2s;-moz-transition-duration:2s;-webkit-transition-duration:2s;-o-transition-duration:2s;
      opacity:1; /*opacité*/
    }
    #staff img:hover {
      opacity:0.3;
   
    }
    h1 {color:#932700;text-align:center;font-weight:bold;font-size:25px;margin:0px;}
   
   
    .infobulle{position: relative;} /*ne pas toucher*/
   
    .infobulle .infobulle-hidden {
      display:none;position:absolute;visibility:visible;z-index: 999;
      top:-150px;left:0px;
      padding-top:40px;
      width:120px;height:120px;
      color:#fff;width:120px;font-size:12px;text-align:center;
      transition-property:background,opacity;-moz-transition-property:background,opacity;-webkit-transition-property:background,opacity;-o-transition-property:background,opacity;
      transition-duration:2s;-moz-transition-duration:2s;-webkit-transition-duration:2s;-o-transition-duration:2s;
      background:transparent;opacity:0
    }
    .infobulle .infobulle-hidden:hover {
      background:#000;opacity:0.7}
   
    .infobulle:hover .infobulle-hidden {display:block;} /*ne pas toucher*/

Mélodie Baskerville
***

Féminin
Messages : 189
Inscrit(e) le : 13/07/2012

http://pandorachainshearts.forumactif.com/
Mélodie Baskerville a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème texte défilant.

Message par Matriochka le Jeu 13 Déc 2012 - 20:56

Ici :
Code:
  .annoncePA /*annonce défilant vers la gauche*/
    {
      width:80%;height:25px;
      border:1px solid #;border-radius:20px;-webkit-border-radius:20px;-o-border-radius:20px;
      background:#2A2A2A;color:#A58A73;font-size:13px;
      padding-right:5px;padding-left:5px;padding-top:3px;
      margin-bottom:20px;margin-left:auto;margin-right:auto;
    }
Fais une recherche internet avec annoncePA et tu devrais trouver ^^ Remplace que ce je t’ai donné là par :
Code:
  .annoncePA /*annonce défilant vers la gauche*/
    {
      width:80%;height:25px;
      border:1px solid #;border-radius:20px;-webkit-border-radius:20px;-o-border-radius:20px;
      background:#2A2A2A;color:#A58A73;font-size:13px;
      padding-right:5px;padding-left:5px;padding-top:3px;
      margin-bottom:20px;margin-left:auto;margin-right:auto;
      height:50px;
    }

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

Matriochka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème texte défilant.

Message par Mélodie Baskerville le Ven 14 Déc 2012 - 15:06

*o* c'est bon ça marche !
Merci beaucoup Matriochka ! ^^

Mélodie Baskerville
***

Féminin
Messages : 189
Inscrit(e) le : 13/07/2012

http://pandorachainshearts.forumactif.com/
Mélodie Baskerville 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