Apparence fond catégories Bouton_activeApparence fond catégories Bouton_hoverApparence fond catégories Fb-hoverApparence fond catégories Fb-active
CSSActif, le forum, n'est plus maintenu. Il est néanmoins disponible pour consultation. Pour des outils pratiques, rendez-vous sur:

Découvrez CSSActif, une collection d'outils et de tutoriels interactifs pour les développeurs Web — HTML, CSS, JavaScript et bien plus!

Derniers sujets
» Fiche de Présentation RPG
Apparence fond catégories EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
Apparence fond catégories EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
Apparence fond catégories EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
Apparence fond catégories EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
Apparence fond catégories EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
Apparence fond catégories EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
Apparence fond catégories EmptySam 11 Fév 2023, 06:04 par Krager

» Vos partenaires dans le footer
Apparence fond catégories EmptyMar 07 Fév 2023, 08:40 par Oxtran

Le Deal du moment : -39%
Ordinateur portable ASUS Chromebook Vibe CX34 Flip
Voir le deal
399 €

Partagez
 

Apparence fond catégories

Voir le sujet précédent Voir le sujet suivant Aller en bas 
http://horse-beautiful.forumactif.org
L.Shadow
{ Membre }
{ Membre }

Féminin Messages : 36



Apparence fond catégories Empty
    Bonsoir,

    Toutes mes excuses si la question a déjà trouvé une réponse... Bien qu'ayant chercher sur le forum, je n'ai pas trouver vraiment comment arrondir les bords des fonds de catégories. Bien évidemment, j'ai regardé tous les sujets avec l'outil rechercher "arrondir les angles", mais je n'ai pas trouvé précisément ce que je cherche.

    http://design-hb.forumactif.org/forum.htm

    J'aimerais que les couleurs des fonds de catégories suivent la forme du forme arrondi puisque comme vous le voyez, ça dépasse et c'est moche. Merci pour votre aide, voilà mon css.

    Code:
    .bodyline{ -moz-border-radius: 6px;}
    a { text-decoration: none; }

    textarea, .textarea.post, input.post {
    -moz-border-radius:4px;
    }

    .bodyline {
    -moz-border-radius:30px;
    }

    .forumline{
    background-color: #A0E2F3;
    -moz-border-radius: 20px ;
    border: 3px double #C6FFFC ;
    padding:2px;}

    a.mainmenu {
    background-color: #A7E6F5;
    padding-right: 10px;
    font-weight: bold;
    -moz-border-radius-topright: 15px;
    -moz-border-radius-topleft: 15px;
    text-transform: uppercase;
    color : #ffffff;
    font-size: 10px;
    }

    a.mainmenu:hover{
    background-color: #07A9A0;
    padding-right: 10px;
    font-weight: bold;
    -moz-border-radius-topright: 15px;
    -moz-border-radius-topleft: 15px;
    text-transform: uppercase;
    color : #ffffff;
    font-size: 10px;
    }

    a.forumlink {
    font-variant: small-caps;
    display:block;
    text-align: center;
    border-bottom: 4px solid #07A9A0;
    font-size:14px;
    letter-spacing: 4px;
    padding: 4px 0px 4px 0px;
    }

    a.forumlink:hover{
    color:rgb(25,158,170);
    font-variant: small-caps;
    font-size: 12px;
    font-weight: lighter;
    letter-spacing: 1px;
    text-align: center;
    text-shadow: black 1px 1px 2px;}


    a.imginfo {
      position: relative;
      color: #7d7d7d;
      text-decoration: none;
      border-bottom: 0px #7d7d7d solid; /* on souligne le texte */
    }

    a.imginfo span {
      display: none; /* on masque l'infobulle */
    }
    a.imginfo:hover {
      background: none; /* correction d'un bug IE */
      z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
      cursor: help; /* on change le curseur par défaut en curseur d'aide */
    }
    a.imginfo:hover span {
      display: inline; /* on affiche l'infobulle */
      position: absolute;
      white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
      top: 30px; /* on positionne notre infobulle */
      left: 20px;
      background: white;
      color: 7d7d7d;
      padding: 3px;
    }

    input,textarea, select {
    border:2px solid #7d7d7d;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;}

    .arrondi {
    -moz-border-radius-topright: 10px;
    -webkit-border-radius-topright: 10px;
    background-image: url (http://i68.servimg.com/u/f68/15/28/65/00/copie_14.png);
    border: 2px dashed #FF0000;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    }

    .row3 {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    }

    .row2 {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    }

    .row1 {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    }

    #navigation ul{
    list-style-type: none;
    text-align: center;
    }
    #navigation li{
    display: inline;
    text-align: center;
    margin: 0px 10px 0px 0px;
    }
    #navigation li a:hover{
    background-color: #E2F7FC;
    color: #B30000;
    }
MessageSujet: Apparence fond catégories   Apparence fond catégories EmptySam 19 Juin 2010, 14:50
Revenir en haut Aller en bas
http://forum.forumactif.com
Tech
Tech
{ Membre actif }
{ Membre actif }

Masculin Messages : 1378



Apparence fond catégories Empty
Bonsoir,

Rajoutes ceci dans ton CSS :
Code:
.secondarytitle {
-moz-border-radius-topleft: 15px;
-webkit-border-top-left-radius: 15px;
border-radius-topleft: 15px;
}

.separation {
-moz-border-radius-topright: 15px;
-webkit-border-top-right-radius: 15px;
border-radius-topright: 15px;
}

Après, diriges toi dans tes templates. Dans le index_box.
Et cherches ceci :
Code:
<th nowrap="nowrap" width="150"><div style="width:150px;">{L_LASTPOST}</div></th>
CTRL+F pour aller plus vite

Et remplaces la partie au dessus par ceci :
Code:
<th class="separation" nowrap="nowrap" width="150"><div style="width:150px;">{L_LASTPOST}</div></th>

Cela devrait bien fonctionner Smile
MessageSujet: Re: Apparence fond catégories   Apparence fond catégories EmptySam 19 Juin 2010, 18:41
Revenir en haut Aller en bas
http://horse-beautiful.forumactif.org
L.Shadow
{ Membre }
{ Membre }

Féminin Messages : 36



Apparence fond catégories Empty
    C'est exactement ce que je voulais.
    Mille fois merci pour ton aide =D
MessageSujet: Re: Apparence fond catégories   Apparence fond catégories EmptySam 19 Juin 2010, 19:07
Revenir en haut Aller en bas
http://forum.forumactif.com
Tech
Tech
{ Membre actif }
{ Membre actif }

Masculin Messages : 1378



Apparence fond catégories Empty
De rien. Je classe Smile

Au passage, un grand merci d'avoir placé l'icône Résolu Wink
MessageSujet: Re: Apparence fond catégories   Apparence fond catégories EmptySam 19 Juin 2010, 19:09
Revenir en haut Aller en bas
Contenu sponsorisé




Apparence fond catégories Empty
MessageSujet: Re: Apparence fond catégories   Apparence fond catégories Empty
Revenir en haut Aller en bas
 

Apparence fond catégories

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

 Sujets similaires

-
» Problème "fond" catégories
» Fond des titres de catégories
» Image de fond derrière les catégories
» [résolu] Image de fond des catégories
» Profiter d’une bannière de fond ET d’un fond [Résolu]

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
CSSActif :: De la théorie à la pratique :: Aide CSS & xHTML :: Problèmes résolus-

Partenaires Or


← Page précédente   ↑ Aller en haut Copyright © CSSActif 2009 - 2013 Tous droits réservés
Créer un forum | ©phpBB | Forum gratuit d'entraide | Signaler un abus | Forum gratuit