Modification des liens survolés...

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

Résolu Modification des liens survolés...

Message par Le Roy arthur le Lun 2 Jan 2017 - 22:44

Bonjour à toutes et à tous,

Tous d'abord, permettez-moi de vous souhaiter une très bonne année 2017 et surtout, le plus important : la santé !!!

Donc, en ce début d'année nouvelle, je me suis lancé dans la création d'un nouveau forum dédié à l'écriture. Là, j'ai quasiment achevé sa mise en place, sauf qu'il me reste quelques paramètres à peaufiner ; motif pour lequel j'aurais besoin d'un peu d'aide Wink

Donc voilà, la question du soir : lorsque je survole les titres et les liens cliquables du forum, ces derniers, à l'origine en minuscule apparaissent en majuscule et souligné ce que je trouve particulièrement laid. En voici une petite illustration :



Je voudrais donc revenir à un survol plus classique, de la même couleur mais sans majuscule ni soulignage... si quelqu'un avait un petit script CSS à me conseiller, ça serait fort sympathique Wink

Par avance merci !!!

Arthur


Dernière édition par Le Roy arthur le Jeu 5 Jan 2017 - 12:09, édité 1 fois
avatar

Le Roy arthur
****

Masculin
Messages : 326
Inscrit(e) le : 26/06/2014

http://www.coeur-bretagne.forumactif.org/
Le Roy arthur a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modification des liens survolés...

Message par R-max le Lun 2 Jan 2017 - 23:40

bonsoir O roi arthur Very Happy

meilleurs vœux a toi aussi .

un lien vers le forum en question , pour visualisé ?
avatar

R-max
Membre habitué(e)

Masculin
Messages : 1614
Inscrit(e) le : 08/01/2015

http://www.milouze14.com/
R-max a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modification des liens survolés...

Message par Le Roy arthur le Mar 3 Jan 2017 - 8:52

Bonjour fidèle R-Max,

Bonne année également et surtout, comme je le dis et le répète : la santé !!! Wink

Sinon, pour répondre à ta question, voici ou trouver ce nouveau forum : ici

Encore une fois merci pour ton aide !!!

Arthur
avatar

Le Roy arthur
****

Masculin
Messages : 326
Inscrit(e) le : 26/06/2014

http://www.coeur-bretagne.forumactif.org/
Le Roy arthur a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modification des liens survolés...

Message par R-max le Mar 3 Jan 2017 - 23:46

hum!

tu a un css hebergé ?
tu a quoi dans ta feuille de style?

sinon en attendant tu peut tester celui la

Code:
a:hover {
    color: #fff!important;
    text-decoration: none!important;
    transition: 2.5s;
}
avatar

R-max
Membre habitué(e)

Masculin
Messages : 1614
Inscrit(e) le : 08/01/2015

http://www.milouze14.com/
R-max a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modification des liens survolés...

Message par Le Roy arthur le Mer 4 Jan 2017 - 9:11

Bonjour R-Max,

Malheureusement le code ne fonctionne pas Sad

Sinon voici le code CSS que j'ai actuellement, en fait celui d'origine :

Code:
A:hover{text-transform:uppercase;}
#wrap #page-body div#add-google {
   width: 0%;
    margin: 0;
    padding: 0;
    visibility: hidden;
    height: 0px;
   }
#search{
display:none;
}
.table-title h2{font-size:1.90em;}
}
.sceditor-container textarea {
  color:#000000 !important;

Encore une fois un grand merci à toi Wink

Arthur
avatar

Le Roy arthur
****

Masculin
Messages : 326
Inscrit(e) le : 26/06/2014

http://www.coeur-bretagne.forumactif.org/
Le Roy arthur a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modification des liens survolés...

Message par lmc38510 le Mer 4 Jan 2017 - 16:07

Hello "Roy arthur" - "R-max" Hi


De passage j'en profite pour vous souhaiter les meilleurs choses possibles pour 2017
et ....  comme tu dis .... "surtout la Santé" Sourire2
avatar

lmc38510
*****

Masculin
Messages : 891
Inscrit(e) le : 22/02/2012

http://lacaverneauxgrimoire.forumactif.org/
lmc38510 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modification des liens survolés...

Message par R-max le Mer 4 Jan 2017 - 22:35

bonjour Marc et merci de pensé a nous Wink

hum ! arthur ...

dans ton overall_header tu n'a pas ce lien au début ?
Code:
<link rel="stylesheet" href="/104-ltr.css" type="text/css" />

qui renvoie vers >> http://enpannedinspiration.forumactif.org/104-ltr.css

et dedans il y a tous les liens actif au clic..

Code:
a:link{color:#4d4d4d;text-decoration:none};
a:visited{color:#4d4d4d;text-decoration:none};
a:active{color:#878482;text-decoration:underline};
a:hover{color:#d31141;text-decoration:none};
a.forumtitle{color:#4d4d4d;font-family:Arial #000;font-size:1.2em;font-weight:700;text-decoration:none};
a.forumtitle:hover{color:#d31141;text-decoration:underline};
a.forumtitle:active{color:#878482};
a.topictitle{color:#4d4d4d;font-family:Arial;font-size:1.1em;font-weight:700;text-decoration:none};
div.topic-title-container{display:inline};
.topic-title{display:inline;font-size:12px;text-align:left};
a.topictitle:hover{color:#d31141;text-decoration:underline};
a.topictitle:active{color:#878482};

et les hovers sont bien en rouge >> #d31141


prends ce code css >>il y a tous ce que tu a besoin a l'avenir pour modifier ..

Code:

/**code css pour les liens titres des  forum**/
a:link{color:#4d4d4d;text-decoration:none};
a:visited{color:#4d4d4d;text-decoration:none};
a:active{color:#878482;text-decoration:none!important};
a:hover{color:#ccc!important;text-decoration:none!important};
a.forumtitle{color:#4d4d4d;font-family:Arial #000;font-size:1.2em;font-weight:700;text-decoration:none};
a.forumtitle:hover{color:#ccc!important;text-decoration:none!important};
a.forumtitle:active{color:#878482};
a.topictitle{color:#4d4d4d;font-family:Arial;font-size:1.1em;font-weight:700;text-decoration:none};
div.topic-title-container{display:inline};
.topic-title{display:inline;font-size:12px;text-align:left};
a.topictitle:hover{color:#ccc!important;text-decoration:none!important};
a.topictitle:active{color:#878482};

j'ai modifier les hovers en #ccc , le soulignement et ajouter : !important , pour passé au dessus du css hébergé.

et supprime celui la de ton css

Code:
A:hover{text-transform:uppercase;}

vérifie en bas de ton css l'affichage >>tu remarquera aussi que tu a des option de visualisation de ton css de base .



je croise les doigts pour toi Very Happy




avatar

R-max
Membre habitué(e)

Masculin
Messages : 1614
Inscrit(e) le : 08/01/2015

http://www.milouze14.com/
R-max a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modification des liens survolés...

Message par Le Roy arthur le Jeu 5 Jan 2017 - 9:34

Bonjour Marc et merci pour cette délicate pensée de début d'année Wink

R-Max : super !!! Désormais ça fonctionne et ça fait beaucoup plus propre que ces majuscules qui décalaient toute la mise en page lorsqu'on les survolait.
Encore une fois merci pour tout ce que tu fais R-Max thumleft thumleft thumleft
avatar

Le Roy arthur
****

Masculin
Messages : 326
Inscrit(e) le : 26/06/2014

http://www.coeur-bretagne.forumactif.org/
Le Roy arthur a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modification des liens survolés...

Message par Chacha le Jeu 5 Jan 2017 - 10:15

Le Roy arthur a écrit:
Bonjour Marc et merci pour cette délicate pensée de début d'année Wink

R-Max : super !!! Désormais ça fonctionne et ça fait beaucoup plus propre que ces majuscules qui décalaient toute la mise en page lorsqu'on les survolait.
Encore une fois merci pour tout ce que tu fais R-Max thumleft thumleft thumleft
Bonjour,

Afin de faciliter la gestion des problèmes, si le vôtre est résolu, pensez à :
  • éditer votre premier message,
  • cocher l'icône résolu et enregistrer
Vous pouvez également remercier les personnes qui vous ont aidé, en cliquant sur le bouton
avatar

Chacha
Modéractif
Modéractif

Masculin
Messages : 54831
Inscrit(e) le : 21/08/2010

http://forum.forumactif.com/
Chacha 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