apparence lien

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

Résolu apparence lien

Message par Invité le Mer 24 Aoû 2011 - 16:19

Bonjour,
Voila j'ai une question assez basique, j'ai deja regardé sur d'autres topics, j'ai fait des essaies mais je n'ai pas vraiment trouvé ce que je voulais.
J'aurais souhaité avec la reference css pour mettre dans ma feuille de style pour modifier l'apparence de mes liens parce que je n'aime vraiment pas l'effet souligné qui est constant que le lien soit survolé ou non. En fait je ne le veux nul part cette effet x). J'aimerais aussi que mon lien reste de la même couleur qu'il soit deja visité ou non ( mais ça c'est faisable dans les couleurs je crois ) et qu'il soit gris clair quand je le survole. Voila voila x) tout ça pour dire qu'avoir la reference pour ma feuille de styl" m'aderait beaucoup.

Merci !


Dernière édition par Natsuo le Mar 30 Aoû 2011 - 23:00, édité 1 fois

Invité
Invité


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

Résolu Re: apparence lien

Message par LaTeamEthologie le Mer 24 Aoû 2011 - 16:27

  • Bonjour !
    Pour enlever le soulignement des liens en permanence, il vous suffit de rajouter ceci dans la feuille CSS :
    Code:
    a{
    text-decoration: none;}

    a:hover{
    text-decoration: none !important;}

    Puis, pour les couleurs des liens, il faut faire comme ici :


    En modifiant bien-sûr par les couleurs que vous voulez ^^

LaTeamEthologie
**

Féminin
Messages : 92
Inscrit(e) le : 04/08/2011

http://silvercrest.forumgratuit.org/
LaTeamEthologie a été remercié(e) par l'auteur de ce sujet.

Résolu Re: apparence lien

Message par Invité le Jeu 25 Aoû 2011 - 11:40

Ah voila très bien ça marche merci !
Par contre, est ce que vous saurez comment je peux eviter que mes titres de categorie se mette en gras? Je vous explique, pour que les liens se demarquent plus je les ai mis en gras, le seul souci c'est qu'il le fait donc pour TOUS les liens. Quand je ne survole pas mes titres de categories ils restent normaux, mais quand je les survole se mettent en gras. Avez une idée pour leur epargner à eux seul le gras? Sinon et bien, tant pis hein xD

Invité
Invité


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

Résolu Re: apparence lien

Message par LaTeamEthologie le Ven 26 Aoû 2011 - 17:44

  • Pouvez-vous me donner votre CSS en entier SVP ?

LaTeamEthologie
**

Féminin
Messages : 92
Inscrit(e) le : 04/08/2011

http://silvercrest.forumgratuit.org/
LaTeamEthologie a été remercié(e) par l'auteur de ce sujet.

Résolu Re: apparence lien

Message par Invité le Sam 27 Aoû 2011 - 4:57

Oh bah oui sans problème, le voici :].
Code:
.bodylinewidth {
width: 600px;}


.secondarytitle, .secondarytitle h2{
font-size: 14px;
font-family: Helvetica;
color: #282727;
text-align: center;
height : 60px;
}

a.forumlink {
border-bottom : 2px solid #300202;
display : block;
margin-top: 5px;
font-size: 18px;
font-variant: none;
font-family: Georgia;
font-weight: lighter;
}

.spoiler_content{
font-family: Georgia;
color: red;
}

.quote {
background-color:blue;
font-family: Georgia;
color: red;
}

.code {
background-color:blue;
font-family: Georgia;
color: red;
}

.soufo a {
  color: #ffffff;
  background-color: #000000;
  border: 3px #ffffff solid;
  font-variant : small-caps;
  font-family: Georgia;
  left: absolute;
}

.soufo {
align : right;
}

.secondarytitle, .fondcatsuj {

}

.cattitle {
font-family: Georgia;
}

.secondarytitle, .fondcatsuj {
background-color:#300202;
}

.slide-gallery {
   border-width: 6px 0;
   border-color: #000;
   border-style: solid;
   margin-bottom: 20px;
   background-color: #000;
   overflow: hidden;
        filter:alpha(opacity=100);
-moz-opacity:1;opacity: 1;
}

.slide-gallery .item {
   float: left;
   border-left: solid 4px #000;
   background-color: transparent;
   background-repeat: no-repeat;
   background-position: 50% 0;
   -moz-box-shadow:inset 0 0 5px #000;
   -webkit-box-shadow:inset 0 0 5px #000;
   -khtml-box-shadow:inset 0 0 5px #000;
   box-shadow:inset 0 0 5px #000;
}

.opacity img {
filter:alpha(opacity=50);
-moz-opacity:0.5;opacity: 0.5;
}

.opacity img:hover {
filter:alpha(opacity=100);
-moz-opacity:1;opacity: 1;
}

.colonnex {
wight: 350px;
}

.liensvalid {
display: block;
border-bottom : 2px solid #363636;
font-size: 10px;
font-family: Helvetica;
font-weight: bold;
text-shadow: 3px 3px 3px #000000;
line-height: 8px;
padding-top: 2px;
padding-bottom: 5px;
}


.slide-gallery {
   border-width: 6px 0;
   border-color: #000;
   border-style: solid;
   margin-bottom: 20px;
   background-color: #000;
   overflow: hidden;
        filter:alpha(opacity=100);
-moz-opacity:1;opacity: 1;
}

.slide-gallery .item {
   float: left;
   border-left: solid 4px #000;
   background-color: transparent;
   background-repeat: no-repeat;
   background-position: 50% 0;
   -moz-box-shadow:inset 0 0 5px #000;
   -webkit-box-shadow:inset 0 0 5px #000;
   -khtml-box-shadow:inset 0 0 5px #000;
   box-shadow:inset 0 0 5px #000;
}
.left{width: 0px !important;}

.check {
width: 10px;
height: 10px;
border-bottom: 1px solid grey;
border-top: 1px solid grey;
border-left: 1px solid grey;
border-right: 1px solid grey;
}

.check2 {
margin-top: -15px;
margin-left: 2px;
}

a.mainmenu {
font-family: Helvetica;
color: #292929;
background-color: none;
font-weight: bold;
font-size: 10px;
}

        .navigation_rapide{
          width: 150px; /*largeur*/
          height: 120px; /*hauteur*/
          top:10px; /*position par rapport au bord haut*/
          right: 0px; /*position par rapport au bord droit*/
          border: 2px solid #1B2120; /*contours*/
          background-color: #000000; /*fond*/
          border-radius: 20px;
          -moz--radius: 20px; /*arrondis*/
          -webkit-border-radius: 20px;
          overflow-y: auto; /*barre de défilement*/
        /* ajoutez toutes le spropriétés qui vous semblent nécessaires*/}


        #right{
        width:0px !important;}

        a{
        text-decoration: none;
        font-variant: small-caps;
        }
       
        a:hover{
        text-decoration: none !important;
        }

.name{
font-family: Verdana;
font-weight: bold;
font-size: 16px;
font-style: italic;
}

Invité
Invité


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

Résolu Re: apparence lien

Message par LaTeamEthologie le Sam 27 Aoû 2011 - 15:04

  • Désolée, je vois pas trop comment faire :S
    Si vous voulez, j'ai un code pour le mettre en italique mais pour qu'il redevienne normal, je sais pas :S
    Désolée encore.

LaTeamEthologie
**

Féminin
Messages : 92
Inscrit(e) le : 04/08/2011

http://silvercrest.forumgratuit.org/
LaTeamEthologie a été remercié(e) par l'auteur de ce sujet.

Résolu Re: apparence lien

Message par Invité le Lun 29 Aoû 2011 - 3:09

Bon ce n'est pas grave ^^ merci quand meme. Si quelqu'un sait je serais preneur par contre =].

Merci d'avance

Invité
Invité


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

Résolu Re: apparence lien

Message par SoraNoHime le Lun 29 Aoû 2011 - 3:33

Bonsoir
Essayez ceci dans votre css :
Code:
a.forumlink, a.forumlink:hover, a.forumlink:link {
font-weight : normal!important;
}

Cordialement.

SoraNoHime
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: apparence lien

Message par Invité le Mar 30 Aoû 2011 - 22:59

Ah voila ça marche tout de suite mieux, Merci beaucoup !
Par contre ce n'etait pas "Font-weight" mais "Font-variant" vu que je cherchais à enlever les small-caps. Je me suis peut etre mal exprimé, mais peu importe c'est resolu.

Merci !

Invité
Invité


Invité 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