Lueur sur les liens du forum ~

2 participants

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

  • 0

Résolu Lueur sur les liens du forum ~

Message par chienchila Lun 9 Avr 2012 - 0:43

Bonsoir tout le monde !
Je rencontre un petit problème avec l'un de mes codes. Je voudrais faire en sorte que tous les liens de mon forum aient une lueur externe, ce qui fonctionne parfaitement mais seulement lorsque l'on passe la souris sur les liens :

Lueur sur les liens du forum ~ 1333924965-Sanstitre20

Voici mon css :

Code:
a.cattitle:hover{
text-shadow: #000000 0px 0px 5px
 }
a.forumlink {
text-shadow: #000000 0px 0px 5px;
 }
a.forumlink:hover{
text-shadow: #000000 0px 0px 5px;
}

.code{
    font-family: times new roman;
    font-size: 12px;
    color: #20224E;
    background-color: #545682;
    border: #61638C;
    border-style: solid;
    border-left-width: 0px;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
}

.forumline
a {text-decoration: none;}
a:link { text-shadow: #000000 0px 0px 5p;}
a:hover { text-shadow: #000000 0px 0px 5px;}
a.forumlink {text-shadow: #000000 0px 0px 5px;}
a.forumlink:hover { text-shadow: #000000 0px 0px 5px;}
a.topiclink { text-shadow: #000000 0px 0px 5px; }
a.topiclink:hover {text-shadow: #000000 0px 0px 5px; }

tr.post span.gensmall { display: none; }

a {
text-transform: lowercase ;
letter-spacing: 1px;}

a:hover
{
font-style: italic
}


.body{
  cursor:crosshair;}






.forumline{
background-color: none;
}


.statistiques{
background-image: url("");
background-repeat: no-repeat;
background-position: center;
height:50px;}






/* ------------------------------------ {Qui est en ligne} --------------------------------------------------------------------------------------------------------- */
.qeel_start
{background-image: url("http://image.noelshack.com/fichiers/2012/14/1333918763-Sanstitre5.png");
-moz-border-radius-topleft: 18px;
-webkit-border-radius-topleft: 18px;
-moz-border-radius-topright: 18px;
-webkit-border-radius-topright: 18px;
-moz-border-radius-bottomleft: 18px;
-webkit-border-radius-bottomleft: 18px;
-moz-border-radius-bottomright: 18px;
-webkit-border-radius-bottomright: 18px;
}

.qeel_align
{
margin-left: 10px;
}

.qeel_birth
{background-image: url("http://image.noelshack.com/fichiers/2012/14/1333918763-Sanstitre5.png");
-moz-border-radius-topleft: 18px;
-webkit-border-top-left-radius: 18px;
-moz-border-radius-topright: 18px;
-webkit-border-top-right-radius: 18px;
-moz-border-radius-bottomleft: 18px;
-webkit-border-bottom-left-radius: 18px;
-moz-border-radius-bottomright: 18px;
-webkit-border-bottom-right-radius: 18px;
}

.qeel_texte
{background-image: url("http://image.noelshack.com/fichiers/2012/14/1333918763-Sanstitre5.png");
padding-right: 8px;
padding-left: 8px;
text-align: justify;
width: 376px;
-moz-border-radius-topleft: 10px;
-webkit-border-top-left-radius: 10px;
-moz-border-radius-topright: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-bottomleft: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-webkit-border-bottom-right-radius: 10px;
}

.texte_qui
{background-image: url("http://image.noelshack.com/fichiers/2012/14/1333918763-Sanstitre5.png");

padding-left: 10px;
padding-right: 10px;
}

/* ------------------------------------------------ {Tutoriel profil Alderia} ---------------------------------------- */
.tuto_alderia_profil
{
widht: TAILLEpx;
}

.tuto_alderia_topprofil
{
background-image: URL('http://image.noelshack.com/fichiers/2012/14/1333918763-Sanstitre5.png');
background-repeat: no-repeat;
width: TAILLEpx;
height: TAILLEpx;
}

#tuto_alderia_centreprofil
{
background-image: URL('http://image.noelshack.com/fichiers/2012/14/1333918763-Sanstitre5.png');
background-repeat: repeat;
width: TAILLEpx;
}

.tuto_alderia_footerprofil
{
background-image: URL('http://image.noelshack.com/fichiers/2012/14/1333918763-Sanstitre5.png');
background-repeat: no-repeat;
width: TAILLEpx;
height: TAILLEpx;
}

.tuto_alderia_profilname
{
padding-top: TAILLEpx;
}

.tuto_alderia_profilrang
{
padding-top: TAILLEpx;
}

.profil_rpg
{
padding-left: TAILLEpx;
}

.tuto_alderia_profilinfo
{
padding-left: TAILLEpx;
}



.postbody {
    display: block;
    padding-left: 15px;
    padding-right: 15px;
}


tr.post span.gensmall { display: none; }


textarea {color: #20224E;}
background-image: url("http://image.noelshack.com/fichiers/2012/14/1333918763-Sanstitre5.png");



td.row1
{background-image: url("http://image.noelshack.com/fichiers/2012/14/1333918763-Sanstitre5.png");}

td.row2
{background-image: url("http://image.noelshack.com/fichiers/2012/14/1333918763-Sanstitre5.png");}

td.row3
{background-image: url("http://image.noelshack.com/fichiers/2012/14/1333918763-Sanstitre5.png") ;}
td.rowpic
{background-image: url("http://image.noelshack.com/fichiers/2012/14/1333918763-Sanstitre5.png");}

th
{background-image: url("http://image.noelshack.com/fichiers/2012/14/1333918763-Sanstitre5.png");}

td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom
{background-image: url("http://image.noelshack.com/fichiers/2012/14/1333918763-Sanstitre5.png");}

 
table.forumline
{background-image: url("http://image.noelshack.com/fichiers/2012/14/1333918763-Sanstitre5.png");}

 
.maintitle, .maintitle h1
{background-image: url("http://image.noelshack.com/fichiers/2012/14/1333918763-Sanstitre5.png");}

td.row1,td.row3.over:hover
{background-image: url("http://image.noelshack.com/fichiers/2012/14/1333918763-Sanstitre5.png");}

td.row1.over:hover,td.row2
{background-image: url("http://image.noelshack.com/fichiers/2012/14/1333918763-Sanstitre5.png");}
td.row3
{background-image: url("http://image.noelshack.com/fichiers/2012/14/1333918763-Sanstitre5.png");}
td.rowpic
{background-image: url("http://image.noelshack.com/fichiers/2012/14/1333918763-Sanstitre5.png");}

.description {
-moz-background-clip:border;
-webkit-background-clip:border;
-moz-background-inline-policy:continuous;
-webkit-background-inline-policy:continuous;
-moz-border-radius-bottomleft:2px;
-webkit-border-radius-bottomleft:2px;
-moz-border-radius-bottomright:2px;
-webkit-border-radius-bottomright:2px;
-moz-border-radius-topleft:2px;
-webkit-border-radius-topleft:2px;
-moz-border-radius-topright:2px;
-webkit-border-radius-topright:2px;
background: #5B5E89 repeat scroll 0 0;
background-image: url("http://image.noelshack.com/fichiers/2012/14/1333918404-Sanstitre4.png");
border-color: #61638C
margin-left:1px;
margin-right:1px;
margin-top:1px;
padding:5px 5px 5px 25px;
}

.description span.corners-top { background-image: none; }
.description span.corners-top span { background-image: none; }
.description span.corners-bottom { background-image: none; }
.description span.corners-bottom span { background-image: none; }

.police{
font-family: "times new roman";
font-size: 20px;}

#i_logo {
margin-left: -10px;
margin-top: -10px;
margin-right: -10px;
margin-bottom: -10px;
}

body{margin-top: 0px;}

body{margin-bottom: 0px;}


a { text-decoration: none; }


div#page-header span.corners-top {
  height: 0px;
}

input {
border : 2px solid #61638C;}

button {
border : 2px solid #61638C;}


#i_logo {
margin-top: -10px;
}


/* Chatbox */
body.chatbox {
min-width: 550px !important;
background-image: url("http://image.noelshack.com/fichiers/2012/14/1333918404-Sanstitre4.png");
padding: 0;
margin: 0;
background-color: #61638C;
}[i]


#chatbox_header {
height: 30px;
background-color: #61638C;
}

#chatbox_members .member-title {
text-align: left;
padding: 0.5em 0.25em;
background-image: url("http://image.noelshack.com/fichiers/2012/14/1333918404-Sanstitre4.png");
font-size: 13px;
background-color: #61638C;
color : #20224E;
font-family: Times new roman;
}

#chatbox_header .cattitle strong { display: "La boite à Décadence n'attend que vous !"; }
#chatbox_header .cattitle:before { content: "La boite à Décadence n'attend que vous !"; }


.thin a {
  color: #20224E !important;

}



.postbody {
    display: block;
    padding-left: 15px;
    padding-right: 15px;
    text-align:justify;
}


        .bodylinewidth
        {
        margin-center:0px;
        }

   

        div#p8.post.row2 {
        width: 100%
        }


        a.forumlink {
        display:block;
        background-image: url("http://image.noelshack.com/fichiers/2012/14/1333919587-1224011715ktxnkE39.png");
  text-shadow: #000000 0px 0px 5px
        }
   
     
        }


        .forabg {
          margin-bottom: 20px;
        }

   

        #text_edit {
        display: block !important;
        }



        #userlinks.not-connected {
        margin-bottom: 50px;
        text-shadow: #000000 0px 0px 5px}


.cadrestat {
background-color : #5B5E89;
border:2px solid #474A70;
-moz-border-radius-bottomleft:10px;
-moz-border-radius-topright:10px;
font-size:11px;
}

          a.forumlink {
        font : georgia;
        color : #545682;
        font-size : 18px;
        font-style: italic !important;
  text-shadow: #000000 0px 0px 5px
        }


        #chatbox p{
        font-family: trebuchet ms;
        }

            .cadre_page_accueil {
        background-color:#545682;
        border:1px solid #61638C;}

table.forumline {border:2px solid #61638C;}

a, a:link {
text-shadow: #000000 0px 0px 5px;
}

a:hover {
text-shadow: #000000 0px 0px 5px;
}
a, a:link {
text-shadow: #000000 0px 0px 5px;
}

a:hover {
text-shadow: #000000 0px 0px 5px;
}
        a.forumlink, a.forumlink:link, a.forumlink:visited, a.forumlink:hover{
            text-shadow: #000000 0px 0px 5px
        }[/i]

Comment régler le problème ? Merci par avance !


Dernière édition par chienchila le Lun 9 Avr 2012 - 13:20, édité 1 fois
chienchila

chienchila
****

Féminin
Messages : 372
Inscrit(e) le : 09/09/2005

http://poetic-animal.forumpro.fr/
chienchila a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Lueur sur les liens du forum ~

Message par Roxy. Lun 9 Avr 2012 - 9:53

Bonjour,
Vous avez cette partie :
Code:
a.cattitle:hover{
text-shadow: #000000 0px 0px 5px
 }
a.forumlink {
text-shadow: #000000 0px 0px 5px;
 }
a.forumlink:hover{
text-shadow: #000000 0px 0px 5px;
}
Qui vous permet d'avoir une ombre portée lorsque vous passez sur le lien.
Pour avoir cet effet tout le temps, au lieux de mettre hover il vous suffit de juste mettre comme attribut a. Sois :
Code:
a {
text-shadow: #000000 0px 0px 5px; }

Cordialement,
Roxy.

Roxy.
Membre habitué

Féminin
Messages : 1058
Inscrit(e) le : 24/07/2011

http://roxy-test.forumgratuit.org/
Roxy. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Lueur sur les liens du forum ~

Message par chienchila Lun 9 Avr 2012 - 13:19

Ha ok, c'était super simple en fait, tout bête. Merci beaucoup, problème résolu ! Very Happy
chienchila

chienchila
****

Féminin
Messages : 372
Inscrit(e) le : 09/09/2005

http://poetic-animal.forumpro.fr/
chienchila a été remercié(e) par l'auteur de ce sujet.

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

- Sujets similaires

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