It is currently Sun 25 Sep 2016 - 17:41 - créer un forum

[Tuto] Centrer et redimensionner le Forum

Skip to content

Post new topic Reply to topic Goto page: 1, 2, 3, 4, 5, 6, 7, 8, 9  >

[Tuto] Centrer et redimensionner le Forum
Author Message
altair


Offline
Guest




PostPosted: Sun 30 Sep 2007 - 16:38    Post subject: [Tuto] Centrer et redimensionner le Forum Reply with quote

PublicitéSupprimer les publicités ?
Titre: Centrer et redimensionner le Forum via style.css
Version: 2.0

Auteur: altair
Contact Auteur: Messagerie privé
Source: documentation sur les CSS

Description: contrôler le positionnement et la largeur du forum à partir des feuilles de styles CSS, méthode clean qui évite de toucher au corps du forum (tableaux, cellules...)

Niveau d'installation: Facile
Temps d'installation: 5 min
Nombre de template(s) à modifier : 3

Fonctionne sur les thèmes : Tous
Test(s) effectué(s) sur :Xooit, Phpbb,


Défaut(s) : à signaler
Exemple(s) : provisoirement : ICI style 2




Allez dans votre Panneau d'administration,
ensuite l'onglet Thème, puis Modifier les templates


/!\ Faire une sauvegarde de chaque fichier avant sa modification /!\

Ouvrez overall_header.tpl
Cherchez
Code: Sélectionner - Agrandir
<body>

Ajoutez juste après
Code: Sélectionner - Agrandir
<div id="page">

Sauvegardez et fermez

Ouvrez overall_footer.tpl
Chercher
Code: Sélectionner - Agrandir
</body>

Ajoutez juste avant
Code: Sélectionner - Agrandir
</div>

Sauvegardez et fermez

Ouvrez votre feuille de style : style.css
Ajouter au début
Code: Sélectionner - Agrandir

div#page {
   width: 100%;
   margin: auto;
    text-align: center;
}

Sauvegardez et fermez

maintenant il devient facile de changer la largeur du forum
il vous suffit de modifier la valeur 100% par celle que vous voulez,
en pourcentage ou en pixels, par exemple :
Code: Sélectionner - Agrandir
width: 80%;
ou bien
Code: Sélectionner - Agrandir
width: 800px;





Cas particulier : (pour les anciens thèmes de type Sub...)
Comment séparer la feuille de style de overall_header


pour ceux ayant des thèmes (sub...) avec la feuille de style intégré dans overall_header
il est possible de séparer la feuille de style de overall_header ce qui rend les codes plus lisibles et plus faciles à modifier

/!\ Faire une sauvegarde de chaque fichier avant sa modification /!\

Ouvrez overall_header
Sélectionnez et copiez tout le code qui se trouve Entre
Code: Sélectionner - Agrandir
<style>
ET
Code: Sélectionner - Agrandir
</style>

Collez et sauvegardez via un éditeur de texte (notepade) au format style.css

Envoyez la feuille de style sur votre Forum via xooimage

récupérez l'adresse, et insérez la à la place de xxxx.css dans ce code :
Code: Sélectionner - Agrandir
<link rel="stylesheet" href="xxxx.css" type="text/css">


Dans overall_header
Cherchez
Code: Sélectionner - Agrandir
<head>

Juste après (de préférence après la fin des balises meta)
Ajoutez ce code : (incluant l'adresse de la feuille de style)
Code: Sélectionner - Agrandir
<link rel="stylesheet" href="xxxx.css" type="text/css">

Sauvegardez et fermez

Vérifier alors dans Modifier les templates
que la nouvelle feuille de style style.css est bien en place et fonctionne correctement

(elle se place souvent en haut de la liste)

Réouvrez overall_header.tpl
Puis effacer tout ce qui ce trouve entre : (y comprit les balises style)
Code: Sélectionner - Agrandir
<style>
ET
Code: Sélectionner - Agrandir
</style>

Sauvegardez et fermez




Fin du Tuto


Author Message
Diego


Offline
Guest




PostPosted: Sat 25 Oct 2008 - 14:40    Post subject: [Tuto] Centrer et redimensionner le Forum Reply with quote

Je ne trouve pas <style> dans overall header .tpl



 
Code: Sélectionner - Agrandir
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html dir="{S_CONTENT_DIRECTION}">
<head>
<meta http-equiv="Content-Type" content="text/html; charset={S_CONTENT_ENCODING}">
<meta http-equiv="Content-Style-Type" content="text/css">
{META}
{NAV_LINKS}
<title>{SITENAME} :: {PAGE_TITLE}</title>
<link rel="stylesheet" href="http://img.xooimage.com/files5/6/3/b/greenfirefly-f4aa3.css" type="text/css">

<!-- 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="1024" background="http://img.xooimage.com/files4/d/a/1/fond_bg-f4a88.jpg" cellspacing="0" cellpadding="0" border="0" align="center" >
    <tr>
        <td><table width="100%" cellspacing="0" cellpadding="0" border="0">
            <tr>
                <td align="center">
</td>
               
            </tr>
                        <td align="center" width="100%" valign="middle">
                <table cellspacing="0" cellpadding="2" border="0">
                    <tr>
                        <td align="center" valign="top" nowrap="nowrap"><span class="mainmenu">
                        <!-- BEGIN switch_user_logged_in -->
                            

                        <!-- END switch_user_logged_in -->
                        <!-- BEGIN switch_user_logged_out -->
                            

                        <!-- END switch_user_logged_out -->
                        </span></td>
                    </tr>
                </table></td>
           
        </table>
       

       


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 25 Oct 2008 - 15:55    Post subject: [Tuto] Centrer et redimensionner le Forum Reply with quote

bonjour

c'est normal chez toi c'est dans le template css le premier de la liste
_______________________


Forum
Author Message
socket


Offline
Guest




PostPosted: Sun 14 Dec 2008 - 04:35    Post subject: [Tuto] Centrer et redimensionner le Forum Reply with quote

Bonjour

J'ai un thème de type Sub. J'ai separé la feuille de style de overall_header comme indiqué. Le problème c'est que la mise en page du theme a été modifié (dans le theme de test). Je ne sais pas comment la remettre manuellement (je m'y connais pas trop dans tout ce qui est code... Embarassed  )
Est-il possible de séparer la feuille de style tout en gardant la même mise en page ?


Merci


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 14 Dec 2008 - 12:51    Post subject: [Tuto] Centrer et redimensionner le Forum Reply with quote

bonjour

oui il suffirait de ne faire les modification que sur ta partie style

qui est tout au début du template overall header
après si tu ne changes rien d'autre tu gardes la même mise en page
_______________________


Forum
Author Message
Tuserapas


Offline
Guest




PostPosted: Sat 10 Jan 2009 - 13:26    Post subject: [Tuto] Centrer et redimensionner le Forum Reply with quote

 
Code: Sélectionner - Agrandir
 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html dir="{S_CONTENT_DIRECTION}">
<head>
<meta http-equiv="Content-Type" content="text/html; charset={S_CONTENT_ENCODING}">
<meta http-equiv="Content-Style-Type" content="text/css">
{META}
{NAV_LINKS}
<title>{SITENAME} :: {PAGE_TITLE}</title>
<!-- link rel="stylesheet" href="http://img4.xooimage.com/files/w/o/wowmoonclaw01-3644c.css" type="text/css" -->
<style type="text/css">
<!--
/*
  The original WoWMoonclaw01 Theme for phpBB version 2+
  Created by subBlue design
  http://www.subBlue.com

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

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

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

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

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

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

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

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

td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
            background-image: url(http://img10.xooimage.com/files/c/e/cellpic3-36448.gif);
            background-color:{T_TR_COLOR3}; border: {T_TH_COLOR3}; border-style: solid; height: 28px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

input { text-indent : 2px; }

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

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

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

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

/* Import the fancy styles for IE only (NS4.x doesn't use the @import function) */
@import url("http://img4.xooimage.com/files/f/o/formie-30deb.css");
-->
</style>
<!-- BEGIN switch_enable_pm_popup -->
<script language="Javascript" type="text/javascript">
<!--
    if ( {PRIVATE_MESSAGE_NEW_FLAG} )
    {
        window.open('{U_PRIVATEMSGS_POPUP}', '_phpbbprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');;
    }
//-->
</script>
<!-- END switch_enable_pm_popup -->
</head>
<body bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">

<a name="top"></a>

<table width="100%" cellspacing="0" cellpadding="10" border="0" align="center">
    <tr>
        <td class="bodyline"><table width="100%" cellspacing="0" cellpadding="0" border="0">
            <tr>
                <td><a href="{U_INDEX}"><img src="http://img1.xooimage.com/files/l/o/logo_phpbb-29b31.gif" border="0" alt="{L_INDEX}" vspace="1" /></a></td>
                <td align="center" width="100%" valign="middle"><span class="maintitle">{SITENAME}</span><br /><span class="gen">{SITE_DESCRIPTION}<br />&nbsp; </span>
                <table cellspacing="0" cellpadding="2" border="0">
                    <tr>
                        <td align="center" valign="top" nowrap="nowrap"><span class="mainmenu">&nbsp;<a href="{U_FAQ}" class="mainmenu"><img src="http://img10.xooimage.com/files/i/c/icon_mini_faq-3644d.gif" width="12" height="13" border="0" alt="{L_FAQ}" hspace="3" />{L_FAQ}</a></span><span class="mainmenu">&nbsp; &nbsp;<a href="{U_SEARCH}" class="mainmenu"><img src="http://img2.xooimage.com/files/i/c/icon_mini_search-3644e.gif" width="12" height="13" border="0" alt="{L_SEARCH}" hspace="3" />{L_SEARCH}</a>&nbsp; &nbsp;<a href="{U_MEMBERLIST}" class="mainmenu"><img src="http://img10.xooimage.com/files/i/c/icon_mini_members-3644f.gif" width="12" height="13" border="0" alt="{L_MEMBERLIST}" hspace="3" />{L_MEMBERLIST}</a>&nbsp; &nbsp;<a href="{U_GROUP_CP}" class="mainmenu"><img src="http://img10.xooimage.com/files/i/c/icon_mini_groups-36450.gif" width="12" height="13" border="0" alt="{L_USERGROUPS}" hspace="3" />{L_USERGROUPS}</a>&nbsp;
                        <!-- BEGIN switch_user_logged_out -->
                        &nbsp;<a href="{U_REGISTER}" class="mainmenu"><img src="http://img7.xooimage.com/files/i/c/icon_mini_register-36451.gif" width="12" height="13" border="0" alt="{L_REGISTER}" hspace="3" />{L_REGISTER}</a></span>&nbsp;
                        <!-- END switch_user_logged_out -->
                        </td>
                    </tr>
                    <tr>
                        <td height="25" align="center" valign="top" nowrap="nowrap"><span class="mainmenu">&nbsp;<a href="{U_PROFILE}" class="mainmenu"><img src="http://img3.xooimage.com/files/i/c/icon_mini_profile-36452.gif" width="12" height="13" border="0" alt="{L_PROFILE}" hspace="3" />{L_PROFILE}</a>&nbsp; &nbsp;<a href="{U_PRIVATEMSGS}" class="mainmenu"><img src="http://img9.xooimage.com/files/i/c/icon_mini_message-36453.gif" width="12" height="13" border="0" alt="{PRIVATE_MESSAGE_INFO}" hspace="3" />{PRIVATE_MESSAGE_INFO}</a>&nbsp; &nbsp;<a href="{U_LOGIN_LOGOUT}" class="mainmenu"><img src="http://img9.xooimage.com/files/i/c/icon_mini_login-36454.gif" width="12" height="13" border="0" alt="{L_LOGIN_LOGOUT}" hspace="3" />{L_LOGIN_LOGOUT}</a>&nbsp;</span></td>
                    </tr>
                </table></td>
            </tr>
        </table>

        <br />
Bonjour , grand - chef , enfaite j'ai un petit problème ( et oui une fois encore ...) , je ne trouve pas body sur mon template :/ et je n'ai pas non plus de template Style.css (A moin que Formies.css soit la même chose?De plus j'ai éssayer d'en faire un comme tu a indiquer mais je ne trouve pas non plus <Style> ( pourant j'ai </Style> -_-'.Mais normalement pour css , ai-je besoin de refaire le template style.css? oO
(Enfin j'ai pas trés bien compris quoi :/).

Cordialement ,


Author Message
An0nyme


Offline
Guest




PostPosted: Sat 10 Jan 2009 - 15:55    Post subject: [Tuto] Centrer et redimensionner le Forum Reply with quote

Salut,

Votre balise <style> est : <style type="text/css">
Votre balise <body> est : <body bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">


Author Message
Tuserapas


Offline
Guest




PostPosted: Sat 10 Jan 2009 - 19:41    Post subject: [Tuto] Centrer et redimensionner le Forum Reply with quote

Ah voila j'ai compris Very Happy, maintenant ca ne marche pas :O  j'ai renplacer tout comme c'est expliquer.
Enfaite je pense que le soucis est la;"Collez et sauvegardez via un éditeur de texte (notepade) au format style.css "
Mon textédit ne me permet pas d'enregistrer en format css :/, ( Je suis sur mac donc pas de bloc note )
Ensuite j'ai neooffice mais lui non plus ne me permet pas d'enregistrer en format css Smile


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 10 Jan 2009 - 19:47    Post subject: [Tuto] Centrer et redimensionner le Forum Reply with quote

bonjour

si tu fais des modification le mieux et de le faire en thème de test d'abord comme ça tu gardes les formats et ça ne touche pas le thème de normal
_______________________


Forum
Author Message
Tuserapas


Offline
Guest




PostPosted: Sat 10 Jan 2009 - 21:38    Post subject: [Tuto] Centrer et redimensionner le Forum Reply with quote

Voila enfaite j'ai récu ( a ma facon un peu ) mais sans votre aide , jamais je n'y serait arriver ^^

J'ai tout sinplement rajouter


 
Code: Sélectionner - Agrandir


div#page {
   width: 50%;
   margin: auto;
    text-align: center;



Aprés la balise <style> dans le overall_header.tpl Smile sans pour autant faire un template style.css ^^

Author Message
didinebdx


Offline
Guest




PostPosted: Mon 12 Jan 2009 - 23:07    Post subject: [Tuto] Centrer et redimensionner le Forum Reply with quote

J'utilise le thème pluminator et je ne trouve pas le template style.css

Où dois aller pour le trouver ?

Merci d'avance.


Author Message
An0nyme


Offline
Guest




PostPosted: Mon 12 Jan 2009 - 23:16    Post subject: [Tuto] Centrer et redimensionner le Forum Reply with quote

Bonsoir,
Panneau d'admin-->onglet "thème"-->"modifier les templates"-->"pluminator.css"


Author Message
didinebdx


Offline
Guest




PostPosted: Mon 12 Jan 2009 - 23:19    Post subject: [Tuto] Centrer et redimensionner le Forum Reply with quote

Merci =) (je n'ai pas trouver <style> dedans mais j'ai réussi à me débrouiller d'une autre façon). Merci quand même =)

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: Tue 13 Jan 2009 - 10:28    Post subject: [Tuto] Centrer et redimensionner le Forum Reply with quote

didinebdx wrote:
Merci =) (je n'ai pas trouver <style> dedans mais j'ai réussi à me débrouiller d'une autre façon). Merci quand même =)


bonjour

c'est normal le style n'est que dans overall header
donc si tu le fais dans le css c'est normal de ne pas tout avoir
_______________________


Forum
Author Message
mimiattitude


Offline
Guest




PostPosted: Tue 20 Jan 2009 - 19:33    Post subject: [Tuto] Centrer et redimensionner le Forum Reply with quote

Bonjour j'ai suivie ce tuto http://xooit.xooit.com/t25724-Tuto-Centrer-le-Forum-via-le-CSS.htm
mais je ne trouve pas la ligne <body>
je vous mets mon overall_header.tpl


  
Code: Sélectionner - Agrandir
 [b][b]<!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://img1.xooimage.com/files/4/0/d/darkages-a43443.css" type="text/css" --> 
<style type="text/css"> 
<!-- 
/* 
  darkages Theme for phpBB version 2+ 
  designed by larme d'ange 
  http://artlineaire.free.fr/larmestyles 
  NOTE: These CSS definitions are stored within the main page body so that you can use the phpBB2 
  theme administration centre. When you have finalised your style you could cut the final CSS code 
  and place it in an external file, deleting this section to save bandwidth. 
*/ 
/* General page style. The scroll bar colours only visible in IE5.5+ */ 
body { 
        background-image:url(http://img1.xooimage.com/files/9/9/8/fond-a42fd1.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_TH_COLOR1}; 
        scrollbar-track-color: {T_TR_COLOR1}; 
        scrollbar-darkshadow-color: {T_TH_COLOR1}; 

/* General font families for common tags */ 
font,th,td,p { font-family: {T_FONTFACE1} } 
a:link,a:active,a:visited { color : {T_BODY_LINK}; } 
a:hover                { text-decoration: none; color : {T_BODY_HLINK}; } 
hr        { height: 0px; border: solid {T_TR_COLOR3} 0px; border-top-width: 1px;} 
/* This is the border line & background colour round the entire page */ 
.bodyline        {background-color: #FFFFFF; border: 1px {T_TH_COLOR1} solid; }
 
/* This is the outline round the main forum tables */ 
.forumline        { background-color: {T_TD_COLOR2}; border: 2px {T_TH_COLOR2} solid; } 
/* Main table cell colours and backgrounds */ 
td.row1        { 
background-color: {T_TR_COLOR1}; } 
td.row2        { 
background-color: {T_TR_COLOR2}; } 
td.row3        { background-color: {T_TR_COLOR3}; } 
/* 
  This is for the table cell above the Topics, Post & Last posts on the index.php page 
  By default this is the fading out gradiated silver background. 
  However, you could replace this with a bitmap specific for each forum 
*/ 
td.rowpic { 
                background-color: {T_TD_COLOR2}; 
                background-image: url(http://img6.xooimage.com/files/5/e/c/top_sa10-7a037e.png); 
                background-repeat: repeat-y; 

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

td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom { 
                        background-image: url(http://img6.xooimage.com/files/5/e/c/top_sa10-7a037e.png); 
                        background-color:{T_TR_COLOR3}; border: {T_TH_COLOR3}; border-style: solid; height: 28px; 

/* 
  Setting additional nice inner borders for the main table cells. 
  The names indicate which sides the border will be on. 
  Don't worry if you don't understand this, just ignore it :-) 
*/ 
td.cat,td.catHead,td.catBottom { 
        height: 29px; 
        border-width: 0px 0px 0px 0px; 

th.thHead,th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.thCornerL,th.thCornerR { 
        font-weight: bold; border: {T_TD_COLOR2}; border-style: solid; height: 28px; 

td.row3Right,td.spaceRow { 
        background-color: {T_TR_COLOR3}; border: {T_TH_COLOR3}; border-style: solid; 

th.thHead,td.catHead { font-size: {T_FONTSIZE3}px; border-width: 1px 1px 0px 1px; } 
th.thSides,td.catSides,td.spaceRow         { border-width: 0px 1px 0px 1px; } 
th.thRight,td.catRight,td.row3Right         { border-width: 0px 1px 0px 0px; } 
th.thLeft,td.catLeft          { border-width: 0px 0px 0px 1px; } 
th.thBottom,td.catBottom  { border-width: 0px 1px 1px 1px; } 
th.thTop         { border-width: 1px 0px 0px 0px; } 
th.thCornerL { border-width: 1px 0px 0px 1px; } 
th.thCornerR { border-width: 1px 1px 0px 0px; } 
/* The largest text used in the index page title and toptic title etc. */ 
.maintitle        { 
        font-weight: bold; font-size: 22px; font-family: "{T_FONTFACE2}",{T_FONTFACE1}; 
        text-decoration: none; line-height : 120%; color : {T_BODY_TEXT}; 

/* General text */ 
.gen { font-size : {T_FONTSIZE3}px; } 
.genmed { font-size : {T_FONTSIZE2}px; } 
.gensmall { font-size : {T_FONTSIZE1}px; } 
.gen,.genmed,.gensmall { color : {T_BODY_TEXT}; } 
a.gen,a.genmed,a.gensmall { color: {T_BODY_LINK}; text-decoration: none; } 
a.gen:hover,a.genmed:hover,a.gensmall:hover        { color: {T_BODY_HLINK}; text-decoration: underline; } 
/* The register, login, search etc links at the top of the page */ 
.mainmenu                { font-size : 0px; color : {T_BODY_TEXT} } 
a.mainmenu                {  color : {T_BODY_LINK};  } 
a.mainmenu:hover{ text-decoration: none; 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: none; } 
/* 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: none; 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: none; } 
/* 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: nonee; color : {T_BODY_HLINK}; } 
/* Name of poster in viewmsg.php and viewtopic.php and other places */ 
.name                        { font-size : {T_FONTSIZE2}px; color : {T_BODY_TEXT};} 
/* Location, number of posts, post date etc */ 
.postdetails                { font-size : {T_FONTSIZE1}px; color : {T_BODY_TEXT}; } 
/* The content of the posts (body of text) */ 
.postbody { font-size : {T_FONTSIZE3}px; line-height: 18px} 
a.postlink:link        { text-decoration: none; color : {T_BODY_LINK} } 
a.postlink:visited { text-decoration: none; color : {T_BODY_VLINK}; } 
a.postlink:hover { text-decoration: underline; color : {T_BODY_HLINK}} 
/* Quote & Code blocks */ 
.code { 
        font-family: {T_FONTFACE3}; font-size: {T_FONTSIZE2}px; color: {T_FONTCOLOR2}; 
        background-color: {T_TD_COLOR1}; border: {T_TR_COLOR3}; border-style: solid; 
        border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px 

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

/* Copyright and bottom info */ 
.copyright                { font-size: {T_FONTSIZE1}px; font-family: {T_FONTFACE1}; color: {T_FONTCOLOR1}; letter-spacing: -1px;} 
a.copyright                { color: {T_FONTCOLOR1}; text-decoration: none;} 
a.copyright:hover { color: {T_BODY_TEXT}; text-decoration: underline;} 
/* Form elements */ 
input,textarea, select { 
        color : {T_BODY_TEXT}; 
        font: normal {T_FONTSIZE2}px {T_FONTFACE1}; 
        border-color : {T_BODY_TEXT}; 

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

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

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

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

/* This is the line in the posting page which shows the rollover 
  help line. 
*/ 
.helpline { background-color: {T_TR_COLOR2}; border-style: none; } 
/* Import the fancy styles for IE only (NS4.x doesn't use the @import function) */ 
@import url("http://img10.xooimage.com/files/f/o/formie-30d7c.css"); 
--> 
</style> 
<!-- BEGIN switch_enable_pm_popup --> 
<script language="Javascript" type="text/javascript"> 
<!-- 
        if ( {PRIVATE_MESSAGE_NEW_FLAG} ) 
        { 
                window.open('{U_PRIVATEMSGS_POPUP}', '_phpbbprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');; 
        } 
//--> 
</script> 
<!-- END switch_enable_pm_popup --> 
</head> 
<body bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">
<div id="page"> 
<a name="top"></a> 
<table width="78%" cellspacing="0" cellpadding="10" border="0" align="center"> 
        <tr> 
                <td class="bodyline"><table width="100%" cellspacing="0" cellpadding="0" border="0"> 
                        <tr> 
                                <td valign="top" align="center"><a href="{U_INDEX}"><img src="http://img9.xooimage.com/files/4/7/7/topgirls-a42f83.png" border="0" alt="{L_INDEX}" vspace="3" /></a></td> 
        </tr> 
        <tr> 
                                <td align="center" width="100%" valign="middle"> 
                                <table cellspacing="0" cellpadding="0" border="0"> 
                                        <tr> 
                                                <td align="center" valign="top" nowrap="nowrap"><span class="mainmenu"> 
            <!-- BEGIN switch_user_logged_out --> 
            <a href="{U_INDEX}" class="mainmenu"><img src="http://img6.xooimage.com/files/1/5/e/forum10-7d372d.png" border="0" alt="{L_INDEX}" hspace="0" vspace="22" /></a><a href="{U_FAQ}" class="mainmenu"><img src="http://img1.xooimage.com/files/c/d/c/faq10-7d3712.png" border="0" alt="{L_FAQ}" hspace="0" vspace="22" /></a><a href="{U_SEARCH}" class="mainmenu"><img src="http://img7.xooimage.com/files/5/f/7/search10-7d378d.png" border="0" alt="{L_SEARCH}" hspace="0" vspace="22" /></a><a href="{U_REGISTER}" class="mainmenu"><img src="http://img9.xooimage.com/files/8/9/8/join_u10-7d3778.gif" border="0" alt="{L_REGISTER}" hspace="0" vspace="22" /></a><a href="{U_LOGIN_LOGOUT}" class="mainmenu"><img src="http://img3.xooimage.com/files/c/5/3/on10-7d3739.png" border="0" alt="{L_LOGIN_LOGOUT}" hspace="0" vspace="22" /></a> 
                                                <!-- END switch_user_logged_out --> 
            <!-- BEGIN switch_user_logged_in --> 
<a href="{U_INDEX}" class="mainmenu"><img src="http://img6.xooimage.com/files/1/5/e/forum10-7d372d.png" border="0" alt="{L_INDEX}" hspace="0" vspace="22" /></a><a href="{U_FAQ}" class="mainmenu"><img src="http://img1.xooimage.com/files/c/d/c/faq10-7d3712.png" border="0" alt="{L_FAQ}" hspace="0" vspace="22" /></a><a href="http://topgirls.xooit.com/portal.php"><img src="http://img7.xooimage.com/files/8/f/a/portai10-7d3761.png" border="0" hspace="0" vspace="22"></a> 
<a href="http://topgirlz.kazeo.com"><img src="http://img2.xooimage.com/files/5/3/c/blog10-7d3755.png" border="0" hspace="0" vspace="22"></a> 
  
<a href="{U_SEARCH}" class="mainmenu"><img src="http://img7.xooimage.com/files/5/f/7/search10-7d378d.png" border="0" alt="{L_SEARCH}" hspace="0" vspace="22" /></a><a href="{U_MEMBERLIST}" class="mainmenu"><img src="http://img9.xooimage.com/files/b/b/d/mmeber10-7d3749.png" border="0" alt="{L_MEMBERLIST}" hspace="0" vspace="22" /></a><a href="{U_GROUP_CP}" class="mainmenu"><img src="http://img6.xooimage.com/files/8/3/3/groupe10-7d3719.png" border="0" alt="{L_USERGROUPS}" hspace="0" vspace="22" /></a><a href="{U_PROFILE}" class="mainmenu"><img src="http://img2.xooimage.com/files/d/0/e/profil10-7d376d.png" border="0" alt="{L_PROFILE}" hspace="0" vspace="22" /></a><a href="{U_PRIVATEMSGS}"><img src="{PRIVMSG_IMG}" border="0" alt="{PRIVATE_MESSAGE_INFO}" title="{PRIVATE_MESSAGE_INFO}" vspace="22" /></a><a href="{U_LOGIN_LOGOUT}" class="mainmenu"><img src="http://img1.xooimage.com/files/7/2/8/off10-7d3741.png" border="0" alt="{L_LOGIN_LOGOUT}" hspace="0" vspace="22" /></a> 
                                                <!-- END switch_user_logged_in --> 
                                        </span></td></tr> 
                                </table></td> 
                        </tr> 
                </table> 
    
                <br />  
[/b][/b]



Author Message
Contenu Sponsorisé





PostPosted: Today at 17:41    Post subject: [Tuto] Centrer et redimensionner le Forum

Display posts from previous:   
Reply to topic Page 1 of 9 Goto page: 1, 2, 3, 4, 5, 6, 7, 8, 9  >




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