aide avec codage pour descriptions des catégorie.

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 le Jeu 15 Sep 2011 - 1: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 2011 - 16:52, édité 1 fois

Billabong
*

Messages : 34
Inscrit(e) le : 15/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 le Jeu 15 Sep 2011 - 10: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 2011 - 20:41, édité 2 fois

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 le Jeu 15 Sep 2011 - 20:10

sa ne marche pas encore ! :/

Billabong
*

Messages : 34
Inscrit(e) le : 15/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 le Jeu 15 Sep 2011 - 20: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
**

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 le Jeu 15 Sep 2011 - 21:03

le voici ;

Billabong
*

Messages : 34
Inscrit(e) le : 15/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 le Jeu 15 Sep 2011 - 21: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;
                }

Billabong
*

Messages : 34
Inscrit(e) le : 15/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 le Jeu 15 Sep 2011 - 21: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
**

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 le Jeu 15 Sep 2011 - 21:21

cela ?

Billabong
*

Messages : 34
Inscrit(e) le : 15/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 le Jeu 15 Sep 2011 - 21: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
**

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 le Jeu 15 Sep 2011 - 21:40

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

Billabong
*

Messages : 34
Inscrit(e) le : 15/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 le Ven 16 Sep 2011 - 14: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
+ Hyperactif +

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

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 le Ven 16 Sep 2011 - 15: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;
              }

Billabong
*

Messages : 34
Inscrit(e) le : 15/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 le Ven 16 Sep 2011 - 16: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
+ Hyperactif +

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

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 le Ven 16 Sep 2011 - 16:52

Merci sa marche ! ^^

Billabong
*

Messages : 34
Inscrit(e) le : 15/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


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum