Vérifiez vos informations

Il semblerait que les informations techniques de votre profil n'aient pas été actualisées depuis un certain temps... Pour que l'aide apportée vous soit efficace, il est important que ces informations soient à jour : prenez quelques secondes pour confirmer ou compléter les informations suivantes.


Lien de votre forum
Version de ce forum
Vous êtes le fondateur de ce forum
Vous avez modifié le CSS de ce forum
Vous avez modifié les templates de ce forum
Votre navigateur

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?
avatar

tupac
Membre actif

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

http://codactif.monalliance.com/
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>
avatar

tupac
Membre actif

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

http://codactif.monalliance.com/
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;}
avatar

tupac
Membre actif

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

http://codactif.monalliance.com/
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?
avatar

tupac
Membre actif

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

http://codactif.monalliance.com/
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.
avatar

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 )
avatar

tupac
Membre actif

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

http://codactif.monalliance.com/
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?
avatar

tupac
Membre actif

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

http://codactif.monalliance.com/
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