aide avec codage pour descriptions des catégorie.

3 participants

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

Résolu aide avec codage pour descriptions des catégorie.

Message par Billabong Mer 14 Sep - 23:58

Bonjour a vous tous. J'aimerais que quelqu'un m'aide avec ce code, il ne marche pas. alors, le voici ;

Code:
.descript {
background: #111111 ;
width: 10px;
border: 3px #121212 solid;
-moz-border-radius: 20px;
}

C'est un code pour faire un cadre dans la description des catégories. Mais j'aimerais que sa me donne ceci http://bildberg.eu/fHIylKuN.png Je sais qu'il faut aussi mettre ceci dans la description ;

Code:
DESCRIPTION DE LA CATÉGORIE


Dernière édition par Billabong le Ven 16 Sep - 14:52, édité 1 fois
avatar

Billabong
*

Messages : 34
Inscrit(e) le : 14/09/2011

http://www.wild-reign.forumactif.com
Billabong a été remercié(e) par l'auteur de ce sujet.

Résolu Re: aide avec codage pour descriptions des catégorie.

Message par Petit Démon rêveur Jeu 15 Sep - 8:15

Bonjour,

C'est normal que ça ne fonctionne pas. Un cadre de 10 pixels ne pourra jamais contenir du texte !

Alors, premièrement, allez dans PA >> Général >> Catégorie et forums
Lors vous créez votre catégorie (ou un forum d'ailleurs), effectivement, vous mettez le code suivant :
Code:
<div class="descript">LA DESCRIPTION DU FORUM OU DE LA CATEGORIE</div>

Ensuite, PA >> Affichage >> Couleurs >> Feuille de style CSS :

Code:
.descript {
background-color: #111111 ;
border: 3px #121212 solid;
-moz-border-radius-topleft: 20px;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomright: 20px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-radius-topleft: 20px;
-webkit-border-radius-topright: 0px;
-webkit-border-radius-bottomright: 20px;
-webkit-border-radius-bottomleft: 0px;
}

Et normalement, ça devrait fonctionner ^^


Dernière édition par Petit Démon rêveur le Jeu 15 Sep - 18:41, édité 2 fois
Petit Démon rêveur

Petit Démon rêveur
**

Messages : 74
Inscrit(e) le : 30/08/2010

http://ecole-kenryoku.forumactif.com/  (forum test)
Petit Démon rêveur a été remercié(e) par l'auteur de ce sujet.

Résolu Re: aide avec codage pour descriptions des catégorie.

Message par Billabong Jeu 15 Sep - 18:10

sa ne marche pas encore ! :/
avatar

Billabong
*

Messages : 34
Inscrit(e) le : 14/09/2011

http://www.wild-reign.forumactif.com
Billabong a été remercié(e) par l'auteur de ce sujet.

Résolu Re: aide avec codage pour descriptions des catégorie.

Message par Petit Démon rêveur Jeu 15 Sep - 18:38

Pouvez-vous faire un screen ?

EDIT : j'ai édité le CSS que je vous avais donné plus tôt, notamment pour voir les arrondis avec plusieurs navigateurs différents ^^
Petit Démon rêveur

Petit Démon rêveur
**

Messages : 74
Inscrit(e) le : 30/08/2010

http://ecole-kenryoku.forumactif.com/  (forum test)
Petit Démon rêveur a été remercié(e) par l'auteur de ce sujet.

Résolu Re: aide avec codage pour descriptions des catégorie.

Message par Billabong Jeu 15 Sep - 19:03

le voici ;
aide avec codage pour descriptions des catégorie. Salu10
avatar

Billabong
*

Messages : 34
Inscrit(e) le : 14/09/2011

http://www.wild-reign.forumactif.com
Billabong a été remercié(e) par l'auteur de ce sujet.

Résolu Re: aide avec codage pour descriptions des catégorie.

Message par Billabong Jeu 15 Sep - 19:06

et voici mon ma feuille CSS

Code:
 /**SOULIGNEMENT EN POINTILLÉ**/
      u {
        border-bottom: 1px dotted black;
        text-decoration: none !important;
        }
 
/**ILLUMINE**/
        a img {
        opacity: 0.8;
        }
        a:hover img {
        opacity: 10.0;
        }
       
       
       

/* QEEL */

.qeel {
text-shadow: 1px 1px 1px #000000;
  font-weight: bold;
  font-family: georgia;
  font-size: 25px;
  font-weight: lighter;
  letter-spacing: 2px;
}

.surtexte {
text-shadow: 1px 1px 1px #000000;
  font-weight: bold;
  font-family: georgia;
  font-size: 14px;
  font-weight: lighter;
  letter-spacing: 2px;
}

body {
background-repeat: no-repeat;
  background-position: none;
}


/* DESCRIPTION DES CATEGORIE */

.boitehaut{
width: 600px;
color: #1C1B2B;
-moz-border-radius:7px;
background-color: #C9D7FF;
padding-right:10px;
padding-bottom: 3px;
padding-top:3px;
}

.boitebas{
color: #1C1B2B;
-moz-border-radius:7px;
background-color: #C9D7FF;
padding-right:10px;
padding-bottom: 3px;
padding-top:3px;
}

.vignettes
{-moz-border-radius:7px;
background-color: #C9D7FF;
color: #1C1B2B;
padding-right:10px;
padding-left:10px;
padding-bottom: 3px;
padding-top:3px;
}

/* TITRES DES CATEGORIE */

a.forumlink:link, a.forumlink:visited {
background-image: url("http://i32.servimg.com/u/f32/15/32/83/31/0311.png");
font-family: georgia;
text-transform : uppercase;
text-align: center;
font-size: 100%;
border-bottom: 5px solid #ffffff;
color: #1C1B2B;
letter-spacing: 1px;
display: block;
-moz-border-radius:10px;
}
a.forumlink:hover, a.forumlink:hover:visited {
background-image: url("http://i32.servimg.com/u/f32/15/32/83/31/03_511.png");
color: #1C1B2B;
text-align: center;
display: block;
border-bottom: 5px solid #couleur;
-moz-border-radius:10px;
}

/* CODE POUR OPACITER */

.pastaff {
filter:alpha(opacity=50);
-moz-opacity:0.5;opacity: 0.5;
padding:4px;
background-color:#97ACDE;
margin:3px;
-moz-border-radius:10px;
border:2px solid #FFFFFF;
}
.pastaff:hover {
filter:alpha(opacity=100);
-moz-opacity:6;opacity: 1;
}

/* BARRE DE NAVIGATION */

  a.mainmenu
{
  font-family: Century Gothic, serif;
  font-size: 70%;
  color: 1C1B2B;
  text-align: center;
  -moz-border-radius-bottomleft:12px;
  -moz-border-radius-bottomright:12px;
  -moz-border-radius-topleft:12px;
  -moz-border-radius-topright:12px;
  background-color:#C9D7FF;
  padding-left: 2px;
  padding-right: 2px;
  }

  a.mainmenu:hover
{
  font-family: Century Gothic, serif;
  font-size: 70%;
  color: 1C1B2B;
  text-align: center;
  -moz-border-radius-bottomleft:12px;
  -moz-border-radius-bottomright:12px;
  -moz-border-radius-topleft:12px;
  -moz-border-radius-topright:12px;
  background-color:#C2C2C2;
  padding-left: 2px;
  padding-right: 2px;
  }

/* PAGE D ACCUEIL */

a:link {text-decoration: none; border: none;}
a:visited {text-decoration: none; border: none;}
a:hover {text-decoration: none; border: none;}
a:active {text-decoration: none;border: none;}
a {text-decoration: none; border: none;}

.MENU {
text-transform:normal;
text-align:center;
background-color: #C9D7FF;
border-left:7px double #5D7B9E;
border-right:7px double #5D7B9E;
}


.MENU:hover {
text-align:center;
text-transform:uppercase;
background-color: #71A8DE;
border-left:7px double #5D7B9E;
border-right:7px double #5D7B9E;

}

.titre {
text-align: left;
color: #3964B0;
font-size: 16px;
font-family: georgia;
font-weight:bold;
font-style:italic;
padding: 1px;
margin-bottom : 2px;
padding-left: 10px;
border-bottom: 3px solid #FFFFFF;
}

#subnav A:link, #subnav A:visited, #subnav A:active {

font-family: georgia;
font-size: 13px;
font-style:italic;
text-align: center;
padding: 2px;
color: #8C83DE;
background-color: transparent;
line-height: 10px;
display: block;
}

#subnav A:hover {
color: #3964B0;
background-color: #C9D7FF;
letter-spacing: 2px;
font-shadow: #C9D7FF 1px 1px 1px;}

/* INFOBULLE STAFF */

a.imginfo {
border-bottom:0 solid #couleur;
color:#couleur;
position:relative;
text-decoration:none;
}
a.imginfo span {
display:none;
}
a.imginfo:hover {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent none repeat scroll 0 0;
cursor:help;
z-index: 999;
}
a.imginfo:hover span {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:white none repeat scroll 0 0;
border-color:#couleur;
border-style:solid;
border-width:3px 3px 5px 5px;
display:inline;
left:20px;
padding:3px;
position:absolute;
top:15px;
white-space:nowrap;
}

/* TEXTE */
        a:hover{
        text-decoration: none !important;
        }
       
        a {
        text-decoration: none !important;
        }
       
        a:link {
        text-decoration: none;
        }
       
 a:visited {
        text-decoration: none;
        }

a:hover{
letter-spacing : 2px; }

a {
text-shadow: 1px 1px 1px #364E57;
}

.forumline, td.row1, td.row2, td.row3 {
      -moz-border-radius: 2px;
}

a {border-bottom: 1px #000000 dotted;}

.description
{
background#1C1B2B;
color:green;
padding:8px;
-moz-border-radius:4px;
font-size:10px;
font-weight:bold;
}

.forumline{
border: 2px #1C1B2Bdashed;
}

a { text-decoration: none; }
a:hover{text-transform:uppercase;}

a:hover {
 cursor: ne-resize;
}



a.forumlink{
-moz-border-radius: 10px 10px 10px 10px;
border-bottom: 10px double;
display:block;
text-align: right;
}

.postdetails.poster-profile a img {
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
border: 5px solid #1C1B2B;
}

.bodyline{
    border: 5px solid #1C1B2B;
    -moz-border-radius:20px;
    }


/**CADRE DES AVATAR**/
.postdetails.poster-profile a img {
-moz-border-radius-bottomleft:8px;
-moz-border-radius-bottomright:8px;
-moz-border-radius-topleft:8px;
-moz-border-radius-topright:8px;
border: 5px solid #1C1B2B;
}

/**DESCRIPTION DES CATÉGORIES**/
        .descript {
        background-color: #111111 ;
        border: 3px #121212 solid;
        -moz-border-radius-topleft: 20px;
        -moz-border-radius-topright: 0px;
        -moz-border-radius-bottomright: 20px;
        -moz-border-radius-bottomleft: 0px;
        -webkit-border-radius-topleft: 20px;
        -webkit-border-radius-topright: 0px;
        -webkit-border-radius-bottomright: 20px;
        -webkit-border-radius-bottomleft: 0px;
        }
/**COULEUR DES MESSAGES**/
                .colorpicker {
                  width: 356px;
                  height: 176px;
                  overflow: hidden;
                  position: absolute;
                  background: url(http://tinyurl.com/colorpickerimg/colorpicker_background.png);
                  font-family: Arial, Helvetica, sans-serif;
                  display: none;
                }
                .colorpicker_color {
                  width: 150px;
                  height: 150px;
                  left: 14px;
                  top: 13px;
                  position: absolute;
                  background: #f00;
                  overflow: hidden;
                  cursor: crosshair;
                }
                .colorpicker_color div {
                  position: absolute;
                  top: 0;
                  left: 0;
                  width: 150px;
                  height: 150px;
                  background: url(http://tinyurl.com/colorpickerimg/colorpicker_overlay.png);
                }
                .colorpicker_color div div {
                  position: absolute;
                  top: 0;
                  left: 0;
                  width: 11px;
                  height: 11px;
                  overflow: hidden;
                  background: url(http://tinyurl.com/colorpickerimg/colorpicker_select.gif);
                  margin: -5px 0 0 -5px;
                }
                .colorpicker_hue {
                  position: absolute;
                  top: 13px;
                  left: 171px;
                  width: 35px;
                  height: 150px;
                  cursor: n-resize;
                }
                .colorpicker_hue div {
                  position: absolute;
                  width: 35px;
                  height: 9px;
                  overflow: hidden;
                  background: url(http://tinyurl.com/colorpickerimg/colorpicker_indic.gif) left top;
                  margin: -4px 0 0 0;
                  left: 0px;
                }
                .colorpicker_new_color {
                  position: absolute;
                  width: 60px;
                  height: 30px;
                  left: 213px;
                  top: 13px;
                  background: #f00;
                }
                .colorpicker_current_color {
                  position: absolute;
                  width: 60px;
                  height: 30px;
                  left: 283px;
                  top: 13px;
                  background: #f00;
                }
                .colorpicker input {
                  background-color: transparent;
                  border: 1px solid transparent;
                  position: absolute;
                  font-size: 10px;
                  font-family: Arial, Helvetica, sans-serif;
                  color: #898989;
                  top: 4px;
                  right: 11px;
                  text-align: right;
                  margin: 0;
                  padding: 0;
                  height: 11px;
                }
                .colorpicker_hex {
                  position: absolute;
                  width: 72px;
                  height: 22px;
                  background: url(http://tinyurl.com/colorpickerimg/colorpicker_hex.png) top;
                  left: 212px;
                  top: 142px;
                }
                .colorpicker_hex input {
                  right: 6px;
                }
                .colorpicker_field {
                  height: 22px;
                  width: 62px;
                  background-position: top;
                  position: absolute;
                }
                .colorpicker_field span {
                  position: absolute;
                  width: 12px;
                  height: 22px;
                  overflow: hidden;
                  top: 0;
                  right: 0;
                  cursor: n-resize;
                }
                .colorpicker_rgb_r {
                  background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_rgb_r.png);
                  top: 52px;
                  left: 212px;
                }
                .colorpicker_rgb_g {
                  background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_rgb_g.png);
                  top: 82px;
                  left: 212px;
                }
                .colorpicker_rgb_b {
                  background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_rgb_b.png);
                  top: 112px;
                  left: 212px;
                }
                .colorpicker_hsb_h {
                  background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_hsb_h.png);
                  top: 52px;
                  left: 282px;
                }
                .colorpicker_hsb_s {
                  background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_hsb_s.png);
                  top: 82px;
                  left: 282px;
                }
                .colorpicker_hsb_b {
                  background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_hsb_b.png);
                  top: 112px;
                  left: 282px;
                }
                .colorpicker_submit {
                  position: absolute;
                  width: 22px;
                  height: 22px;
                  background: url(http://tinyurl.com/colorpickerimg/colorpicker_submit.png) top;
                  left: 322px;
                  top: 142px;
                  overflow: hidden;
                }
                .colorpicker_focus {
                  background-position: center;
                }
                .colorpicker_hex.colorpicker_focus {
                  background-position: bottom;
                }
                .colorpicker_submit.colorpicker_focus {
                  background-position: bottom;
                }
                .colorpicker_slider {
                  background-position: bottom;
                }
avatar

Billabong
*

Messages : 34
Inscrit(e) le : 14/09/2011

http://www.wild-reign.forumactif.com
Billabong a été remercié(e) par l'auteur de ce sujet.

Résolu Re: aide avec codage pour descriptions des catégorie.

Message par Petit Démon rêveur Jeu 15 Sep - 19:16

Et pouvez-vous faire un screen de l'endroit où vous placez votre class ? Dans catégories et forums.
Petit Démon rêveur

Petit Démon rêveur
**

Messages : 74
Inscrit(e) le : 30/08/2010

http://ecole-kenryoku.forumactif.com/  (forum test)
Petit Démon rêveur a été remercié(e) par l'auteur de ce sujet.

Résolu Re: aide avec codage pour descriptions des catégorie.

Message par Billabong Jeu 15 Sep - 19:21

cela ?
aide avec codage pour descriptions des catégorie. Slauuu10
avatar

Billabong
*

Messages : 34
Inscrit(e) le : 14/09/2011

http://www.wild-reign.forumactif.com
Billabong a été remercié(e) par l'auteur de ce sujet.

Résolu Re: aide avec codage pour descriptions des catégorie.

Message par Petit Démon rêveur Jeu 15 Sep - 19:29

Avez-vous autorisé le HTML sur votre forum ? Vu que je vois le code qui est afficher à la place de l'effet qu'il devrait produire, le problème doit juste venir de là.

PA >> Généralités >> Messages et Emails >> Configuration >> cocher "autoriser le HTML"
Petit Démon rêveur

Petit Démon rêveur
**

Messages : 74
Inscrit(e) le : 30/08/2010

http://ecole-kenryoku.forumactif.com/  (forum test)
Petit Démon rêveur a été remercié(e) par l'auteur de ce sujet.

Résolu Re: aide avec codage pour descriptions des catégorie.

Message par Billabong Jeu 15 Sep - 19:40

Merci ça marche ! Very Happy est-ce que c'est trop vous demander de mettre de l'ombre porté sur le cadre ? ^^
avatar

Billabong
*

Messages : 34
Inscrit(e) le : 14/09/2011

http://www.wild-reign.forumactif.com
Billabong a été remercié(e) par l'auteur de ce sujet.

Résolu Re: aide avec codage pour descriptions des catégorie.

Message par tupac Ven 16 Sep - 12:36

B6n164r

Rajouter ceci dans votre code css.

Code:
-moz-box-shadow: #FFFFFF 5px 5px 10px;
-webkit-box-shadow: #FFFFFF 5px 5px 10px;
box-shadow: #FFFFFF 5px 5px 10px;
tupac

tupac
Membre actif

Masculin
Messages : 2551
Inscrit(e) le : 13/10/2010

http://codactif.monalliance.com/
tupac a été remercié(e) par l'auteur de ce sujet.

Résolu Re: aide avec codage pour descriptions des catégorie.

Message par Billabong Ven 16 Sep - 13:12

Comme ca ?
Code:
        /**DESCRIPTION DES CATÉGORIES**/
                .descript {
                background-color: #E0E9FC ;
                border: 3px #5D7B9E solid;
                -moz-border-radius-topleft: 20px;
                -moz-border-radius-topright: 0px;
                -moz-border-radius-bottomright: 20px;
                -moz-border-radius-bottomleft: 0px;
                -webkit-border-radius-topleft: 20px;
                -webkit-border-radius-topright: 0px;
                -webkit-border-radius-bottomright: 20px;
                -webkit-border-radius-bottomleft: 0px;
                -moz-box-shadow: #FFFFFF 5px 5px 10px;
                -webkit-box-shadow: #FFFFFF 5px 5px 10px;
                box-shadow: #FFFFFF 5px 5px 10px;
              }
avatar

Billabong
*

Messages : 34
Inscrit(e) le : 14/09/2011

http://www.wild-reign.forumactif.com
Billabong a été remercié(e) par l'auteur de ce sujet.

Résolu Re: aide avec codage pour descriptions des catégorie.

Message par tupac Ven 16 Sep - 14:30

C'est bien ça oui par contre vous pouvez aussi simplifié votre code comme ceci.

Code:
.descript {
        background-color: #E0E9FC ;
        border: 3px #ffffff solid;
        -moz-border-radius: 20px 0px 20px 0px;
        -webkit-border-radius: 20px 0px 20px 0px;
        border-radius: 20px 0px 20px 0px;

        -moz-box-shadow: #FFFFFF 5px 5px 10px;
        -webkit-box-shadow: #FFFFFF 5px 5px 10px;
          box-shadow: #FFFFFF 5px 5px 10px;
}
Au lieux des ( bottomleft , bottomright etc... ) je l'ai est remplacé par ceci ( -moz-border-radius: 20px 0px 20px 0px; ) le premier PX est le coin en haut a gauche le 2ème en haut a droite le 3ème en bas a droite et le 4ème en bas a gauche.
tupac

tupac
Membre actif

Masculin
Messages : 2551
Inscrit(e) le : 13/10/2010

http://codactif.monalliance.com/
tupac a été remercié(e) par l'auteur de ce sujet.

Résolu Re: aide avec codage pour descriptions des catégorie.

Message par Billabong Ven 16 Sep - 14:52

Merci sa marche ! ^^
avatar

Billabong
*

Messages : 34
Inscrit(e) le : 14/09/2011

http://www.wild-reign.forumactif.com
Billabong 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