It is currently Wed 28 Sep 2016 - 12:14 - créer un forum

[Modification] Guide du css xooit

Skip to content

Post new topic Reply to topic Goto page: <  1, 2, 3111, 112, 113116, 117, 118  >

[Modification] Guide du css xooit
Author Message
lulus


Joined: 27 Nov 2009
Posts: 13

PostPosted: Sat 15 May 2010 - 20:44    Post subject: [Modification] Guide du css xooit Reply with quote

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

Bonjour,
j'aimerais savoir comment séparer le qui est en lignes des anniversaires du jour comme sur ce forum :
http://cyril-dance.xooit.com/index.php

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 15 May 2010 - 20:45    Post subject: [Modification] Guide du css xooit Reply with quote

Forum
Author Message
lulus
Membre


Offline
Membre

Joined: 27 Nov 2009
Posts: 13
Niveau:
Point(s): 12
Moyenne: 0.92
Mozilla Féminin Scorpion (23oct-21nov) 馬 Cheval

PostPosted: Sat 15 May 2010 - 21:01    Post subject: [Modification] Guide du css xooit Reply with quote

merci beaucoup ca a marché, sérieux merci de nous aider autant des fois j'ai beau chercher un tuto au lieu de vous embéter mais pas évident a trouver tout le temps

et je voulais sa voir autre choses,
y'a t'il possibilité d'enlever ce que j'ai entouré en vert ?
et de centrer ce que j'ai entouré en rouge ?



Forum
Author Message
Nealdor


Offline
Guest




PostPosted: Sat 15 May 2010 - 21:08    Post subject: [Modification] Guide du css xooit Reply with quote

Bonjour à toutes et tous,

Adresse de mon forum : http://lasnoches.leforum.eu/index.php
Thème graphique du forum :  GuildWarsAlliance.css
Votre poste : Admin
Votre navigateur (Modèle et version) :  Mozilla Firefox 3.6.3 et Google Chrome 4.1.249.1064
Mon problème concerne :  La police du texte est trop similaire au fond donc on ne voit presque pas le texte.
Êtes-vous le seul concerné par ce problème : Non  
Depuis quand dure le bug/problème constaté :  
Images/Screens relatifs au problème : 


Description détaillée du problème
 :  J'aimerai avoir la police blanche soit #FEFEFE

Merci d'avance pour l'aide que vous saurez m'apporter.

Mon "Overall_header.tpl" :
 
Code: Sélectionner - Agrandir


 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<html dir="{S_CONTENT_DIRECTION}">
<head>
<link href="http://img10.xooimage.com/files/5/a/c/guildwarsalliance-1c2df7a.css" rel="stylesheet" type="text/css" >
<link href="http://img2.xooimage.com/files/f/a/favicon-8f9c4.ico" rel="shortcut icon" >
<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>
<!-- 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 -->
<style>
html,body{margin:0;padding:0;}
#bg,#bg table,#bg td{width:100%;height:100%}
#bg div{position:absolute;width:200%;height:200%;top:-50%;left:-50%}
#bg td{vertical-align:middle;text-align:center}
#bg img{min-height:50%;min-width:50%;margin:auto}
#main{position:absolute;top:0;left:0;z-index:10;width:100%;height:100%;margin:0;padding:0;}
div#bg {
  z-index: -3;
  left: 0;
  right: 0;
  margin: 0;
  padding: 0;
  position: fixed;
  top: 0;
  _position: absolute;
  top: expression(body.scrollTop + 0 + "px");}
</style>
</head>
<body topmargin="0">
<div id="bg">
<div>
<table cellpadding="0" cellspacing="0"><tr><td>
<img alt="" src="http://img69.imageshack.us/img69/1154/1258999533477.jpg">
</td></tr></table>
</div>
</div>

<div id="main">  

<a name="top"></a>
<div class="center">
            <table border="0" width="0" cellspacing="0" cellpadding="0" class="content">
                <tr>
                    <td>
                        <table border="0" width="0" cellspacing="0" cellpadding="0">
                            <tr>
                                <td><a href="{U_INDEX}"><img border="0" src="http://img2.xooimage.com/files/3/7/9/5334_render_anima...m-834f7d-1b91e67.png" alt="" height="392px" width="568"></a></td>
                            </tr>
                        </table>
                    </td>
                </tr>
                <tr>
                    <td>
                    
                        <table border="0" class="border" width="758" cellspacing="0" cellpadding="0">
                            <tr>
                                <td align="left">
                                    <table border="0" width="758" cellspacing="0" cellpadding="0">
                                        <tr>
                                            <td width="148" height="76" valign="top">
                                                <table border="0" height="76" width="148" cellspacing="0" cellpadding="0">
                                                    <tr>
                                                        <!-- BEGIN switch_user_logged_out -->
                                                        <td valign="top" height="28">
                                                            <a href="{U_LOGIN_LOGOUT}"><img border="0" src="http://img5.xooimage.com/files/l/o/login-8f9cb.gif" width="117" height="28" alt="{L_LOGIN_LOGOUT}"></a></td>
                                                        <!-- END switch_user_logged_out -->
                                                        <!-- BEGIN switch_user_logged_in -->
                                                        <td valign="top" height="28">
                                                            <a href="{U_LOGIN_LOGOUT}"><img border="0" src="http://img9.xooimage.com/files/l/o/logout-8f9cc.gif" width="117" height="28" alt="{L_LOGIN_LOGOUT}"></a></td>
                                                        <!-- END switch_user_logged_in -->
                                                        <td rowspan="2" class="log1" valign="top" width="31" height="76px"></td>
                                                    </tr>
                                                    <tr>
                                                        <td class="log2" valign="top" width="117" height="48px"></td>
                                                    </tr>
                                                </table>
                                            </td>
                                            <td valign="top">
                                            <table border="0" height="76" width="100" cellspacing="0" cellpadding="0">
                                                <tr>
                                                    <td valign="top" height="12">
                                                    <img border="0" src="http://img10.xooimage.com/files/m/e/menu_top-8f9cd.gif" alt="" width="610" height="12"></td>
                                                </tr>
                                                <tr>
                                                    <td valign="middle" class="menubg">
                                                    <span class="mainmenu">&nbsp;<a href="{U_FAQ}" class="mainmenu">{L_FAQ}</a>&nbsp; &nbsp;<a href="{U_SEARCH}" class="mainmenu">{L_SEARCH}</a>&nbsp; &nbsp;<a href="{U_MEMBERLIST}" class="mainmenu">{L_MEMBERLIST}</a>&nbsp; &nbsp;<a href="{U_GROUP_CP}" class="mainmenu">{L_USERGROUPS}</a>&nbsp; 
                                                    <!-- BEGIN switch_user_logged_out -->
                                                    &nbsp;<a href="{U_REGISTER}" class="mainmenu">{L_REGISTER}</a>&nbsp;
                                                    <!-- END switch_user_logged_out -->
                                                    &nbsp;<a href="{U_PROFILE}" class="mainmenu">{L_PROFILE}</a>&nbsp; <br /> &nbsp;<a href="{U_PRIVATEMSGS}" class="mainmenu">{PRIVATE_MESSAGE_INFO}</a></span>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td valign="top" height="12">
                                                    <img border="0" src="http://img10.xooimage.com/files/m/e/menu_bottom-8f9ce.gif" alt="" width="610" height="12"></td>
                                                </tr>
                                            </table>
                                            </td>
                                        </tr>
                                    </table>
                                </td>
                            </tr>
                <tr>
                    <td class="bg2" height="104" valign="bottom">
                                <table width="100%" cellspacing="0" cellpadding="2" border="0">
                                  <tr> 
                                    <td valign="bottom"><span class="gensmall">
                                        <!-- BEGIN switch_user_logged_in -->
                                        {LAST_VISIT_DATE}<br />
                                        <!-- END switch_user_logged_in -->
                                        {CURRENT_TIME}<br /></span>
                                    </td>
                                    <td align="right" valign="bottom" class="gensmall">
                                        <!-- BEGIN switch_user_logged_in -->
                                        <a href="{U_SEARCH_NEW}" class="gensmall">{L_SEARCH_NEW}</a><br /><a href="{U_SEARCH_SELF}" class="gensmall">{L_SEARCH_SELF}</a><br />
                                        <!-- END switch_user_logged_in -->
                                        <a href="{U_SEARCH_UNANSWERED}" class="gensmall">{L_SEARCH_UNANSWERED}</a>
                                    </td>
                                  </tr>
                                </table>
                    </td>
                </tr>
                <tr>
                    <td valign="top">
<iframe name="google_ads_frame" style="z-index:20;" src="" width="0" height="0" scrolling="no" frameborder="0" allowtransparency="true"></iframe>



Mon css, ou plutot mes deux css :
"Guildwarsalliance-1c2df7a.css" :

Code: Sélectionner - Agrandir



 /*
  GuildWarsAlliance Theme for phpBB version 2+
  Created by Daniel of Gaming Exe (aka Daniel Exe on the phpbb.com forums)
  http://www.gamexe.net
*/

/* 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};
background-image: url("http://img69.imageshack.us/img69/1154/1258999533477.jpg");
background-repeat: no-repeat;
background-attachment: fixed;
}
 

 /* Used to center the layout. */
.center {
text-align:center;
}

 /* Used to center the layout. */
.center table {
margin-left:auto;
margin-right:auto;
text-align:left;
}

/* Used for who is online image */
.wonline { float: center; _margin-left: 14px; }

 /* Backgrounds for log in/log out cells */
.log1 {background-image: url('http://img7.xooimage.com/files/l/o/log2-8f9b1.gif');}
.log2 {background-image: url('http://img10.xooimage.com/files/l/o/log3-8f9b2.gif');}

 /* Bar above and below forum list on index. */
td.bar {background-image: url('http://img7.xooimage.com/files/b/a/bar-8f9b3.gif'); background-repeat: repeat;}

 /* Black border that surrounds everything bellow the banner. */
table.border {border-style: solid; border-color: #000000; border-width:1px; text-align:center;}

 /* Style of the td in the navigation that contains the menu links. */
td.menubg { background-image:url('http://img6.xooimage.com/files/1/6/0/menu_center-8f9b4.gif'); text-align:center;}

 /* Style of the td below navigation. */
td.bg2 { background-image:url('http://img8.xooimage.com/files/b/g/bg2-8f9b5.gif'); background-repeat: no-repeat; background-position: top center; }

/* General font families for common tags */
font,th,td,p { font-family: Verdana, Arial, Helvetica, sans-serif }
a:link,a:active,a:visited { text-decoration: none; color : #7FAA9A; }
a:hover        { text-decoration: underline; color : #4CAC89; }
hr    { height: 0px; border: solid #293535 0px; border-top-width: 1px;}

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

/*
.bodyline  { background-color: transparent; border: 2px; }


.indextable { border:1px solid #000; }

/* Who is online box */
td.stats1 {background-image:url('http://img8.xooimage.com/files/s/t/stats_top-8f9b6.gif'); }
td.stats2 {background-image:url('http://img8.xooimage.com/files/s/t/stats_top2-8f9b7.gif'); }
td.stats3 {background-image:url('http://img8.xooimage.com/files/s/t/stats_top3-8f9b8.gif'); }
td.stats4 {background-image:url('http://img7.xooimage.com/files/s/t/stats_bg-8f9b9.gif'); }
td.stats5 {background-image:url('http://img9.xooimage.com/files/s/t/stats_bottom-8f9ba.gif'); }

/* Main table cell colours and backgrounds */
td.row1    { background-color: #181D1D; }
td.row2    { background-color: #1D2221; }
td.row3    { opacity:.60; filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity:0.6; background-color: #181D1D; }
td.row4    { background-image:url('http://img4.xooimage.com/files/c/e/cellbg-8f9bb.gif'); }

/* The  post legend on the index */
table.ilegend    { background-color: #181D1D; padding:4px; border:1px solid #000000; }

/* The  post legend when viewing a forum and the table surrounding the private message images */
table.flegend    { background-color: #181D1D; padding:2px; border:1px solid #000000; }

/*
  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 { opacity:.60; filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity:0.6;}

/* Header cells - the blue and silver gradient backgrounds */
th    {
    color: #76A38E; font-size: 11px; font-weight : bold;
    background-color: #343E3D; height: 30px;
    background-image: url('http://img5.xooimage.com/files/c/e/cellpic3-8f9bd.gif');
    text-align: center;
}

td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
            background-image: url('http://img6.xooimage.com/files/c/e/cellpic1-8f9be.gif');
            background-color:#1C2525; height: 26px;
}

/*
  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: 28px;
    border-width: 0px 0px 0px 0px;
}
th.thHead,th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.thCornerL,th.thCornerL2,th.thCornerR {
    font-weight: bold; height: 28px; }
td.row3Right,td.spaceRow { background-color: #161A19; }

th.thHead,td.catHead { font-size: 12px; border-width: 1px 1px 0px 1px; }
th.thSides,td.catSides,td.spaceRow     { border-width: 0px 1px 0px 1px; }
th.thRight,td.row3Right     { border-width: 0px 1px 0px 0px; }
th.thLeft      { 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; }
th.thCornerL2 { border-width: 1px 0px 0px 1px; background-image:url('http://img2.xooimage.com/files/c/e/cellpic4-8f9bf.gif'); }

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

/* General text */
.gen { font-size : 12px; }
.genmed { font-size : 11px; }
.gensmall { font-size : 10px; }
.gen,.genmed,.gensmall { color : #B9C0BC; }
a.gen,a.genmed,a.gensmall { color: #B0BFB2; text-decoration: none; }
a.gen:hover,a.genmed:hover,a.gensmall:hover    { color: #9CAF9F; text-decoration: underline; }


/* The register, login, search etc links at the top of the page */
.mainmenu        { font-size : 11px; color : #E1E2E2; line-height : 180%;}
a.mainmenu,a.mainmenu:visited    { text-decoration: none; color : #E1E2E2;  }
a.mainmenu:hover{ text-decoration: underline; color : #719C8D; }

/* Forum category titles */
.cattitle        { font-weight: bold; font-size: 12px ; letter-spacing: 1px; color : #5E8C8A}
a.cattitle,a.cattitle:visited    { text-decoration: none; color : #5E8C8A; }
a.cattitle:hover{ text-decoration: none; }


/* Forum title: Text and link to the forums used in: index.php */
.forumlink        { font-weight: bold; font-size: 12px; color : #6EB1A2; }
a.forumlink,a.forumlink:visited    { text-decoration: none; color : #6EB1A2; }
a.forumlink:hover{ text-decoration: none; color : #8CC3B7; }


/* Used for the navigation text, (Page 1,2,3 etc) and the navigation bar when in a forum */
.nav            { font-weight: bold; font-size: 11px; color : #9BBBBA; }
a.nav,a.nav:visited    { text-decoration: none; color : #9BBBBA; }
a.nav:hover        { text-decoration: underline; color : #95C1C5; }

/* titles for the topics */
.topictitle            { font-weight: bold; font-size: 11px; color : #8EA39D; }
a.topictitle:link,a.topictitle:visited   { text-decoration: none; color : #8EA39D; }
a.topictitle:hover    { text-decoration: underline; color : #8EA39D; }

/* Name of poster in viewmsg.php and viewtopic.php and other places */
.name            { font-size : 11px; color : #71ACAA;}

/* Location, number of posts, post date etc */
.postdetails        { font-size : 10px; color : #8DB8B7; }

/* The content of the posts (body of text) */
.postbody { font-size : 12px;}
a.postlink:link    { text-decoration: none; color : #7FAA9A; }
a.postlink:visited { text-decoration: none; color : #7FAA9A; }
a.postlink:hover { text-decoration: underline; color : #4CAC89; }

/* Quote & Code blocks */
.code {
    font-family: Courier, 'Courier New', sans-serif; font-size: 11px; color: #90BDAE;
    background-color: #3E5550; border: #141919; border-style: solid;
    border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}

.quote {
    font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #BABABA; line-height: 125%;
    background-color: #3E5550; border: #141919; 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: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #8DB8AB; letter-spacing: -1px;}
a.copyright        { color: #8DB8AB; text-decoration: none;}
a.copyright:hover { color: #000000; text-decoration: none;}

/* Form elements */

textarea,select {
    color : #000000;
    font: normal 11px Verdana, Arial, Helvetica, sans-serif;
    border: 1px inset #0D1010;
    vertical-align: middle; 
    
}

/* The text input fields background colour */
textarea.post{ 
    background-color : #638376; 
    background-image : url('http://img7.xooimage.com/files/t/e/textbg-8f9c0.gif');
    background-repeat: repeat;
    text-align: left;
    vertical-align: top;
}

input.post, select {
    background-color : #50695F;
    background-image : url('http://img10.xooimage.com/files/i/n/inputbg-8f9c1.gif');
    background-repeat: repeat;
    border: 1px inset #0D1010;
    text-align: left;
}

input {
    text-indent : 2px;
    text-align: center;
    vertical-align: middle; 
}

/* The buttons used for bbCode styling in message post */
input.button {
    background-color : #638376;
    color : #000000;
    font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif;
    background-image : url('http://img5.xooimage.com/files/b/u/buttonbg-8f9c2.gif');
    background-repeat: repeat;
    border: 1px outset #0D1010;
}

/* The main submit button option */
input.mainoption {
    background-color : #638376;
    font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight : bold;
    background-image : url('http://img5.xooimage.com/files/b/u/buttonbg-8f9c2.gif');
    background-repeat: repeat;
    border: 1px outset #0D1010;
}

/* None-bold submit button */
input.liteoption {
    background-color : #638376;
    font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight : normal;
    background-image : url('http://img5.xooimage.com/files/b/u/buttonbg-8f9c2.gif');
    background-repeat: repeat;
    border: 1px outset #0D1010;
}

/* 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: #1D2221; color : #97B2AD; 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');




"GuildWarsAlliance.css" :
 
Code: Sélectionner - Agrandir


 /*
  GuildWarsAlliance Theme for phpBB version 2+
  Created by Daniel of Gaming Exe (aka Daniel Exe on the phpbb.com forums)
  http://www.gamexe.net
*/

 /* General page style. */
body {background-color: #4C5B57; 
    background-image:url('http://img9.xooimage.com/files/b/g/bg-6e29a.gif');
    font-size: 10pt;
    color:#B9C0BC;
    font-family: arial;
    margin: 0px;}

 /* Used to center the layout. */
.center {
text-align:center;
}

 /* Background for content*/
table.content {background-image: url('http://img9.xooimage.com/files/b/g/bg-6e29a.gif'); background-repeat: repeat;}

 /* Used to center the layout. */
.center table {
margin-left:auto;
margin-right:auto;
text-align:left;
}

/* Used for who is online image */
.wonline { float: center; _margin-left: 14px; }

 /* Backgrounds for log in/log out cells */
.log1 {background-image: url('http://img7.xooimage.com/files/l/o/log2-8f9b1.gif');}
.log2 {background-image: url('http://img10.xooimage.com/files/l/o/log3-8f9b2.gif');}

 /* Bar above and below forum list on index. */
td.bar {background-image: url('http://img7.xooimage.com/files/b/a/bar-8f9b3.gif'); background-repeat: repeat;}

 /* Black border that surrounds everything bellow the banner. */
table.border {border-style: solid; border-color: #000000; border-width:1px; text-align:center;}

 /* Style of the td in the navigation that contains the menu links. */
td.menubg {background-image:url('http://img6.xooimage.com/files/m/e/menu_center-8f9b4.gif'); text-align:center;}

 /* Style of the td below navigation. */
td.bg2 { background-image:url('http://img8.xooimage.com/files/b/g/bg2-8f9b5.gif'); background-repeat: no-repeat; background-position: top center; }

/* General font families for common tags */
font,th,td,p { font-family: Verdana, Arial, Helvetica, sans-serif }
a:link,a:active,a:visited { text-decoration: none; color : #7FAA9A; }
a:hover        { text-decoration: underline; color : #4CAC89; }
hr    { height: 0px; border: solid #293535 0px; border-top-width: 1px;}

/* This is the outline round the main forum tables */
.forumline    { background-color: #0D1010; border: 2px #44524E solid; }

.indextable { border:1px solid #000; }

/* Who is online box */
td.stats1 {background-image:url('http://img8.xooimage.com/files/s/t/stats_top-8f9b6.gif'); }
td.stats2 {background-image:url('http://img8.xooimage.com/files/s/t/stats_top2-8f9b7.gif'); }
td.stats3 {background-image:url('http://img8.xooimage.com/files/s/t/stats_top3-8f9b8.gif'); }
td.stats4 {background-image:url('http://img7.xooimage.com/files/s/t/stats_bg-8f9b9.gif'); }
td.stats5 {background-image:url('http://img9.xooimage.com/files/s/t/stats_bottom-8f9ba.gif'); }

/* Main table cell colours and backgrounds */
td.row1    { background-color: #181D1D; }
td.row2    { background-color: #1D2221; }
td.row3    { background-color: #181D1D; }
td.row4    { background-image:url('http://img4.xooimage.com/files/c/e/cellbg-8f9bb.gif'); }

/* The  post legend on the index */
table.ilegend    { background-color: #181D1D; padding:4px; border:1px solid #000000; }

/* The  post legend when viewing a forum and the table surrounding the private message images */
table.flegend    { background-color: #181D1D; padding:2px; border:1px solid #000000; }

/*
  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: #272F2E;
        background-image: url('http://img2.xooimage.com/files/c/e/cellpic2-8f9bc.jpg');
        background-repeat: repeat;
}

/* Header cells - the blue and silver gradient backgrounds */
th    {
    color: #76A38E; font-size: 11px; font-weight : bold;
    background-color: #343E3D; height: 30px;
    background-image: url('http://img5.xooimage.com/files/c/e/cellpic3-8f9bd.gif');
    text-align: center;
}

td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
            background-image: url('http://img6.xooimage.com/files/c/e/cellpic1-8f9be.gif');
            background-color:#1C2525; height: 26px;
}

/*
  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: 28px;
    border-width: 0px 0px 0px 0px;
}
th.thHead,th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.thCornerL,th.thCornerL2,th.thCornerR {
    font-weight: bold; height: 28px; }
td.row3Right,td.spaceRow { background-color: #161A19; }

th.thHead,td.catHead { font-size: 12px; border-width: 1px 1px 0px 1px; }
th.thSides,td.catSides,td.spaceRow     { border-width: 0px 1px 0px 1px; }
th.thRight,td.row3Right     { border-width: 0px 1px 0px 0px; }
th.thLeft      { 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; }
th.thCornerL2 { border-width: 1px 0px 0px 1px; background-image:url('http://img2.xooimage.com/files/c/e/cellpic4-8f9bf.gif'); }

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

/* General text */
.gen { font-size : 12px; }
.genmed { font-size : 11px; }
.gensmall { font-size : 10px; }
.gen,.genmed,.gensmall { color : #B9C0BC; }
a.gen,a.genmed,a.gensmall { color: #B0BFB2; text-decoration: none; }
a.gen:hover,a.genmed:hover,a.gensmall:hover    { color: #9CAF9F; text-decoration: underline; }


/* The register, login, search etc links at the top of the page */
.mainmenu        { font-size : 11px; color : #E1E2E2; line-height : 180%;}
a.mainmenu,a.mainmenu:visited    { text-decoration: none; color : #E1E2E2;  }
a.mainmenu:hover{ text-decoration: underline; color : #719C8D; }

/* Forum category titles */
.cattitle        { font-weight: bold; font-size: 12px ; letter-spacing: 1px; color : #5E8C8A}
a.cattitle,a.cattitle:visited    { text-decoration: none; color : #5E8C8A; }
a.cattitle:hover{ text-decoration: none; }


/* Forum title: Text and link to the forums used in: index.php */
.forumlink        { font-weight: bold; font-size: 12px; color : #6EB1A2; }
a.forumlink,a.forumlink:visited    { text-decoration: none; color : #6EB1A2; }
a.forumlink:hover{ text-decoration: none; color : #8CC3B7; }


/* Used for the navigation text, (Page 1,2,3 etc) and the navigation bar when in a forum */
.nav            { font-weight: bold; font-size: 11px; color : #9BBBBA; }
a.nav,a.nav:visited    { text-decoration: none; color : #9BBBBA; }
a.nav:hover        { text-decoration: underline; color : #95C1C5; }

/* titles for the topics */
.topictitle            { font-weight: bold; font-size: 11px; color : #8EA39D; }
a.topictitle:link,a.topictitle:visited   { text-decoration: none; color : #8EA39D; }
a.topictitle:hover    { text-decoration: underline; color : #8EA39D; }

/* Name of poster in viewmsg.php and viewtopic.php and other places */
.name            { font-size : 11px; color : #71ACAA;}

/* Location, number of posts, post date etc */
.postdetails        { font-size : 10px; color : #8DB8B7; }

/* The content of the posts (body of text) */
.postbody { font-size : 12px;}
a.postlink:link    { text-decoration: none; color : #7FAA9A; }
a.postlink:visited { text-decoration: none; color : #7FAA9A; }
a.postlink:hover { text-decoration: underline; color : #4CAC89; }

/* Quote & Code blocks */
.code {
    font-family: Courier, 'Courier New', sans-serif; font-size: 11px; color: #90BDAE;
    background-color: #3E5550; border: #141919; border-style: solid;
    border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}

.quote {
    font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #BABABA; line-height: 125%;
    background-color: #3E5550; border: #141919; 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: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #8DB8AB; letter-spacing: -1px;}
a.copyright        { color: #8DB8AB; text-decoration: none;}
a.copyright:hover { color: #000000; text-decoration: none;}

/* Form elements */

textarea,select {
    color : #000000;
    font: normal 11px Verdana, Arial, Helvetica, sans-serif;
    border: 1px inset #0D1010;
    vertical-align: middle; 
    
}

/* The text input fields background colour */
textarea.post{ 
    background-color : #638376; 
    background-image : url('http://img7.xooimage.com/files/t/e/textbg-8f9c0.gif');
    background-repeat: repeat;
    text-align: left;
    vertical-align: top;
}

input.post, select {
    background-color : #50695F;
    background-image : url('http://img10.xooimage.com/files/i/n/inputbg-8f9c1.gif');
    background-repeat: repeat;
    border: 1px inset #0D1010;
    text-align: left;
}

input {
    text-indent : 2px;
    text-align: center;
    vertical-align: middle; 
}

/* The buttons used for bbCode styling in message post */
input.button {
    background-color : #638376;
    color : #000000;
    font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif;
    background-image : url('http://img5.xooimage.com/files/b/u/buttonbg-8f9c2.gif');
    background-repeat: repeat;
    border: 1px outset #0D1010;
}

/* The main submit button option */
input.mainoption {
    background-color : #638376;
    font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight : bold;
    background-image : url('http://img5.xooimage.com/files/b/u/buttonbg-8f9c2.gif');
    background-repeat: repeat;
    border: 1px outset #0D1010;
}

/* None-bold submit button */
input.liteoption {
    background-color : #638376;
    font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight : normal;
    background-image : url('http://img5.xooimage.com/files/b/u/buttonbg-8f9c2.gif');
    background-repeat: repeat;
    border: 1px outset #0D1010;
}

/* 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: #1D2221; color : #97B2AD; 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');


 
Et l'index,"index_body.tpll" :

 
Code: Sélectionner - Agrandir
                     <table width="100%" cellspacing="2" cellpadding="2" border="0" align="center">
                        <tr>
                            <td align="left"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a></span></td>
                        </tr>
                    </table>

                    <table width="100%" cellpadding="2" cellspacing="1" border="0" class="forumline">
                          <tr>
                              <td class="bar" colspan="5" height="6"></td>
                          </tr>
                          <tr>
                            <th colspan="2" class="thCornerL2" height="25" nowrap="nowrap">&nbsp;{L_FORUM}&nbsp;</th>
                            <th width="50" class="thTop" nowrap="nowrap">&nbsp;{L_TOPICS}&nbsp;</th>
                            <th width="50" class="thTop" nowrap="nowrap">&nbsp;{L_POSTS}&nbsp;</th>
                            <th class="thCornerR" nowrap="nowrap">&nbsp;{L_LASTPOST}&nbsp;</th>
                          </tr>
                          <!-- BEGIN catrow -->
                          <tr>
                            <td class="catLeft" colspan="5" height="28"><span class="cattitle"><a href="{catrow.U_VIEWCAT}" class="cattitle">{catrow.CAT_DESC}</a></span></td>
                          </tr>
                          <!-- BEGIN forumrow -->
                          <tr>
                            <td class="row1" align="center" valign="middle" height="50"><img src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /></td>
                            <td class="row4" width="100%" height="50"><span class="forumlink"> <a href="{catrow.forumrow.U_VIEWFORUM}" class="forumlink">{catrow.forumrow.FORUM_NAME}</a><br />
                              </span> <span class="genmed">{catrow.forumrow.FORUM_DESC}<br />
                              </span><span class="gensmall">{catrow.forumrow.L_MODERATOR} {catrow.forumrow.MODERATORS}</span></td>
                            <td class="row4" align="center" valign="middle" height="50"><span class="gensmall">{catrow.forumrow.TOPICS}</span></td>
                            <td class="row4" align="center" valign="middle" height="50"><span class="gensmall">{catrow.forumrow.POSTS}</span></td>
                            <td class="row4" align="center" valign="middle" height="50" nowrap="nowrap"> <span class="gensmall">{catrow.forumrow.LAST_POST}</span></td>
                          </tr>
                          <!-- END forumrow -->
                          <!-- END catrow -->
                          <tr>
                              <td class="bar" colspan="5" height="6"></td>
                          </tr>
                    </table>

<table width="100%" cellspacing="0" border="0" align="center" cellpadding="2">
  <tr>
     <td align="left">
     <!-- BEGIN switch_user_logged_in -->
         <span class="gensmall"><a href="{U_MARK_READ}" class="gensmall">{L_MARK_FORUMS_READ}</a></span>
     <!-- END switch_user_logged_in -->
     </td>
    <td align="right"><span class="gensmall">{S_TIMEZONE}</span></td>
  </tr>
</table>
<table border="0" width="758" cellspacing="0" cellpadding="0">
    <tr>
        <td valign="top" class="stats1" height="16"></td>
    </tr>
    <tr>
        <td valign="top">
        <table border="0" width="100%" cellspacing="0" cellpadding="0">
            <tr>
                <td width="347" class="stats2" height="20" valign="top"><span class="cattitle">&nbsp;&nbsp;&nbsp;<a href="{U_VIEWONLINE}" class="cattitle">{L_WHO_IS_ONLINE}</a></span></td>
                <td height="20" width="411" class="stats3" valign="top"></td>
            </tr>
        </table>
        </td>
    </tr>
    <tr>
        <td class="stats4" valign="top">
            <table width="730px" cellpadding="3" cellspacing="1" border="0">
              <tr>
                <td valign="middle" rowspan="2" width="80px"><img src="http://img6.xooimage.com/files/c/3/1/quiest-enligne-142a6a3.png" class="wonline" alt="{L_WHO_IS_ONLINE}" /></td>
                <td align="left" width="640px"><span class="gensmall">{TOTAL_POSTS}<br />{TOTAL_USERS}<br />{NEWEST_USER}</span>
                </td>
              </tr>
              <tr>
                <td align="left"><span class="gensmall">{TOTAL_USERS_ONLINE} &nbsp; [ {L_WHOSONLINE_ADMIN} ] &nbsp; [ {L_WHOSONLINE_MOD} ]<br />{RECORD_USERS}<br />{LOGGED_IN_USER_LIST}</span></td>
              </tr>
            </table>
        </td>
    </tr>
    <tr>
        <td valign="top" class="stats5" height="20"></td>
    </tr>
</table>
<table width="100%" cellpadding="1" cellspacing="1" border="0">
<tr>
    <td align="left" valign="top"><span class="gensmall">{L_ONLINE_EXPLAIN}</span></td>
</tr>
</table>

<!-- BEGIN switch_user_logged_out -->
<form method="post" action="{S_LOGIN_ACTION}">
  <table width="100%" cellpadding="3" cellspacing="1" border="0" class="forumline">
    <tr>
      <td class="bar" height="6"></td>
    </tr>
    <tr>
      <td class="row1" align="center" valign="middle" height="28"><span class="gensmall">{L_USERNAME}:
        <input class="post" type="text" name="username" size="10" />
        &nbsp;&nbsp;&nbsp;{L_PASSWORD}:
        <input class="post" type="password" name="password" size="10" maxlength="32" />
        <!-- BEGIN switch_allow_autologin -->
        &nbsp;&nbsp; &nbsp;&nbsp;{L_AUTO_LOGIN}
        <input type="checkbox" name="autologin" />
        <!-- END switch_allow_autologin -->
        &nbsp;&nbsp;&nbsp;
        <input type="submit" class="mainoption" name="login" value="{L_LOGIN}" />
        </span> </td>
    </tr>
    <tr>
      <td class="bar" height="6"></td>
    </tr>
  </table>
</form>
<!-- END switch_user_logged_out -->

<br clear="all" />

<table cellspacing="3" class="ilegend" align="center" cellpadding="0">
  <tr>
    <td width="20" align="center"><img src="http://img10.xooimage.com/files/f/o/folder_new_big-6e2ae.gif" alt="{L_NEW_POSTS}"/></td>
    <td><span class="gensmall">{L_NEW_POSTS}</span></td>
    <td>&nbsp;&nbsp;</td>
    <td width="20" align="center"><img src="http://img4.xooimage.com/files/f/o/folder_big-6e2a5.gif" alt="{L_NO_NEW_POSTS}" /></td>
    <td><span class="gensmall">{L_NO_NEW_POSTS}</span></td>
    <td>&nbsp;&nbsp;</td>
    <td width="20" align="center"><img src="http://img10.xooimage.com/files/f/o/folder_locked_big-6e2ab.gif" alt="{L_FORUM_LOCKED}" /></td>
    <td><span class="gensmall">{L_FORUM_LOCKED}</span></td>
  </tr>
</table>




Pour d'autre informations n'hésitez pas a me demander.


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: Sun 16 May 2010 - 11:15    Post subject: [Modification] Guide du css xooit Reply with quote

dans tes css cherches


/* The content of the posts (body of text) */
.postbody { font-size : 12px;}

mets comme ça

/* The content of the posts (body of text) */
.postbody { font-size : 12px; color: #FFFFFF;}
_______________________


Forum
Author Message
Nealdor


Offline
Guest




PostPosted: Sun 16 May 2010 - 11:39    Post subject: [Modification] Guide du css xooit Reply with quote

Parfait merci  Smile

Author Message
lulus
Membre


Offline
Membre

Joined: 27 Nov 2009
Posts: 13
Niveau:
Point(s): 12
Moyenne: 0.92
Mozilla Féminin Scorpion (23oct-21nov) 馬 Cheval

PostPosted: Sun 16 May 2010 - 12:46    Post subject: [Modification] Guide du css xooit Reply with quote

lulus wrote:
merci beaucoup ca a marché, sérieux merci de nous aider autant des fois j'ai beau chercher un tuto au lieu de vous embéter mais pas évident a trouver tout le temps

et je voulais sa voir autre choses,
y'a t'il possibilité d'enlever ce que j'ai entouré en vert ?
et de centrer ce que j'ai entouré en rouge ?



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: Sun 16 May 2010 - 17:31    Post subject: [Modification] Guide du css xooit Reply with quote

tu cherches dans index body

Code: Sélectionner - Agrandir
<td class="catHead" colspan="2" height="28"><span class="cattitle"><a href="{U_VIEWONLINE}" class="cattitle">{L_WHO_IS_ONLINE}</a></span></td>

et tu mets comme ça

<td class="catHead" colspan="2" height="28" align="center"><span class="cattitle"><a href="{U_VIEWONLINE}" class="cattitle">{L_WHO_IS_ONLINE}</a></span></td>

_______________________


Forum
Author Message
lulus
Membre


Offline
Membre

Joined: 27 Nov 2009
Posts: 13
Niveau:
Point(s): 12
Moyenne: 0.92
Mozilla Féminin Scorpion (23oct-21nov) 馬 Cheval

PostPosted: Sun 16 May 2010 - 18:12    Post subject: [Modification] Guide du css xooit Reply with quote

merci beaucoup & pour "Anniversaire du jour" et ce que j'ai entouré en vert ?

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: Sun 16 May 2010 - 18:36    Post subject: [Modification] Guide du css xooit Reply with quote

même chose ici
Code: Sélectionner - Agrandir

<td class="catHead" colspan="2" height="28"><span class="cattitle">{L_BIRTHDAYS}</span></td>

_______________________


Forum
Author Message
lulus
Membre


Offline
Membre

Joined: 27 Nov 2009
Posts: 13
Niveau:
Point(s): 12
Moyenne: 0.92
Mozilla Féminin Scorpion (23oct-21nov) 馬 Cheval

PostPosted: Thu 20 May 2010 - 21:15    Post subject: [Modification] Guide du css xooit Reply with quote

merci beaucoup

Last edited by lulus on Sat 22 May 2010 - 19:47; edited 1 time in total
Forum
Author Message
Tia Yess


Offline
Guest




PostPosted: Sat 22 May 2010 - 16:56    Post subject: [Modification] Guide du css xooit Reply with quote

Bonjour

Adresse de mon forum : www.pjjplanet.xooit.com/index.php?theme=test (Jem ets l'adresse du thème de test car c'est là que je fais mes manipulations pour l'instant)
Thème graphique du forum : Getaway.css 
Votre poste : Admin 
Votre navigateur (Modèle et version) : Opera
Mon problème concerne : La couleur des titres des sections qui ont de nouveaux messages.
Êtes-vous le seul concerné par ce problème : Non  
Description détaillée du problème:  Comme vous pouvez le voir en thème de test, les sections qui ont reçu de novueaux messages ont des titres écrits en rouge. Les autres titres sont bleus avec un bouton bleu. C'est la même chose pour les sujets. Mes sujets avec de nouveaux messages apparaissent en rouge, le reste en bleu.

Ce que je voudrais, c'est que la oculeur reste bleue, pour les sections comme pour les titres des sujets. Pour savoir qu'il y'a de novueaux messages, je veux que seul le bouton donne cette information, car je trouve ça moche que des titres ressortent en rouge alors que tout le reste est bleu.

Quel template dois-je modifier? Quelles modifications dois-je faire?

Merci d'avance.


Author Message
lulus
Membre


Offline
Membre

Joined: 27 Nov 2009
Posts: 13
Niveau:
Point(s): 12
Moyenne: 0.92
Mozilla Féminin Scorpion (23oct-21nov) 馬 Cheval

PostPosted: Sat 22 May 2010 - 19:46    Post subject: [Modification] Guide du css xooit Reply with quote

Bonjour à toutes et tous,

Adresse de mon forum : http://mary-web.xooit.fr
Thème graphique du forum : applachia
Votre poste : Admin fondateur
Votre navigateur (Modèle et version) : mozilla
Mon problème concerne :
Êtes-vous le seul concerné par ce problème : Oui - Non
Depuis quand dure le bug/problème constaté ? :
Images/Screens relatifs au problème :
Description détaillée du problème : et j'ai cherché sur le forum pour voir si y'a possibilité de mettre les numéro des pages des sujet en haut églament

exemple a l'appuie :

les numéros de page sont la :


& j'aimerais les mettre ici également (cela permettra au membres de lire le 1er post qui est en générale le plus important, et ils serront pas obligé de descendre tout en bas, les numéro des pages seront à porté de main)


Merci d'avance pour l'aide que vous saurez m'apporter.


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 22 May 2010 - 19:53    Post subject: [Modification] Guide du css xooit Reply with quote

bonjour

dans le template viewtopic body tu ajoutes ça au début
Code: Sélectionner - Agrandir

<div align="right">
<span class="gensmall">{PAGE_NUMBER}<br />
            {PAGINATION}</span>
</div>

_______________________


Forum
Author Message
lulus
Membre


Offline
Membre

Joined: 27 Nov 2009
Posts: 13
Niveau:
Point(s): 12
Moyenne: 0.92
Mozilla Féminin Scorpion (23oct-21nov) 馬 Cheval

PostPosted: Sat 22 May 2010 - 20:45    Post subject: [Modification] Guide du css xooit Reply with quote

perfait ca a marché merci Very Happy

Forum
Author Message
Jessi


Offline
Guest




PostPosted: Sat 22 May 2010 - 21:40    Post subject: [Modification] Guide du css xooit Reply with quote

Bonjour à toutes et tous,

Adresse de mon forum : http://stephanie-web.xooit.fr
Thème graphique du forum : applachia
Votre poste : Admin fondateur - Admin - Modérateur - Membre - Autre (préciser)
Votre navigateur (Modèle et version) : Mozilla
Mon problème concerne :
Êtes-vous le seul concerné par ce problème : Oui - Non
Depuis quand dure le bug/problème constaté ? :
Images/Screens relatifs au problème :
Description détaillée du problème : j'aimerais savoir si y'a possibilité de faire comme ce forum, mettre les liens en relief ? (car je trouve que cela rend super jolie) voici un capture d'écran du forum en question :



Merci d'avance pour l'aide que vous saurez m'apporter.


Author Message
Contenu Sponsorisé





PostPosted: Today at 12:14    Post subject: [Modification] Guide du css xooit

Display posts from previous:   
Reply to topic Page 112 of 118 Goto page: <  1, 2, 3111, 112, 113116, 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