Problème texte défilant.
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
Problème texte défilant.
Dernière édition par Mélodie Baskerville le Ven 14 Déc 2012 - 15:06, édité 1 fois
Re: Problème texte défilant.
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 :
Si ça n’est pas ce que tu voulais, merci de reformuler ta question
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}
Si ça n’est pas ce que tu voulais, merci de reformuler ta question
Matriochka- Membre actif
- Messages : 7604
Inscrit(e) le : 14/07/2010
Re: Problème texte défilant.
Bonjours,
Où faut-il placer ceci ?
Voici le code de la page d'accueil :
Cordialement.
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://2img.net/i/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.
Re: Problème texte défilant.
Oups, oublié de préciser !
Donc, le code donné plus haut va dans PA > Affichage > Couleurs > Feuille de styles CSS
Donc, le code donné plus haut va dans PA > Affichage > Couleurs > Feuille de styles CSS
Matriochka- Membre actif
- Messages : 7604
Inscrit(e) le : 14/07/2010
Re: Problème texte défilant.
Faut-il le mettre a un endroit précis dans le css ?
Re: Problème texte défilant.
Non, pas particulièrement. Si tu as déjà du CSS sur .annoncePA le mieux c’est de combiner les deux codes ^^
Matriochka- Membre actif
- Messages : 7604
Inscrit(e) le : 14/07/2010
Re: Problème texte défilant.
Je ne le trouve pas ^^"""""""
Voici mon code CSS
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*/
Re: Problème texte défilant.
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;
}
- 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- Membre actif
- Messages : 7604
Inscrit(e) le : 14/07/2010
Re: Problème texte défilant.
*o* c'est bon ça marche !
Merci beaucoup Matriochka ! ^^
Merci beaucoup Matriochka ! ^^
Sujets similaires
» Texte défilant
» Texte défilant
» changer texte bandeau defilant
» Bannière avec texte défilant
» Texte défilant ennuyant
» Texte défilant
» changer texte bandeau defilant
» Bannière avec texte défilant
» Texte défilant ennuyant
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum