Titres de forums + bordures

3 participants

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

Résolu Titres de forums + bordures

Message par Hayoru-chan Lun 10 Fév 2014 - 15:24

Bonjour.

J'ai voulu modifier les titres des forums de mes catégories et leur ajouter un fond et une bordure via le CSS. Sauf qu'il se trouve qu'une fois les modifications faites, je me retrouve avec deux bordures au lieu d'une, et impossible de savoir comment enlever cette deuxième bordure. J'ai cherché pendant des heures sur ce forum d'aide mais je n'ai rien trouvé qui ait résolu mon problème, je me vois donc obligée de demander.

Voilà ce que ça me donne actuellement:
Spoiler:

Et voilà ce que j'aimerai faire:
Spoiler:

Ma feuille CSS:
Code:
/*Opacité du fond des catégories+bordures arrondies et stylées*/        
.forumline {
        background-color:rgba(192,159,212,0.6) !important;
        border: solid 1px #ffffff;
        -moz-border-radius:20px;
        -webkit-border-radius:20px;
        -ô-border-radius:20px;
        -khtml-border-radius:20px;
        border-radius:20px 0px;
        padding: 10px;
        margin: 15px 0px;
        }
  

/*modifications des spoilers*/
.spoiler_closed {
 display:block;
 font-family: Verdana,Arial,Helvetica,sans-serif;
 font-size: 12px;
 color: #;
 line-height: 125%;
 background-color: #;
 border: transparent;
 border-style: solid;
 border-left-width: 1px;
 border-top-width: 1px;
 border-right-width: 1px;
 border-bottom-width: 1px;
 }

.spoiler_content {
 display:block;
 font-family: Verdana,Arial,Helvetica,sans-serif;
 font-size: 12px;
 color: #;
 line-height: 125%;
 background-color: #;
 border: transparent;
 border-style: solid;
 border-left-width: 1px;
 border-top-width: 1px;
 border-right-width: 1px;
 border-bottom-width: 1px;
 }


/*supprimer des bordures intrusives*/
        .catHead {border: none !important;}
        .catBottom  {border: none !important;}
        .thLeft  {border: none !important;}
        .thRight {border: none !important;}
        .row3Right {border: none !important;}
         th, td, p {border-width:0 0 0 0px !important;}


/*Liens en majuscules au passage de la souris*/
        A:hover{text-transform:uppercase;}


/*Titres des catégories*/
 .secondarytitle {text-align: left;
 text-transform:uppercase;
 text-shadow:1px 1px 1px white;
 padding-left: 10px;}
 h2 {font-size: 15px;}


/*Titres des sous-catégories*/
 .forumlink {text-align:center;display:block;
 color: #b55ad8 !important;
 font-weight: bold !important;
 background-color: rgba(255,255,255,0.3);
 border-bottom: 4px dotted rgb(97, 38, 158);
 border-radius: 0px 0px 10px 10px;
 display: block;
 font-style: italic;
 font-weight: 400;
 margin: -2px 100px 6px;
 padding-bottom: 5px;
 padding-left: 10px;
 padding-right: 10px;
 font-variant: small-caps;
 letter-spacing: 1px;
 outline: medium none;}
 .forumlink:hover {color: #d80e70 !important;}


/*onglets catégories*/
        #cat-onglets {
          margin: -15px;
    margin-top: 10px;
          text-align: center;
  font-size: 14px;
  font-weight: bold;}
        
       .co-item {
          background-color:rgba(192,159,212,0.5) !important;
          color: #4c4c4c;
          border: 1px dotted  #ffffff;
          border-bottom: 0px dotted  #ffffff;
          display: inline-block;
          cursor: pointer;
          margin: 0px auto;
    margin-left: 15px;
          padding: 8px 30px 8px 30px;
          border-radius: 10px 10px 0px 0px;
        }
        
       .co-item:hover{
          background-color: #fff;
          border: 1px dotted #fff;
          border-bottom: 0px dotted  #ffffff;
          color:#FA3239;
          display: inline-block;
          cursor: pointer;
          margin: 0px auto;
    margin-left: 15px;
          padding: 8px 30px 8px 30px;
          border-radius: 10px 10px 0px 0px;
  text-transform:uppercase;
        }
        
       .co-actif {
          background-color: #fdf;
          color: #b60354;
    text-shadow:0px 0px 3px rgb(74, 74, 74);
          border:1px dotted #ffffff;
          border-bottom: 0px dotted  #ffffff;
    margin-left: 15px;}

Est-ce que quelqu'un peut m'aider et me dire ce que je dois modifier pour arriver au résultat voulu s'il vous plaît?

Merci d'avance de répondre.


Dernière édition par Hayoru-chan le Lun 10 Fév 2014 - 16:52, édité 1 fois
Hayoru-chan

Hayoru-chan
Nouveau membre

Féminin
Messages : 12
Inscrit(e) le : 03/02/2014

http://hayoru-no-sekai.forumgratuit.org/forum
Hayoru-chan a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Titres de forums + bordures

Message par Azya Lun 10 Fév 2014 - 15:45

bonjour,
pour enlever la partie en trop, tu dois retirer ton  border-bottom de la partie concernée
je pense qu'il doit s'agir de celui-ci :  border-bottom: 4px dotted rgb(97, 38, 158)
Azya

Azya
***

Féminin
Messages : 151
Inscrit(e) le : 21/10/2011

http://www.plumesmots.com/
Azya a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Titres de forums + bordures

Message par Hayoru-chan Lun 10 Fév 2014 - 15:48

Si j'enlève cette partie de code, la bordure violette disparaît en effet, or je veux la garder. C'est seulement que ma bordure et mon fond sont en double, alors que je veux qu'ils ne soient qu'autour du titre.
Hayoru-chan

Hayoru-chan
Nouveau membre

Féminin
Messages : 12
Inscrit(e) le : 03/02/2014

http://hayoru-no-sekai.forumgratuit.org/forum
Hayoru-chan a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Titres de forums + bordures

Message par Azya Lun 10 Fév 2014 - 16:24

ah ok comprendro, ce que tu veux !! Sorry, j'étais sur un problème à moi que je venais de résoudre.
tu as regarder dans ton template car ce n'est peut être pas forcément un problème lié juste au CSS peut être as-tu un endroit à l'intérieur ayant le même nom et du coup cela fait doublon ??
Azya

Azya
***

Féminin
Messages : 151
Inscrit(e) le : 21/10/2011

http://www.plumesmots.com/
Azya a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Titres de forums + bordures

Message par stefou Lun 10 Fév 2014 - 16:42

Bonjour,
Je pense que ceci devrait fonctionner

Code:
span.forumlink{
background-color:transparent;
}
stefou

stefou
*****

Masculin
Messages : 901
Inscrit(e) le : 24/11/2009

http://discussansfrontieres.forumgratuit.fr/forum
stefou a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Titres de forums + bordures

Message par Hayoru-chan Lun 10 Fév 2014 - 16:51

Azya: Ce n'est pas grave^^ J'ai pensé que cela pourrait se régler dans le CSS, car surtout ce qui me fait défaut c'est de savoir quel élément il s'agit, les modifications je suis capable de les faire dans une certaine mesure. C'est d'ailleurs ce qui me pose le plus problème avec Forumactif actuellement, je ne sais pas quel est le code pour toutes les différentes zones, du coup je ne peux pas modifier à ma guise, donc j'essaye en cherchant et en demandant quand je ne trouve pas par moi-même.

Stefou: merci pour le code, c'est bien ce qu'il me fallait, je n'ai plus eut qu'à régler comme je voulais.

Merci pour vos réponses, je ferme donc ce topic.
Hayoru-chan

Hayoru-chan
Nouveau membre

Féminin
Messages : 12
Inscrit(e) le : 03/02/2014

http://hayoru-no-sekai.forumgratuit.org/forum
Hayoru-chan 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