Coin arrondi , probleme affichage

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

Résolu Coin arrondi , probleme affichage

Message par Honoka Shizuka le Lun 18 Juil 2011 - 13:43

Bonjour, j'ai donc , il y a un moment, mis mes coin en arrondi mais j'ai remarqué que sa n'apparaissez pas entièrement il y a un trou a chaque coin ....


J'aimerais grossir les bord et mettre mes coins en arrondi entièrement

Merci d'avance


Dernière édition par Honoka Shizuka le Lun 18 Juil 2011 - 16:36, édité 2 fois

Honoka Shizuka
***

Féminin
Messages : 160
Inscrit(e) le : 22/05/2011

http://guild-fantasy.forumgratuit.org
Honoka Shizuka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Coin arrondi , probleme affichage

Message par Scipion le Lun 18 Juil 2011 - 14:23

Bonjour

Serait-il possible de disposer du code que vous avez utilisé pour faire des arrondis ?

Cordialement

Scipion
+ Hyperactif +

Masculin
Messages : 8655
Inscrit(e) le : 03/02/2010

http://forum.forumactif.com/
Scipion a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Coin arrondi , probleme affichage

Message par Honoka Shizuka le Lun 18 Juil 2011 - 15:02

le voici :

Code:
.forumline
        {
        -moz-border-radius:15px;
        -webkit-border-radius:15px;
        -ô-border-radius:15px;
        -khtml-border-radius:15px;
        border-radius:15px;
        }
        .forabg, .forumbg {
        border: none;
        }

   
        .navig {
        position: fixed;
        top: 0px;
        width: 100%;
        background-color:#000000;
        }

        .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;
        }
          .onglet.actif{display:inline-block;
        margin:5px;
        margin-bottom:-5px;
        text-decoration:none;
        border: 1px solid #ffffff;
        -moz-border-radius: 8px;
        bordert-radius: 8px;
        background: #D43B3B;
        padding: 3px;}

    .onglet {
        display:inline-block;
        margin:5px;
        margin-bottom:-5px;
        text-decoration:none;
        border: 1px solid #D43B3B;
        -moz-border-radius: 8px;
        bordert-radius: 8px;
        background: #fffff;
        padding: 3px;}

    .onglet:hover{
        color: #8a8888;}

    .onglet li {
        display:inline-block;
        list-style-type:none;}
            body {cursor: url('http://www.patmax.eu/C1/110718104208.cur'), auto;}

Honoka Shizuka
***

Féminin
Messages : 160
Inscrit(e) le : 22/05/2011

http://guild-fantasy.forumgratuit.org
Honoka Shizuka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Coin arrondi , probleme affichage

Message par Scipion le Lun 18 Juil 2011 - 15:29

Like a Star @ heaven Supprimez ce code CSS :

Code:
.forumline
        {
        -moz-border-radius:15px;
        -webkit-border-radius:15px;
        -ô-border-radius:15px;
        -khtml-border-radius:15px;
        border-radius:15px;
        }
Like a Star @ heaven Remplacez-le par celui-ci :

Code:
.forumline {
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
border:5px solid #6d071a;}
Afin de personnaliser la couleur, modifiez le code hexadécimal suivant : #6d071a

Cordialement

Scipion
+ Hyperactif +

Masculin
Messages : 8655
Inscrit(e) le : 03/02/2010

http://forum.forumactif.com/
Scipion a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Coin arrondi , probleme affichage

Message par Honoka Shizuka le Lun 18 Juil 2011 - 16:35

sa marche !! Merci ^^

Honoka Shizuka
***

Féminin
Messages : 160
Inscrit(e) le : 22/05/2011

http://guild-fantasy.forumgratuit.org
Honoka Shizuka 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