Soulignement en pointillé

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

Résolu Soulignement en pointillé

Message par Billabong le Jeu 15 Sep 2011 - 3:10

Bonjour, j'aimerais que sur mon forum, quand on souligne une phrase, que cela met des pointillé a la place de la ligne ^^ merci de votre aide !


Dernière édition par Billabong le Ven 16 Sep 2011 - 15:08, é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: Soulignement en pointillé

Message par tupac le Jeu 15 Sep 2011 - 3:59

Bonjour

De quel soulignement voulez-vous parler?

tupac
+ Hyperactif +

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

tupac a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Soulignement en pointillé

Message par Billabong le Jeu 15 Sep 2011 - 4:04

quand ont écris comme cela : exemple que sa donne des pointillé a la place de la ligne ^^

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: Soulignement en pointillé

Message par tupac le Jeu 15 Sep 2011 - 4:22

Donc pour souligner un mot ou une phrase dans un texte il faut utiliser ce code.
Code:
<span style="border-bottom: 1px #000000 dotted;">ton texte ici</span>

tupac
+ Hyperactif +

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

tupac a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Soulignement en pointillé

Message par Billabong le Jeu 15 Sep 2011 - 4:25

merci mais j'aimerais l'avoir en CSS pour que sur mon forum, le soulignement, soit des pointillés,justement.

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: Soulignement en pointillé

Message par tupac le Jeu 15 Sep 2011 - 5:11

Placer le code suivant dans votre feuille de style css.
Code:
a {border-bottom: 1px #000000 dotted;}

tupac
+ Hyperactif +

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

tupac a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Soulignement en pointillé

Message par Billabong le Jeu 15 Sep 2011 - 5:21

sa ne marche pas :/

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: Soulignement en pointillé

Message par tupac le Jeu 15 Sep 2011 - 5:49

ça fonctionne très bien chez moi,avez-vous essayé de changer la couleur?

tupac
+ Hyperactif +

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

tupac a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Soulignement en pointillé

Message par Petit Démon rêveur le Jeu 15 Sep 2011 - 10:04

Je crois que le code ne fonctionne pas parce qu'il est relatif à des liens et que Billabong veut qu'il s'applique à tout élément qu'il voudrait souligner. Donc si je ne me trompe pas, le code doit être :

Code:
u {
border-bottom: 1px dotted black;
text-decoration: none !important;
}

Cordialement.

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: Soulignement en pointillé

Message par Billabong le Jeu 15 Sep 2011 - 20:08

Il marche merci ! mais comment on fait pour mettre les point un peu plus gros et en gras ?

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: Soulignement en pointillé

Message par tupac le Ven 16 Sep 2011 - 2:01

Pour agrandir vos pointillés il vous faut jouer avec ( 1PX )

tupac
+ Hyperactif +

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

tupac a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Soulignement en pointillé

Message par Billabong le Ven 16 Sep 2011 - 4:08

même si je met 5px, sa ne marche pas.

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: Soulignement en pointillé

Message par tupac le Ven 16 Sep 2011 - 5:36

Puis-je avoir votre code svp?

tupac
+ Hyperactif +

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

tupac a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Soulignement en pointillé

Message par Billabong le Ven 16 Sep 2011 - 15:06

voilà ;
Code:
  /**FOND DE PAGE**/
     
        body {background-image: url("http://obsession27.free.fr/divers/fonds/gui2.jpg");background-repeat: repeat;}
     
     
     
        /** 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;
        }
     
   
        /* 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: Tahoma, 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: Tahoma, serif;
          font-size: 60%;
          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:#97B3CF;
          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 : 1px; }
     
        a {
        text-shadow: 1px 1px 1px #364E57;
        }
     
        .forumline, td.row1, td.row2, td.row3 {
              -moz-border-radius: 2px;
        }
     
        a {border-bottom: 20px #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 du profil */
        .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: #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;
                }
     
        /**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: Soulignement en pointillé

Message par Billabong le Ven 16 Sep 2011 - 15:08

Ok sa marche merci ! Smile

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