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

[Tuto] Installer une image de fond

Skip to content

Post new topic Reply to topic Goto page: <  1, 2, 3265, 266, 267, 268  >

[Tuto] Installer une image de fond
Author Message
405mi16


Joined: 26 Oct 2013
Posts: 1

PostPosted: Sat 26 Oct 2013 - 18:21    Post subject: [Tuto] Installer une image de fond Reply with quote

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

bonjour 


je vient de voir ce tuto et je voudrait savoir si sa marche pour tout les theme ? mercis de m'avoir lui 
Forum
Author Message
Bonapart
Membre


Offline
Membre

Joined: 27 Oct 2013
Posts: 1
Point(s): 1
Moyenne: 1.00
Windows Vista ou 7 Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Masculin

PostPosted: Sun 27 Oct 2013 - 13:24    Post subject: [Tuto] Installer une image de fond Reply with quote

Bonjour à tous le monde,

J'ai des connaissances en info que je qualifierai de très moyens et j'ai parcouru les différents post
de ce forum. J'ai essayé de modifier ce que j'ai pu afin de pouvoir mettre une image de fond sur notre
fofo mais cela ne fonctionne pas (je ne dois pas avoir les connaissances Cool ).

- Je voudrais donc mettre une image qui est en 1920 par 1200 et qui pèse 1,79 mo.
- Je ne sais pas si je dois hébergé mon image quelque part ou autre ?
- Je vous joint mon fichier templates : overall_header.tpl
- Adresse de notre fofo : http://ruine.clicforum.com/index.php

<!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/files57/0/0/b/subsilver-3789651.css" type="text/css" -->
<style type="text/css">
<!--
/*
  The original subSilver Theme for phpBB version 2+
  Created by subBlue design
  http://www.subBlue.com

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

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

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

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

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

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

/*
  This is for the table cell above the Topics, Post & Last posts on the index.php page
  By default this is the fading out gradiated silver background.
  However, you could replace this with a bitmap specific for each forum
*/
td.rowpic {
        background-color: {T_TD_COLOR2};
        background-image: url(http://img.xooimage.com/files6/d/2/9/back_catd-758c2.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://img.xooimage.com/files2/c/e/cellpic3-30da8.gif);
}

td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
            background-image: url(http://img.xooimage.com/files3/6/e/6/back_catd-758c2-1852e5.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: {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};
    border-width:1px;
}

input { text-indent : 2px; }

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

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

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

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




<span class="maintitle">{SITENAME}</span>
<span class="gen">{SITE_DESCRIPTION}</span>






                <table cellspacing="0" cellpadding="2" border="0" style="margin:auto">
                    <tr>
                        <td align="center" valign="top" nowrap="nowrap"><span class="mainmenu">&nbsp;
{L_FAQ}
</span><span class="mainmenu">&nbsp; &nbsp;
{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>


       



J'espère qu'une âme charitable aura la gentillesse de me tenir la main car je suis dans le désespoir d'y arriver seul Cool

Merci pour votre patience et votre compréhension car je suis un "Noob" en info, mais je me soigne innocent

A bientôt


Forum
Author Message
Heam
Membre


Offline
Membre

Joined: 12 Dec 2013
Posts: 7
Point(s): 7
Moyenne: 1.00
Windows Vista ou 7 Internet Explorer Masculin Gémeaux (21mai-20juin) 馬 Cheval

PostPosted: Sat 14 Dec 2013 - 22:05    Post subject: [Tuto] Installer une image de fond Reply with quote

Adresse de mon forum : http://lys.xooit.org
Thème graphique du forum : War_alliance
Votre poste : Admin fondateur
Votre navigateur (Modèle et version) : Internet explorer (dernière version)
Mon problème concerne : Inséré une image de fond
Êtes-vous le seul concerné par ce problème : Non
Depuis quand dure le bug/problème constaté ? : La création du forum
Description détaillée du problème : Ils y a tellement de page dans ce tuto que je me suis découragé a tout inspecté pour voir si mon Template si trouve ...

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

Overall_Header.tpl
http://www.sendspace.com/file/18g3uk
Code: Sélectionner - Agrandir
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" 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/w/o/wow_alliance-8fe7b.css" type="text/css">
<style type="text/css">
<!--
.logorow1 {
   background: url(http://img.xooimage.com/files4/8/a/e/logo_left3-1153055.gif) top left no-repeat;
}
.logorow2 {
   background: url(http://img.xooimage.com/files7/4/f/3/logo_right2-11530f2.gif) top right no-repeat;
}
-->
</style>
<script language="javascript" type="text/javascript" src="http://img.xooimage.com/files6/s/c/scripts-8fe7e.js"></script>
<script language="javascript" type="text/javascript" src="http://img.xooimage.com/files6/f/o/formstyle-8fe7f.js"></script>
<link rel="icon" href="http://img.xooimage.com/files5/f/a/favicon-30e74.ico" />
<!-- 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>
<a name="top"></a>
<img id="formStyleTestImage" src="http://img.xooimage.com/files1/_/ti/_-2f2a.gif" />
<table width="{T_BODY_BACKGROUND}" cellspacing="0" cellpadding="0" border="0" align="center" id="maintable">
<tr>
   <td valign="top" class="content-row"><table border="0" width="100%" cellspacing="0" cellpadding="0" id="logotable">
   <tr>
      <td align="center" class="logorow1"><div class="logorow2"><a href="{U_INDEX}"><img src="http://img.xooimage.com/files2/7/3/f/logo-1152fe2.gif" height="112" alt="{L_INDEX}" /></a></div></td>
   </tr>
   </table>
   <table border="0" width="100%" cellspacing="0" cellpadding="0" id="buttonstable">
   <tr>
      <td align="center" valign="middle" width="100%" id="header-buttons">
         <!-- BEGIN switch_user_logged_out -->
         <a href="{U_REGISTER}">{L_REGISTER}</a> •
         <!-- END switch_user_logged_out -->
         <!-- BEGIN switch_user_logged_in -->
         <a href="{U_PROFILE}">{L_PROFILE}</a> •
         <a href="{U_PRIVATEMSGS}">{L_PRIVATEMSGS}</a> •
         <!-- END switch_user_logged_in -->
         <a href="{U_SEARCH}">{L_SEARCH}</a> •
         <a href="{U_FAQ}">{L_FAQ}</a> •
         <a href="{U_MEMBERLIST}">{L_MEMBERLIST}</a> •
         <a href="{U_GROUP_CP}">{L_USERGROUPS}</a> •
         <a href="{U_LOGIN_LOGOUT}">{L_LOGIN_LOGOUT}</a>
      </td>
   </tr>
   </table>
   <table border="0" width="100%" cellspacing="0" cellpadding="0" class="content">
   <tr>
      <td class="content" valign="top">

   <!-- BEGIN switch_user_logged_in -->
   <center><div class="pm-{PRIVMSG_IMG}"><a href="{U_PRIVATEMSGS}">{PRIVATE_MESSAGE_INFO}</a></div></center>
   <!-- END switch_user_logged_in -->



Forum
Author Message
Sploutch
Membre


Offline
Membre

Joined: 02 Jan 2006
Posts: 584
Niveau:
Point(s): 632
Moyenne: 1.08
Masculin

PostPosted: Sun 15 Dec 2013 - 11:07    Post subject: [Tuto] Installer une image de fond Reply with quote

Bonjour,
Quel est l'image que vous souhaitez voir s'afficher ?
Cordialement
_______________________
1 tour pour la forme.1 tour pour l'esprit.

| Le site pour les Filles | Me Soutenir | Smileys Fun | Mes Tutoriels | Mon formulaire D'aide | No Support MP |


Forum
Author Message
Heam
Membre


Offline
Membre

Joined: 12 Dec 2013
Posts: 7
Point(s): 7
Moyenne: 1.00
Windows Vista ou 7 Internet Explorer Masculin Gémeaux (21mai-20juin) 馬 Cheval

PostPosted: Sun 15 Dec 2013 - 12:26    Post subject: [Tuto] Installer une image de fond Reply with quote




Celle-ci , merci Smile


Forum
Author Message
Sploutch
Membre


Offline
Membre

Joined: 02 Jan 2006
Posts: 584
Niveau:
Point(s): 632
Moyenne: 1.08
Masculin

PostPosted: Sun 15 Dec 2013 - 12:35    Post subject: [Tuto] Installer une image de fond Reply with quote

Sauvegardez votre template et effectuez par sécurité, la modification dans votre thème de test.

Copier et remplacez votre overall_header.tpl par celui-ci :

 
Code: Sélectionner - Agrandir
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <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/files59/6/5/e/wow_alliance-42b3382.css" type="text/css">
    <style type="text/css">
    <!--
    .logorow1 {
       background: url(http://img.xooimage.com/files58/0/0/5/sans-titre-999-42b3385.png) top left no-repeat;
    }
    .logorow2 {
       background: url(http://img.xooimage.com/files55/4/c/1/sans-titre-999-42b3392.png) top right no-repeat;
    }
    -->
    </style>
    <script language="javascript" type="text/javascript" src="http://img.xooimage.com/files6/s/c/scripts-8fe7e.js"></script>
    <script language="javascript" type="text/javascript" src="http://img.xooimage.com/files6/f/o/formstyle-8fe7f.js"></script>
    <link rel="icon" href="http://img.xooimage.com/files5/f/a/favicon-30e74.ico" />
    <!-- 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>
    <a name="top"></a>
    <img id="formStyleTestImage" src="http://img.xooimage.com/files1/_/ti/_-2f2a.gif" />
    <table width="{T_BODY_BACKGROUND}" cellspacing="0" cellpadding="0" border="0" align="center" id="maintable">
    <tr>
       <td valign="top" class="content-row"><table border="0" width="100%" cellspacing="0" cellpadding="0" id="logotable">
       <tr>
          <td align="center" class="logorow1"><div class="logorow2"><a href="{U_INDEX}"><img src="http://img.xooimage.com/files58/0/8/9/sans-titre-13-42b28ec.png" alt="{L_INDEX}" /></a></div></td>
       </tr>
       </table>
       <table border="0" width="100%" cellspacing="0" cellpadding="0" id="buttonstable">
       <tr>
          <td align="center" valign="middle" width="100%" id="header-buttons">
             <!-- BEGIN switch_user_logged_out -->
             <a href="{U_REGISTER}">{L_REGISTER}</a> •
             <!-- END switch_user_logged_out -->
             <!-- BEGIN switch_user_logged_in -->
             <a href="{U_PROFILE}">{L_PROFILE}</a> •
             <a href="{U_PRIVATEMSGS}">{L_PRIVATEMSGS}</a> •
             <!-- END switch_user_logged_in -->
             <a href="{U_SEARCH}">{L_SEARCH}</a> •
             <a href="{U_FAQ}">{L_FAQ}</a> •
             <a href="{U_MEMBERLIST}">{L_MEMBERLIST}</a> •
             <a href="{U_GROUP_CP}">{L_USERGROUPS}</a> •
             <a href="{U_LOGIN_LOGOUT}">{L_LOGIN_LOGOUT}</a>
          </td>
       </tr>
       </table>
       <table border="0" width="100%" cellspacing="0" cellpadding="0" class="content">
       <tr>
          <td class="content" valign="top">

       <!-- BEGIN switch_user_logged_in -->
       <center><div class="pm-{PRIVMSG_IMG}"><a href="{U_PRIVATEMSGS}">{PRIVATE_MESSAGE_INFO}</a></div></center>
       <!-- END switch_user_logged_in -->


Cordialement.
_______________________
1 tour pour la forme.1 tour pour l'esprit.

| Le site pour les Filles | Me Soutenir | Smileys Fun | Mes Tutoriels | Mon formulaire D'aide | No Support MP |


Last edited by Sploutch on Sun 15 Dec 2013 - 13:03; edited 1 time in total
Forum
Author Message
Heam
Membre


Offline
Membre

Joined: 12 Dec 2013
Posts: 7
Point(s): 7
Moyenne: 1.00
Windows Vista ou 7 Internet Explorer Masculin Gémeaux (21mai-20juin) 馬 Cheval

PostPosted: Sun 15 Dec 2013 - 12:41    Post subject: [Tuto] Installer une image de fond Reply with quote

toujours pas ;s

Je vous redonne les Template cars je ne sais pas si j'ais donner l'originale ou le test undecided

Code: Sélectionner - Agrandir
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" 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/files59/6/5/e/wow_alliance-42b3382.css" type="text/css">
<style type="text/css">
<!--
.logorow1 {
   background: url(http://img.xooimage.com/files58/0/0/5/sans-titre-999-42b3385.png) top left no-repeat;
}
.logorow2 {
   background: url(http://img.xooimage.com/files55/4/c/1/sans-titre-999-42b3392.png) top right no-repeat;
}
-->
</style>
<script language="javascript" type="text/javascript" src="http://img.xooimage.com/files6/s/c/scripts-8fe7e.js"></script>
<script language="javascript" type="text/javascript" src="http://img.xooimage.com/files6/f/o/formstyle-8fe7f.js"></script>
<link rel="icon" href="http://img.xooimage.com/files5/f/a/favicon-30e74.ico" />
<!-- 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>
<a name="top"></a>
<img id="formStyleTestImage" src="http://img.xooimage.com/files1/_/ti/_-2f2a.gif" />
<table width="{T_BODY_BACKGROUND}" cellspacing="0" cellpadding="0" border="0" align="center" id="maintable">
<tr>
   <td valign="top" class="content-row"><table border="0" width="100%" cellspacing="0" cellpadding="0" id="logotable">
   <tr>
      <td align="center" class="logorow1"><div class="logorow2"><a href="{U_INDEX}"><img src="http://img.xooimage.com/files58/0/8/9/sans-titre-13-42b28ec.png" alt="{L_INDEX}" /></a></div></td>
   </tr>
   </table>
   <table border="0" width="100%" cellspacing="0" cellpadding="0" id="buttonstable">
   <tr>
      <td align="center" valign="middle" width="100%" id="header-buttons">
         <!-- BEGIN switch_user_logged_out -->
         <a href="{U_REGISTER}">{L_REGISTER}</a> •
         <!-- END switch_user_logged_out -->
         <!-- BEGIN switch_user_logged_in -->
         <a href="{U_PROFILE}">{L_PROFILE}</a> •
         <a href="{U_PRIVATEMSGS}">{L_PRIVATEMSGS}</a> •
         <!-- END switch_user_logged_in -->
         <a href="{U_SEARCH}">{L_SEARCH}</a> •
         <a href="{U_FAQ}">{L_FAQ}</a> •
         <a href="{U_MEMBERLIST}">{L_MEMBERLIST}</a> •
         <a href="{U_GROUP_CP}">{L_USERGROUPS}</a> •
         <a href="{U_LOGIN_LOGOUT}">{L_LOGIN_LOGOUT}</a>
      </td>
   </tr>
   </table>
   <table border="0" width="100%" cellspacing="0" cellpadding="0" class="content">
   <tr>
      <td class="content" valign="top">

   <!-- BEGIN switch_user_logged_in -->
   <center><div class="pm-{PRIVMSG_IMG}"><a href="{U_PRIVATEMSGS}">{PRIVATE_MESSAGE_INFO}</a></div></center>
   <!-- END switch_user_logged_in -->


Forum
Author Message
Sploutch
Membre


Offline
Membre

Joined: 02 Jan 2006
Posts: 584
Niveau:
Point(s): 632
Moyenne: 1.08
Masculin

PostPosted: Sun 15 Dec 2013 - 13:04    Post subject: [Tuto] Installer une image de fond Reply with quote

Sauvegardez votre template et effectuez par sécurité, la modification dans votre thème de test.

Copier et remplacez votre overall_header.tpl par celui-ci :

 
Code: Sélectionner - Agrandir
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <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/files59/6/5/e/wow_alliance-42b3382.css" type="text/css">
    <style type="text/css">
    <!--
    .logorow1 {
       background: url(http://img.xooimage.com/files58/0/0/5/sans-titre-999-42b3385.png) top left no-repeat;
    }
    .logorow2 {
       background: url(http://img.xooimage.com/files55/4/c/1/sans-titre-999-42b3392.png) top right no-repeat;
    }
    -->
    </style>
    <script language="javascript" type="text/javascript" src="http://img.xooimage.com/files6/s/c/scripts-8fe7e.js"></script>
    <script language="javascript" type="text/javascript" src="http://img.xooimage.com/files6/f/o/formstyle-8fe7f.js"></script>
    <link rel="icon" href="http://img.xooimage.com/files5/f/a/favicon-30e74.ico" />
    <!-- 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>
    <a name="top"></a>
    <img id="formStyleTestImage" src="http://img.xooimage.com/files1/_/ti/_-2f2a.gif" />
    <table width="{T_BODY_BACKGROUND}" cellspacing="0" cellpadding="0" border="0" align="center" id="maintable">
    <tr>
       <td valign="top" class="content-row"><table border="0" width="100%" cellspacing="0" cellpadding="0" id="logotable">
       <tr>
          <td align="center" class="logorow1"><div class="logorow2"><a href="{U_INDEX}"><img src="http://img.xooimage.com/files58/0/8/9/sans-titre-13-42b28ec.png" alt="{L_INDEX}" /></a></div></td>
       </tr>
       </table>
       <table border="0" width="100%" cellspacing="0" cellpadding="0" id="buttonstable">
       <tr>
          <td align="center" valign="middle" width="100%" id="header-buttons">
             <!-- BEGIN switch_user_logged_out -->
             <a href="{U_REGISTER}">{L_REGISTER}</a> •
             <!-- END switch_user_logged_out -->
             <!-- BEGIN switch_user_logged_in -->
             <a href="{U_PROFILE}">{L_PROFILE}</a> •
             <a href="{U_PRIVATEMSGS}">{L_PRIVATEMSGS}</a> •
             <!-- END switch_user_logged_in -->
             <a href="{U_SEARCH}">{L_SEARCH}</a> •
             <a href="{U_FAQ}">{L_FAQ}</a> •
             <a href="{U_MEMBERLIST}">{L_MEMBERLIST}</a> •
             <a href="{U_GROUP_CP}">{L_USERGROUPS}</a> •
             <a href="{U_LOGIN_LOGOUT}">{L_LOGIN_LOGOUT}</a>
          </td>
       </tr>
       </table>
       <table border="0" width="100%" cellspacing="0" cellpadding="0" class="content">
       <tr>
          <td class="content" valign="top">

       <!-- BEGIN switch_user_logged_in -->
       <center><div class="pm-{PRIVMSG_IMG}"><a href="{U_PRIVATEMSGS}">{PRIVATE_MESSAGE_INFO}</a></div></center>
       <!-- END switch_user_logged_in -->


Cordialement.
_______________________
1 tour pour la forme.1 tour pour l'esprit.

| Le site pour les Filles | Me Soutenir | Smileys Fun | Mes Tutoriels | Mon formulaire D'aide | No Support MP |


Forum
Author Message
Heam
Membre


Offline
Membre

Joined: 12 Dec 2013
Posts: 7
Point(s): 7
Moyenne: 1.00
Windows Vista ou 7 Internet Explorer Masculin Gémeaux (21mai-20juin) 馬 Cheval

PostPosted: Sun 15 Dec 2013 - 13:08    Post subject: [Tuto] Installer une image de fond Reply with quote

malheureusement sa na pas encore fonctionné ;s

Forum
Author Message
Sploutch
Membre


Offline
Membre

Joined: 02 Jan 2006
Posts: 584
Niveau:
Point(s): 632
Moyenne: 1.08
Masculin

PostPosted: Sun 15 Dec 2013 - 13:12    Post subject: [Tuto] Installer une image de fond Reply with quote

Vous ne me donnez pas le bon overall_header.tpl !
_______________________
1 tour pour la forme.1 tour pour l'esprit.

| Le site pour les Filles | Me Soutenir | Smileys Fun | Mes Tutoriels | Mon formulaire D'aide | No Support MP |


Forum
Author Message
Heam
Membre


Offline
Membre

Joined: 12 Dec 2013
Posts: 7
Point(s): 7
Moyenne: 1.00
Windows Vista ou 7 Internet Explorer Masculin Gémeaux (21mai-20juin) 馬 Cheval

PostPosted: Sun 15 Dec 2013 - 13:17    Post subject: [Tuto] Installer une image de fond Reply with quote

comment sa pas le bon ?
je n'est qu'un overall_header.tpl !
mais jais aussi un simple_header.tpl ...


Forum
Author Message
Sploutch
Membre


Offline
Membre

Joined: 02 Jan 2006
Posts: 584
Niveau:
Point(s): 632
Moyenne: 1.08
Masculin

PostPosted: Sun 15 Dec 2013 - 13:31    Post subject: [Tuto] Installer une image de fond Reply with quote

donnez moi le template de votre thème

xxxxxx.css

cordialement
_______________________
1 tour pour la forme.1 tour pour l'esprit.

| Le site pour les Filles | Me Soutenir | Smileys Fun | Mes Tutoriels | Mon formulaire D'aide | No Support MP |


Forum
Author Message
Heam
Membre


Offline
Membre

Joined: 12 Dec 2013
Posts: 7
Point(s): 7
Moyenne: 1.00
Windows Vista ou 7 Internet Explorer Masculin Gémeaux (21mai-20juin) 馬 Cheval

PostPosted: Sun 15 Dec 2013 - 13:34    Post subject: [Tuto] Installer une image de fond Reply with quote

Ces bizzard Oo j'en est 2 dans mon thème ... hum et jais remarquer autre chose ! Je ne peut pas modifier sa ...



Code: Sélectionner - Agrandir
html, body {
   background: #242424 url('http://img.xooimage.com/files6/b/o/body-30e5c.gif');
   padding: 0;
   margin: 0;
   color: #D0D0D0;
}
body { padding: 0 5px; }

/* General font families for common tags */
font,th,td,p { font-family: Verdana, Arial, Helvetica, sans-serif; }
a, a:visited { color: #CBA300; }
a:hover      { text-decoration: underline; color: #FFFFFF; }
hr   { height: 0px; border: solid #CBA300 0px; border-top-width: 1px;}
form { display: inline; padding: 0; margin: 0; }
img { border: 0; }
br.spacer { height: 5px; font-size: 5px; line-height: 5px; overflow: hidden; }
caption { margin: 0; padding: 0; }
iframe { border: none; background-color: #F2F2F2; }

/* Header and Logo */
#maintable {
   border-style: solid;
   border-width: 0 1px 1px 1px;
   border-color: #000;
}
#logotable {
   background: url('http://img.xooimage.com/files56/3/0/b/sans-titre-999-42b3380.png') top left repeat-x;
}
#buttonstable {
   margin-bottom: 5px;
   border-bottom: solid 1px #000;
   border-top: solid 1px #000;
}
#buttonstable td {
   background: url('http://img.xooimage.com/files5/b/u/buttons-8fe71.gif') top left repeat-x;
   height: 21px;
   overflow: hidden;
}
#header-buttons {
   font-size: 11px;
   color: #FFFFFF;
   padding-bottom: 2px;
}
#header-buttons a, #header-buttons a:visited {
   color: #FFF;
   text-decoration: none;
}
#header-buttons a:hover { color: #FFFFFF; text-decoration: underline; }

#content-simple {
   padding: 3px;
   border-color: #000;
   border-width: 0 1px 1px 1px;
   border-style: solid;
   background-color: #191919;
}

/* This is the border line & background colour round the entire content */
.content-row { background-color: #191919; }
td.content {
   background-color: #191919;
   padding: 5px;
}

/* This is the outline round the main forum tables */
.forumline   { border: solid 1px #000; background: #313131 url('http://img.xooimage.com/files2/c/e/cell-30e61.gif') top left repeat-x; }

/* Forum header */
.forumheader td {
   background: url('http://img.xooimage.com/files5/h/d/hdr_mid-8fe72.gif') left bottom repeat-x;
   font-size: 12px;
   font-weight: bold;
   color: #CBA300;
}
.forumheader a, .forumheader a:visited {
   color: #CBA300;
   text-decoration: underline;
}
.forumheader a:hover {
   color: #FFF;
   text-decoration: underline;
}
.forumheader-mid { padding-top: 2px; }

/* pm popup */
.pm-old { display: none; }
.pm-new { margin: 30px; }
.pm-new a, .pm-new a:visited {
   border: solid 1px #FFFFFF;
   padding: 25px 45px;
   color: #CBA300;
   text-decoration: underline;
   font-size: 12px;
   font-weight: bold;
   background: #313131 url('http://img.xooimage.com/files2/c/e/cell-30e61.gif') top left repeat-x;
}
.pm-new a:hover, .pm-new a:active {
   color: #FFFFFF;
}
/* Main table cell colours and backgrounds */
td.row1, td.row2, td.row3, td.row3Right, td.postbottom {
   border-left: solid 1px #404040;
   border-right: solid 1px #121212;
   border-top: solid 1px #3C3C3C;
   border-bottom: solid 1px #131313;
   background: #313131 url('http://img.xooimage.com/files2/c/e/cell-30e61.gif') top left repeat-x;
}


/* Header cells - the blue and silver gradient backgrounds */
th, td.spaceRow, td.th {
   color: #ACAFB4;
   font-size: 11px;
   font-weight: bold;
   background: #113865 url('http://img.xooimage.com/files6/t/h/th-8fe73.gif') top left repeat-x;
   white-space: nowrap;
   padding: 0 5px;
   text-align: center;
   height: 26px;
   border-left: solid 1px #064691;
   border-right: solid 1px #012753;
   border-top: solid 1px #084EA1;
   border-bottom: solid 1px #073B77;
}
th.left { text-align: left; }

td.catBottom {
   background: #113865 url('http://img.xooimage.com/files7/c/a/catbottom-8fe74.gif') top left repeat-x;
   height: 24px;
   padding: 1px 3px;
   border-left: solid 1px #064691;
   border-right: solid 1px #012753;
   border-top: solid 1px #084EA1;
   border-bottom: solid 1px #073B77;
}
td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.spaceRow2 {
   background: #2C2C2C url('http://img.xooimage.com/files4/c/a/cathead-30e65.gif') top left repeat-x;
   height: 24px;
   padding: 0 3px;
   border-left: solid 1px #404040;
   border-right: solid 1px #121212;
   border-top: solid 1px #3C3C3C;
   border-bottom: solid 1px #131313;
}
td.spaceRow, td.spaceRow2 { height: 2px; overflow: hidden; font-size: 2px; line-height: 2px; padding: 0; }
.cat,.catHead,.catSides,.catLeft,.catRight,.catBottom { font-size: 12px; }


/*
  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.catHead { font-size: 12px; }

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


/* General text */
.gen { font-size: 12px; }
.genmed { font-size: 11px; }
.gensmall { font-size: 10px; }
.gen,.genmed,.gensmall { color: #D0D0D0; }
a.gen,a.genmed,a.gensmall { color: #CBA300; text-decoration: none; }
a.gen:hover,a.genmed:hover,a.gensmall:hover   { color: #FFFFFF; text-decoration: underline; }

.generror { color: #FFF; }
.progress { background-color: #FFFFFF; }

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


/* 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: #D0D0D0;}
a.nav         { text-decoration: none; color : #CBA300; }
a.nav:hover      { text-decoration: underline; }


/* titles for the topics: could specify viewed link colour too */
.topictitle         { font-weight: bold; font-size: 11px; color: #D0D0D0; }
a.topictitle:link   { text-decoration: none; color: #CBA300; }
a.topictitle:visited { text-decoration: none; color: #997C04; }
a.topictitle:hover   { text-decoration: underline; color: #FFFFFF; }

/* new thread link */
.link-new a, .link-new a:visited, .link-new a.topictitle, .link-new a.topictitle:visited { color: #FDD019; }
.link-new a:hover, .link-new a:active, .link-new a.topictitle:hover, .link-new a.topictitle:active { color: #FFF; }

/* Name of poster in viewmsg.php and viewtopic.php and other places */
.name         { font-size: 11px; }
.postername      { font-size: 11px; font-weight: bold; color: #CBA300; line-height: 1.5em; }

/* Location, number of posts, post date etc */
.postdetails      { font-size: 10px; }
.posterrank      { font-size: 9px; color: #B0B0B0; }
.posterprofile   { font-size: 10px; color: #D0D0D0; }

/* The content of the posts (body of text) */
.postbody { font-size: 12px;}
.postbody a   { text-decoration: none; color: #CBA300; }
.postbody a:visited { text-decoration: none; color: #997C04; }
.postbody a:hover { text-decoration: underline; color: #FFFFFF; }

/* Other post stuff */
td.postbottom {
   background: #2D2D2D url('http://img.xooimage.com/files8/p/r/profile-30e66.gif') top left repeat-x;
   font-size: 10px;
   color: #D0D0D0;
   white-space: nowrap;
}

.postsubject {
   font-size: 12px;
   font-weight: bold;
   color: #CBA300;
}

/* Quote & Code blocks */
.quote-table, .code-table {
   border-left: solid 1px #090909;
   border-top: solid 1px #090909;
   border-right: solid 1px #000;
   border-bottom: solid 1px #000;
   margin: 5px 0;
}
.quote-corner, .code-corner {
   background-color: #0D3461;
   border-right: solid 1px #000;
}
.quote-left {
   background: #0D3461 url('http://img.xooimage.com/files2/q/u/quote_left-8fe75.gif') center center no-repeat;
   border-right: solid 1px #000;
}
.code-left {
   background: #0D3461 url('http://img.xooimage.com/files4/c/o/code_left-8fe76.gif') center center no-repeat;
   border-right: solid 1px #000;
}
.quote-header, .code-header {
   border-bottom: solid 1px #000;
   padding: 0 5px;
   text-align: left;
   vertical-align: middle;
   font-size: 11px;
   background-color: #2E2E2E;
   color: #D0D0D0;
}
.quote-text {
   color: #D0D0D0;
   text-align: left;
   vertical-align: top;
   font-size: 11px;
   line-height: 125%;
   padding: 3px 5px;
   background-color: #2E2E2E;
}

.code-text {
   font-family: Courier, 'Courier New', sans-serif;
   color: #D0D0D0;
   text-align: left;
   vertical-align: top;
   font-size: 11px;
   line-height: 125%;
   padding: 3px 5px;
   background-color: #2E2E2E;
}

/* Copyright and bottom info */
.copyright      { font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #CCC; letter-spacing: -1px;}

/* Form elements */
input,textarea, select {
   color: #000000;
   font: normal 11px Verdana, Arial, Helvetica, sans-serif;
}

input.post, textarea {
   border: solid 1px #CBA300;
   background-color: #222;
   color: #D0D0D0;
}
* html input.post, * html textarea { border-color: #D0D0D0; }
input.post:hover, textarea:hover { border-color: #D0D0D0; }
input.post:focus, textarea:focus { border-color: #FFFFFF; color: #FFF; }


select {
   background-color: #000;
   color: #D0D0D0;
}

input { text-indent : 2px; }

/* The buttons used for bbCode styling in message post */
input.button {
   background-color: #313131;
   color: #D0D0D0;
   font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif;
   border: solid 1px #444;
}
input.button:hover {
   background-color: #444;
   color: #FFF;
}
* html input.button { color: #000; }

/* The main submit button option */
input.mainoption {
   background-color: #222;
   color: #D0D0D0;
   font-weight : bold;
   border: solid 1px #000;
}

/* None-bold submit button */
input.liteoption {
   background-color: #222;
   color: #D0D0D0;
   border: solid 1px #000;
}

input.mainoption:hover, input.liteoption:hover { border-color: #D0D0D0; }
input.mainoption:focus, input.liteoption:focus { color: #FFF; border-color: #FFFFFF; }


/* 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: #313131; border: solid 1px #313131; color: #D0D0D0; }


/*
   Styled checkboxes and radio buttons.
   Created by Philip Howard, GamingHeadlines.co.uk
   Web: http://www.gamingheadlines.co.uk/wod/formstyle/index.html
*/
.checkbox {
   background: url('http://img.xooimage.com/files4/c/h/checkboxunchecked-8fe77.gif') no-repeat center center;
   display: block;
   width: 16px;
   height:16px;
}
a.checkbox, a.checkboxchecked {
   display: block;
   width: 16px;
   height: 16px;
   cursor: pointer;
   cursor: hand;
}
a.checkbox {
   background: url('http://img.xooimage.com/files4/c/h/checkboxunchecked-8fe77.gif') no-repeat center center;
}
a.checkboxchecked {
   background: url('http://img.xooimage.com/files9/c/h/checkboxchecked-8fe78.gif') no-repeat center center;
}

.radiobox {
   background: url('http://img.xooimage.com/files6/r/a/radioboxunchecked-8fe79.gif') no-repeat center center;
   display: block;
   width: 16px;
   height:16px;
}
a.radiobox, a.radioboxchecked {
   display: block;
   width: 16px;
   height: 16px;
   cursor: pointer;
   cursor: hand;
}
a.radiobox {
   background: url('http://img.xooimage.com/files6/r/a/radioboxunchecked-8fe79.gif') no-repeat center center;
}
a.radioboxchecked {
   background: url('http://img.xooimage.com/files2/r/a/radioboxchecked-8fe7a.gif') no-repeat center center;
}

.inputhidden { display: none; }


ET LE DEUXIEME

Code: Sélectionner - Agrandir
html, body {
   background: #242424 url('http://img.xooimage.com/files6/b/o/body-30e5c.gif');
   padding: 0;
   margin: 0;
   color: #D0D0D0;
}
body { padding: 0 5px; }

/* General font families for common tags */
font,th,td,p { font-family: Verdana, Arial, Helvetica, sans-serif; }
a, a:visited { color: #CBA300; }
a:hover      { text-decoration: underline; color: #FFFFFF; }
hr   { height: 0px; border: solid #CBA300 0px; border-top-width: 1px;}
form { display: inline; padding: 0; margin: 0; }
img { border: 0; }
br.spacer { height: 5px; font-size: 5px; line-height: 5px; overflow: hidden; }
caption { margin: 0; padding: 0; }
iframe { border: none; background-color: #F2F2F2; }

/* Header and Logo */
#maintable {
   border-style: solid;
   border-width: 0 1px 1px 1px;
   border-color: #000;
}
#logotable {
   background: url('http://img.xooimage.com/files56/3/9/3/sans-titre-13-42bc649.png') top left repeat-x;
}
#buttonstable {
   margin-bottom: 5px;
   border-bottom: solid 1px #000;
   border-top: solid 1px #000;
}
#buttonstable td {
   background: url('http://img.xooimage.com/files5/b/u/buttons-8fe71.gif') top left repeat-x;
   height: 21px;
   overflow: hidden;
}
#header-buttons {
   font-size: 11px;
   color: #FFFFFF;
   padding-bottom: 2px;
}
#header-buttons a, #header-buttons a:visited {
   color: #FFF;
   text-decoration: none;
}
#header-buttons a:hover { color: #FFFFFF; text-decoration: underline; }

#content-simple {
   padding: 3px;
   border-color: #000;
   border-width: 0 1px 1px 1px;
   border-style: solid;
   background-color: #191919;
}

/* This is the border line & background colour round the entire content */
.content-row { background-color: #191919; }
td.content {
   background-color: #191919;
   padding: 5px;
}

/* This is the outline round the main forum tables */
.forumline   { border: solid 1px #000; background: #313131 url('http://img.xooimage.com/files2/c/e/cell-30e61.gif') top left repeat-x; }

/* Forum header */
.forumheader td {
   background: url('http://img.xooimage.com/files5/h/d/hdr_mid-8fe72.gif') left bottom repeat-x;
   font-size: 12px;
   font-weight: bold;
   color: #CBA300;
}
.forumheader a, .forumheader a:visited {
   color: #CBA300;
   text-decoration: underline;
}
.forumheader a:hover {
   color: #FFF;
   text-decoration: underline;
}
.forumheader-mid { padding-top: 2px; }

/* pm popup */
.pm-old { display: none; }
.pm-new { margin: 30px; }
.pm-new a, .pm-new a:visited {
   border: solid 1px #FFFFFF;
   padding: 25px 45px;
   color: #CBA300;
   text-decoration: underline;
   font-size: 12px;
   font-weight: bold;
   background: #313131 url('http://img.xooimage.com/files2/c/e/cell-30e61.gif') top left repeat-x;
}
.pm-new a:hover, .pm-new a:active {
   color: #FFFFFF;
}
/* Main table cell colours and backgrounds */
td.row1, td.row2, td.row3, td.row3Right, td.postbottom {
   border-left: solid 1px #404040;
   border-right: solid 1px #121212;
   border-top: solid 1px #3C3C3C;
   border-bottom: solid 1px #131313;
   background: #313131 url('http://img.xooimage.com/files2/c/e/cell-30e61.gif') top left repeat-x;
}


/* Header cells - the blue and silver gradient backgrounds */
th, td.spaceRow, td.th {
   color: #ACAFB4;
   font-size: 11px;
   font-weight: bold;
   background: #113865 url('http://img.xooimage.com/files6/t/h/th-8fe73.gif') top left repeat-x;
   white-space: nowrap;
   padding: 0 5px;
   text-align: center;
   height: 26px;
   border-left: solid 1px #064691;
   border-right: solid 1px #012753;
   border-top: solid 1px #084EA1;
   border-bottom: solid 1px #073B77;
}
th.left { text-align: left; }

td.catBottom {
   background: #113865 url('http://img.xooimage.com/files7/c/a/catbottom-8fe74.gif') top left repeat-x;
   height: 24px;
   padding: 1px 3px;
   border-left: solid 1px #064691;
   border-right: solid 1px #012753;
   border-top: solid 1px #084EA1;
   border-bottom: solid 1px #073B77;
}
td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.spaceRow2 {
   background: #2C2C2C url('http://img.xooimage.com/files4/c/a/cathead-30e65.gif') top left repeat-x;
   height: 24px;
   padding: 0 3px;
   border-left: solid 1px #404040;
   border-right: solid 1px #121212;
   border-top: solid 1px #3C3C3C;
   border-bottom: solid 1px #131313;
}
td.spaceRow, td.spaceRow2 { height: 2px; overflow: hidden; font-size: 2px; line-height: 2px; padding: 0; }
.cat,.catHead,.catSides,.catLeft,.catRight,.catBottom { font-size: 12px; }


/*
  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.catHead { font-size: 12px; }

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


/* General text */
.gen { font-size: 12px; }
.genmed { font-size: 11px; }
.gensmall { font-size: 10px; }
.gen,.genmed,.gensmall { color: #D0D0D0; }
a.gen,a.genmed,a.gensmall { color: #CBA300; text-decoration: none; }
a.gen:hover,a.genmed:hover,a.gensmall:hover   { color: #FFFFFF; text-decoration: underline; }

.generror { color: #FFF; }
.progress { background-color: #FFFFFF; }

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


/* 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: #D0D0D0;}
a.nav         { text-decoration: none; color : #CBA300; }
a.nav:hover      { text-decoration: underline; }


/* titles for the topics: could specify viewed link colour too */
.topictitle         { font-weight: bold; font-size: 11px; color: #D0D0D0; }
a.topictitle:link   { text-decoration: none; color: #CBA300; }
a.topictitle:visited { text-decoration: none; color: #997C04; }
a.topictitle:hover   { text-decoration: underline; color: #FFFFFF; }

/* new thread link */
.link-new a, .link-new a:visited, .link-new a.topictitle, .link-new a.topictitle:visited { color: #FDD019; }
.link-new a:hover, .link-new a:active, .link-new a.topictitle:hover, .link-new a.topictitle:active { color: #FFF; }

/* Name of poster in viewmsg.php and viewtopic.php and other places */
.name         { font-size: 11px; }
.postername      { font-size: 11px; font-weight: bold; color: #CBA300; line-height: 1.5em; }

/* Location, number of posts, post date etc */
.postdetails      { font-size: 10px; }
.posterrank      { font-size: 9px; color: #B0B0B0; }
.posterprofile   { font-size: 10px; color: #D0D0D0; }

/* The content of the posts (body of text) */
.postbody { font-size: 12px;}
.postbody a   { text-decoration: none; color: #CBA300; }
.postbody a:visited { text-decoration: none; color: #997C04; }
.postbody a:hover { text-decoration: underline; color: #FFFFFF; }

/* Other post stuff */
td.postbottom {
   background: #2D2D2D url('http://img.xooimage.com/files8/p/r/profile-30e66.gif') top left repeat-x;
   font-size: 10px;
   color: #D0D0D0;
   white-space: nowrap;
}

.postsubject {
   font-size: 12px;
   font-weight: bold;
   color: #CBA300;
}

/* Quote & Code blocks */
.quote-table, .code-table {
   border-left: solid 1px #090909;
   border-top: solid 1px #090909;
   border-right: solid 1px #000;
   border-bottom: solid 1px #000;
   margin: 5px 0;
}
.quote-corner, .code-corner {
   background-color: #0D3461;
   border-right: solid 1px #000;
}
.quote-left {
   background: #0D3461 url('http://img.xooimage.com/files2/q/u/quote_left-8fe75.gif') center center no-repeat;
   border-right: solid 1px #000;
}
.code-left {
   background: #0D3461 url('http://img.xooimage.com/files4/c/o/code_left-8fe76.gif') center center no-repeat;
   border-right: solid 1px #000;
}
.quote-header, .code-header {
   border-bottom: solid 1px #000;
   padding: 0 5px;
   text-align: left;
   vertical-align: middle;
   font-size: 11px;
   background-color: #2E2E2E;
   color: #D0D0D0;
}
.quote-text {
   color: #D0D0D0;
   text-align: left;
   vertical-align: top;
   font-size: 11px;
   line-height: 125%;
   padding: 3px 5px;
   background-color: #2E2E2E;
}

.code-text {
   font-family: Courier, 'Courier New', sans-serif;
   color: #D0D0D0;
   text-align: left;
   vertical-align: top;
   font-size: 11px;
   line-height: 125%;
   padding: 3px 5px;
   background-color: #2E2E2E;
}

/* Copyright and bottom info */
.copyright      { font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #CCC; letter-spacing: -1px;}

/* Form elements */
input,textarea, select {
   color: #000000;
   font: normal 11px Verdana, Arial, Helvetica, sans-serif;
}

input.post, textarea {
   border: solid 1px #CBA300;
   background-color: #222;
   color: #D0D0D0;
}
* html input.post, * html textarea { border-color: #D0D0D0; }
input.post:hover, textarea:hover { border-color: #D0D0D0; }
input.post:focus, textarea:focus { border-color: #FFFFFF; color: #FFF; }


select {
   background-color: #000;
   color: #D0D0D0;
}

input { text-indent : 2px; }

/* The buttons used for bbCode styling in message post */
input.button {
   background-color: #313131;
   color: #D0D0D0;
   font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif;
   border: solid 1px #444;
}
input.button:hover {
   background-color: #444;
   color: #FFF;
}
* html input.button { color: #000; }

/* The main submit button option */
input.mainoption {
   background-color: #222;
   color: #D0D0D0;
   font-weight : bold;
   border: solid 1px #000;
}

/* None-bold submit button */
input.liteoption {
   background-color: #222;
   color: #D0D0D0;
   border: solid 1px #000;
}

input.mainoption:hover, input.liteoption:hover { border-color: #D0D0D0; }
input.mainoption:focus, input.liteoption:focus { color: #FFF; border-color: #FFFFFF; }


/* 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: #313131; border: solid 1px #313131; color: #D0D0D0; }


/*
   Styled checkboxes and radio buttons.
   Created by Philip Howard, GamingHeadlines.co.uk
   Web: http://www.gamingheadlines.co.uk/wod/formstyle/index.html
*/
.checkbox {
   background: url('http://img.xooimage.com/files4/c/h/checkboxunchecked-8fe77.gif') no-repeat center center;
   display: block;
   width: 16px;
   height:16px;
}
a.checkbox, a.checkboxchecked {
   display: block;
   width: 16px;
   height: 16px;
   cursor: pointer;
   cursor: hand;
}
a.checkbox {
   background: url('http://img.xooimage.com/files4/c/h/checkboxunchecked-8fe77.gif') no-repeat center center;
}
a.checkboxchecked {
   background: url('http://img.xooimage.com/files9/c/h/checkboxchecked-8fe78.gif') no-repeat center center;
}

.radiobox {
   background: url('http://img.xooimage.com/files6/r/a/radioboxunchecked-8fe79.gif') no-repeat center center;
   display: block;
   width: 16px;
   height:16px;
}
a.radiobox, a.radioboxchecked {
   display: block;
   width: 16px;
   height: 16px;
   cursor: pointer;
   cursor: hand;
}
a.radiobox {
   background: url('http://img.xooimage.com/files6/r/a/radioboxunchecked-8fe79.gif') no-repeat center center;
}
a.radioboxchecked {
   background: url('http://img.xooimage.com/files2/r/a/radioboxchecked-8fe7a.gif') no-repeat center center;
}

.inputhidden { display: none; }


Forum
Author Message
Sploutch
Membre


Offline
Membre

Joined: 02 Jan 2006
Posts: 584
Niveau:
Point(s): 632
Moyenne: 1.08
Masculin

PostPosted: Sun 15 Dec 2013 - 13:42    Post subject: [Tuto] Installer une image de fond Reply with quote

Sauvegardez votre template ".css " et effectuez par sécurité, la modification dans votre thème de test.

Copiez et remplacez :

1)
Code: Sélectionner - Agrandir
    html, body {
       background: #242424 url('http://img.xooimage.com/files55/4/c/1/sans-titre-999-42b3392.png');
       padding: 0;
       margin: 0;
       color: #D0D0D0;
    }
    body { padding: 0 5px; }

    /* General font families for common tags */
    font,th,td,p { font-family: Verdana, Arial, Helvetica, sans-serif; }
    a, a:visited { color: #CBA300; }
    a:hover      { text-decoration: underline; color: #FFFFFF; }
    hr   { height: 0px; border: solid #CBA300 0px; border-top-width: 1px;}
    form { display: inline; padding: 0; margin: 0; }
    img { border: 0; }
    br.spacer { height: 5px; font-size: 5px; line-height: 5px; overflow: hidden; }
    caption { margin: 0; padding: 0; }
    iframe { border: none; background-color: #F2F2F2; }

    /* Header and Logo */
    #maintable {
       border-style: solid;
       border-width: 0 1px 1px 1px;
       border-color: #000;
    }
    #logotable {
       background: url('http://img.xooimage.com/files56/3/0/b/sans-titre-999-42b3380.png') top left repeat-x;
    }
    #buttonstable {
       margin-bottom: 5px;
       border-bottom: solid 1px #000;
       border-top: solid 1px #000;
    }
    #buttonstable td {
       background: url('http://img.xooimage.com/files5/b/u/buttons-8fe71.gif') top left repeat-x;
       height: 21px;
       overflow: hidden;
    }
    #header-buttons {
       font-size: 11px;
       color: #FFFFFF;
       padding-bottom: 2px;
    }
    #header-buttons a, #header-buttons a:visited {
       color: #FFF;
       text-decoration: none;
    }
    #header-buttons a:hover { color: #FFFFFF; text-decoration: underline; }

    #content-simple {
       padding: 3px;
       border-color: #000;
       border-width: 0 1px 1px 1px;
       border-style: solid;
       background-color: #191919;
    }

    /* This is the border line & background colour round the entire content */
    .content-row { background-color: #191919; }
    td.content {
       background-color: #191919;
       padding: 5px;
    }

    /* This is the outline round the main forum tables */
    .forumline   { border: solid 1px #000; background: #313131 url('http://img.xooimage.com/files2/c/e/cell-30e61.gif') top left repeat-x; }

    /* Forum header */
    .forumheader td {
       background: url('http://img.xooimage.com/files5/h/d/hdr_mid-8fe72.gif') left bottom repeat-x;
       font-size: 12px;
       font-weight: bold;
       color: #CBA300;
    }
    .forumheader a, .forumheader a:visited {
       color: #CBA300;
       text-decoration: underline;
    }
    .forumheader a:hover {
       color: #FFF;
       text-decoration: underline;
    }
    .forumheader-mid { padding-top: 2px; }

    /* pm popup */
    .pm-old { display: none; }
    .pm-new { margin: 30px; }
    .pm-new a, .pm-new a:visited {
       border: solid 1px #FFFFFF;
       padding: 25px 45px;
       color: #CBA300;
       text-decoration: underline;
       font-size: 12px;
       font-weight: bold;
       background: #313131 url('http://img.xooimage.com/files2/c/e/cell-30e61.gif') top left repeat-x;
    }
    .pm-new a:hover, .pm-new a:active {
       color: #FFFFFF;
    }
    /* Main table cell colours and backgrounds */
    td.row1, td.row2, td.row3, td.row3Right, td.postbottom {
       border-left: solid 1px #404040;
       border-right: solid 1px #121212;
       border-top: solid 1px #3C3C3C;
       border-bottom: solid 1px #131313;
       background: #313131 url('http://img.xooimage.com/files2/c/e/cell-30e61.gif') top left repeat-x;
    }


    /* Header cells - the blue and silver gradient backgrounds */
    th, td.spaceRow, td.th {
       color: #ACAFB4;
       font-size: 11px;
       font-weight: bold;
       background: #113865 url('http://img.xooimage.com/files6/t/h/th-8fe73.gif') top left repeat-x;
       white-space: nowrap;
       padding: 0 5px;
       text-align: center;
       height: 26px;
       border-left: solid 1px #064691;
       border-right: solid 1px #012753;
       border-top: solid 1px #084EA1;
       border-bottom: solid 1px #073B77;
    }
    th.left { text-align: left; }

    td.catBottom {
       background: #113865 url('http://img.xooimage.com/files7/c/a/catbottom-8fe74.gif') top left repeat-x;
       height: 24px;
       padding: 1px 3px;
       border-left: solid 1px #064691;
       border-right: solid 1px #012753;
       border-top: solid 1px #084EA1;
       border-bottom: solid 1px #073B77;
    }
    td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.spaceRow2 {
       background: #2C2C2C url('http://img.xooimage.com/files4/c/a/cathead-30e65.gif') top left repeat-x;
       height: 24px;
       padding: 0 3px;
       border-left: solid 1px #404040;
       border-right: solid 1px #121212;
       border-top: solid 1px #3C3C3C;
       border-bottom: solid 1px #131313;
    }
    td.spaceRow, td.spaceRow2 { height: 2px; overflow: hidden; font-size: 2px; line-height: 2px; padding: 0; }
    .cat,.catHead,.catSides,.catLeft,.catRight,.catBottom { font-size: 12px; }


    /*
      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.catHead { font-size: 12px; }

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


    /* General text */
    .gen { font-size: 12px; }
    .genmed { font-size: 11px; }
    .gensmall { font-size: 10px; }
    .gen,.genmed,.gensmall { color: #D0D0D0; }
    a.gen,a.genmed,a.gensmall { color: #CBA300; text-decoration: none; }
    a.gen:hover,a.genmed:hover,a.gensmall:hover   { color: #FFFFFF; text-decoration: underline; }

    .generror { color: #FFF; }
    .progress { background-color: #FFFFFF; }

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


    /* 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: #D0D0D0;}
    a.nav         { text-decoration: none; color : #CBA300; }
    a.nav:hover      { text-decoration: underline; }


    /* titles for the topics: could specify viewed link colour too */
    .topictitle         { font-weight: bold; font-size: 11px; color: #D0D0D0; }
    a.topictitle:link   { text-decoration: none; color: #CBA300; }
    a.topictitle:visited { text-decoration: none; color: #997C04; }
    a.topictitle:hover   { text-decoration: underline; color: #FFFFFF; }

    /* new thread link */
    .link-new a, .link-new a:visited, .link-new a.topictitle, .link-new a.topictitle:visited { color: #FDD019; }
    .link-new a:hover, .link-new a:active, .link-new a.topictitle:hover, .link-new a.topictitle:active { color: #FFF; }

    /* Name of poster in viewmsg.php and viewtopic.php and other places */
    .name         { font-size: 11px; }
    .postername      { font-size: 11px; font-weight: bold; color: #CBA300; line-height: 1.5em; }

    /* Location, number of posts, post date etc */
    .postdetails      { font-size: 10px; }
    .posterrank      { font-size: 9px; color: #B0B0B0; }
    .posterprofile   { font-size: 10px; color: #D0D0D0; }

    /* The content of the posts (body of text) */
    .postbody { font-size: 12px;}
    .postbody a   { text-decoration: none; color: #CBA300; }
    .postbody a:visited { text-decoration: none; color: #997C04; }
    .postbody a:hover { text-decoration: underline; color: #FFFFFF; }

    /* Other post stuff */
    td.postbottom {
       background: #2D2D2D url('http://img.xooimage.com/files8/p/r/profile-30e66.gif') top left repeat-x;
       font-size: 10px;
       color: #D0D0D0;
       white-space: nowrap;
    }

    .postsubject {
       font-size: 12px;
       font-weight: bold;
       color: #CBA300;
    }

    /* Quote & Code blocks */
    .quote-table, .code-table {
       border-left: solid 1px #090909;
       border-top: solid 1px #090909;
       border-right: solid 1px #000;
       border-bottom: solid 1px #000;
       margin: 5px 0;
    }
    .quote-corner, .code-corner {
       background-color: #0D3461;
       border-right: solid 1px #000;
    }
    .quote-left {
       background: #0D3461 url('http://img.xooimage.com/files2/q/u/quote_left-8fe75.gif') center center no-repeat;
       border-right: solid 1px #000;
    }
    .code-left {
       background: #0D3461 url('http://img.xooimage.com/files4/c/o/code_left-8fe76.gif') center center no-repeat;
       border-right: solid 1px #000;
    }
    .quote-header, .code-header {
       border-bottom: solid 1px #000;
       padding: 0 5px;
       text-align: left;
       vertical-align: middle;
       font-size: 11px;
       background-color: #2E2E2E;
       color: #D0D0D0;
    }
    .quote-text {
       color: #D0D0D0;
       text-align: left;
       vertical-align: top;
       font-size: 11px;
       line-height: 125%;
       padding: 3px 5px;
       background-color: #2E2E2E;
    }

    .code-text {
       font-family: Courier, 'Courier New', sans-serif;
       color: #D0D0D0;
       text-align: left;
       vertical-align: top;
       font-size: 11px;
       line-height: 125%;
       padding: 3px 5px;
       background-color: #2E2E2E;
    }

    /* Copyright and bottom info */
    .copyright      { font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #CCC; letter-spacing: -1px;}

    /* Form elements */
    input,textarea, select {
       color: #000000;
       font: normal 11px Verdana, Arial, Helvetica, sans-serif;
    }

    input.post, textarea {
       border: solid 1px #CBA300;
       background-color: #222;
       color: #D0D0D0;
    }
    * html input.post, * html textarea { border-color: #D0D0D0; }
    input.post:hover, textarea:hover { border-color: #D0D0D0; }
    input.post:focus, textarea:focus { border-color: #FFFFFF; color: #FFF; }


    select {
       background-color: #000;
       color: #D0D0D0;
    }

    input { text-indent : 2px; }

    /* The buttons used for bbCode styling in message post */
    input.button {
       background-color: #313131;
       color: #D0D0D0;
       font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif;
       border: solid 1px #444;
    }
    input.button:hover {
       background-color: #444;
       color: #FFF;
    }
    * html input.button { color: #000; }

    /* The main submit button option */
    input.mainoption {
       background-color: #222;
       color: #D0D0D0;
       font-weight : bold;
       border: solid 1px #000;
    }

    /* None-bold submit button */
    input.liteoption {
       background-color: #222;
       color: #D0D0D0;
       border: solid 1px #000;
    }

    input.mainoption:hover, input.liteoption:hover { border-color: #D0D0D0; }
    input.mainoption:focus, input.liteoption:focus { color: #FFF; border-color: #FFFFFF; }


    /* 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: #313131; border: solid 1px #313131; color: #D0D0D0; }


    /*
       Styled checkboxes and radio buttons.
       Created by Philip Howard, GamingHeadlines.co.uk
       Web: http://www.gamingheadlines.co.uk/wod/formstyle/index.html
    */
    .checkbox {
       background: url('http://img.xooimage.com/files4/c/h/checkboxunchecked-8fe77.gif') no-repeat center center;
       display: block;
       width: 16px;
       height:16px;
    }
    a.checkbox, a.checkboxchecked {
       display: block;
       width: 16px;
       height: 16px;
       cursor: pointer;
       cursor: hand;
    }
    a.checkbox {
       background: url('http://img.xooimage.com/files4/c/h/checkboxunchecked-8fe77.gif') no-repeat center center;
    }
    a.checkboxchecked {
       background: url('http://img.xooimage.com/files9/c/h/checkboxchecked-8fe78.gif') no-repeat center center;
    }

    .radiobox {
       background: url('http://img.xooimage.com/files6/r/a/radioboxunchecked-8fe79.gif') no-repeat center center;
       display: block;
       width: 16px;
       height:16px;
    }
    a.radiobox, a.radioboxchecked {
       display: block;
       width: 16px;
       height: 16px;
       cursor: pointer;
       cursor: hand;
    }
    a.radiobox {
       background: url('http://img.xooimage.com/files6/r/a/radioboxunchecked-8fe79.gif') no-repeat center center;
    }
    a.radioboxchecked {
       background: url('http://img.xooimage.com/files2/r/a/radioboxchecked-8fe7a.gif') no-repeat center center;
    }

    .inputhidden { display: none; }


2)
Code: Sélectionner - Agrandir
 html, body {
       background: #242424 url('http://img.xooimage.com/files55/4/c/1/sans-titre-999-42b3392.png');
       padding: 0;
       margin: 0;
       color: #D0D0D0;
    }
    body { padding: 0 5px; }

    /* General font families for common tags */
    font,th,td,p { font-family: Verdana, Arial, Helvetica, sans-serif; }
    a, a:visited { color: #CBA300; }
    a:hover      { text-decoration: underline; color: #FFFFFF; }
    hr   { height: 0px; border: solid #CBA300 0px; border-top-width: 1px;}
    form { display: inline; padding: 0; margin: 0; }
    img { border: 0; }
    br.spacer { height: 5px; font-size: 5px; line-height: 5px; overflow: hidden; }
    caption { margin: 0; padding: 0; }
    iframe { border: none; background-color: #F2F2F2; }

    /* Header and Logo */
    #maintable {
       border-style: solid;
       border-width: 0 1px 1px 1px;
       border-color: #000;
    }
    #logotable {
       background: url('http://img.xooimage.com/files56/3/9/3/sans-titre-13-42bc649.png') top left repeat-x;
    }
    #buttonstable {
       margin-bottom: 5px;
       border-bottom: solid 1px #000;
       border-top: solid 1px #000;
    }
    #buttonstable td {
       background: url('http://img.xooimage.com/files5/b/u/buttons-8fe71.gif') top left repeat-x;
       height: 21px;
       overflow: hidden;
    }
    #header-buttons {
       font-size: 11px;
       color: #FFFFFF;
       padding-bottom: 2px;
    }
    #header-buttons a, #header-buttons a:visited {
       color: #FFF;
       text-decoration: none;
    }
    #header-buttons a:hover { color: #FFFFFF; text-decoration: underline; }

    #content-simple {
       padding: 3px;
       border-color: #000;
       border-width: 0 1px 1px 1px;
       border-style: solid;
       background-color: #191919;
    }

    /* This is the border line & background colour round the entire content */
    .content-row { background-color: #191919; }
    td.content {
       background-color: #191919;
       padding: 5px;
    }

    /* This is the outline round the main forum tables */
    .forumline   { border: solid 1px #000; background: #313131 url('http://img.xooimage.com/files2/c/e/cell-30e61.gif') top left repeat-x; }

    /* Forum header */
    .forumheader td {
       background: url('http://img.xooimage.com/files5/h/d/hdr_mid-8fe72.gif') left bottom repeat-x;
       font-size: 12px;
       font-weight: bold;
       color: #CBA300;
    }
    .forumheader a, .forumheader a:visited {
       color: #CBA300;
       text-decoration: underline;
    }
    .forumheader a:hover {
       color: #FFF;
       text-decoration: underline;
    }
    .forumheader-mid { padding-top: 2px; }

    /* pm popup */
    .pm-old { display: none; }
    .pm-new { margin: 30px; }
    .pm-new a, .pm-new a:visited {
       border: solid 1px #FFFFFF;
       padding: 25px 45px;
       color: #CBA300;
       text-decoration: underline;
       font-size: 12px;
       font-weight: bold;
       background: #313131 url('http://img.xooimage.com/files2/c/e/cell-30e61.gif') top left repeat-x;
    }
    .pm-new a:hover, .pm-new a:active {
       color: #FFFFFF;
    }
    /* Main table cell colours and backgrounds */
    td.row1, td.row2, td.row3, td.row3Right, td.postbottom {
       border-left: solid 1px #404040;
       border-right: solid 1px #121212;
       border-top: solid 1px #3C3C3C;
       border-bottom: solid 1px #131313;
       background: #313131 url('http://img.xooimage.com/files2/c/e/cell-30e61.gif') top left repeat-x;
    }


    /* Header cells - the blue and silver gradient backgrounds */
    th, td.spaceRow, td.th {
       color: #ACAFB4;
       font-size: 11px;
       font-weight: bold;
       background: #113865 url('http://img.xooimage.com/files6/t/h/th-8fe73.gif') top left repeat-x;
       white-space: nowrap;
       padding: 0 5px;
       text-align: center;
       height: 26px;
       border-left: solid 1px #064691;
       border-right: solid 1px #012753;
       border-top: solid 1px #084EA1;
       border-bottom: solid 1px #073B77;
    }
    th.left { text-align: left; }

    td.catBottom {
       background: #113865 url('http://img.xooimage.com/files7/c/a/catbottom-8fe74.gif') top left repeat-x;
       height: 24px;
       padding: 1px 3px;
       border-left: solid 1px #064691;
       border-right: solid 1px #012753;
       border-top: solid 1px #084EA1;
       border-bottom: solid 1px #073B77;
    }
    td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.spaceRow2 {
       background: #2C2C2C url('http://img.xooimage.com/files4/c/a/cathead-30e65.gif') top left repeat-x;
       height: 24px;
       padding: 0 3px;
       border-left: solid 1px #404040;
       border-right: solid 1px #121212;
       border-top: solid 1px #3C3C3C;
       border-bottom: solid 1px #131313;
    }
    td.spaceRow, td.spaceRow2 { height: 2px; overflow: hidden; font-size: 2px; line-height: 2px; padding: 0; }
    .cat,.catHead,.catSides,.catLeft,.catRight,.catBottom { font-size: 12px; }


    /*
      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.catHead { font-size: 12px; }

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


    /* General text */
    .gen { font-size: 12px; }
    .genmed { font-size: 11px; }
    .gensmall { font-size: 10px; }
    .gen,.genmed,.gensmall { color: #D0D0D0; }
    a.gen,a.genmed,a.gensmall { color: #CBA300; text-decoration: none; }
    a.gen:hover,a.genmed:hover,a.gensmall:hover   { color: #FFFFFF; text-decoration: underline; }

    .generror { color: #FFF; }
    .progress { background-color: #FFFFFF; }

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


    /* 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: #D0D0D0;}
    a.nav         { text-decoration: none; color : #CBA300; }
    a.nav:hover      { text-decoration: underline; }


    /* titles for the topics: could specify viewed link colour too */
    .topictitle         { font-weight: bold; font-size: 11px; color: #D0D0D0; }
    a.topictitle:link   { text-decoration: none; color: #CBA300; }
    a.topictitle:visited { text-decoration: none; color: #997C04; }
    a.topictitle:hover   { text-decoration: underline; color: #FFFFFF; }

    /* new thread link */
    .link-new a, .link-new a:visited, .link-new a.topictitle, .link-new a.topictitle:visited { color: #FDD019; }
    .link-new a:hover, .link-new a:active, .link-new a.topictitle:hover, .link-new a.topictitle:active { color: #FFF; }

    /* Name of poster in viewmsg.php and viewtopic.php and other places */
    .name         { font-size: 11px; }
    .postername      { font-size: 11px; font-weight: bold; color: #CBA300; line-height: 1.5em; }

    /* Location, number of posts, post date etc */
    .postdetails      { font-size: 10px; }
    .posterrank      { font-size: 9px; color: #B0B0B0; }
    .posterprofile   { font-size: 10px; color: #D0D0D0; }

    /* The content of the posts (body of text) */
    .postbody { font-size: 12px;}
    .postbody a   { text-decoration: none; color: #CBA300; }
    .postbody a:visited { text-decoration: none; color: #997C04; }
    .postbody a:hover { text-decoration: underline; color: #FFFFFF; }

    /* Other post stuff */
    td.postbottom {
       background: #2D2D2D url('http://img.xooimage.com/files8/p/r/profile-30e66.gif') top left repeat-x;
       font-size: 10px;
       color: #D0D0D0;
       white-space: nowrap;
    }

    .postsubject {
       font-size: 12px;
       font-weight: bold;
       color: #CBA300;
    }

    /* Quote & Code blocks */
    .quote-table, .code-table {
       border-left: solid 1px #090909;
       border-top: solid 1px #090909;
       border-right: solid 1px #000;
       border-bottom: solid 1px #000;
       margin: 5px 0;
    }
    .quote-corner, .code-corner {
       background-color: #0D3461;
       border-right: solid 1px #000;
    }
    .quote-left {
       background: #0D3461 url('http://img.xooimage.com/files2/q/u/quote_left-8fe75.gif') center center no-repeat;
       border-right: solid 1px #000;
    }
    .code-left {
       background: #0D3461 url('http://img.xooimage.com/files4/c/o/code_left-8fe76.gif') center center no-repeat;
       border-right: solid 1px #000;
    }
    .quote-header, .code-header {
       border-bottom: solid 1px #000;
       padding: 0 5px;
       text-align: left;
       vertical-align: middle;
       font-size: 11px;
       background-color: #2E2E2E;
       color: #D0D0D0;
    }
    .quote-text {
       color: #D0D0D0;
       text-align: left;
       vertical-align: top;
       font-size: 11px;
       line-height: 125%;
       padding: 3px 5px;
       background-color: #2E2E2E;
    }

    .code-text {
       font-family: Courier, 'Courier New', sans-serif;
       color: #D0D0D0;
       text-align: left;
       vertical-align: top;
       font-size: 11px;
       line-height: 125%;
       padding: 3px 5px;
       background-color: #2E2E2E;
    }

    /* Copyright and bottom info */
    .copyright      { font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #CCC; letter-spacing: -1px;}

    /* Form elements */
    input,textarea, select {
       color: #000000;
       font: normal 11px Verdana, Arial, Helvetica, sans-serif;
    }

    input.post, textarea {
       border: solid 1px #CBA300;
       background-color: #222;
       color: #D0D0D0;
    }
    * html input.post, * html textarea { border-color: #D0D0D0; }
    input.post:hover, textarea:hover { border-color: #D0D0D0; }
    input.post:focus, textarea:focus { border-color: #FFFFFF; color: #FFF; }


    select {
       background-color: #000;
       color: #D0D0D0;
    }

    input { text-indent : 2px; }

    /* The buttons used for bbCode styling in message post */
    input.button {
       background-color: #313131;
       color: #D0D0D0;
       font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif;
       border: solid 1px #444;
    }
    input.button:hover {
       background-color: #444;
       color: #FFF;
    }
    * html input.button { color: #000; }

    /* The main submit button option */
    input.mainoption {
       background-color: #222;
       color: #D0D0D0;
       font-weight : bold;
       border: solid 1px #000;
    }

    /* None-bold submit button */
    input.liteoption {
       background-color: #222;
       color: #D0D0D0;
       border: solid 1px #000;
    }

    input.mainoption:hover, input.liteoption:hover { border-color: #D0D0D0; }
    input.mainoption:focus, input.liteoption:focus { color: #FFF; border-color: #FFFFFF; }


    /* 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: #313131; border: solid 1px #313131; color: #D0D0D0; }


    /*
       Styled checkboxes and radio buttons.
       Created by Philip Howard, GamingHeadlines.co.uk
       Web: http://www.gamingheadlines.co.uk/wod/formstyle/index.html
    */
    .checkbox {
       background: url('http://img.xooimage.com/files4/c/h/checkboxunchecked-8fe77.gif') no-repeat center center;
       display: block;
       width: 16px;
       height:16px;
    }
    a.checkbox, a.checkboxchecked {
       display: block;
       width: 16px;
       height: 16px;
       cursor: pointer;
       cursor: hand;
    }
    a.checkbox {
       background: url('http://img.xooimage.com/files4/c/h/checkboxunchecked-8fe77.gif') no-repeat center center;
    }
    a.checkboxchecked {
       background: url('http://img.xooimage.com/files9/c/h/checkboxchecked-8fe78.gif') no-repeat center center;
    }

    .radiobox {
       background: url('http://img.xooimage.com/files6/r/a/radioboxunchecked-8fe79.gif') no-repeat center center;
       display: block;
       width: 16px;
       height:16px;
    }
    a.radiobox, a.radioboxchecked {
       display: block;
       width: 16px;
       height: 16px;
       cursor: pointer;
       cursor: hand;
    }
    a.radiobox {
       background: url('http://img.xooimage.com/files6/r/a/radioboxunchecked-8fe79.gif') no-repeat center center;
    }
    a.radioboxchecked {
       background: url('http://img.xooimage.com/files2/r/a/radioboxchecked-8fe7a.gif') no-repeat center center;
    }

    .inputhidden { display: none; }

_______________________
1 tour pour la forme.1 tour pour l'esprit.

| Le site pour les Filles | Me Soutenir | Smileys Fun | Mes Tutoriels | Mon formulaire D'aide | No Support MP |


Forum
Author Message
Heam
Membre


Offline
Membre

Joined: 12 Dec 2013
Posts: 7
Point(s): 7
Moyenne: 1.00
Windows Vista ou 7 Internet Explorer Masculin Gémeaux (21mai-20juin) 馬 Cheval

PostPosted: Sun 15 Dec 2013 - 14:09    Post subject: [Tuto] Installer une image de fond Reply with quote

Sa fonctionne pas , bah si , mais la barre ou le menu déconne now , ecoute merci bc pour ton aide mais je croix que je vais abandonné cette idée ...

Forum
Author Message
Sploutch
Membre


Offline
Membre

Joined: 02 Jan 2006
Posts: 584
Niveau:
Point(s): 632
Moyenne: 1.08
Masculin

PostPosted: Sun 15 Dec 2013 - 17:00    Post subject: [Tuto] Installer une image de fond Reply with quote

Vous lachez vite l'affaire ..! Quelques fois (souvent) il faut persévérer ...
Mais c'est votre droit.
Cordialement
_______________________
1 tour pour la forme.1 tour pour l'esprit.

| Le site pour les Filles | Me Soutenir | Smileys Fun | Mes Tutoriels | Mon formulaire D'aide | No Support MP |


Forum
Author Message
Contenu Sponsorisé





PostPosted: Today at 17:39    Post subject: [Tuto] Installer une image de fond

Display posts from previous:   
Reply to topic Page 266 of 268 Goto page: <  1, 2, 3265, 266, 267, 268  >




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