AccueilDernières imagesRechercherS'enregistrerConnexion

Forum de graphisme, codage et game design proposant des tutoriels, astuces, libres services et commandes dans les domaines de l'infographie amateur, de l'intégration web (HTML et CSS essentiellement) ainsi que dans la conception de RPG sur forum.

Le deal à ne pas rater :
Jeux, jouets et Lego : le deuxième à -50% (large sélection)
Voir le deal

    Changer couleur sélection texte [Terminée merci ♥]

    Lulus
    Lulus
    FémininAge : 33Messages : 143

    Sam 30 Juil 2011 - 18:54

    Bonjour,
    j'aimerais savoir comment changer la couleur de base quand on sélectionne le texte de notre forum ? si vous savez pas pour xooit n'hésitez pas a m'expliquer comment on fait sur forumactif j'arriverais surement étant donné que quasiment tout les codes que j'ai pris sont a partir de forumactif et je l'ai mis a ma sauce.

    Merci ♥


    Dernière édition par Lulus le Ven 26 Aoû 2011 - 10:17, édité 1 fois
    • Revenir en haut
    Angel Ezekiel
    Angel Ezekiel
    MasculinAge : 31Messages : 1377

    Lun 1 Aoû 2011 - 13:05

    On a tout simplement une partie couleur ou on a accès aux différentes couleurs . Sinon en css tu peux faire ça aussi :
    Code:
    body{
    color:couleur voulue;
    }



    • Revenir en haut
    Lulus
    Lulus
    FémininAge : 33Messages : 143

    Lun 1 Aoû 2011 - 17:29

    ah mince ça marche pas :/
    Voila ma template CSS on sait jamais cela peut servir :p

    Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html dir="{S_CONTENT_DIRECTION}">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset={S_CONTENT_ENCODING}">
    <meta http-equiv="Content-Style-Type" content="text/css">
    {META}
    {NAV_LINKS}
    <title>{SITENAME} :: {PAGE_TITLE}</title>
    <!-- link rel="stylesheet" href="http://img7.xooimage.com/files/b/4/8/appalachia-2a35971.css" type="text/css" -->
    <style type="text/css">
    <!--
    /*
      The original Appalachia Theme for phpBB version 2+
      Created by Droshi
      Design by Kooky

      NOTE: These CSS definitions are stored within the main page body so that you can use the phpBB2
      theme administration centre. When you have finalised your style you could cut the final CSS code
      and place it in an external file, deleting this section to save bandwidth.
    */

    /* General page style. The scroll bar colours only visible in IE5.5+ */
    body {
       background-color: {T_BODY_BGCOLOR};
       scrollbar-face-color: {T_TR_COLOR2};
       scrollbar-highlight-color: {T_TD_COLOR2};
       scrollbar-shadow-color: {T_TR_COLOR2};
       scrollbar-3dlight-color: {T_TR_COLOR3};
       scrollbar-arrow-color:  {T_BODY_LINK};
       scrollbar-track-color: {T_TR_COLOR1};
       scrollbar-darkshadow-color: {T_TH_COLOR1};
    }

    /* General font families for common tags */
    font,th,td,p { font-family: {T_FONTFACE1} }
    a:link,a:active,a:visited { color : {T_BODY_LINK}; }
    a:hover      { text-decoration: underline; color : {T_BODY_HLINK}; }
    hr   { height: 0px; border: solid {T_TR_COLOR3} 0px; border-top-width: 1px;}

    /* This is the border line & background colour round the entire page */
    .bodyline   { background-color: {T_TD_COLOR2}; border: 1px {T_TH_COLOR1} solid; }

    /* This is the outline round the main forum tables */
    .forumline   { background-color: {T_TD_COLOR2}; border: 2px {T_TH_COLOR2} solid; }

    /* Main table cell colours and backgrounds */
    td.row1   { background-color: {T_TR_COLOR1}; }
    td.row2   { background-color: {T_TR_COLOR2}; }
    td.row3   { background-color: {T_TR_COLOR3}; }

    /*
      This is for the table cell above the Topics, Post & Last posts on the index.php page
      By default this is the fading out gradiated silver background.
      However, you could replace this with a bitmap specific for each forum
    */
    td.rowpic {
          background-color: {T_TD_COLOR2};
          background-image: url(http://img7.xooimage.com/files/2/3/9/sans-titre-3-2a35958.png);
          background-repeat: repeat-y;
    }

    /* Header cells - the blue and silver gradient backgrounds */
    th   {
       color: #FFFFFF; font-size: {T_FONTSIZE2}px; font-weight : bold;
       background-color: {T_BODY_LINK}; height: 25px;
       background-image: url(http://img9.xooimage.com/files/2/1/c/sans-titre-4-2a35970.png);
    }

    td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
             background-image: url(http://img9.xooimage.com/files/7/4/3/sans-titre-3-2a3594e.png);
             background-color:{T_TR_COLOR3}; border: {T_TH_COLOR3}; border-style: solid; height: 28px;
    }

    /*
      Setting additional nice inner borders for the main table cells.
      The names indicate which sides the border will be on.
      Don't worry if you don't understand this, just ignore it :-)
    */
    td.cat,td.catHead,td.catBottom {
       height: 29px;
       border-width: 0px 0px 0px 0px;
    }
    th.thHead,th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.thCornerL,th.thCornerR {
       font-weight: bold; border: {T_TD_COLOR2}; border-style: solid; height: 28px;
    }
    td.row3Right,td.spaceRow {
       background-color: {T_TR_COLOR3}; border: {T_TH_COLOR3}; border-style: solid;
    }

    th.thHead,td.catHead { font-size: {T_FONTSIZE3}px; border-width: 1px 1px 0px 1px; }
    th.thSides,td.catSides,td.spaceRow    { border-width: 0px 1px 0px 1px; }
    th.thRight,td.catRight,td.row3Right    { border-width: 0px 1px 0px 0px; }
    th.thLeft,td.catLeft     { border-width: 0px 0px 0px 1px; }
    th.thBottom,td.catBottom  { border-width: 0px 1px 1px 1px; }
    th.thTop    { border-width: 1px 0px 0px 0px; }
    th.thCornerL { border-width: 1px 0px 0px 1px; }
    th.thCornerR { border-width: 1px 1px 0px 0px; }

    /* The largest text used in the index page title and toptic title etc. */
    .maintitle   {
       font-weight: bold; font-size: 22px; font-family: "{T_FONTFACE2}",{T_FONTFACE1};
       text-decoration: none; line-height : 120%; color : {T_BODY_TEXT};
    }

    /* General text */
    .gen { font-size : {T_FONTSIZE3}px; }
    .genmed { font-size : {T_FONTSIZE2}px; }
    .gensmall { font-size : {T_FONTSIZE1}px; }
    .gen,.genmed,.gensmall { color : {T_BODY_TEXT}; }
    a.gen,a.genmed,a.gensmall { color: {T_BODY_LINK}; text-decoration: none; }
    a.gen:hover,a.genmed:hover,a.gensmall:hover   { color: {T_BODY_HLINK}; text-decoration: underline; }

    /* The register, login, search etc links at the top of the page */
    .mainmenu      { font-size : {T_FONTSIZE2}px; color : {T_BODY_TEXT} }
    a.mainmenu      { text-decoration: none; color : {T_BODY_LINK};  }
    a.mainmenu:hover{ text-decoration: underline; color : {T_BODY_HLINK}; }

    /* Forum category titles */
    .cattitle      { font-weight: bold; font-size: {T_FONTSIZE3}px ; letter-spacing: 1px; color : {T_BODY_LINK}}
    a.cattitle      { text-decoration: none; color : {T_BODY_LINK}; }
    a.cattitle:hover{ text-decoration: underline; }

    /* Forum title: Text and link to the forums used in: index.php */
    .forumlink      { font-weight: bold; font-size: {T_FONTSIZE3}px; color : {T_BODY_LINK}; }
    a.forumlink    { text-decoration: none; color : {T_BODY_LINK}; }
    a.forumlink:hover{ text-decoration: underline; color : {T_BODY_HLINK}; }

    /* Used for the navigation text, (Page 1,2,3 etc) and the navigation bar when in a forum */
    .nav         { font-weight: bold; font-size: {T_FONTSIZE2}px; color : {T_BODY_TEXT};}
    a.nav         { text-decoration: none; color : {T_BODY_LINK}; }
    a.nav:hover      { text-decoration: underline; }

    /* titles for the topics: could specify viewed link colour too */
    .topictitle,h1,h2   { font-weight: bold; font-size: {T_FONTSIZE2}px; color : {T_BODY_TEXT}; }
    a.topictitle:link  { text-decoration: none; color : {T_BODY_LINK}; }
    a.topictitle:visited { text-decoration: none; color : {T_BODY_VLINK}; }
    a.topictitle:hover   { text-decoration: underline; color : {T_BODY_HLINK}; }

    /* Name of poster in viewmsg.php and viewtopic.php and other places */
    .name         { font-size : {T_FONTSIZE2}px; color : {T_BODY_TEXT};}

    /* Location, number of posts, post date etc */
    .postdetails      { font-size : {T_FONTSIZE1}px; color : {T_BODY_TEXT}; }

    /* The content of the posts (body of text) */
    .postbody { font-size : {T_FONTSIZE3}px; line-height: 18px}
    a.postlink:link   { text-decoration: none; color : {T_BODY_LINK} }
    a.postlink:visited { text-decoration: none; color : {T_BODY_VLINK}; }
    a.postlink:hover { text-decoration: underline; color : {T_BODY_HLINK}}

    /* Quote & Code blocks */
    .code {
       font-family: {T_FONTFACE3}; font-size: {T_FONTSIZE2}px; color: {T_FONTCOLOR2};
       background-color: {T_TD_COLOR1}; border: {T_TR_COLOR3}; border-style: solid;
       border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
    }

    .quote {
       font-family: {T_FONTFACE1}; font-size: {T_FONTSIZE2}px; color: {T_FONTCOLOR1}; line-height: 125%;
       background-color: {T_TD_COLOR1}; border: {T_TR_COLOR3}; border-style: solid;
       border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
    }

    /* Copyright and bottom info */
    .copyright      { font-size: {T_FONTSIZE1}px; font-family: {T_FONTFACE1}; color: {T_FONTCOLOR1}; letter-spacing: -1px;}
    a.copyright      { color: {T_FONTCOLOR1}; text-decoration: none;}
    a.copyright:hover { color: {T_BODY_TEXT}; text-decoration: underline;}

    /* Form elements */
    input,textarea, select {
       color : {T_BODY_TEXT};
       font: normal {T_FONTSIZE2}px {T_FONTFACE1};
       border-color : {T_BODY_TEXT};
    }

    /* The text input fields background colour */
    input.post, textarea.post, select {
       background-color : {T_TD_COLOR2};
    }

    input { text-indent : 2px; }

    /* The buttons used for bbCode styling in message post */
    input.button {
       background-color : {T_TR_COLOR1};
       color : {T_BODY_TEXT};
       font-size: {T_FONTSIZE2}px; font-family: {T_FONTFACE1};
    }

    /* The main submit button option */
    input.mainoption {
       background-color : {T_TD_COLOR1};
       font-weight : bold;
    }

    /* None-bold submit button */
    input.liteoption {
       background-color : {T_TD_COLOR1};
       font-weight : normal;
    }

    /* This is the line in the posting page which shows the rollover
      help line. This is actually a text box, but if set to be the same
      colour as the background no one will know ;)
    */
    .helpline { background-color: {T_TR_COLOR2}; border-style: none; }

    /* Import the fancy styles for IE only (NS4.x doesn't use the @import function) */
    @import url("http://img10.xooimage.com/files/f/o/formie-31188.css");
    -->
    </style>
    <!-- BEGIN switch_enable_pm_popup -->
    <script language="Javascript" type="text/javascript">
    <!--
       if ( {PRIVATE_MESSAGE_NEW_FLAG} )
       {
          window.open('{U_PRIVATEMSGS_POPUP}', '_phpbbprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');;
       }
    //-->
    </script>
    <!-- END switch_enable_pm_popup -->
    </head>
    <body bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">
    <a name="top"></a>
    <table class="bodyline" width="760" cellspacing="0" cellpadding="0" border="0" align="center">
       <tr>
          <td height="85"><a href="{U_INDEX}"><img src=http://img73.xooimage.com/files/5/0/1/sd-2a35009.png border="0" /></td>
       </tr>
    </table>
    <table width="760" border="0" cellspacing="0" cellpadding="0" align="center" background="http://img7.xooimage.com/files/e/3/5/sans-titre-4-2a35965.png" />
       <tr>
          <td height="28" align="center" nowrap="nowrap"><span class="mainmenu" style="color:#FFFFFF">
             <a href="{U_INDEX}" class="mainmenu"><font color=#FFFFFF>Index<font></a> - <a href="{U_FAQ}" class="mainmenu"><font color=#FFFFFF>{L_FAQ}</font></a> - <a href="{U_SEARCH}" class="mainmenu"><font color=#FFFFFF>{L_SEARCH}</font></a> - <a href="{U_MEMBERLIST}" class="mainmenu"><font color=#FFFFFF>Membres</font></a> - <a href="{U_GROUP_CP}" class="mainmenu"><font color=#FFFFFF>Groupes</font></a> -
             <!-- BEGIN switch_user_logged_out -->
             <a href="{U_REGISTER}" class="mainmenu"><font color=#FFFFFF>{L_REGISTER}</span></a> -
             <!-- END switch_user_logged_out -->
             <!-- BEGIN switch_user_logged_in -->
             <a href="{U_PROFILE}" class="mainmenu"><font color=#FFFFFF>{L_PROFILE}</span></a> -
             <!-- END switch_user_logged_in -->
             <!-- BEGIN switch_user_logged_out -->
             <a href="{U_PRIVATEMSGS}" class="mainmenu"><font color=#FFFFFF>Messages Privés</span></a> -
             <!-- END switch_user_logged_out -->
             <!-- BEGIN switch_user_logged_in -->
             <a href="{U_PRIVATEMSGS}" class="mainmenu"><font color=#FFFFFF>{PRIVATE_MESSAGE_INFO}</span></a> -
             <!-- END switch_user_logged_in -->
             <!-- BEGIN switch_user_logged_out -->
             <a href="{U_LOGIN_LOGOUT}" class="mainmenu"><font color=#FFFFFF>{L_LOGIN_LOGOUT}</span></a>
             <!-- END switch_user_logged_out -->
             <!-- BEGIN switch_user_logged_in -->
             <a href="{U_LOGIN_LOGOUT}" class="mainmenu"><font color=#FFFFFF>{L_LOGIN_LOGOUT}</span></a>
             <!-- END switch_user_logged_in -->
             </span>
          </td>
       </tr>
    </table>     
    <table width="760" cellspacing="0" cellpadding="10" border="0" align="center">
       <tr>
         <td class="bodyline">

    Merci ♥

    • Revenir en haut
    Lulus
    Lulus
    FémininAge : 33Messages : 143

    Jeu 4 Aoû 2011 - 14:20

    up merci ♥
    • Revenir en haut
    Kidon
    Kidon
    MasculinAge : 30Messages : 70

    Jeu 4 Aoû 2011 - 19:29

    As-tu un exemple d'une telle chose ?

    Car la couleur de sélection d'un texte est par rapport à ton ordinateur. C'est ton ordinateur qui met la couleur.

    Quand tu change la couleur de sélection du texte sur ton ordinateur, tout ce que tu sélectionnera prendra cette couleur, c'est tout, ce n'est pas une couleur qui s'affiche avec le site mais avec ton ordinateur.



    Plus tu pédales moins vite, moins tu avances plus vite.

    :noel:
    • Revenir en haut
    Lulus
    Lulus
    FémininAge : 33Messages : 143

    Jeu 4 Aoû 2011 - 20:12

    non non c'est pas par rapport à mon ordi c'est bien par rapport au forum Wink
    • Revenir en haut
    Kidon
    Kidon
    MasculinAge : 30Messages : 70

    Jeu 4 Aoû 2011 - 21:17

    t'as pas compris ce que j'ai dit T,T

    la couleur de sélection est modifié par l'ordinateur et non par le forum dans

    clique droit sur le bureau - personnaliser - couleur...

    etc...

    Mais bon j'ai trouvé sur ce forum même l'explication pour changer la couleur de sélection sur un forum:

    https://www.never-utopia.com/t32652-changer-la-couleur-de-selection



    Plus tu pédales moins vite, moins tu avances plus vite.

    :noel:
    • Revenir en haut
    Lulus
    Lulus
    FémininAge : 33Messages : 143

    Mer 24 Aoû 2011 - 10:44

    Désolé du retard de réponse :/
    Cela ne marche toujours pas malgré le lien que tu m'as donné cependant merci de ton aide ♥

    Quelqu'un à une solution ?
    • Revenir en haut
    Techniv
    Techniv
    MasculinAge : 36Messages : 45

    Mer 24 Aoû 2011 - 20:48

    Ha si ça marche.

    Après ça va aussi dépendre du navigateur que tu utilise. Si il n'est pas compatible avec les propriété, rien à faire.
    • Revenir en haut
    Lulus
    Lulus
    FémininAge : 33Messages : 143

    Mer 24 Aoû 2011 - 23:51

    en faite moi le truc c'est que c'est un forum xooit Wink
    • Revenir en haut
    Techniv
    Techniv
    MasculinAge : 36Messages : 45

    Jeu 25 Aoû 2011 - 0:41

    Au risque de me répéter :
    Techniv a écrit:Après ça va aussi dépendre du navigateur que tu utilise. Si il n'est pas compatible avec les propriété, rien à faire.

    L'interprétation du CSS n'à rien à voir avec l'hébergeur.
    • Revenir en haut
    Lulus
    Lulus
    FémininAge : 33Messages : 143

    Jeu 25 Aoû 2011 - 9:47

    Sur un autre forum xooit la couleur est changer Wink
    en tout cas merci de prendre en compte ma demande :)
    • Revenir en haut
    Kidon
    Kidon
    MasculinAge : 30Messages : 70

    Jeu 25 Aoû 2011 - 11:55

    c'est à cause de cette ligne

    Code:
    ::-moz-selection

    suivant le navigateur ce sera

    Code:
    ::-webkit-selection

    ou encore

    Code:
    ::-khtml-selection

    comme l'a dit Techniv cela dépend du navigateur Je te conseille de mettre les trois pour être compatible avec les différents navigateurs:

    Code:
    ::-moz-selection{
     background:#9c222d;
     color:#ffffff;
     text-shadow: none;
    }

    ::-webkit-selection{
     background:#9c222d;
     color:#ffffff;
     text-shadow: none;
    }

    ::-khtml-selection{
     background:#9c222d;
     color:#ffffff;
     text-shadow: none;
    }

    ::selection{
     background:#9c222d;
     color:#ffffff;
     text-shadow: none;
    }



    Plus tu pédales moins vite, moins tu avances plus vite.

    :noel:
    • Revenir en haut
    Lulus
    Lulus
    FémininAge : 33Messages : 143

    Ven 26 Aoû 2011 - 10:16

    Merci infiniment cela marche :)
    Demande terminée ♥
    • Revenir en haut
    Contenu sponsorisé

    • Revenir en haut
    « Voir le sujet précédent · Voir le sujet suivant »
      La date/heure actuelle est Sam 27 Avr 2024 - 15:08