La date/heure actuelle est Lun 23 Oct 2017 - 04:27 - créer un forum

[guide]modifier la largeur du forum

Aller au contenu

Poster un nouveau sujet Répondre au sujet Aller à la page: <  1, 2, 312, 13, 1495, 96, 97  >

[guide]modifier la largeur du forum
Auteur Message
DR.amine


Inscrit le: 17 Aoû 2007
Messages: 5

MessagePosté le: Mer 22 Aoû 2007 - 07:05    Sujet du message: [guide]modifier la largeur du forum Répondre en citant

PublicitéSupprimer les publicités ?
Revue du message précédent :

bjr a tous
à quelqu'un peut identifier là dedans ce que je doit modifier pour grandire la largeur du (portaille et forum )!!

Code: Sélectionner - Agrandir
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
   lang="en"
   xml:lang="en">

<head>
<link rel="shortcut icon" href="http://img441.imageshack.us/img441/3196/eek1e6fbuq3.gif">
<meta http-equiv="Content-Type"
   content="text/html;
   charset={S_CONTENT_ENCODING}" />

<meta http-equiv="imagetoolbar"
   content="no" />

<link rel="icon"
   href="http://img3.xooimage.com/files/0/4/b/sans-titre-4-18f19d.png" />

<link rel="stylesheet"
   href="http://img10.xooimage.com/files/0/5/9/cnd2-18f128.css" type="text/css" />

<script type="text/javascript"
   src="http://img3.xooimage.com/files/c/n/cnd2-a89f4.js"></script>

<script type="text/javascript"
   src="http://img6.xooimage.com/files/p/r/prototype-a8991.js"></script>
   
<script type="text/javascript"
   src="http://img.xooimage.com/files/"></script>
   
<script type="text/javascript"
   src="http://img6.xooimage.com/files/l/i/lightbox-a89f5.js"></script>
   
<link rel="stylesheet"
   href="http://img8.xooimage.com/files/l/i/lightbox-a8994.css" type="text/css" media="screen" />

{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 -->

</head>
<body onload="onLoadFunction()">

<a id="top"></a>

<table cellspacing="0" id="forum">
   <tr>
      <td>&nbsp;</td>
      <td id="bodyline">

      <div id="top_image">
         <a href="{U_INDEX}"><img src="http://img6.xooimage.com/files/d/a/4/sans-titre-6-18c908.png" alt="{L_INDEX}" /></a>
      </div>
<a href="http://www.quikshow.c.la"><center><img src="http://img510.imageshack.us/img510/7841/cooltext63344587zm8.jpg" border="0" width="600" height="130" alt="C.la -everything's Ok"></center></a>
   <div class="menu1">
      <div class="left mainmenu">
         <a href="{U_FAQ}">{L_FAQ}</a>
         &nbsp;
         <a href="{U_SEARCH}">{L_SEARCH}</a>
         &nbsp;
         <a href="{U_MEMBERLIST}">{L_MEMBERLIST}</a>
         &nbsp;
         <a href="{U_GROUP_CP}">{L_USERGROUPS}</a>
         &nbsp;
         <!-- BEGIN switch_user_logged_in -->
         <a href="{U_PROFILE}">{L_PROFILE}</a>
         &nbsp;
         <a href="{U_PRIVATEMSGS}">{PRIVATE_MESSAGE_INFO}</a>
         <!-- END switch_user_logged_in -->
      </div>
      <div class="right mainmenu">
         <a href="{U_LOGIN_LOGOUT}">{L_LOGIN_LOGOUT}</a>
         <!-- BEGIN switch_user_logged_out -->
         &nbsp;
         <a href="{U_REGISTER}">{L_REGISTER}</a>
         <!-- END switch_user_logged_out -->
      </div>
   </div>


   <div class="clear"></div>


   <div class="menu2">
      <div class="left mainmenu">
         <div id="loadingLayer">
            Loading..
         </div>
               </div>
      <div class="right mainmenu"><a href="http://www.quikshow.c.la">quikshow -EverythinG's Ok-</a>
         <!-- BEGIN switch_user_logged_in -->
         {PAGE_TITLE}
         <!-- END switch_user_logged_in -->
         <!-- BEGIN switch_user_logged_out -->
         <form method="post" action="{S_LOGIN_ACTION}">
         {L_USERNAME}: <input class="post postsmall" type="text" name="username" />&nbsp;
         {L_PASSWORD}: <input class="post postsmall" type="password" name="password" maxlength="32" />
         <input name="autologin" type="hidden" value="1" /><input type="submit" class="button" name="login" value="{L_LOGIN}" />
         </form>
         <!-- END switch_user_logged_out -->
      </div>
   </div>
Forum
Auteur Message
themalin
Membre


Hors ligne
Membre

Inscrit le: 19 Avr 2006
Messages: 8 897
Point(s): 9 101
Moyenne: 1,02
Mac Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...)

MessagePosté le: Mer 22 Aoû 2007 - 17:10    Sujet du message: [guide]modifier la largeur du forum Répondre en citant

bonjour
ici

 
Code: Sélectionner - Agrandir

<body onload="onLoadFunction()">
 
<a id="top"></a>
 
<table cellspacing="0" id="forum">
   <tr>  
essayes
en remplaçant par


 
Code: Sélectionner - Agrandir
<body onload="onLoadFunction()">
 
<a id="top"></a>
 
<table cellspacing="0" width="XX" id="forum">
   <tr>  
tu remplaces les XX par la valeur voulue
_______________________


Forum
Auteur Message
DR.amine
Membre


Hors ligne
Membre

Inscrit le: 17 Aoû 2007
Messages: 5
Niveau:
Point(s): 5
Moyenne: 1,00
Windows XP (ou plus ancien) Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Masculin Poissons (20fev-20mar)

MessagePosté le: Mer 22 Aoû 2007 - 18:38    Sujet du message: [guide]modifier la largeur du forum Répondre en citant

c rien a changé ???
_______________________
http://quikamine.xooit.com -EverythinG's Ok-


Forum
Auteur Message
themalin
Membre


Hors ligne
Membre

Inscrit le: 19 Avr 2006
Messages: 8 897
Point(s): 9 101
Moyenne: 1,02
Mac Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...)

MessagePosté le: Mer 22 Aoû 2007 - 18:42    Sujet du message: [guide]modifier la largeur du forum Répondre en citant

quel est le thème de ton forum
_______________________


Forum
Auteur Message
DR.amine
Membre


Hors ligne
Membre

Inscrit le: 17 Aoû 2007
Messages: 5
Niveau:
Point(s): 5
Moyenne: 1,00
Windows XP (ou plus ancien) Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Masculin Poissons (20fev-20mar)

MessagePosté le: Mer 22 Aoû 2007 - 18:52    Sujet du message: [guide]modifier la largeur du forum Répondre en citant

Exclamation Exclamation http://quikamine.xooit.com voila tu peu savoir
et merciiiiiiii

_______________________
http://quikamine.xooit.com -EverythinG's Ok-


Forum
Auteur Message
themalin
Membre


Hors ligne
Membre

Inscrit le: 19 Avr 2006
Messages: 8 897
Point(s): 9 101
Moyenne: 1,02
Mac Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...)

MessagePosté le: Mer 22 Aoû 2007 - 18:55    Sujet du message: [guide]modifier la largeur du forum Répondre en citant

dans ton template

cnd2-a89f3.css

cherches

#forum {
    width: 780px;
    height: 100%;
    background-color: #fbfbfb;
    margin: 0 auto}

il suffit de changer la valeur de 780
_______________________


Forum
Auteur Message
DR.amine
Membre


Hors ligne
Membre

Inscrit le: 17 Aoû 2007
Messages: 5
Niveau:
Point(s): 5
Moyenne: 1,00
Windows XP (ou plus ancien) Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Masculin Poissons (20fev-20mar)

MessagePosté le: Mer 22 Aoû 2007 - 19:28    Sujet du message: [guide]modifier la largeur du forum Répondre en citant

jé pas trouve cnd2a89f3.css et jé change dans cnd2-19290e.css

mais je trouve un problem

apres-1-


avant -2-



tu voie !!! Shocked Shocked

_______________________
http://quikamine.xooit.com -EverythinG's Ok-


Forum
Auteur Message
DR.amine
Membre


Hors ligne
Membre

Inscrit le: 17 Aoû 2007
Messages: 5
Niveau:
Point(s): 5
Moyenne: 1,00
Windows XP (ou plus ancien) Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Masculin Poissons (20fev-20mar)

MessagePosté le: Mer 22 Aoû 2007 - 19:58    Sujet du message: [guide]modifier la largeur du forum Répondre en citant

ok jé corrigé jé change aussi

#bodyline {
    width: 917px;
    padding: 10px 0;
    vertical-align: top;
    text-align: left}
mercccccccci
_______________________
http://quikamine.xooit.com -EverythinG's Ok-


Forum
Auteur Message
Garneuil


Hors ligne
Invité




MessagePosté le: Mer 29 Aoû 2007 - 14:15    Sujet du message: [guide]modifier la largeur du forum Répondre en citant

Bonjour à tous,
Tout d'abord, je voulais féliciter xooit.com pour le large choix de thèmes.

Mon probleme concerne : La modification de la largeur du forum

Adresse de mon forum : http://gobelin.vraiforum.com

Le nom de mon theme : Lifecod

Je suis admin de ce forum : Oui

Images se rapportant au problème : Il suffit d'aller sur mon forum

Description complete et précise du problème : Je souhaiterai réduire la largeur du forum à 70%. J'ai pourtant bien lu le guide, je ne retrouve pas les lignes de code à modifier dans le template overall_header.tpl comme indiqué.
Pourriez vous m'indiquer la démarche à suivre ?

Merci.


Auteur Message
themalin
Membre


Hors ligne
Membre

Inscrit le: 19 Avr 2006
Messages: 8 897
Point(s): 9 101
Moyenne: 1,02
Mac Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...)

MessagePosté le: Mer 29 Aoû 2007 - 18:30    Sujet du message: [guide]modifier la largeur du forum Répondre en citant

bonjour
panneau admin
thème
modifier les templates
index body
et cherches au début le même code
_______________________


Forum
Auteur Message
Garneuil


Hors ligne
Invité




MessagePosté le: Mer 29 Aoû 2007 - 18:42    Sujet du message: [guide]modifier la largeur du forum Répondre en citant

Bonjour themalin,
Merci de me répondre aussi vite.

Par contre, je ne trouve pas le terme "width" dans l'index_body.
Peut-être une ligne à rajouter ?

 
Code: Sélectionner - Agrandir
<div id="upper-frame">
<div id="upper-frame_tp"><div id="upper-frame_btm"><div id="upper-frame_lt"><div id="upper-frame_rt">
<div id="upper-frame_tp_lt"><div id="upper-frame_tp_rt"><div id="upper-frame_btm_lt"><div id="upper-frame_btm_rt">
    <div class="float-left">
        <span class="smalltxt">
        <!-- BEGIN switch_user_logged_in -->
        {LAST_VISIT_DATE}<br />
        <!-- END switch_user_logged_in -->
        {CURRENT_TIME}<br />
        </span>
        <span class="l_index"><a href="{U_INDEX}">{L_INDEX}</a></span>
    </div>
    <div class="right">
        <span class="smalltxt">
        <!-- BEGIN switch_user_logged_in -->
        <a class="nul" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
        <a class="nul" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
        <!-- END switch_user_logged_in -->
        <a class="nul" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
        </span>
    </div>
    <div class="clear_both"></div>
</div></div></div></div>
</div></div></div></div>
</div>

<div id="outer-frame">
<div id="outer-frame_hd_tile"><div id="outer-frame_ft_tile"><div id="outer-frame_lt_tile"><div id="outer-frame_rt_tile">
<div id="outer-frame_hd_lt"><div id="outer-frame_hd_rt"><div id="outer-frame_ft_lt"><div id="outer-frame_ft_rt">
    <div id="frame-top">

    </div>

    <div class="header-frame">
    <div class="header-frame_tile">
    <div class="header-frame_lt"></div>
    <div class="header-frame_rt"></div>
        <div class="hd-forum_name header">
            {L_FORUM}
        </div>
        <div class="hd-forum_numeric hd-forum_numeric_topics header">
            {L_TOPICS}
        </div>
        <div class="hd-forum_numeric hd-forum_numeric_posts header">
            {L_POSTS}
        </div>
        <div class="hd-forum_lastpost header">
            {L_LASTPOST}
        </div>
    </div>
    </div>

    <!-- BEGIN catrow -->
    <div class="content-frame_block">
    <div class="content-frame">
    <div class="content-frame_tp"><div class="content-frame_btm"><div class="content-frame_lt"><div class="content-frame_rt">
    <div class="content-frame_tp_lt"><div class="content-frame_tp_rt"><div class="content-frame_btm_lt"><div class="content-frame_btm_rt">
        <h1 class="category">
            <img class="va-midd" src="http://img5.xooimage.com/files/s/i/signboard-33685.gif" alt="" />&nbsp;
            <span class="va-midd"><a class="nul" href="{catrow.U_VIEWCAT}">{catrow.CAT_DESC}</a></span>
        </h1>
        <!-- BEGIN forumrow -->
        <div class="forum_row">
            <img class="forum_folder" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
            <div class="forum_about">
                <h2><a class="nul" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></h2>
                <span class="medtxt">{catrow.forumrow.FORUM_DESC}<br /></span>
                <span class="smalltxt">{catrow.forumrow.L_MODERATOR} {catrow.forumrow.MODERATORS}</span>
            </div>
            <div class="forum_numeric forum_numeric_topic">
                {catrow.forumrow.TOPICS}
            </div>
            <div class="forum_numeric forum_numeric_post">
                {catrow.forumrow.POSTS}
            </div>
            <div class="forum_lastpost">
                {catrow.forumrow.LAST_POST}
            </div>
        </div>
        <!-- END forumrow -->
    </div></div></div></div>
    </div></div></div></div>
    </div>
    </div>
  <!-- END catrow -->

    <div class="content-block">
    <div class="float-left">
        <span class="smalltxt"><a class="nul" href="{U_MARK_READ}">{L_MARK_FORUMS_READ}</a></span>
    </div>
    <div class="right">
        <span class="s_timezone">{S_TIMEZONE}</span>
    </div>
    </div>

    <div class="content-frame_block">
    <div class="content-frame">
    <div class="content-frame_tp"><div class="content-frame_btm"><div class="content-frame_lt"><div class="content-frame_rt">
    <div class="content-frame_tp_lt"><div class="content-frame_tp_rt"><div class="content-frame_btm_lt"><div class="content-frame_btm_rt">
        <span id="whosonline_text"><a class="nul" href="{U_VIEWONLINE}">{L_WHO_IS_ONLINE}</a></span>
        <span class="smalltxt">{L_ONLINE_EXPLAIN}</span>
        <img id="whosonline_img" src="http://img7.xooimage.com/files/w/h/whosonline-33686.gif" alt="{L_WHO_IS_ONLINE}" />
        <div id="wio_content">
        <div id="wio_c1">
            <span class="smalltxt">{TOTAL_POSTS}<br />{TOTAL_USERS}<br />{NEWEST_USER}</span>
        </div>
        <div id="wio_c2">
            <span class="smalltxt">{TOTAL_USERS_ONLINE} &nbsp; [ {L_WHOSONLINE_ADMIN} ] &nbsp; [ {L_WHOSONLINE_MOD} ]<br />{RECORD_USERS}<br />{LOGGED_IN_USER_LIST}</span>
        </div>
        </div>
    </div></div></div></div>
    </div></div></div></div>
    </div>
    </div>

    <!-- BEGIN switch_user_logged_out -->
    <form method="post" action="{S_LOGIN_ACTION}">
    <div class="content-block">
        <strong>{L_LOGIN_LOGOUT}</strong>&nbsp;&nbsp;&nbsp;
        <span class="smalltxt">
        {L_USERNAME}: <input class="va-midd" type="text" name="username" size="10" />&nbsp;
        {L_PASSWORD}: <input class="va-midd" type="password" name="password" size="10" maxlength="32" />&nbsp;
        {L_AUTO_LOGIN} <input class="va-midd" type="checkbox" name="autologin" />&nbsp;&nbsp;&nbsp;
        <input type="submit" class="va-midd" name="login" value="{L_LOGIN}" />
        </span>
    </div>
    </form>
    <!-- END switch_user_logged_out -->

    <div class="content-block">
        <span class="smalltxt">
        <img class="va-midd" src="http://img10.xooimage.com/files/f/o/folder_new_big-33649.gif" alt="{L_NEW_POSTS}" />
        {L_NEW_POSTS}&nbsp;&nbsp;
        <img class="va-midd" src="http://img8.xooimage.com/files/f/o/folder_big-33648.gif" alt="{L_NO_NEW_POSTS}" />
        {L_NO_NEW_POSTS}&nbsp;&nbsp;
        <img class="va-midd" src="http://img4.xooimage.com/files/f/o/folder_locked_big-3364a.gif" alt="{L_FORUM_LOCKED}" />
        {L_FORUM_LOCKED}
        </span>
    </div> 


Merci pour votre aide.


Auteur Message
themalin
Membre


Hors ligne
Membre

Inscrit le: 19 Avr 2006
Messages: 8 897
Point(s): 9 101
Moyenne: 1,02
Mac Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...)

MessagePosté le: Mer 29 Aoû 2007 - 18:46    Sujet du message: [guide]modifier la largeur du forum Répondre en citant

dans ton template css
le premier

tu dois avoir des partie qui se nomme

upper-frame
upper-frame_tp
upper-frame_rt

avec dedans des valeur en px ou des width c'est ici que tu dois changer les valeurs en fait
_______________________


Forum
Auteur Message
Garneuil


Hors ligne
Invité




MessagePosté le: Mer 29 Aoû 2007 - 18:58    Sujet du message: [guide]modifier la largeur du forum Répondre en citant

Sad
Je suis désolé d'y revenir encore.
J'ai bien trouvé les lignes de code upper-frame et modifier la valeur de la largeur comme ça :

Code: Sélectionner - Agrandir
 /* Upper frame */
 #upper-frame {
     width: 70%;


Malheureusement, ça ne change rien.
J'ai essayé dans les 2 .css (séparément ou ensemble).

Citation:
lifecod-19b64b.css
Lifecod.css


Auteur Message
Garneuil


Hors ligne
Invité




MessagePosté le: Mer 29 Aoû 2007 - 19:01    Sujet du message: [guide]modifier la largeur du forum Répondre en citant

Après vérification, cela à bien changé quelque chose.

Le cadre contenant ceci :
Citation:
Dernière visite le 29/08/2007 16:25:53
La date/heure actuelle est 29/08/2007 18:59:31
[Gobelin] Index du Forum
Voir les nouveaux messages depuis votre dernière visite
Voir mes messages
Voir les messages sans réponses

Il est maintenant réduit à 70% et sur la gauche.

Ce n'est pas visible sur mon site car je le fais en test seulement.

Désolé pour le double post :/

Edith:
Pour que ce soit plus simple pour tout le monde, voici le .css :

Code: Sélectionner - Agrandir
body {
   margin: 5px 5px 5px 5px;
   background-color: #FAF3E3;
   font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 12px;
   color: #775D39;
   text-align : center;
   min-width: 760px;
}
body.simple {
   background-color: #F8EDD2;
   margin: 2px 2px 2px 2px;
}
h1 {
   margin: 0px 0px 2px 0px;
   font-size: 13px;
   color: #886D48;
   text-align: center;
}
h2 {
   margin: 0px;
   font-size: 12px;
   color: #886D48;
}
img {
   border: 0px;
}
form {
   margin: 0px;
}
select {
   border: 1px solid #A78E68;
   background-color: #F8EED6;
   font-size: 11px;
   font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
}
input,textarea {
   border: 1px solid #A78E68;
   background-color: #F8EED6;
   padding: 1px 1px 1px 1px;
   font-size: 11px;
   font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
   color: #67573F;
}
a:link,a:active,a:visited {
   color: #947C3E;
}
a:hover   {
   text-decoration: underline;
   color: #C39C4D;
}
a.nul:link,a.nul:active,a.nul:visited, .l_index a:link,.l_index a:active,.l_index a:visited {
   text-decoration: none;
}
a.nul:hover, .l_index a:hover{
   text-decoration: underline;
}

/* General */
.smalltxt {
   font-size: 10px;
}
.medtxt {
   font-size: 11px;
}
.left {
   text-align: left;
}
.right {
   text-align: right;
}
.float-left {
   float: left;
   text-align: left;
}
.float-right {
   float: right;
   text-align: right;
}
.content-block {
   margin: 0px 15px 0px 15px;
}
.va-midd {
   vertical-align: middle;
}
.va-super {
   vertical-align: super;
}
.align_center {
   text-align: center;
}
.align_left {
   text-align: left;
}
.clear_both {
   clear: both;
}

/* Header */
#header {
   position: relative;
   margin-bottom: 2px;
   text-align: left;
   height: 41px;
}
#header-left {
   position: absolute;
   bottom: 0px;
   z-index: 100;
}
#header ul#nav {
   list-style: none;
   position: absolute;
   bottom: 0px;
   right: 0px;
   margin: 0px;
   z-index: 90;
}
#header ul#nav li {
   float: right;
   margin: 0px 2px 0px 2px;
}

/* Upper frame */
#upper-frame {
   width: 70%;
}
#upper-frame_tp {
   background: url('http://img3.xooimage.com/files/u/p/upper-frame_tp-33662.gif') repeat-x;
}
#upper-frame_btm {
   background: url('http://img4.xooimage.com/files/u/p/upper-frame_btm-33663.gif') repeat-x bottom;
}
#upper-frame_lt {
   background: url('http://img2.xooimage.com/files/u/p/upper-frame_lt-33664.gif') repeat-y left;
}
#upper-frame_rt {
   background: url('http://img3.xooimage.com/files/u/p/upper-frame_rt-33665.gif') repeat-y right;
}

#upper-frame_tp_lt {
   background: url('http://img9.xooimage.com/files/u/p/upper-frame_tp_lt-33666.gif') no-repeat;
}
#upper-frame_tp_rt {
   background: url('http://img8.xooimage.com/files/u/p/upper-frame_tp_rt-33667.gif') no-repeat top right;
}
#upper-frame_btm_lt {
   background: url('http://img3.xooimage.com/files/u/p/upper-frame_btm_lt-33668.gif') no-repeat bottom left;
}
#upper-frame_btm_rt {
   background: url('http://img7.xooimage.com/files/u/p/upper-frame_btm_rt-33669.gif') no-repeat bottom right;
   height: auto;
   padding: 5px 8px 5px 8px;
}


/* Main frame */

#frame-top {
   height: 27px;
}

   /* header-frame */
.header-frame {
   background: #F8EDD2 url('http://img8.xooimage.com/files/c/o/content-frame_bg-3366a.gif');
   height: 28px;
   margin: 0px 35px 0px 35px;
   position: relative;
}
.header-frame .header {
   display: block;
   padding-top: 5px;
   color: #8E7959;
   font-size: 12px;
   font-weight: bold;
   height: 23px;
}
.hd_text {
   margin-top: 6px;
}
.header-frame_tile {
   float: left;
   background: url('http://img10.xooimage.com/files/t/a/table-hd-3366b.gif') repeat-x;
}
.header-frame_lt {
   float: left;
   background: url('http://img4.xooimage.com/files/t/a/table-hd_left-3366c.gif') no-repeat;
   width: 11px;
   height: 28px;
}
.header-frame_rt {
   float: right;
   background: url('http://img4.xooimage.com/files/t/a/table-hd_right-3366d.gif') no-repeat;
   width: 11px;
   height: 28px;
}
      /* index_body */
.hd-forum_name {
   margin-right: 321px;
}
.hd-forum_numeric_topics {
   top: 0px;
   right: 238px;
}
.hd-forum_numeric_posts {
   top: 0px;
   right: 155px;
}
.hd-forum_numeric {
   position: absolute;
   margin-right: 11px;
   background: url('http://img7.xooimage.com/files/t/a/table-hd_division-3366e.gif') no-repeat;
   width: 83px;
}
.hd-forum_lastpost {
   position: absolute;
   top: 0px;
   right: 0px;
   margin-right: 11px;
   background: url('http://img7.xooimage.com/files/t/a/table-hd_division-3366e.gif') no-repeat;
   width: 155px;
}
#whosonline_text {
   padding-left: 3px;
   font-size: 13px;
   font-weight: bold;
}
#whosonline_img {
   float: left;
   margin-top: 22px;
   margin-left: 5px;
   display: block;
}
#wio_content {
   margin-left: 45px;
}
#wio_c1 {
   margin-top: 1px;
}
#wio_c2 {
   margin-top: 5px;
}
      /* groupcp_info_body */
.hd-gi_pm {
   position: absolute;
   top: 0px;
   left: 0px;
   margin-left: 11px;
   background: url('http://img7.xooimage.com/files/t/a/table-hd_division-3366e.gif') no-repeat right;
   width: 130px;
}
.hd-gi_username {
   position: absolute;
   top: 0px;
   left: 130px;
   margin-left: 11px;
   background: url('http://img7.xooimage.com/files/t/a/table-hd_division-3366e.gif') no-repeat right;
   width: 158px;
}
.hd-gi_posts {
   position: absolute;
   top: 0px;
   left: 288px;
   margin-left: 11px;
   background: url('http://img7.xooimage.com/files/t/a/table-hd_division-3366e.gif') no-repeat right;
   width: 60px;
}
.hd-gi_location {
   margin: 0px 201px 0px 348px;
}
.hd-gi_email {
   position: absolute;
   top: 0px;
   right: 130px;
   margin-right: 11px;
   background: url('http://img7.xooimage.com/files/t/a/table-hd_division-3366e.gif') no-repeat;
   width: 71px;
}
.hd-gi_website {
   position: absolute;
   top: 0px;
   right: 60px;
   margin-right: 11px;
   background: url('http://img7.xooimage.com/files/t/a/table-hd_division-3366e.gif') no-repeat;
   width: 70px;
}
.hd-gi_select {
   position: absolute;
   top: 0px;
   right: 0px;
   margin-right: 11px;
   background: url('http://img7.xooimage.com/files/t/a/table-hd_division-3366e.gif') no-repeat;
   width: 60px;
}
      /* memberlist_body */
.hd-ml_number {
   float: left;
   width: 25px;
}
.hd-ml_pm {
   float: left;
   width: 62px;
   background: url('http://img7.xooimage.com/files/t/a/table-hd_division-3366e.gif') no-repeat right;
}
.hd-ml_username {
   float: left;
   width: 158px;
   background: url('http://img7.xooimage.com/files/t/a/table-hd_division-3366e.gif') no-repeat right;
}
.hd-ml_email {
   float: left;
   width: 71px;
   background: url('http://img7.xooimage.com/files/t/a/table-hd_division-3366e.gif') no-repeat right;
}
.hd-ml_location {
}
.hd-ml_joined {
   float: right;
   width: 90px;
   background: url('http://img7.xooimage.com/files/t/a/table-hd_division-3366e.gif') no-repeat;
}
.hd-ml_posts {
   float: right;
   width: 60px;
   background: url('http://img7.xooimage.com/files/t/a/table-hd_division-3366e.gif') no-repeat;
}
.hd-ml_website {
   float: right;
   width: 60px;
   background: url('http://img7.xooimage.com/files/t/a/table-hd_division-3366e.gif') no-repeat;
}
      /* modcp_body */
.hd-mb_topics {
}
.hd-mb_replies {
   float: right;
   width: 70px;
   background: url('http://img7.xooimage.com/files/t/a/table-hd_division-3366e.gif') no-repeat;
}
.hd-mb_lastpost {
   float: right;
   width: 175px;
   background: url('http://img7.xooimage.com/files/t/a/table-hd_division-3366e.gif') no-repeat;
}
.hd-mb_select {
   float: right;
   width: 60px;
   background: url('http://img7.xooimage.com/files/t/a/table-hd_division-3366e.gif') no-repeat;
}
      /* privmsgs_body */
.hd-pb_flag {
   float: left;
   width: 50px;
   background: url('http://img7.xooimage.com/files/t/a/table-hd_division-3366e.gif') no-repeat right;
}
.hd-pb_subject {
}
.hd-pb_from_or_to {
   float: right;
   width: 159px;
   background: url('http://img7.xooimage.com/files/t/a/table-hd_division-3366e.gif') no-repeat;
}
.hd-pb_date {
   float: right;
   width: 175px;
   background: url('http://img7.xooimage.com/files/t/a/table-hd_division-3366e.gif') no-repeat;
}
.hd-pb_mark {
   float: right;
   width: 50px;
   background: url('http://img7.xooimage.com/files/t/a/table-hd_division-3366e.gif') no-repeat;
}
      /* viewonline_body */
.hd-vo_username {
   float: left;
   height: 28px;
   width: 35%;
   background: url('http://img7.xooimage.com/files/t/a/table-hd_division-3366e.gif') no-repeat right;
}
.hd-vo_lastupdate {
   float: left;
   height: 28px;
   width: 25%;
   background: url('http://img7.xooimage.com/files/t/a/table-hd_division-3366e.gif') no-repeat right;
}
.hd-vo_forumlocation {
   height: 28px;
}

   /* content-frame */
.content-frame {
   background: #F8EDD2 url('http://img8.xooimage.com/files/c/o/content-frame_bg-3366a.gif');
   margin: 3px auto 4px auto;
   text-align: left;
   width: 100%;
}
.content-frame_block {
   margin: 0px 10px 0px 10px;
}
      /* agreement */
#agreement_text {
   margin: 10px auto 20px auto;
   width: 80%;
   text-align: left;
   font-size: 11px;
}
      /* faq */
ul.faq {
   list-style: none;
   margin: 1px 0px 12px 0px;
   padding-left: 6px;
}
dl.faq dd {
   margin-left: 6px;
}
dl.faq dt {
   margin-top: 12px;
}
      /* groupcp_info_body */
.gi_row {
   clear: both;
   position: relative;
   padding: 3px 0px 3px 0px;
}
.gi_pm {
   position: absolute;
   top: 3px;
   left: 0px;
   width: 154px;
   text-align: center;
}
.gi_username {
   position: absolute;
   top: 3px;
   left: 154px;
   width: 158px;
   text-align: center;
}
.gi_posts {
   position: absolute;
   top: 3px;
   left: 312px;
   width: 60px;
   text-align: center;
}
.gi_location {
   margin: 0px 225px 0px 372px;
   text-align: center;
}
.gi_email {
   position: absolute;
   top: 3px;
   right: 154px;
   width: 71px;
   text-align: center;
}
.gi_website {
   position: absolute;
   top: 3px;
   right: 84px;
   width: 70px;
   text-align: center;
}
.gi_select {
   position: absolute;
   top: 3px;
   right: 0px;
   width: 84px;
   text-align: center;
}
.gi_footer_option {
   margin-top: 8px;
   text-align: right;
}
      /* groupcp */
.groupcp_row {
   clear: both;
   margin: 4px 0px 4px 0px;
}
.groupcp_col1 {
   float: left;
   width: 40%;
}
.groupcp_col2 {
   float: left;
   width: 30%;
}
.groupcp_col3 {
}
.groupcp_lcol {
   float: left;
   width: 20%;
}
.groupcp_rcol {
   padding-left: 21%;
}
      /* index_body */
.forum_row {
   clear: both;
   position: relative;
   padding: 4px 0px 4px 0px;
}
.forum_folder {
   position: absolute;
   top: 8px;
   left: 3px;
   display: block;
}
.forum_about {
   margin: 0px 345px 0px 46px;
   padding: 2px 0px 2px 0px;
}
.forum_numeric_topic {
   top: 14px;
   right: 262px;
}
.forum_numeric_post {
   top: 14px;
   right: 179px;
}
.forum_numeric {
   position: absolute;
   margin: 0px 7px 0px 8px;
   width: 68px;
   font-size: 10px;
   text-align: center;
}
.forum_lastpost {
   position: absolute;
   top: 0px;
   right: 0px;
   margin: 10px 0px 0px 0px;
   width: 179px;
   font-size: 10px;
   text-align: center;
}
h1.category {
   width: 50%;
}
      /* login */
.login_row {
   margin: 4px 0px 4px 0px;
}
      /* memberlist */
.ml_row {
   clear: both;
   padding: 3px 0px 3px 0px;
   border-top: 1px dotted #DBCDAD;
   text-align: center;
}
.ml_number {
   float: left;
   width: 56px;
}
.ml_pm {
   float: left;
   width: 55px;
}
.ml_username {
   float: left;
   width: 159px;
}
.ml_email {
   float: left;
   width: 70px;
}
.ml_location {
   margin: 0px 234px 0px 340px;
}
.ml_joined {
   float: right;
   width: 90px;
}
.ml_posts {
   float: right;
   width: 60px;
}
.ml_website {
   float: right;
   width: 84px;
}
      /* modcp_body */
.mb_row {
   clear: both;
   padding: 3px 0px 3px 0px;
   border-top: 1px dotted #DBCDAD;
   text-align: center;
}
.mb_topic {
   margin-left: 34px;
   text-align: left;
}
.mb_replies {
   float: right;
   width: 70px;
}
.mb_lastpost {
   float: right;
   width: 175px;
}
.mb_select {
   float: right;
   width: 84px;
}
      /* modcp */
.modcp_row {
   clear: both;
   margin: 4px 0px 4px 0px;
   width: 100%;
}
.modcp_left_item {
   float: left;
   width: 150px;
}
.modcp_split_right_item {
   margin-left: 155px;
}
.modcp_viewip_right_item {
   margin-left: 155px;
   text-align: right;
}
.modcp_split_poster {
   background: #F6E9C9 url('http://img5.xooimage.com/files/i/n/inframe_bg-3366f.gif');
   float: left;
   width: 150px;
   text-align: left;
   margin-top: 1px;
}
.modcp_split_post_body {
   background: #F6E9C9 url('http://img5.xooimage.com/files/i/n/inframe_bg-3366f.gif');
   margin: 0px 66px 0px 156px;
   text-align: left;
}
.modcp_split_select {
   background: #F6E9C9 url('http://img5.xooimage.com/files/i/n/inframe_bg-3366f.gif');
   float: right;
   width: 60px;
   left: 6px;
}
      /* posting_body */
.posting_block {
   background: #F6E9C9 url('http://img5.xooimage.com/files/i/n/inframe_bg-3366f.gif');
   margin: 0px auto 0px auto;
   width: 650px;
   text-align: center;
}
.posting_item_row {
   margin: 2px auto 5px auto;
   width: 610px;
   text-align: left;
}
.posting_left_item {
   float: left;
   width: 150px;
}
.posting_right_item {
   margin-left: 155px;
}
.posting_item_inrow {
   margin: 3px 0px 3px 0px;
}
#posting_smiles {
   margin: 20px auto 0px 20px;
   width: 100px;
   text-align: center;
}
.posting_smiles_row {
   margin: 7px 0px 7px 0px;
   letter-spacing: 5px;
}
#posting_smiles_more_block {
   margin: 10px;
}
#posting_smiles_more {
   background-color: #FEF4DE;
   width: 100%;
   text-align: center;
}
.posting_smiles_more_row {
   margin: 7px 0px 7px 0px;
   letter-spacing: 5px;
}
.posting_preview_block {
   margin: 0px auto 5px auto;
}
.posting_preview {
   background-image: url('http://img5.xooimage.com/files/i/n/inframe_bg-3366f.gif');
   width: 100%;
}
.posting_topic_review {
   margin: 0px 0px 0px 0px;
   padding: 2px 2px 2px 2px;
   width: 100%;
   height: 300px;
   border: 0px dashed #A78E68;
}
      /* privmsgs_body */
.pb_row {
   clear: both;
   padding: 3px 0px 3px 0px;
   border-top: 1px dotted #DBCDAD;
   text-align: center;
}
.pb_subject {
   margin-left: 34px;
   text-align: left;
}
.pb_from_or_to {
   float: right;
   width: 159px;
}
.pb_date {
   float: right;
   width: 175px;
}
.pb_mark {
   float: right;
   width: 74px;
}
      /* privmsgs */
#pm_inbox_limit_img {
   margin-top: 2px;
   text-align: left;
}
.pm_inbox_limit_scale {
   float: left;
   margin-top: 2px;
   text-align: left;
   width: 33%;
}
#pm_box_size_status {
   float: right;
   padding: 2px;
   width: 175px;
}
ul#pm_nav {
   list-style: none;
   margin: 0px;
}
ul#pm_nav li {
   display: inline;
   margin: 0px 2px 0px 2px;
}
.privmsgs_row {
   clear: both;
   margin: 4px 0px 4px 0px;
}
.privmsgs_lcol {
   float: left;
   width: 65px;
   font-size: 11px;
}
.privmsgs_rcol {
   font-size: 11px;
}
#privmsgs_popup_block {
   margin: 10px;
}
#privmsgs_popup {
   background-color: #FEF4DE;
   width: 100%;
   text-align: center;
}
      /* profile */
#profile_block {
   width: 100%;
}
.profile_left_col {
   float: left;
   width: 45%;
}
.profile_right_col {
   float: left;
   margin-left: 1%;
   width: 53.9%;
}
.profile_section {
   background: #F6E9C9 url('http://img5.xooimage.com/files/i/n/inframe_bg-3366f.gif');
   margin-bottom: 5px;
   width: 100%;
   text-align: left;
}
.profile_inrow {
   margin: 1px 0px 5px 0px;
}
.profile_about_left {
   float: left;
   width: 100px;
   text-align: right;
}
.profile_about_right {
   margin-left: 110px;
}
.profile_contact_left {
   float: left;
   width: 140px;
   text-align: right;
}
.profile_contact_right {
   margin-left: 150px;
}
.profile_add_body_row {
   clear: both;
}
.profile_add_left_col {
   float: left;
   width: 45%;
   margin: 4px 0px 4px 0px;
}
.profile_add_right_col {
   margin-left: 46%;
   padding: 4px 0px 4px 0px;
}
.avatar_row {
   clear: both;
   margin-left: -2px;
   width: 100%;
   text-align: center;
}
.avatar_col {
   margin: 6px 0px 2px 0px;
   width: 19.9%;
   float: left;
}
.avatar_opt_col {
   margin: 0px 0px 4px 0px;
   width: 19.9%;
   float: left;
}
      /* search */
.search_row {
   clear: both;
   margin-top: 6px;
}
.search_lcol {
   float: left;
   width: 49%;
}
.search_rcol {
   margin-left: 50%;
}
.search_lcol_l {
   float: left;
   width: 49%;
   text-align: right;
}
.search_lcol_r {
   float: left;
   padding-left: 1%;
   width: 49%;
   font-size: 11px;
}
.search_rcol_l {
   float: left;
   width: 30%;
   text-align: right;
}
.search_rcol_r {
   float: left;
   margin-bottom: 6px;
   padding-left: 1%;
   font-size: 11px;
}
.search_results_posts_topic {
   background: #F6E9C9 url('http://img5.xooimage.com/files/i/n/inframe_bg-3366f.gif');
   clear: both;
   margin: 2px 0 2px 0;
   padding-bottom: 2px;
   text-align: left;
}
#search_username_block {
   margin: 10px;
}
#search_username {
   background-color: #FEF4DE;
   width: 100%;
   text-align: center;
}
      /* viewforum */
.topic_row {
   clear: both;
   margin-top: 3px;
   padding: 3px 1px 0px 1px;
   border-top: 1px dotted #DBCDAD;
}
.topic_folder {
   float: left;
   margin: -1px 0px 0px 3px;
   display: block;
}
.topic_col {
   margin-left: 34px;
   padding-right: 2px;
}
.topic_author {
   float: right;
   margin: 5px 5px 0px 5px;
   padding: 1px 1px 1px 1px;
   min-width: 60px;
   text-align: center;
   font-size: 10px;
}
.topic_numeric {
   float: right;
   margin: 5px 4px 0px 4px;
   padding: 1px 3px 1px 3px;
   min-width: 26px;
   text-align: center;
   font-size: 10px;
}
.topic_lastpost {
   float: right;
   margin: 0px 5px 0px 5px;
   padding: 1px 1px 1px 1px;
   text-align: center;
   font-size: 10px;
}
.topic_headers {
   float: right;
   margin-top: 12px;
   color: #9C8057;
   font-size: 10px;
   font-weight: bold;
}
#newpost {
   float: left;
   margin: 3px 2px 0px 4px;
}
#icon_desc {
   float: left;
   text-align: left;
   font-size: 10px;
}
#icon_desc .row {
   clear: both;
   position: relative;
}
#icon_desc .c1 {
   width: 180px;
}
#icon_desc .c2 {
   position: absolute;
   top: 0px;
   left: 180px;
   width: 180px;
}
#icon_desc .c3 {
   position: absolute;
   top: 0px;
   left: 360px;
   width: 180px;
}
      /* viewonline_body */
.vo_row {
   clear: both;
   padding: 3px 1px 3px 1px;
   border-top: 1px dotted #DBCDAD;
   text-align: center;
}
.vo_username {
   float: left;
   width: 36%;
}
.vo_lastupdate {
   float: left;
   width: 25%;
}
.vo_forumlocation {
}
      /* viewtopic */
#poll {
   background: #F6E9C9 url('http://img5.xooimage.com/files/i/n/inframe_bg-3366f.gif');
   margin: 0px auto 0px auto;
   padding: 2px 0px 2px 0px;
   width: 300px;
   text-align: center;
}
#poll_result {
   background: #F6E9C9 url('http://img5.xooimage.com/files/i/n/inframe_bg-3366f.gif');
   margin: 0px auto 0px auto;
   padding: 2px 0px 2px 0px;
   width: 550px;
   text-align: center;
}
.poll_option_result {
   clear: both;
   text-align: left;
}
.poll_option_result .option_caption {
   float: left;
   margin: 2px 3px 5px 0px;
   width: 200px;
   text-align: right;
}
.poll_option_ballot {
   clear: both;
   text-align: left;
   margin: 3px 0px 4px 0px;
}
.poll_option_ballot input {
   float: left;
   border: 0px;
}
.poll_option_ballot option_caption {
   margin-left: 10px;
}
.post_row {
   clear: both;
   margin-top: 2px;
   padding: 2px 0px 2px 0px;
}
.post_block {
}
.poster {
   background: #F6E9C9 url('http://img5.xooimage.com/files/i/n/inframe_bg-3366f.gif');
   float: left;
   width: 150px;
   text-align: left;
   margin-top: 1px;
}
.post_body {
   background: #F6E9C9 url('http://img5.xooimage.com/files/i/n/inframe_bg-3366f.gif');
   margin-left: 156px;
   text-align: left;
}
.post_body_footer {
   background: url('http://img4.xooimage.com/files/i/n/inframe_tp-33670.gif') repeat-x;
   margin: 6px -2px 0px -2px;
   padding: 4px 2px 0px 2px;
}
.quote_block {
   margin: 3px 20px 0px 20px;
   font-size: 11px;
   padding-bottom: 1px;
}
.quote_header {
   padding: 2px 2px 2px 5px;
   font-weight: bold;
}
.quote_content {
   background: #F8EDD2 url('http://img8.xooimage.com/files/c/o/content-frame_bg-3366a.gif');
   margin: 1px 2px 1px 2px;
}
.quote_content_code {
   background: #F8EDD2 url('http://img8.xooimage.com/files/c/o/content-frame_bg-3366a.gif');
   margin: 1px 2px 1px 2px;
   font-family: Courier, 'Courier New', sans-serif;
}

   /* content-frame bg layout */
.content-frame_tp {
   background: url('http://img6.xooimage.com/files/c/o/content-frame_tp-33671.gif') repeat-x;
}
.content-frame_btm {
   background: url('http://img5.xooimage.com/files/c/o/content-frame_btm-33672.gif') repeat-x bottom;
}
.content-frame_lt {
   background: url('http://img6.xooimage.com/files/c/o/content-frame_lt-33673.gif') repeat-y;
}
.content-frame_rt {
   background: url('http://img7.xooimage.com/files/c/o/content-frame_rt-33674.gif') repeat-y bottom right;
}
.content-frame_tp_lt {
   background: url('http://img2.xooimage.com/files/c/o/content-frame_tp_lt-33675.gif') no-repeat;
}
.content-frame_tp_rt {
   background: url('http://img2.xooimage.com/files/c/o/content-frame_tp_rt-33676.gif') no-repeat top right;
}
.content-frame_btm_lt {
   background: url('http://img3.xooimage.com/files/c/o/content-frame_btm_lt-33677.gif') no-repeat bottom left;
}
.content-frame_btm_rt {
   padding: 8px 11px 8px 11px;
   background: url('http://img8.xooimage.com/files/c/o/content-frame_btm_rt-33678.gif') no-repeat bottom right;
}

   /* inFrame */
.inframe_tp {
   background: url('http://img4.xooimage.com/files/i/n/inframe_tp-33670.gif') repeat-x;
}
.inframe_btm {
   background: url('http://img10.xooimage.com/files/i/n/inframe_btm-33679.gif') repeat-x bottom;
}
.inframe_lt {
   background: url('http://img4.xooimage.com/files/i/n/inframe_lt-3367a.gif') repeat-y;
}
.inframe_rt {
   padding: 4px 4px 4px 4px;
   background: url('http://img10.xooimage.com/files/i/n/inframe_rt-3367b.gif') repeat-y bottom right;
}

   /* Others */
.l_index, .pagination {
   font-size: 11px;
   font-weight: bold;
}
.s_timezone {
   font-size: 10px;
}
#admin_link {
   clear: both;
   margin-top: 3px;
   min-height: 13px;
   font-size: 11px;
}
#auth_list {
   float: right;
   text-align: right;
   font-size: 10px;
}
#copyright {
   margin-top: 5px;
   padding-bottom: 5px;
   letter-spacing: -1px;
}
#error_msg {
   clear: both;
   padding-bottom: 2px;
}
#jumpbox {
   margin: 5px 0px 5px 0px;
}

   /* Background layout */
#outer-frame {
   background: #F3E2BB url('http://img3.xooimage.com/files/o/u/outer-frame_bg-3367c.gif');
   margin-top: 1px;
}
#outer-frame_hd_tile {
   background: url('http://img7.xooimage.com/files/o/u/outer-frame_hd_tile-3367d.gif') repeat-x;
}
#outer-frame_ft_tile {
   background: url('http://img5.xooimage.com/files/o/u/outer-frame_ft_tile-3367e.gif') repeat-x bottom;
}
#outer-frame_lt_tile {
   background: url('http://img2.xooimage.com/files/o/u/outer-frame_lt_tile-3367f.gif') repeat-y left;
}
#outer-frame_rt_tile {
   background: url('http://img4.xooimage.com/files/o/u/outer-frame_rt_tile-33680.gif') repeat-y right;
}

#outer-frame_hd_lt {
   background: url('http://img9.xooimage.com/files/o/u/outer-frame_hd_lt-33681.gif') no-repeat;
}
#outer-frame_hd_rt {
   background: url('http://img7.xooimage.com/files/o/u/outer-frame_hd_rt-33682.gif') no-repeat top right;
}
#outer-frame_ft_lt {
   background: url('http://img5.xooimage.com/files/o/u/outer-frame_ft_lt-33683.gif') no-repeat bottom left;
}
#outer-frame_ft_rt {
   background: url('http://img9.xooimage.com/files/o/u/outer-frame_ft_rt-33684.gif') no-repeat bottom right;
   text-align : center;
}


Auteur Message
Garneuil


Hors ligne
Invité




MessagePosté le: Jeu 30 Aoû 2007 - 12:57    Sujet du message: [guide]modifier la largeur du forum Répondre en citant

Bon et bien finalement, j'ai trouvé par moi même Smile
J'ai modifié les valeurs de "margin" dans la partie "body" du css. Ca marche au poil comme je voulais.
Merci à tous et particulièrement à themalin qui m'a aidé à me familiariser avec le css Smile


Auteur Message
Sam99


Hors ligne
Invité




MessagePosté le: Lun 3 Sep 2007 - 19:18    Sujet du message: [guide]modifier la largeur du forum Répondre en citant

Bonjour à tous, alors j'ai parcouru toutes les pages mais je n'ai pas trouvé de quoi m'aider pour changer la largeur de mon forum Sad
Je suis désolée de m'embêter mais est-ce quelqu'un pourrait m'aider à raccouricir la largeur de mon forum : sur la page d'accueil ainsi que sur les pages de posts (en gros sur toutes le spages lol).
Voici mes templates pour overall_header :

<!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://img.xooimage.com/files10/0/b/2/bluedim-18dfee.css" type="text/css" -->
<style type="text/css">
<!--
/*
The original BlueDim 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 { /* Modifications apportées au thème pour l'image de fond des messages */
viewmessage {
background-image: url(http://img131.imageshack.us/img131/8549/sanstitreqq6.png);
background-repeat: no-repeat;
}
/* Fin des modifications pour l'image de fond des messages */

background-image: url(http://img131.imageshack.us/img131/8549/sanstitreqq6.png);
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};
}

/* DJ-Begin, 28.4.02 */
/* Hierarchiecolors for jumpbox D5E8F9 F9DDD5 D5F9D6 */
option.h0 { background-color: #FFFFFF; color: #006EBB; } /* blue */
option.h0c { background-color: #FFFFFF; color: #006EBB; } /* blue */
option.h0sf { background-color: #FFFFFF; color: #006EBB; } /* blue */
option.h1 { background-color: #FFFFFF; color: #FF6428; } /* red */
option.h1c { background-color: #FFFFFF; color: #FF6428; } /* red */
option.h1sf { background-color: #FFFFFF; color: #FF6428; } /* red */
option.h2 { background-color: #FFFFFF; color: #329600; } /* green */
option.h2c { background-color: #FFFFFF; color: #329600; } /* green */
option.h2sf { background-color: #FFFFFF; color: #329600; } /* green */

select.jumpbox { background-color: #FFFFFF; }
/* DJ-End, 28.4.02 */

/* 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-image: url(http://img131.imageshack.us/img131/8549/sanstitreqq6.png); border: 1px {T_TH_COLOR1} solid; }

/* This is the outline round the main forum tables */
.forumline { background-image: url(http://img131.imageshack.us/img131/8549/sanstitreqq6.png); border: 2px {T_TH_COLOR2} solid; }

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

/*
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://img.xooimage.com/files6/c/e/cellpic3-316d3.gif);
}

/* Header cells - the blue and silver gradient backgrounds */
th {
color: 336699; font-size: {T_FONTSIZE2}px; font-weight : bold;
background-color: {T_BODY_LINK}; height: 25px;
background-image: url(http://img.xooimage.com/files6/c/e/cellpic3-316d3.gif);
}

td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
background-image: url(http://img.xooimage.com/files6/c/e/cellpic3-316d3.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 Smile
*/
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:; border: {T_TH_COLOR3}; border-style: solid;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

input { text-indent : 2px; }

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

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

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

/* This is the line in the posting page which shows the rollover
help line. This is actually a text box, but if set to be the same
colour as the background no one will know Wink
*/
.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://img.xooimage.com/files10/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">[/url]

<table width="100%" cellspacing="0" cellpadding="10" border="0" align="center">
<tr>
<td class="bodyline"><table width="100%" cellspacing="0" cellpadding="0" border="0">
<tr>
<td>
</td>
<td align="center" width="100%" valign="middle"><span class="maintitle">{SITENAME}</span>
<span class="gen">{SITE_DESCRIPTION}
&nbsp; </span>
<table cellspacing="0" cellpadding="2" border="0">
<tr>
<td align="center" valign="top" nowrap="nowrap"><span class="mainmenu">&nbsp;
{L_FAQ}</span><span class="mainmenu"> <a href="http://www.google.com/calendar/embed?src=9nodmc2b4pi0hjhgmvnkjc7vig%40group.calendar.google.com " class="mainmenu">
Calendrier de l'Academy[/url]</span>
{L_SEARCH}&nbsp; &nbsp;
{L_MEMBERLIST}&nbsp; &nbsp;
{L_USERGROUPS}&nbsp;
<!-- BEGIN switch_user_logged_out -->
&nbsp;
{L_REGISTER}</span>&nbsp;
<!-- END switch_user_logged_out -->
</td>
</tr>
<tr>
<td height="25" align="center" valign="top" nowrap="nowrap"><span class="mainmenu">&nbsp;
{L_PROFILE}&nbsp; &nbsp;
{PRIVATE_MESSAGE_INFO}&nbsp; &nbsp;
{L_LOGIN_LOGOUT}&nbsp;</span></td>
</tr>
</table></td>
</tr>
</table>





merci encore de votre patience Smile

Edit : niveau largeur j'aimerais qu'elle soit comme celle de votre forum lorsqu'on visualise les messages ^^


Auteur Message
Contenu Sponsorisé





MessagePosté le: Aujourd’hui à 04:27    Sujet du message: [guide]modifier la largeur du forum

Montrer les messages depuis:   
Répondre au sujet Page 13 sur 97 Aller à la page: <  1, 2, 312, 13, 1495, 96, 97  >




Index | Panneau d’administration | Créer un forum | Forum gratuit d’entraide | Annuaire des forums gratuits | Signaler une violation | Conditions générales d'utilisation
Propulsé par p h p B B © 2016 p h p B B Group | Traduction par : phpBB-fr.com
 
© 2003-2013 Xooit.com - Contact - Mentions légales - CGU - Charte - CNIL : 1381401