It is currently Sat 1 Oct 2016 - 19:11 - créer un forum

[Tuto] Installer une image de fond

Skip to content

Post new topic Reply to topic Goto page: <  1, 2, 365, 66, 67266, 267, 268  >

[Tuto] Installer une image de fond
Author Message
scoti





PostPosted: Tue 28 Aug 2007 - 12:41    Post subject: [Tuto] Installer une image de fond Reply with quote

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

Merci mais je vois que l'image sur les bordures c'est au cause du theme ou bien on peut modifier le fond noire?
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 28 Aug 2007 - 15:43    Post subject: [Tuto] Installer une image de fond Reply with quote

si tu veux le mettre à la pace du noir tu changes ça


 
Code: Sélectionner - Agrandir
.forumline    { border: solid 1px #000; background: #313131 url('http://img2.xooimage.com/files/c/e/cell-30e61.gif') top left repeat-x; } 
par


 
Code: Sélectionner - Agrandir
.forumline    { border: solid 1px #000; background-image: url('lien de ton image') repeat; } 

_______________________


Forum
Author Message
The_Rock01


Offline
Guest




PostPosted: Tue 28 Aug 2007 - 17:13    Post subject: [Tuto] Installer une image de fond Reply with quote

je voudrais savoir si ça marche aussi pour mylfoot ?!

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 28 Aug 2007 - 19:40    Post subject: [Tuto] Installer une image de fond Reply with quote

bonjour
oui il suffit de faire les même modification
soit dans ton overall header soit dans ton template css
_______________________


Forum
Author Message
The_Rock01


Offline
Guest




PostPosted: Wed 29 Aug 2007 - 11:14    Post subject: [Tuto] Installer une image de fond Reply with quote

j'ai essayer mais sa marche pas
j'ai mis sa :

/* General page style. The scroll bar colours only visible in IE5.5+ */
body {
background-color: {T_BODY_BGCOLOR};
scrollbar-face-color: {T_TR_COLOR2};
scrollbar-highlight-color: {T_TD_COLOR2};
scrollbar-shadow-color: {T_TR_COLOR2};
scrollbar-3dlight-color: {T_TR_COLOR3};
scrollbar-arrow-color: {T_BODY_LINK};
scrollbar-track-color: {T_TR_COLOR1};
scrollbar-darkshadow-color: {T_TH_COLOR1};
background-image: url("http://i206.photobucket.com/albums/bb221/antho97401100/307897_1280X960.jpg");
background-repeat: repeat-y;
background-attachment: fixed;

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


Last edited by The_Rock01 on Wed 29 Aug 2007 - 16:05; edited 1 time in total
Author Message
scoti


Offline
Guest




PostPosted: Wed 29 Aug 2007 - 16:05    Post subject: [Tuto] Installer une image de fond Reply with quote

Bonjour Themalin Ca fait la meme chose

Author Message
themalin
Membre


Offline
Membre

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

PostPosted: Wed 29 Aug 2007 - 18:22    Post subject: [Tuto] Installer une image de fond Reply with quote

sur quel forum as tu ça

tu as regarder si ce n'était pas dans ton header qu'il fallait le faire

ou si tu le fais dans le header dans ton template css c'est le premier
_______________________


Forum
Author Message
scoti


Offline
Guest




PostPosted: Wed 29 Aug 2007 - 23:54    Post subject: [Tuto] Installer une image de fond Reply with quote

Je l'ais fais sur le header mais il ya  pas moyen c'est encore la meme chose je vois l'image mais toujours sur les bord c'est comme si il etait derriere le theme si ca marche pas ca veux dire pour le portail c'est sans espoir aussi Crying or Very sad

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: Thu 30 Aug 2007 - 09:23    Post subject: [Tuto] Installer une image de fond Reply with quote

The_Rock01 wrote:

j'ai essayer mais sa marche pas
j'ai mis sa :

/* General page style. The scroll bar colours only visible in IE5.5+ */
body {
background-color: {T_BODY_BGCOLOR};
scrollbar-face-color: {T_TR_COLOR2};
scrollbar-highlight-color: {T_TD_COLOR2};
scrollbar-shadow-color: {T_TR_COLOR2};
scrollbar-3dlight-color: {T_TR_COLOR3};
scrollbar-arrow-color: {T_BODY_LINK};
scrollbar-track-color: {T_TR_COLOR1};
scrollbar-darkshadow-color: {T_TH_COLOR1};
background-image: url("http://i206.photobucket.com/albums/bb221/antho97401100/307897_1280X960.jpg");
background-repeat: repeat-y;
background-attachment: fixed;

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

ici

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


remplaces par

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

_______________________


Forum
Author Message
The_Rock01


Offline
Guest




PostPosted: Thu 30 Aug 2007 - 12:57    Post subject: [Tuto] Installer une image de fond Reply with quote

Merci ça marche

Author Message
Maftes


Offline
Guest




PostPosted: Sat 1 Sep 2007 - 14:47    Post subject: [Tuto] Installer une image de fond Reply with quote

Bonjour, j'ai une question : avec le theme wow_jb, comment changer le fond d'écrand qui est défini par défaut.

J'ai dans "modifier les images" l'image de fond. Quand j'essaye de la modifier par une autre, sa m'affiche un écran noir sans rien...


Mon forum : ici
l'image que je voudrais insérer


Mon fichier template (overall_header.tpl)affiche =>


<!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/files6/w/o/wow_jb-36406.css" type="text/css">
<LINK rel="shortcut icon" href="http://img.xooimage.com/files/ of warcraft.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>
<a name="top">[/url]

<table border="0" width="100%" cellpadding="0" cellspacing="0" align="center">
<tr>
<td>
<table border="0" width="100%" cellpadding="0" cellspacing="0" align="center" class="header">
<tr>
<td class="gryphleft" height="80" align="left">
</td>
<td width="262" class="gryph-center">
</td>
<td class="gryphright" height="80" align="right">
</td>
</tr>
<tr>
<td class="linkscenter" align="left">
</td>
<td class="linkscenter"></td>
<td class="linkscenter" align="right">
</td>
</tr>
</table>
<table border="0" width="100%" cellpadding="0" cellspacing="0" align="center">


<tr>
<td class="linksbar" align="left">
</td>
<td class="linksbar">


<table border="0" cellpadding="0" cellspacing="0" align="center" >
<tr>
<td align="center" valign="top" nowrap="nowrap" class="mainmenu">
{L_FAQ} |
{L_SEARCH} |
{L_MEMBERLIST} |
{L_USERGROUPS} |
<!-- BEGIN switch_user_logged_out -->
{L_REGISTER}</span> |
<!-- END switch_user_logged_out -->
{L_PROFILE} |
{L_LOGIN_LOGOUT}

{PRIVATE_MESSAGE_INFO}

</td>
</tr>
</table>


</td>
<td class="linksbar" align="right">
</td>
</tr>

</table>
</td>
</tr>
</table>

<table width="80%" border="0" cellspacing="0" cellpadding="0" align="center" valign="top">
<tr>
<td class="border-top-left" height="16" width="14"></td>
<td class="border-top-center"></td>
<td class="border-top-right" height="16" width="14"></td>
</tr>
<tr>
<td class="border-side-left"></td>
<td>



PS : désoler pour les images dans le script mais en copiant collant, les url des images ce sont misent directement en image undecided

Maftes


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 1 Sep 2007 - 19:24    Post subject: [Tuto] Installer une image de fond Reply with quote

bonjour

avec ton thème tu dois le faire dans

wow-css-XXX



_______________________


Forum
Author Message
Maftes


Offline
Guest




PostPosted: Sat 1 Sep 2007 - 20:36    Post subject: [Tuto] Installer une image de fond Reply with quote

ok merci

Author Message
Sam99


Offline
Guest




PostPosted: Tue 4 Sep 2007 - 21:18    Post subject: [Tuto] Installer une image de fond Reply with quote

Bonsoir à vous  Smile

J'ai un petit problème qui persiste pour le fond de mon forum...

Voici l'adresse : http://omouacademy.xooit.com

J'ai mis le thème Bluedim et j'aimerais que la couleur de fond de mon forum (qui est bleu foncé comme vous pouvez le voir) soit de la même couleur que le fond des sous forum et message (c'est à dire l'image blanche avec des signes japonais légèrement noirs).

J'ai déjà essayer plusieurs fois de mettre une image mais je n'y suis pas arrivée...

Voici mes templates de overall_header :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html dir="{S_CONTENT_DIRECTION}">
<head>
<meta http-equiv="Content-Type" content="text/html; charset={S_CONTENT_ENCODING}">
<meta http-equiv="Content-Style-Type" content="text/css">
{META}
{NAV_LINKS}
<title>{SITENAME} :: {PAGE_TITLE}</title>
<!-- link rel="stylesheet" href="http://img.xooimage.com/files10/0/b/2/bluedim-18dfee.css" type="text/css" -->
<style type="text/css">
<!--
/*
  The original BlueDim Theme for phpBB version 2+
  Created by subBlue design
  http://www.subBlue.com

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

/* General page style. The scroll bar colours only visible in IE5.5+ */
body { /* Modifications apportées au thème pour l'image de fond des messages */
viewmessage {
background-image: url(http://img131.imageshack.us/img131/8549/sanstitreqq6.png);
background-repeat: no-repeat;
}
/* Fin des modifications pour l'image de fond des messages */

    background-image: url(http://img131.imageshack.us/img131/8549/sanstitreqq6.png);
    scrollbar-face-color: {T_TR_COLOR2};
    scrollbar-highlight-color: {T_TD_COLOR2};
    scrollbar-shadow-color: {T_TR_COLOR2};
    scrollbar-3dlight-color: {T_TR_COLOR3};
    scrollbar-arrow-color:  {T_BODY_LINK};
    scrollbar-track-color: {T_TR_COLOR1};
    scrollbar-darkshadow-color: {T_TH_COLOR1};
}

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

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

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

/* This is the border line & background colour round the entire page */
.bodyline    { background-image: url(http://img131.imageshack.us/img131/8549/sanstitreqq6.png); border: 1px {T_TH_COLOR1} solid; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

input { text-indent : 2px; }

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

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

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

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

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

<a name="top">[/url]

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

       



et celui de mon thème en ccs :

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

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

/* General page style. The scroll bar colours only visible in IE5.5+ */
body { /* Modifications apportées au thème pour l'image de fond des messages */
viewmessage {
background-image: url(http://img131.imageshack.us/img131/8549/sanstitreqq6.png);
background-repeat: no-repeat;
}
/* Fin des modifications pour l'image de fond des messages */

        background-image: url(http://img131.imageshack.us/img131/8549/sanstitreqq6.png);
        scrollbar-face-color: #ccd7e0;
        scrollbar-highlight-color: #FFFFFF;
        scrollbar-shadow-color: #ccd7e0;
        scrollbar-3dlight-color: #e6ecf1;
        scrollbar-arrow-color:  #336699;
        scrollbar-track-color: #e6ecf1;
        scrollbar-darkshadow-color: #98AAB1;
}

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

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

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

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

/*
  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: #d3e4f2;
                background-image: url('http://img.xooimage.com/files6/c/e/cellpic3-316d3.gif');
}

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

td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
                        background-image: url('http://img.xooimage.com/files6/c/e/cellpic3-316d3.gif');
                        background-color:#d3e4f2; border: #FFFFFF; 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,td.rowpic {
        height: 28px;
        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: #FFFFFF; border-style: solid; height: 28px;
}
td.row3Right,td.spaceRow {
        background-color: #e6ecf1; border: #FFFFFF; border-style: solid;
}

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

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

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

/* The register, login, search etc links at the top of the page */
.mainmenu                { font-size : 11px; color : #000000 }
a.mainmenu                { text-decoration: none; color : #336699;  }
a.mainmenu:hover{ text-decoration: underline; color : #336699; }

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

/* Desc menu: Text to the forums used in: header.php */
.mainmenu                { font-size : 11px; color : #006699; font-weight: bold; }


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

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

/* titles for the topics: could specify viewed link colour too */
.topictitle,h1,h2        { font-weight: bold; font-size: 11px; color : #000000; }
a.topictitle:link   { text-decoration: none; color : #336699; }
a.topictitle:visited { text-decoration: none; color : #336699; }
a.topictitle:hover        { text-decoration: underline; color : #336699; }

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

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

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

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

.quote {
        font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #444444; line-height: 125%;
        background-color: #FAFAFA; border: #e6ecf1; border-style: solid;
        border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}

/* Copyright and bottom info */
.copyright                { font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #444444; letter-spacing: -1px;}
a.copyright                { color: #444444; text-decoration: none;}
a.copyright:hover { color: #000000; text-decoration: underline;}

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

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

input { text-indent : 2px; }

/* The buttons used for BBCode styling in message post */
input.button {
        background-color : #e6ecf1;
        color : #000000;
        font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif;
}

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

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

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

.newsbutton {
    color: #000000;
    background-color: #e6ecf1;
    border: 1px solid #98AAB1;
    width: 13;
    height: 13;
    font-family: Verdana, Tahoma, Arial, Sans-Serif;
    font-size: 7pt;
    border-style: solid;
    border-width: 1px;
    cursor: hand;
}

/* 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');


Merci de votre aide ^^


Author Message
scoti


Offline
Guest




PostPosted: Tue 4 Sep 2007 - 21:45    Post subject: [Tuto] Installer une image de fond Reply with quote

C'est bon j'ai trouvé falait juste que je trouve le tuto pour reduire la taille du forum merci pour tout TheMalin

Author Message
themalin
Membre


Offline
Membre

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

PostPosted: Wed 5 Sep 2007 - 09:51    Post subject: [Tuto] Installer une image de fond Reply with quote

bonjour

ici

  
Code: Sélectionner - Agrandir
background-image: url(http://img131.imageshack.us/img131/8549/sanstitreqq6.png); 
 

il suffit de remplacer par

Code: Sélectionner - Agrandir
background-image: url('http://img131.imageshack.us/img131/8549/sanstitreqq6.png'); 
 
_______________________


Forum
Author Message
Contenu Sponsorisé





PostPosted: Today at 19:11    Post subject: [Tuto] Installer une image de fond

Display posts from previous:   
Reply to topic Page 66 of 268 Goto page: <  1, 2, 365, 66, 67266, 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