It is currently Tue 27 Sep 2016 - 15:48 - créer un forum

[Modification] Guide du css xooit

Skip to content

Post new topic Reply to topic Goto page: <  1, 2, 372, 73, 74116, 117, 118  >

[Modification] Guide du css xooit
Author Message
Lichen





PostPosted: Wed 15 Jul 2009 - 12:02    Post subject: [Modification] Guide du css xooit Reply with quote

PublicitéSupprimer les publicités ?
Previous post review:

 Voilas, quelle est l'erreur sur le code entier ?



Pouvez me redonner tous le code entier de overall header.tpl avec le code qui a déjà été modifier dedans pour ravoir mes sous-forums etc en noir S.v.p ...

Code: Sélectionner - Agrandir

 <!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://img8.xooimage.com/files/s/u/subsilver-30daa.css" type="text/css" -->
<style type="text/css">
<!--
/*
  The original subSilver Theme for phpBB version 2+
  Created by subBlue design
  http://www.subBlue.com

  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:0; }

/* 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://img5.xooimage.com/files/c/e/cellpic2-30da7.jpg);
        background-repeat: repeat-y;
}

/* Header cells - the blue and silver gradient backgrounds */
th    {
    color: {T_FONTCOLOR3}; font-size: {T_FONTSIZE2}px; font-weight : bold; 
    background-color: {T_BODY_LINK}; height: 25px;
    background-image: url(http://img2.xooimage.com/files/c/e/cellpic3-30da8.gif);
}

td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
            background-image: url(http://img2.xooimage.com/files/c/e/cellpic1-30da9.gif);
            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:hover { text-decoration: none; color : #EFEFEF; }

/* 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: 12px; color : #006699; }
a.forumlink { text-decoration: none; color : #006699; }
a:link,a:active,a:visited { color : #DCDCDC; text-decoration: none;}

/* 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};
    border-width:1px;
}

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;
    border-width:1px;
}

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

/* 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-30d7c.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 width="100%" cellspacing="0" cellpadding="10" border="0" align="center"> 
    <tr> 
        <td class="bodyline">
<div style="text-align:center"><a href="{U_INDEX}"><img src="http://img1.xooimage.com/files/b/8/c/001kxr-106b2a2.png" border="0" alt="{L_INDEX}" vspace="1" /></a><br /><br />
<span class="maintitle">{SITENAME}</span><br /><span class="gen">{SITE_DESCRIPTION}</span><br /><br /></div>

<div style="text-align:center">
                <table cellspacing="0" cellpadding="2" border="0" style="margin:auto">
                    <tr> 
                        <td align="center" valign="top" nowrap="nowrap"><span class="mainmenu">&nbsp;<a href="{U_FAQ}" class="mainmenu"><img src="http://img1.xooimage.com/files/3/5/e/interrogation-1--2e754.gif" border="0" alt="{L_FAQ}" hspace="3" />{L_FAQ}</a></span><span class="mainmenu">&nbsp; &nbsp;<a href="{U_SEARCH}" class="mainmenu"><img src="http://img3.xooimage.com/files/2/f/9/icon_mini_faq-19adde.gif" border="0" alt="{L_SEARCH}" hspace="3" />{L_SEARCH}</a>&nbsp; &nbsp;<a href="{U_MEMBERLIST}" class="mainmenu"><img src="http://img9.xooimage.com/files/3/4/8/icon_mini_search-30d7d.gif" border="0" alt="{L_MEMBERLIST}" hspace="3" />{L_MEMBERLIST}</a>&nbsp; &nbsp;<a href="{U_GROUP_CP}" class="mainmenu"><img src="http://img8.xooimage.com/files/6/f/7/icon_mini_members-30d7e.gif" border="0" alt="{L_USERGROUPS}" hspace="3" />{L_USERGROUPS}</a>&nbsp; 
                        <!-- BEGIN switch_user_logged_out -->
                        &nbsp;<a href="{U_REGISTER}" class="mainmenu"><img src="http://img3.xooimage.com/files/c/3/7/icon_mini_groups-30d7f.gif" border="0" alt="{L_REGISTER}" hspace="3" />{L_REGISTER}</a></span>&nbsp;
                        <!-- END switch_user_logged_out -->
                        </td>
                    </tr>
                    <tr>
                        <td height="25" align="center" valign="top" nowrap="nowrap"><span class="mainmenu">&nbsp;<a href="{U_PROFILE}" class="mainmenu"><img src="http://img2.xooimage.com/files/e/4/7/icon_mini_profile-30d81.gif" border="0" alt="{L_PROFILE}" hspace="3" />{L_PROFILE}</a>&nbsp; &nbsp;<a href="{U_PRIVATEMSGS}" class="mainmenu"><img src="http://img3.xooimage.com/files/a/1/c/icon_mini_groups-30d7f-2116c0.gif" border="0" alt="{PRIVATE_MESSAGE_INFO}" hspace="3" />{PRIVATE_MESSAGE_INFO}</a>&nbsp; &nbsp;<a href="{U_LOGIN_LOGOUT}" class="mainmenu"><img src="http://img10.xooimage.com/files/6/f/3/icon_mini_profile-30d81-10eae2c.gif" border="0" alt="{L_LOGIN_LOGOUT}" hspace="3" />{L_LOGIN_LOGOUT}</a>&nbsp;</span></td>
                    </tr>
                </table>
</div>
        <br />



Author Message
themalin
Membre


Offline
Membre

Joined: 19 Apr 2006
Posts: 8,897
Point(s): 9,101
Moyenne: 1.02
Mac Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...)

PostPosted: Wed 15 Jul 2009 - 12:04    Post subject: [Modification] Guide du css xooit Reply with quote

mets ça
Code: Sélectionner - Agrandir


     <!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://img8.xooimage.com/files/s/u/subsilver-30daa.css" type="text/css" -->
    <style type="text/css">
    <!--
    /*
      The original subSilver Theme for phpBB version 2+
      Created by subBlue design
      http://www.subBlue.com

      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}; text-decoration: none;}
    a:hover        { text-decoration: none; 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:0; }

    /* 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://img5.xooimage.com/files/c/e/cellpic2-30da7.jpg);
            background-repeat: repeat-y;
    }

    /* Header cells - the blue and silver gradient backgrounds */
    th    {
        color: {T_FONTCOLOR3}; font-size: {T_FONTSIZE2}px; font-weight : bold;
        background-color: {T_BODY_LINK}; height: 25px;
        background-image: url(http://img2.xooimage.com/files/c/e/cellpic3-30da8.gif);
    }

    td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
                background-image: url(http://img2.xooimage.com/files/c/e/cellpic1-30da9.gif);
                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:hover { text-decoration: none; color : #EFEFEF; }

    /* 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: 12px; color : #006699; }
    a.forumlink { text-decoration: none; color : #006699; }
    a.forumlink:hover{ text-decoration: none; color : #DD6900; }

    /* 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};
        border-width:1px;
    }

    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;
        border-width:1px;
    }

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

    /* 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-30d7c.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 width="100%" cellspacing="0" cellpadding="10" border="0" align="center">
        <tr>
            <td class="bodyline">
    <div style="text-align:center"><a href="{U_INDEX}"><img src="http://img1.xooimage.com/files/b/8/c/001kxr-106b2a2.png" border="0" alt="{L_INDEX}" vspace="1" /></a><br /><br />
    <span class="maintitle">{SITENAME}</span><br /><span class="gen">{SITE_DESCRIPTION}</span><br /><br /></div>

    <div style="text-align:center">
                    <table cellspacing="0" cellpadding="2" border="0" style="margin:auto">
                        <tr>
                            <td align="center" valign="top" nowrap="nowrap"><span class="mainmenu">&nbsp;<a href="{U_FAQ}" class="mainmenu"><img src="http://img1.xooimage.com/files/3/5/e/interrogation-1--2e754.gif" border="0" alt="{L_FAQ}" hspace="3" />{L_FAQ}</a></span><span class="mainmenu">&nbsp; &nbsp;<a href="{U_SEARCH}" class="mainmenu"><img src="http://img3.xooimage.com/files/2/f/9/icon_mini_faq-19adde.gif" border="0" alt="{L_SEARCH}" hspace="3" />{L_SEARCH}</a>&nbsp; &nbsp;<a href="{U_MEMBERLIST}" class="mainmenu"><img src="http://img9.xooimage.com/files/3/4/8/icon_mini_search-30d7d.gif" border="0" alt="{L_MEMBERLIST}" hspace="3" />{L_MEMBERLIST}</a>&nbsp; &nbsp;<a href="{U_GROUP_CP}" class="mainmenu"><img src="http://img8.xooimage.com/files/6/f/7/icon_mini_members-30d7e.gif" border="0" alt="{L_USERGROUPS}" hspace="3" />{L_USERGROUPS}</a>&nbsp;
                            <!-- BEGIN switch_user_logged_out -->
                            &nbsp;<a href="{U_REGISTER}" class="mainmenu"><img src="http://img3.xooimage.com/files/c/3/7/icon_mini_groups-30d7f.gif" border="0" alt="{L_REGISTER}" hspace="3" />{L_REGISTER}</a></span>&nbsp;
                            <!-- END switch_user_logged_out -->
                            </td>
                        </tr>
                        <tr>
                            <td height="25" align="center" valign="top" nowrap="nowrap"><span class="mainmenu">&nbsp;<a href="{U_PROFILE}" class="mainmenu"><img src="http://img2.xooimage.com/files/e/4/7/icon_mini_profile-30d81.gif" border="0" alt="{L_PROFILE}" hspace="3" />{L_PROFILE}</a>&nbsp; &nbsp;<a href="{U_PRIVATEMSGS}" class="mainmenu"><img src="http://img3.xooimage.com/files/a/1/c/icon_mini_groups-30d7f-2116c0.gif" border="0" alt="{PRIVATE_MESSAGE_INFO}" hspace="3" />{PRIVATE_MESSAGE_INFO}</a>&nbsp; &nbsp;<a href="{U_LOGIN_LOGOUT}" class="mainmenu"><img src="http://img10.xooimage.com/files/6/f/3/icon_mini_profile-30d81-10eae2c.gif" border="0" alt="{L_LOGIN_LOGOUT}" hspace="3" />{L_LOGIN_LOGOUT}</a>&nbsp;</span></td>
                        </tr>
                    </table>
    </div>
            <br />

_______________________


Forum
Author Message
Lichen


Offline
Guest




PostPosted: Wed 15 Jul 2009 - 15:09    Post subject: [Modification] Guide du css xooit Reply with quote

Je te remercie themalin  Wink

Author Message
harphas


Offline
Guest




PostPosted: Fri 17 Jul 2009 - 13:35    Post subject: [Modification] Guide du css xooit Reply with quote

Bonjour

je voulais savoir si c'etait possible de changer que la couleur de fond du cadre ou se trouve l'arborescence des catégorie de smile



et voilà mon probleme une écriture clair sur un fond clair c'est pas le top lol
"Smile : base"

j'ai vu que l'on pouvait modifier un ensemble de couleur de fond de cadre mais cela ne m'interesse pas car si je fonce le fond la zone de texte attribuer pour les message (obligatoire si je veux modifier la couleur de fond du cadre consacré au smile) cela me cause des probleme pour la zone de texte attribuée pour les message Sad

est-il possible de modifier que la couleur de fond de ce petit cadre svp ?
si oui comment ?


Author Message
themalin
Membre


Offline
Membre

Joined: 19 Apr 2006
Posts: 8,897
Point(s): 9,101
Moyenne: 1.02
Mac Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...)

PostPosted: Fri 17 Jul 2009 - 18:48    Post subject: [Modification] Guide du css xooit Reply with quote

bonjour

oui panneau admin
thème
modifier les templates
posting body cherches
Code: Sélectionner - Agrandir

<table width="100%" border="0" cellspacing="0" cellpadding="1">
        <tr>
         <td><span class="gen"><b>{L_MESSAGE_BODY}</b></span> </td>
        </tr>
        <tr>
         <td valign="middle" align="center" > <br />

mets comme ça
Code: Sélectionner - Agrandir

<table width="100%" border="0" cellspacing="0" cellpadding="1">
        <tr>
         <td><span class="gen"><b>{L_MESSAGE_BODY}</b></span> </td>
        </tr>
        <tr>
         <td valign="middle" align="center" style="background-color: #codecouleur;"> <br />

_______________________


Forum
Author Message
harphas


Offline
Guest




PostPosted: Fri 17 Jul 2009 - 21:46    Post subject: [Modification] Guide du css xooit Reply with quote

Je te remercie Themalin, encore une fois d'ailleurs Smile

Par contre je crois qu'il y a une erreur  Sad   je te montre ceux que ca m'a modifier, je te laisse comparer avec l'image précédente afin de  voir ou est l'erreur








Author Message
kode83
Membre


Offline
Membre

Joined: 21 Mar 2008
Posts: 16
Niveau:
Point(s): 16
Moyenne: 1.00
Windows XP (ou plus ancien) Internet Explorer

PostPosted: Sat 18 Jul 2009 - 01:49    Post subject: [Modification] Guide du css xooit Reply with quote

bonjour, jai un probleme de couleur quand jécrit un nouveau message le texte est noir. Meme si je la couleur dans le panneau d'administration rien ne change. AIDEZ-MOI SVP

merci


Forum
Author Message
themalin
Membre


Offline
Membre

Joined: 19 Apr 2006
Posts: 8,897
Point(s): 9,101
Moyenne: 1.02
Mac Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...)

PostPosted: Sat 18 Jul 2009 - 10:41    Post subject: [Modification] Guide du css xooit Reply with quote

bonjour

tu parles du moment ou tu tapes le message ou quand tu le lis?
_______________________


Forum
Author Message
kode83
Membre


Offline
Membre

Joined: 21 Mar 2008
Posts: 16
Niveau:
Point(s): 16
Moyenne: 1.00
Windows XP (ou plus ancien) Internet Explorer

PostPosted: Sat 18 Jul 2009 - 11:45    Post subject: [Modification] Guide du css xooit Reply with quote

quand je tape le messsage

Forum
Author Message
themalin
Membre


Offline
Membre

Joined: 19 Apr 2006
Posts: 8,897
Point(s): 9,101
Moyenne: 1.02
Mac Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...)

PostPosted: Sat 18 Jul 2009 - 11:47    Post subject: [Modification] Guide du css xooit Reply with quote

dans ton template changes le code couleur ici

textarea.post, select {
background-color : #FFFFFF;

}
_______________________


Forum
Author Message
harphas


Offline
Guest




PostPosted: Sat 18 Jul 2009 - 12:15    Post subject: [Modification] Guide du css xooit Reply with quote

harphas wrote:

Je te remercie Themalin, encore une fois d'ailleurs Smile

Par contre je crois qu'il y a une erreur  Sad   je te montre ceux que ca m'a modifier, je te laisse comparer avec l'image précédente afin de  voir ou est l'erreur









Bonjour

En fait ce n'est pas la couleur du fond du cadre qui a changé mais le fond général des smile (bleu), comment puis je faire pour modifier la couleur de fond de ce petit cadre svp ?

sinon la question précédente de kode83 peu être une alternative à mon probleme mais quand j'insère le code rien ne se passe Sad , c'est bien dans overall_header qu'il faut faire les modif ?


Author Message
themalin
Membre


Offline
Membre

Joined: 19 Apr 2006
Posts: 8,897
Point(s): 9,101
Moyenne: 1.02
Mac Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...)

PostPosted: Sat 18 Jul 2009 - 12:16    Post subject: [Modification] Guide du css xooit Reply with quote

si c'est le forum de ton profil oui c'est bien dans overall header

vérifies de bien faire tes modifications en thème normal
_______________________


Forum
Author Message
harphas


Offline
Guest




PostPosted: Sat 18 Jul 2009 - 12:21    Post subject: [Modification] Guide du css xooit Reply with quote

en fait c'est ce forum maintenant
http://lesgollumsouest.xooit.fr/index.php
J'avais oublié ce détail dans la présentation Embarassed

est ce toujours la meme manip ?


Author Message
themalin
Membre


Offline
Membre

Joined: 19 Apr 2006
Posts: 8,897
Point(s): 9,101
Moyenne: 1.02
Mac Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...)

PostPosted: Sat 18 Jul 2009 - 12:22    Post subject: [Modification] Guide du css xooit Reply with quote

oui c'est toujours dans overall header

vérifies bien de le faire en thème normal et pas de test

sinon fais ctrl +F5 après la modification
_______________________


Forum
Author Message
harphas


Offline
Guest




PostPosted: Sat 18 Jul 2009 - 12:39    Post subject: [Modification] Guide du css xooit Reply with quote

bin j'ai vérifier et ce n'est pas sur le theme test ou j'ai fait les modif

voici le codage après modification du overall_header

PS : je viens de remarquer que ce n'est pas la couleur du texte dans la zone d'écriture qui change mais  le texte qui est en rose


 
Code: Sélectionner - Agrandir

 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<!-- DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" -->
<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://img10.xooimage.com/files/d/a/darkeq-321d3.css" type="text/css" />
<style type="text/css">
<!--

/*
  The original subSilver Theme for phpBB version 2+
  Created by subBlue design
  http://www.subBlue.com

  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: #602C72;
     scrollbar-highlight-color: #602C72;
     scrollbar-shadow-color: #602C72;
     scrollbar-3dlight-color: #602C72;
     scrollbar-arrow-color:  #E3DDFF;
     scrollbar-track-color: #333355;
     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 #c2cdd6 0px; border-top-width: 1px;}


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

/* This is the outline round the main forum tables */
.forumline    { background-color: #000000; border: 1px #602C72 solid; }


/* Main table cell colours and backgrounds */
td.row1    { background-color: {T_TR_COLOR1}; }
td.row2    { background-color: #2C2B3C; }
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://img2.xooimage.com/files/c/e/cellpic2-321d4.jpg);
        background-repeat: repeat-y;
}

/* Header cells - the blue and silver gradient backgrounds */
th    {
    color: {T_FONTCOLOR3}; font-size: {T_FONTSIZE2}px; font-weight : bold; 
    background-color: {T_BODY_LINK}; height: 25px;
    background-image: url(http://img6.xooimage.com/files/c/e/cellpic3-321d5.gif);
}

td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
            background-image: url(http://img7.xooimage.com/files/c/e/cellpic1-321d6.gif);
            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;
}
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: 0px 0px 0px 0px; }
th.thSides,td.catSides,td.spaceRow     { border-width: 0px 0px 0px 0px; }
th.thRight,td.catRight,td.row3Right     { border-width: 0px 0px 0px 0px; }
th.thLeft,td.catLeft      { border-width: 0px 0px 0px 0px; }
th.thBottom,td.catBottom  { border-width: 0px 0px 0px 0px; }
th.thTop     { border-width: 0px 0px 0px 0px; }
th.thCornerL { border-width: 0px 0px 0px 0px; }
th.thCornerR { border-width: 0px 0px 0px 0px; }


/* The largest text used in the index page title and toptic title etc. */
.maintitle    {
    font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    font-size : 22px;
    font-weight : bold;
    text-decoration : none;
    line-height : 120%;
    color : #FFFFFF;
}



/* 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: #AF95DF; text-decoration: none; }
a.gen:hover,a.genmed:hover,a.gensmall:hover    { color: #AF95DF; 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 : #E3DDFF; }



/* 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 : #E3DDFF; }


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


/* Quote & Code blocks */
.code { 
    font-family: {T_FONTFACE3}; font-size: {T_FONTSIZE2}px; color: #EBE5FF;
    background-color: 121417; 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:#EBE5FF {T_FONTCOLOR1}; line-height: 125%;
        background-color: #121417; border: #E8C4FC; border-style: solid;
        border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}

dl.code {
 background-color: #181c20;  border: 1px solid #E8C4FC;  padding: 0;  margin:0;  width:700px;
}
dl.code dt {
 border-bottom: 1px solid #E8C4FC;  margin: 2px; padding: 0; display: block;
}
dl.code dt span.postbody {
 text-transform:uppercase;  font-weight:bold;  font-size:10px;  padding:0; margin:0;
}
dl.code dd {
 margin:0;  padding:0;
}

div.code {
 font-size:11px;  font-family: monospace, mono;   color: #d1d7dc; 
 overflow:auto;  display: block;  height: auto;  width:698px;  max-height: 200px;
 white-space: normal;  padding:2px;  margin:0;
}


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


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

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

input { text-indent : 2px; }

/* The buttons used for bbCode styling in message post */
input.button {
    background-color : #efefef;
    color : #000000;
    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: #DEE3E7; 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-30d7c.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 -->

    <script type="text/javascript">
    function selectCode(a)
    {
    // Get ID of code block
    var e = a.parentNode.parentNode.parentNode.getElementsByTagName('DIV')[0];
    if (document.selection)
    {
    var r = document.body.createTextRange();
    r.moveToElementText(e);
    r.select();
    }
    else
    {
    var s = window.getSelection();
    var r = document.createRange();
    r.setStartBefore(e);
    r.setEndAfter(e);
    s.addRange(r);
    }
    }
    function expandCode(a)
    {
    var e = a.parentNode.parentNode.parentNode.getElementsByTagName('DIV')[0];
    $(e).setStyle({overflow:'visible',maxHeight:'none'});
    }
    function reducCode(a)
    {
    var e = a.parentNode.parentNode.parentNode.getElementsByTagName('DIV')[0];
    $(e).setStyle({overflow:'auto',maxHeight:'200px'});
    }
    </script>
<script type="text/javascript">
function selectCode(a)
{
// Get ID of code block
var e = a.parentNode.parentNode.parentNode.getElementsByTagName('DIV')[0];
if (document.selection)
{
var r = document.body.createTextRange();
r.moveToElementText(e);
r.select();
}
else
{
var s = window.getSelection();
var r = document.createRange();
r.setStartBefore(e);
r.setEndAfter(e);
s.addRange(r);
}
}
function expandCode(a)
{
var e = a.parentNode.parentNode.parentNode.getElementsByTagName('DIV')[0];
$(e).setStyle({overflow:'visible',maxHeight:'none'});
}
function reducCode(a)</head>

<body bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">
<span class="gen"><a name="top"></a></span><table width="100%" border="0" cellspacing="0" cellpadding="10" align="center"> 
<tr> 
    <td class="bodyline"> 
          <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr> 
              
            
        <td> <a href="{U_INDEX}"><img src="http://img40.xooimage.com/files/e/5/4/289320_1lowmj4zcq...h132321_l-6c09d3.jpg" border="0" alt="{L_INDEX}" vspace="1" /></a> 
        </td>
              
            
        <td align="center" width="100%" valign="middle"><span class="maintitle">{SITENAME}</span><br />
          <span class="gen">{SITE_DESCRIPTION}<br />&nbsp; </span> 
              
          <table cellspacing="0" cellpadding="2" border="0">
            <tr> 
              <td valign="top" nowrap="nowrap" align="center"><span class="mainmenu">&nbsp;<a href="{U_FAQ}" class="mainmenu"><img src="http://img7.xooimage.com/files/i/c/icon_mini_faq-321d8.gif" border="0" alt="{L_FAQ}" hspace="3" />{L_FAQ}</a></span><span class="mainmenu">&nbsp;&nbsp;&nbsp;<a href="{U_SEARCH}" class="mainmenu"><img src="http://img2.xooimage.com/files/i/c/icon_mini_search-321d9.gif" border="0" alt="{L_SEARCH}" hspace="3" />{L_SEARCH}</a>&nbsp;&nbsp;&nbsp;<a href="{U_MEMBERLIST}" class="mainmenu"><img src="http://img6.xooimage.com/files/i/c/icon_mini_members-321da.gif" border="0" alt="{L_MEMBERLIST}" hspace="3" />{L_MEMBERLIST}</a>&nbsp;&nbsp;&nbsp;<a href="{U_GROUP_CP}" class="mainmenu"><img src="http://img10.xooimage.com/files/i/c/icon_mini_groups-321db.gif" border="0" alt="{L_USERGROUPS}" hspace="3" />{L_USERGROUPS}</a>&nbsp;&nbsp;&nbsp;<a href="{U_REGISTER}" class="mainmenu"><img src="http://img10.xooimage.com/files/i/c/icon_mini_register-321dc.gif" border="0" alt="{L_REGISTER}" hspace="3" />{L_REGISTER}</a></span></td>
            </tr>
            <tr> 
              <td nowrap="nowrap" valign="top" height="25" align="center"><span class="mainmenu">&nbsp;<a href="{U_PROFILE}" class="mainmenu"><img src="http://img10.xooimage.com/files/i/c/icon_mini_profile-321dd.gif" border="0" alt="{L_PROFILE}" hspace="3" />{L_PROFILE}</a>&nbsp;&nbsp;&nbsp;<a href="{U_PRIVATEMSGS}" class="mainmenu"><img src="http://img10.xooimage.com/files/i/c/icon_mini_message-321de.gif" border="0" alt="{PRIVATE_MESSAGE_INFO}" hspace="3" />{PRIVATE_MESSAGE_INFO}</a>&nbsp;&nbsp;&nbsp;<a href="{U_LOGIN_LOGOUT}" class="mainmenu"><img src="http://img7.xooimage.com/files/i/c/icon_mini_login-321df.gif" border="0" alt="{L_LOGIN_LOGOUT}" hspace="3" />{L_LOGIN_LOGOUT}</a></span></td>
            </tr>
          </table>
            </td>
            </tr>
          </table>

        <br />




 

la couleur de mon texte au moment ou j'ecris un message dans le cadre approprié est toujours noir et non blanc

_________________________________________
 

Pour la manip de changer la couleur du cadre voilà ce que j'ai fait dans posting body et la ce n'est pas la couleur du cadre qui change mais la couleur de fond des smile (bleu)


 
Code: Sélectionner - Agrandir

 <script language="JavaScript" type="text/javascript">
<!--
// bbCode control by
// subBlue design
// [url=http://www.subBlue.com]www.subBlue.com[/url]

// Startup variables
var imageTag = false;
var theSelection = false;

// Check for Browser & Platform for PC & IE specific bits
// More details from: http://www.mozilla.org/docs/web-developer/sniffer/browser_type.html
var clientPC = navigator.userAgent.toLowerCase(); // Get client info
var clientVer = parseInt(navigator.appVersion); // Get browser version

var is_ie = ((clientPC.indexOf("msie") != -1) && (clientPC.indexOf("opera") == -1));
var is_nav = ((clientPC.indexOf('mozilla')!=-1) && (clientPC.indexOf('spoofer')==-1)
                && (clientPC.indexOf('compatible') == -1) && (clientPC.indexOf('opera')==-1)
                && (clientPC.indexOf('webtv')==-1) && (clientPC.indexOf('hotjava')==-1));
var is_moz = 0;

var is_win = ((clientPC.indexOf("win")!=-1) || (clientPC.indexOf("16bit") != -1));
var is_mac = (clientPC.indexOf("mac")!=-1);

// Helpline messages
b_help = "{L_BBCODE_B_HELP}";
i_help = "{L_BBCODE_I_HELP}";
u_help = "{L_BBCODE_U_HELP}";
q_help = "{L_BBCODE_Q_HELP}";
c_help = "{L_BBCODE_C_HELP}";
l_help = "{L_BBCODE_L_HELP}";
o_help = "{L_BBCODE_O_HELP}";
p_help = "{L_BBCODE_P_HELP}";
w_help = "{L_BBCODE_W_HELP}";
a_help = "{L_BBCODE_A_HELP}";
s_help = "{L_BBCODE_S_HELP}";
f_help = "{L_BBCODE_F_HELP}";

// Define the bbCode tags
bbcode = new Array();
bbtags = new Array('[b]','[/b]','[i]','[/i]','[u]','[/u]','[quote]','[/quote]','[code]','
[/code]','[list]','[/list]','[list=1]','[/list]','[img]http://xooit.xooit.com/images/%27,%27[/img]','[url=http://xooit.xooit.com/images/%27,%27]','[/url]');
imageTag = false;

// Shows the help messages in the helpline window
function helpline(help) {
    document.post.helpbox.value = eval(help + "_help");
}


// Replacement for arrayname.length property
function getarraysize(thearray) {
    for (i = 0; i < thearray.length; i++) {
        if ((thearray[i][/i] == "undefined") || (thearray[i][/i] == "") || (thearray[i][/i] == null))
            return i;
        }
    return thearray.length;
}

// Replacement for arrayname.push(value) not implemented in IE until version 5.5
// Appends element to the array
function arraypush(thearray,value) {
    thearray[ getarraysize(thearray) ] = value;
}

// Replacement for arrayname.pop() not implemented in IE until version 5.5
// Removes and returns the last element of an array
function arraypop(thearray) {
    thearraysize = getarraysize(thearray);
    retval = thearray[thearraysize - 1];
    delete thearray[thearraysize - 1];
    return retval;
}


function checkForm() {

    formErrors = false;    

    if (document.post.message.value.length < 2) {
        formErrors = "{L_EMPTY_MESSAGE}";
    }

    if (formErrors) {
        alert(formErrors);
        return false;
    } else {
        bbstyle(-1);
        //formObj.preview.disabled = true;
        //formObj.submit.disabled = true;
        return true;
    }
}

function emoticon(text) {
    var txtarea = document.post.message;
    text = ' ' + text + ' ';
    if (txtarea.createTextRange && txtarea.caretPos) {
        var caretPos = txtarea.caretPos;
        caretPos.text = caretPos.text.charAt(caretPos.text.length - 1) == ' ' ? text + ' ' : text;
        txtarea.focus();
    } else {
        txtarea.value  += text;
        txtarea.focus();
    }
}

function bbfontstyle(bbopen, bbclose) {
    var txtarea = document.post.message;

    if ((clientVer >= 4) && is_ie && is_win) {
        theSelection = document.selection.createRange().text;
        if (!theSelection) {
            txtarea.value += bbopen + bbclose;
            txtarea.focus();
            return;
        }
        document.selection.createRange().text = bbopen + theSelection + bbclose;
        txtarea.focus();
        return;
    }
    else if (txtarea.selectionEnd && (txtarea.selectionEnd - txtarea.selectionStart > 0))
    {
        mozWrap(txtarea, bbopen, bbclose);
        return;
    }
    else
    {
        txtarea.value += bbopen + bbclose;
        txtarea.focus();
    }
    storeCaret(txtarea);
}


function bbstyle(bbnumber) {
    var txtarea = document.post.message;

    donotinsert = false;
    theSelection = false;
    bblast = 0;

    if (bbnumber == -1) { // Close all open tags & default button names
        while (bbcode[0]) {
            butnumber = arraypop(bbcode) - 1;
            txtarea.value += bbtags[butnumber + 1];
            buttext = eval('document.post.addbbcode' + butnumber + '.value');
            eval('document.post.addbbcode' + butnumber + '.value ="' + buttext.substr(0,(buttext.length - 1)) + '"');
        }
        imageTag = false; // All tags are closed including image tags  :D
        txtarea.focus();
        return;
    }

    if ((clientVer >= 4) && is_ie && is_win)
    {
        theSelection = document.selection.createRange().text; // Get text selection
        if (theSelection) {
            // Add tags around selection
            document.selection.createRange().text = bbtags[bbnumber] + theSelection + bbtags[bbnumber+1];
            txtarea.focus();
            theSelection = '';
            return;
        }
    }
    else if (txtarea.selectionEnd && (txtarea.selectionEnd - txtarea.selectionStart > 0))
    {
        mozWrap(txtarea, bbtags[bbnumber], bbtags[bbnumber+1]);
        return;
    }
    
    // Find last occurance of an open tag the same as the one just clicked
    for (i = 0; i < bbcode.length; i++) {
        if (bbcode[i][/i] == bbnumber+1) {
            bblast = i;
            donotinsert = true;
        }
    }

    if (donotinsert) {        // Close all open tags up to the one just clicked & default button names
        while (bbcode[bblast]) {
                butnumber = arraypop(bbcode) - 1;
                txtarea.value += bbtags[butnumber + 1];
                buttext = eval('document.post.addbbcode' + butnumber + '.value');
                eval('document.post.addbbcode' + butnumber + '.value ="' + buttext.substr(0,(buttext.length - 1)) + '"');
                imageTag = false;
            }
            txtarea.focus();
            return;
    } else { // Open tags
    
        if (imageTag && (bbnumber != 14)) {        // Close image tag before adding another
            txtarea.value += bbtags[15];
            lastValue = arraypop(bbcode) - 1;    // Remove the close image tag from the list
            document.post.addbbcode14.value = "Img";    // Return button back to normal state
            imageTag = false;
        }
        
        // Open tag
        txtarea.value += bbtags[bbnumber];
        if ((bbnumber == 14) && (imageTag == false)) imageTag = 1; // Check to stop additional tags after an unclosed image tag
        arraypush(bbcode,bbnumber+1);
        eval('document.post.addbbcode'+bbnumber+'.value += "*"');
        txtarea.focus();
        return;
    }
    storeCaret(txtarea);
}

// From http://www.massless.org/mozedit/
function mozWrap(txtarea, open, close)
{
    var selLength = txtarea.textLength;
    var selStart = txtarea.selectionStart;
    var selEnd = txtarea.selectionEnd;
    if (selEnd == 1 || selEnd == 2)
        selEnd = selLength;

    var s1 = (txtarea.value).substring(0,selStart);
    var s2 = (txtarea.value).substring(selStart, selEnd)
    var s3 = (txtarea.value).substring(selEnd, selLength);
    txtarea.value = s1 + open + s2 + close + s3;
    return;
}

// Insert at Claret position. Code from
// http://www.faqts.com/knowledge_base/view.phtml/aid/1052/fid/130
function storeCaret(textEl) {
    if (textEl.createTextRange) textEl.caretPos = document.selection.createRange().duplicate();
}

//-->
</script>

<!-- BEGIN privmsg_extensions -->
<table border="0" cellspacing="0" cellpadding="0" align="center" width="100%">
  <tr>
    <td valign="top" align="center" width="100%">
      <table height="40" cellspacing="2" cellpadding="2" border="0">
        <tr valign="middle">
          <td>{INBOX_IMG}</td>
          <td><span class="cattitle">{INBOX_LINK}&nbsp;&nbsp;</span></td>
          <td>{SENTBOX_IMG}</td>
          <td><span class="cattitle">{SENTBOX_LINK}&nbsp;&nbsp;</span></td>
          <td>{OUTBOX_IMG}</td>
          <td><span class="cattitle">{OUTBOX_LINK}&nbsp;&nbsp;</span></td>
          <td>{SAVEBOX_IMG}</td>
          <td><span class="cattitle">{SAVEBOX_LINK}&nbsp;&nbsp;</span></td>
        </tr>
      </table>
    </td>
  </tr>
</table>

<br clear="all" />
<!-- END privmsg_extensions -->

<form action="{S_POST_ACTION}" method="post" name="post" onsubmit="return checkForm(this)">

{POST_PREVIEW_BOX}
{ERROR_BOX}

<table width="100%" cellspacing="2" cellpadding="2" border="0" align="center">
    <tr>
        <td align="left"><span  class="nav"><a href="{U_INDEX}" class="nav">{L_INDEX}</a>
        <!-- BEGIN switch_not_privmsg -->
        -> <a href="{U_VIEW_FORUM}" class="nav">{FORUM_NAME}</a></span></td>
        <!-- END switch_not_privmsg -->
    </tr>
</table>

<table border="0" cellpadding="3" cellspacing="1" width="100%" class="forumline">
    <tr>
        <th class="thHead" colspan="2" height="25"><b>{L_POST_A}</b></th>
    </tr>
    <!-- BEGIN switch_username_select -->
    <tr>
        <td class="row1"><span class="gen"><b>{L_USERNAME}</b></span></td>
        <td class="row2"><span class="genmed"><input type="text" class="post" tabindex="1" name="username" size="25" maxlength="25" value="{USERNAME}" /></span></td>
    </tr>
    <!-- END switch_username_select -->
    <!-- BEGIN switch_privmsg -->
    <tr>
        <td class="row1"><span class="gen"><b>{L_USERNAME}</b></span></td>
        <td class="row2"><span class="genmed"><input type="text"  class="post" name="username" maxlength="25" size="25" tabindex="1" value="{USERNAME}" />&nbsp;<input type="submit" name="usersubmit" value="{L_FIND_USERNAME}" class="liteoption" onClick="window.open('{U_SEARCH_USER}', '_phpbbsearch', 'HEIGHT=250,resizable=yes,WIDTH=400');return false;" /></span></td>
    </tr>
    <!-- END switch_privmsg -->
    <tr>
      <td class="row1" width="22%"><span class="gen"><b>{L_SUBJECT}</b></span></td>
      <td class="row2" width="78%"> <span class="gen">
        <input type="text" name="subject" size="45" maxlength="60" style="width:450px" tabindex="2" class="post" value="{SUBJECT}" />
        </span> </td>
    </tr>
    <tr>
      <td class="row1" valign="top">
        <table width="100%" border="0" cellspacing="0" cellpadding="1">
        <tr>
         <td><span class="gen"><b>{L_MESSAGE_BODY}</b></span> </td>
        </tr>
        <tr>
         <td valign="middle" align="center" style="background-color: #0066FF;"> <br />
              <table width="100" border="0" cellspacing="0" cellpadding="5">
                <tr align="center">
                  <td colspan="{S_SMILIES_COLSPAN}" class="gensmall"><b>{L_EMOTICONS}</b></td>
                </tr>
                <!-- BEGIN smilies_row -->
                <tr align="center" valign="middle">
                  <!-- BEGIN smilies_col -->
                  <td><a href="javascript:emoticon('{smilies_row.smilies_col.SMILEY_CODE}')"><img src="{smilies_row.smilies_col.SMILEY_IMG}" border="0" alt="{smilies_row.smilies_col.SMILEY_DESC}" title="{smilies_row.smilies_col.SMILEY_DESC}" /></a></td>
                  <!-- END smilies_col -->
                </tr>
                <!-- END smilies_row -->
                <!-- BEGIN switch_smilies_extra -->
                <tr align="center">
                  <td colspan="{S_SMILIES_COLSPAN}"><span  class="nav"><a href="{U_MORE_SMILIES}" onclick="window.open('{U_MORE_SMILIES}', '_phpbbsmilies', 'HEIGHT=300,resizable=yes,scrollbars=yes,WIDTH=250');return false;" target="_phpbbsmilies" class="nav">{L_MORE_SMILIES}</a></span></td>
                </tr>
                <!-- END switch_smilies_extra -->
              </table>
            </td>
          </tr>
        </table>
      </td>
      <td class="row2" valign="top"><span class="gen"> <span class="genmed"> </span>
        <table width="450" border="0" cellspacing="0" cellpadding="2">
          <tr align="center" valign="middle">
            <td><span class="genmed">
              <input type="button" class="button" accesskey="b" name="addbbcode0" value=" B " style="font-weight:bold; width: 30px" onClick="bbstyle(0)" onMouseOver="helpline('b')" />
              </span></td>
            <td><span class="genmed">
              <input type="button" class="button" accesskey="i" name="addbbcode2" value=" i " style="font-style:italic; width: 30px" onClick="bbstyle(2)" onMouseOver="helpline('i')" />
              </span></td>
            <td><span class="genmed">
              <input type="button" class="button" accesskey="u" name="addbbcode4" value=" u " style="text-decoration: underline; width: 30px" onClick="bbstyle(4)" onMouseOver="helpline('u')" />
              </span></td>
            <td><span class="genmed">
              <input type="button" class="button" accesskey="q" name="addbbcode6" value="Quote" style="width: 50px" onClick="bbstyle(6)" onMouseOver="helpline('q')" />
              </span></td>
            <td><span class="genmed">
              <input type="button" class="button" accesskey="c" name="addbbcode8" value="Code" style="width: 40px" onClick="bbstyle(8)" onMouseOver="helpline('c')" />
              </span></td>
            <td><span class="genmed">
              <input type="button" class="button" accesskey="l" name="addbbcode10" value="List" style="width: 40px" onClick="bbstyle(10)" onMouseOver="helpline('l')" />
              </span></td>
            <td><span class="genmed">
              <input type="button" class="button" accesskey="o" name="addbbcode12" value="List=" style="width: 40px" onClick="bbstyle(12)" onMouseOver="helpline('o')" />
              </span></td>
            <td><span class="genmed">
              <input type="button" class="button" accesskey="p" name="addbbcode14" value="Img" style="width: 40px"  onClick="bbstyle(14)" onMouseOver="helpline('p')" />
              </span></td>
            <td><span class="genmed">
              <input type="button" class="button" accesskey="w" name="addbbcode16" value="URL" style="text-decoration: underline; width: 40px" onClick="bbstyle(16)" onMouseOver="helpline('w')" />
              </span></td>
          </tr>
          <tr>
            <td colspan="9">
              <table width="100%" border="0" cellspacing="0" cellpadding="0">
                <tr>
                  <td><span class="genmed"> &nbsp;{L_FONT_COLOR}:
                    <select name="addbbcode18" onChange="bbfontstyle('[color=#00000f].value + ']', '[/color]');this.selectedIndex=0;" onMouseOver="helpline('s')">
                      <option style="color:black; background-color: #FFFFFF " value="{T_FONTCOLOR1}" class="genmed">{L_COLOR_DEFAULT}</option>
                      <option style="color:darkred; background-color: #DEE3E7" value="darkred" class="genmed">{L_COLOR_DARK_RED}</option>
                      <option style="color:red; background-color: #DEE3E7" value="red" class="genmed">{L_COLOR_RED}</option>
                      <option style="color:orange; background-color: #DEE3E7" value="orange" class="genmed">{L_COLOR_ORANGE}</option>
                      <option style="color:brown; background-color: #DEE3E7" value="brown" class="genmed">{L_COLOR_BROWN}</option>
                      <option style="color:yellow; background-color: #DEE3E7" value="yellow" class="genmed">{L_COLOR_YELLOW}</option>
                      <option style="color:green; background-color: #DEE3E7" value="green" class="genmed">{L_COLOR_GREEN}</option>
                      <option style="color:olive; background-color: #DEE3E7" value="olive" class="genmed">{L_COLOR_OLIVE}</option>
                      <option style="color:cyan; background-color: #DEE3E7" value="cyan" class="genmed">{L_COLOR_CYAN}</option>
                      <option style="color:blue; background-color: #DEE3E7" value="blue" class="genmed">{L_COLOR_BLUE}</option>
                      <option style="color:darkblue; background-color: #DEE3E7" value="darkblue" class="genmed">{L_COLOR_DARK_BLUE}</option>
                      <option style="color:indigo; background-color: #DEE3E7" value="indigo" class="genmed">{L_COLOR_INDIGO}</option>
                      <option style="color:violet; background-color: #DEE3E7" value="violet" class="genmed">{L_COLOR_VIOLET}</option>
                      <option style="color:white; background-color: #DEE3E7" value="white" class="genmed">{L_COLOR_WHITE}</option>
                      <option style="color:black; background-color: #DEE3E7" value="black" class="genmed">{L_COLOR_BLACK}</option>
                    </select> &nbsp;{L_FONT_SIZE}:<select name="addbbcode20" onChange="bbfontstyle('[size=10].value + ']', '[/size]')" onMouseOver="helpline('f')">
                      <option value="7" style="color:black" class="genmed">{L_FONT_TINY}</option>
                      <option value="9" style="color:black" class="genmed">{L_FONT_SMALL}</option>
                      <option value="12" style="color:black" selected class="genmed">{L_FONT_NORMAL}</option>
                      <option value="18" style="color:black" class="genmed">{L_FONT_LARGE}</option>
                      <option  value="24" style="color:black" class="genmed">{L_FONT_HUGE}</option>
                    </select>
                    </span></td>
                  <td nowrap="nowrap" align="right"><span class="gensmall"><a href="javascript:bbstyle(-1)" class="genmed" onMouseOver="helpline('a')">{L_BBCODE_CLOSE_TAGS}</a></span></td>
                </tr>
              </table>
            </td>
          </tr>
          <tr>
            <td colspan="9"> <span class="gensmall">
              <input type="text" name="helpbox" size="45" maxlength="100" style="width:450px; font-size:10px" class="helpline" value="{L_STYLES_TIP}" />
              </span></td>
          </tr>
          <tr>
            <td colspan="9"><span class="gen">
              <textarea name="message" rows="15" cols="35" wrap="virtual" style="width:450px" tabindex="3" class="post" onselect="storeCaret(this);" onclick="storeCaret(this);" onkeyup="storeCaret(this);">{MESSAGE}</textarea>
              </span></td>
          </tr>
        </table>
        </span></td>
    </tr>
    <tr>
      <td class="row1" valign="top"><span class="gen"><b>{L_OPTIONS}</b></span><br /><span class="gensmall">{HTML_STATUS}<br />{BBCODE_STATUS}<br />{SMILIES_STATUS}</span></td>
      <td class="row2"><span class="gen"> </span>
        <table cellspacing="0" cellpadding="1" border="0">
          <!-- BEGIN switch_html_checkbox -->
          <tr>
            <td>
              <input type="checkbox" name="disable_html" {S_HTML_CHECKED} />
            </td>
            <td><span class="gen">{L_DISABLE_HTML}</span></td>
          </tr>
          <!-- END switch_html_checkbox -->
          <!-- BEGIN switch_bbcode_checkbox -->
          <tr>
            <td>
              <input type="checkbox" name="disable_bbcode" {S_BBCODE_CHECKED} />
            </td>
            <td><span class="gen">{L_DISABLE_BBCODE}</span></td>
          </tr>
          <!-- END switch_bbcode_checkbox -->
          <!-- BEGIN switch_smilies_checkbox -->
          <tr>
            <td>
              <input type="checkbox" name="disable_smilies" {S_SMILIES_CHECKED} />
            </td>
            <td><span class="gen">{L_DISABLE_SMILIES}</span></td>
          </tr>
          <!-- END switch_smilies_checkbox -->
          <!-- BEGIN switch_signature_checkbox -->
          <tr>
            <td>
              <input type="checkbox" name="attach_sig" {S_SIGNATURE_CHECKED} />
            </td>
            <td><span class="gen">{L_ATTACH_SIGNATURE}</span></td>
          </tr>
          <!-- END switch_signature_checkbox -->
          <!-- BEGIN switch_notify_checkbox -->
          <tr>
            <td>
              <input type="checkbox" name="notify" {S_NOTIFY_CHECKED} />
            </td>
            <td><span class="gen">{L_NOTIFY_ON_REPLY}</span></td>
          </tr>
          <!-- END switch_notify_checkbox -->
          <!-- BEGIN switch_delete_checkbox -->
          <tr>
            <td>
              <input type="checkbox" name="delete" />
            </td>
            <td><span class="gen">{L_DELETE_POST}</span></td>
          </tr>
          <!-- END switch_delete_checkbox -->
          <!-- BEGIN switch_type_toggle -->
          <tr>
            <td></td>
            <td><span class="gen">{S_TYPE_TOGGLE}</span></td>
          </tr>
          <!-- END switch_type_toggle -->
        </table>
      </td>
    </tr>
    {POLLBOX}
    <tr>
      <td class="catBottom" colspan="2" align="center" height="28"> {S_HIDDEN_FORM_FIELDS}<input type="submit" tabindex="5" name="preview" class="mainoption" value="{L_PREVIEW}" />&nbsp;<input type="submit" accesskey="s" tabindex="6" name="post" class="mainoption" value="{L_SUBMIT}" /></td>
    </tr>
  </table>

  <table width="100%" cellspacing="2" border="0" align="center" cellpadding="2">
    <tr>
      <td align="right" valign="top"><span class="gensmall">{S_TIMEZONE}</span></td>
    </tr>
  </table>
</form>

<table width="100%" cellspacing="2" border="0" align="center">
  <tr>
    <td valign="top" align="right">{JUMPBOX}</td>
  </tr>
</table>

{TOPIC_REVIEW_BOX}




Author Message
themalin
Membre


Offline
Membre

Joined: 19 Apr 2006
Posts: 8,897
Point(s): 9,101
Moyenne: 1.02
Mac Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...)

PostPosted: Sat 18 Jul 2009 - 12:45    Post subject: [Modification] Guide du css xooit Reply with quote

mets ça pour ton overall header

Code: Sélectionner - Agrandir

     <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <!-- DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" -->
    <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://img10.xooimage.com/files/d/a/darkeq-321d3.css" type="text/css" />
    <style type="text/css">
    <!--

    /*
      The original subSilver Theme for phpBB version 2+
      Created by subBlue design
      http://www.subBlue.com

      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: #602C72;
         scrollbar-highlight-color: #602C72;
         scrollbar-shadow-color: #602C72;
         scrollbar-3dlight-color: #602C72;
         scrollbar-arrow-color:  #E3DDFF;
         scrollbar-track-color: #333355;
         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 #c2cdd6 0px; border-top-width: 1px;}


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

    /* This is the outline round the main forum tables */
    .forumline    { background-color: #000000; border: 1px #602C72 solid; }


    /* Main table cell colours and backgrounds */
    td.row1    { background-color: {T_TR_COLOR1}; }
    td.row2    { background-color: #2C2B3C; }
    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://img2.xooimage.com/files/c/e/cellpic2-321d4.jpg);
            background-repeat: repeat-y;
    }

    /* Header cells - the blue and silver gradient backgrounds */
    th    {
        color: {T_FONTCOLOR3}; font-size: {T_FONTSIZE2}px; font-weight : bold;
        background-color: {T_BODY_LINK}; height: 25px;
        background-image: url(http://img6.xooimage.com/files/c/e/cellpic3-321d5.gif);
    }

    td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
                background-image: url(http://img7.xooimage.com/files/c/e/cellpic1-321d6.gif);
                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;
    }
    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: 0px 0px 0px 0px; }
    th.thSides,td.catSides,td.spaceRow     { border-width: 0px 0px 0px 0px; }
    th.thRight,td.catRight,td.row3Right     { border-width: 0px 0px 0px 0px; }
    th.thLeft,td.catLeft      { border-width: 0px 0px 0px 0px; }
    th.thBottom,td.catBottom  { border-width: 0px 0px 0px 0px; }
    th.thTop     { border-width: 0px 0px 0px 0px; }
    th.thCornerL { border-width: 0px 0px 0px 0px; }
    th.thCornerR { border-width: 0px 0px 0px 0px; }


    /* The largest text used in the index page title and toptic title etc. */
    .maintitle    {
        font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
        font-size : 22px;
        font-weight : bold;
        text-decoration : none;
        line-height : 120%;
        color : #FFFFFF;
    }



    /* 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: #AF95DF; text-decoration: none; }
    a.gen:hover,a.genmed:hover,a.gensmall:hover    { color: #AF95DF; 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 : #E3DDFF; }



    /* 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 : #E3DDFF; }


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


    /* Quote & Code blocks */
    .code {
        font-family: {T_FONTFACE3}; font-size: {T_FONTSIZE2}px; color: #EBE5FF;
        background-color: 121417; 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:#EBE5FF {T_FONTCOLOR1}; line-height: 125%;
            background-color: #121417; border: #E8C4FC; border-style: solid;
            border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
    }

    dl.code {
     background-color: #181c20;  border: 1px solid #E8C4FC;  padding: 0;  margin:0;  width:700px;
    }
    dl.code dt {
     border-bottom: 1px solid #E8C4FC;  margin: 2px; padding: 0; display: block;
    }
    dl.code dt span.postbody {
     text-transform:uppercase;  font-weight:bold;  font-size:10px;  padding:0; margin:0;
    }
    dl.code dd {
     margin:0;  padding:0;
    }

    div.code {
     font-size:11px;  font-family: monospace, mono;   color: #d1d7dc;
     overflow:auto;  display: block;  height: auto;  width:698px;  max-height: 200px;
     white-space: normal;  padding:2px;  margin:0;
    }


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


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

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

    input { text-indent : 2px; }

    /* The buttons used for bbCode styling in message post */
    input.button {
        background-color : #efefef;
        color : #000000;
        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: #DEE3E7; 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-30d7c.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 -->

        <script type="text/javascript">
        function selectCode(a)
        {
        // Get ID of code block
        var e = a.parentNode.parentNode.parentNode.getElementsByTagName('DIV')[0];
        if (document.selection)
        {
        var r = document.body.createTextRange();
        r.moveToElementText(e);
        r.select();
        }
        else
        {
        var s = window.getSelection();
        var r = document.createRange();
        r.setStartBefore(e);
        r.setEndAfter(e);
        s.addRange(r);
        }
        }
        function expandCode(a)
        {
        var e = a.parentNode.parentNode.parentNode.getElementsByTagName('DIV')[0];
        $(e).setStyle({overflow:'visible',maxHeight:'none'});
        }
        function reducCode(a)
        {
        var e = a.parentNode.parentNode.parentNode.getElementsByTagName('DIV')[0];
        $(e).setStyle({overflow:'auto',maxHeight:'200px'});
        }
        </script>
    <script type="text/javascript">
    function selectCode(a)
    {
    // Get ID of code block
    var e = a.parentNode.parentNode.parentNode.getElementsByTagName('DIV')[0];
    if (document.selection)
    {
    var r = document.body.createTextRange();
    r.moveToElementText(e);
    r.select();
    }
    else
    {
    var s = window.getSelection();
    var r = document.createRange();
    r.setStartBefore(e);
    r.setEndAfter(e);
    s.addRange(r);
    }
    }
    function expandCode(a)
    {
    var e = a.parentNode.parentNode.parentNode.getElementsByTagName('DIV')[0];
    $(e).setStyle({overflow:'visible',maxHeight:'none'});
    }
    function reducCode(a)</head>

    <body bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">
    <span class="gen"><a name="top"></a></span><table width="100%" border="0" cellspacing="0" cellpadding="10" align="center">
    <tr>
        <td class="bodyline">
              <table width="100%" border="0" cellspacing="0" cellpadding="0">
                <tr>
                 
               
            <td> <a href="{U_INDEX}"><img src="http://img40.xooimage.com/files/e/5/4/289320_1lowmj4zcq...h132321_l-6c09d3.jpg" border="0" alt="{L_INDEX}" vspace="1" /></a>
            </td>
                 
               
            <td align="center" width="100%" valign="middle"><span class="maintitle">{SITENAME}</span><br />
              <span class="gen">{SITE_DESCRIPTION}<br />&nbsp; </span>
                 
              <table cellspacing="0" cellpadding="2" border="0">
                <tr>
                  <td valign="top" nowrap="nowrap" align="center"><span class="mainmenu">&nbsp;<a href="{U_FAQ}" class="mainmenu"><img src="http://img7.xooimage.com/files/i/c/icon_mini_faq-321d8.gif" border="0" alt="{L_FAQ}" hspace="3" />{L_FAQ}</a></span><span class="mainmenu">&nbsp;&nbsp;&nbsp;<a href="{U_SEARCH}" class="mainmenu"><img src="http://img2.xooimage.com/files/i/c/icon_mini_search-321d9.gif" border="0" alt="{L_SEARCH}" hspace="3" />{L_SEARCH}</a>&nbsp;&nbsp;&nbsp;<a href="{U_MEMBERLIST}" class="mainmenu"><img src="http://img6.xooimage.com/files/i/c/icon_mini_members-321da.gif" border="0" alt="{L_MEMBERLIST}" hspace="3" />{L_MEMBERLIST}</a>&nbsp;&nbsp;&nbsp;<a href="{U_GROUP_CP}" class="mainmenu"><img src="http://img10.xooimage.com/files/i/c/icon_mini_groups-321db.gif" border="0" alt="{L_USERGROUPS}" hspace="3" />{L_USERGROUPS}</a>&nbsp;&nbsp;&nbsp;<a href="{U_REGISTER}" class="mainmenu"><img src="http://img10.xooimage.com/files/i/c/icon_mini_register-321dc.gif" border="0" alt="{L_REGISTER}" hspace="3" />{L_REGISTER}</a></span></td>
                </tr>
                <tr>
                  <td nowrap="nowrap" valign="top" height="25" align="center"><span class="mainmenu">&nbsp;<a href="{U_PROFILE}" class="mainmenu"><img src="http://img10.xooimage.com/files/i/c/icon_mini_profile-321dd.gif" border="0" alt="{L_PROFILE}" hspace="3" />{L_PROFILE}</a>&nbsp;&nbsp;&nbsp;<a href="{U_PRIVATEMSGS}" class="mainmenu"><img src="http://img10.xooimage.com/files/i/c/icon_mini_message-321de.gif" border="0" alt="{PRIVATE_MESSAGE_INFO}" hspace="3" />{PRIVATE_MESSAGE_INFO}</a>&nbsp;&nbsp;&nbsp;<a href="{U_LOGIN_LOGOUT}" class="mainmenu"><img src="http://img7.xooimage.com/files/i/c/icon_mini_login-321df.gif" border="0" alt="{L_LOGIN_LOGOUT}" hspace="3" />{L_LOGIN_LOGOUT}</a></span></td>
                </tr>
              </table>
                </td>
                </tr>
              </table>

            <br />

_______________________


Forum
Author Message
Contenu Sponsorisé





PostPosted: Today at 15:48    Post subject: [Modification] Guide du css xooit

Display posts from previous:   
Reply to topic Page 73 of 118 Goto page: <  1, 2, 372, 73, 74116, 117, 118  >




Portal | Index | Administration Panel | Create a forum | Free support forum | Free forums directory | Report a violation | Conditions générales d'utilisation
Propulsé par p h p B B © 2016 p h p B B Group |
 
© 2003-2013 Xooit.com - Contact - Mentions légales - CGU - Charte - CNIL : 1381401