It is currently Fri 30 Sep 2016 - 10:18 - créer un forum

[Tuto] Installer une image de fond

Skip to content

Post new topic Reply to topic Goto page: <  1, 2, 3225, 226, 227266, 267, 268  >

[Tuto] Installer une image de fond
Author Message
themalin


Joined: 19 Apr 2006
Posts: 8,897

PostPosted: Wed 7 Oct 2009 - 08:30    Post subject: [Tuto] Installer une image de fond Reply with quote

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

tu regardes bien en thème normal

car le forum que tu montres a bien les code dans le header
Forum
Author Message
yjanet71


Offline
Guest




PostPosted: Wed 7 Oct 2009 - 17:57    Post subject: [Tuto] Installer une image de fond Reply with quote

ben j'ai le thème subsilver normalement mais enfin là j'ai placé mon image est je touche plus Smile
maruuru


Author Message
brainghost


Offline
Guest




PostPosted: Tue 13 Oct 2009 - 15:36    Post subject: [Tuto] Installer une image de fond Reply with quote

Bonjour moi j'utilise le theme darkstarblue

je n'arrive pas a mettre le fond que je desire
http://img339.imageshack.us/img339/7339/00405124photorainbowsix.th.jpg
cela et voici mon
overall_header.tpl

/* 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://img.jeuxvideo.fr/00405124-photo-rainbow-six-vegas.jpg");
        background-repeat: repeat-y;

/* 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; }
je croit avoir bien tout mit mais cela ne marche pas pouvez vous maider?


Author Message
themalin
Membre


Offline
Membre

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

PostPosted: Tue 13 Oct 2009 - 16:19    Post subject: [Tuto] Installer une image de fond Reply with quote

bonjour

supprimes ça

background-color: {T_BODY_BGCOLOR};
_______________________


Forum
Author Message
brainghost


Offline
Guest




PostPosted: Tue 13 Oct 2009 - 17:23    Post subject: [Tuto] Installer une image de fond Reply with quote

marche pas

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 14 Oct 2009 - 09:41    Post subject: [Tuto] Installer une image de fond Reply with quote

c'est normal tu as mal mis le code pour l'image ici

body {
scrollbar-face-color: #4C4E57;
scrollbar-highlight-color: #555861;
scrollbar-shadow-color: #4C4E57;
scrollbar-3dlight-color: #4C4E57;
scrollbar-arrow-color: #30A3FF;
scrollbar-track-color: #000000;
scrollbar-darkshadow-color: #000000;}
background-image:url("http://img339.imageshack.us/i/00405124photorainbowsix.jpg");
background-repeat: repeat-y;
}

mets comme ça

body {
scrollbar-face-color: #4C4E57;
scrollbar-highlight-color: #555861;
scrollbar-shadow-color: #4C4E57;
scrollbar-3dlight-color: #4C4E57;
scrollbar-arrow-color: #30A3FF;
scrollbar-track-color: #000000;
scrollbar-darkshadow-color: #000000;
background-image: url("http://img339.imageshack.us/i/00405124photorainbowsix.jpg");
background-repeat: repeat-y;
}
_______________________


Forum
Author Message
brainghost


Offline
Guest




PostPosted: Wed 14 Oct 2009 - 17:50    Post subject: [Tuto] Installer une image de fond Reply with quote

cela ne marche toujours pas peut tu m'aider ^^stp

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 14 Oct 2009 - 17:51    Post subject: [Tuto] Installer une image de fond Reply with quote

dans overall header cherches
Code: Sélectionner - Agrandir
<body bgcolor="#000000" text="#30A3FF" link="#30A3FF" vlink="#59BCED">
<a name="top"></a>

<table width="800" cellspacing="0" cellpadding="10" border="1" bordercolor="#30A3FF" bgcolor="#4C4E57" align="center">

mets comme ça

<body bgcolor="#000000" text="#30A3FF" link="#30A3FF" vlink="#59BCED">
<a name="top"></a>

<table width="800" cellspacing="0" cellpadding="10" border="1" bordercolor="#30A3FF"  align="center">

_______________________


Forum
Author Message
brainghost


Offline
Guest




PostPosted: Wed 14 Oct 2009 - 21:05    Post subject: [Tuto] Installer une image de fond Reply with quote

je viens de changer et toujours pas de fond que faire*?
^^
est ce que je peut te copier mon template sur le forum et tu me le re écrit avec les modif a effectuer stp?

Voici le template comme il est actuellement


Code: Sélectionner - Agrandir

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html dir="{S_CONTENT_DIRECTION}">
<head>
<meta http-equiv="Content-Type" content="text/html; charset={S_CONTENT_ENCODING}">
<meta http-equiv="Content-Style-Type" content="text/css">
{META}
{NAV_LINKS}
<title>{SITENAME} :: {PAGE_TITLE}</title>
<!-- link rel="stylesheet" href="http://img2.xooimage.com/files/d/a/darkstarblue-908f7.css" type="text/css" -->
<style type="text/css">
<!--
/*
  The original darkstarblue Theme for phpBB version 2+
  Created by revaz design
  [url=http://www.custo-tutos.net]http://www.custo-tutos.net[/url]

  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 {
        scrollbar-face-color: #4C4E57;
        scrollbar-highlight-color: #555861;
        scrollbar-shadow-color: #4C4E57;
        scrollbar-3dlight-color: #4C4E57;
        scrollbar-arrow-color: #30A3FF;
        scrollbar-track-color: #000000;
        scrollbar-darkshadow-color: #000000;
        background-image: url("http://img339.imageshack.us/i/00405124photorainbowsix.jpg");
        background-repeat: repeat-y;
}
/* General font families for common tags */
font,th,td,p { font-family: {T_FONTFACE1} }
a:link,a:active,a:visited { color : {T_BODY_LINK}; }
a:hover        { text-decoration: underline; color : {T_BODY_HLINK}; }
hr    { height: 0px; border: solid {T_TR_COLOR3} 0px; border-top-width: 1px;}

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


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

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

/*
  This is for the table cell above the Topics, Post & Last posts on the index.php page
  By default this is the fading out gradiated silver background.
  However, you could replace this with a bitmap specific for each forum
*/
td.rowpic {
        background-color: {T_TD_COLOR2};
        background-image: url("http://img339.imageshack.us/i/00405124photorainbowsix.jpg");
        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://img339.imageshack.us/i/00405124photorainbowsix.jpg");
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

input { text-indent : 2px; }

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

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

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

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

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

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

<table width="800" cellspacing="0" cellpadding="10" border="1" bordercolor="#30A3FF"  align="center"> 
    <tr> 
        <td class="bodyline"><table width="100%" cellspacing="0" cellpadding="0" border="0">
            <tr> 
                <td align="center" width="100%" valign="middle">[url=http://{U_INDEX}][img]http://img6.xooimage.com/files/8/2/9/photo-ekipe-copie-1414475.jpg[/img][/url]</td>
            </tr>
            <tr>
                <td align="center" width="100%" valign="middle"><table cellspacing="0" cellpadding="2" border="0">
                    <tr> 
                        <td align="center" valign="top" nowrap="nowrap"><span class="mainmenu">
                        <!-- BEGIN switch_user_logged_in -->
[url=http://{U_INDEX}][img]http://img8.xooimage.com/files/i/c/icon_mini_forum-908f9.gif[/img][/url][url=http://{U_FAQ}][img]http://img3.xooimage.com/files/i/c/icon_mini_faq-908fa.gif[/img][/url][url=http://{U_SEARCH}][img]http://img9.xooimage.com/files/i/c/icon_mini_search-908fb.gif[/img][/url][url=http://{U_MEMBERLIST}][img]http://img5.xooimage.com/files/i/c/icon_mini_members-908fc.gif[/img][/url][url=http://{U_GROUP_CP}][img]http://img6.xooimage.com/files/i/c/icon_mini_groups-908fd.gif[/img][/url][url=http://{U_PROFILE}][img]http://img5.xooimage.com/files/i/c/icon_mini_profile-908fe.gif[/img][/url][url=http://{U_PRIVATEMSGS}][img]http://img5.xooimage.com/files/i/c/icon_mini_message-908ff.gif[/img][/url][url=http://{U_LOGIN_LOGOUT}][img]http://img10.xooimage.com/files/i/c/icon_mini_login2-90900.gif[/img][/url]</td>
<!-- END switch_user_logged_in -->
<!-- BEGIN switch_user_logged_out -->
[url=http://{U_INDEX}][img]http://img8.xooimage.com/files/i/c/icon_mini_forum-908f9.gif[/img][/url][url=http://{U_FAQ}][img]http://img3.xooimage.com/files/i/c/icon_mini_faq-908fa.gif[/img][/url][url=http://{U_SEARCH}][img]http://img9.xooimage.com/files/i/c/icon_mini_search-908fb.gif[/img][url=http://{U_REGISTER}][img]http://img8.xooimage.com/files/i/c/icon_mini_register-90901.gif[/img][/url][url={U_LOGIN_LOGOUT}][img]http://img9.xooimage.com/files/i/c/icon_mini_login-90902.gif[/img][/url]</td>
<!-- END switch_user_logged_out -->

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


       



Peut tu faire les modif nécessaire stp cela serait super cool

<merci de coller le code entre les balises codes la prochaines fois>


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 15 Oct 2009 - 07:58    Post subject: [Tuto] Installer une image de fond Reply with quote

http://img339.imageshack.us/i/00405124photorainbowsix.jpg

le lien de ton image ne marche pas

sinon quand tu ùmets un template il faut le mettre comme ça

http://xooit.xooit.com/t40996-Poster-le-contenu-d-un-template.htm

reprends celui d'origine et pas celui posté ici
_______________________


Forum
Author Message
tous-amis


Offline
Guest




PostPosted: Sun 18 Oct 2009 - 11:36    Post subject: [Tuto] Installer une image de fond Reply with quote

bonjour, j'utilise le thème DigitalDementia_B et souhaiterais changer l'image de fond, je cherche déjà depuis un bon moment mais je n'ai pas trouver!

je ne peux apparement pas suivre le tuto qui ne correspond pas à ce thème.

donc voilà, est-ce que je peux changer l'image de fond sur ce thème et si oui quel code dois-je utiliser?

merci par avance à ceux qui pourront m'aider.


Author Message
tous-amis


Offline
Guest




PostPosted: Sun 18 Oct 2009 - 15:02    Post subject: [Tuto] Installer une image de fond Reply with quote

j'ai trouvé en cherchant un peu plus sur le forum Okay
dans le css il fallait modifier le background-image
Merci


Author Message
Alexis-pires


Offline
Guest




PostPosted: Wed 21 Oct 2009 - 23:38    Post subject: [Tuto] Installer une image de fond Reply with quote

Bonjours,


J'ai le thème NFSU et j'aimerais que le fond ne ce répète plus... J'ai utilisé l'astuce pour Gege
http://xooit.xooit.com/p326605.htm?q=image nfsu#326605


Voici mon forum pour mieux comprendre...


http://x-taze.ze-forum.com/index.php


Merci


Author Message
Yskander
Modérateur


Offline
Modérateur

Joined: 26 Jan 2008
Posts: 1,558
Point(s): 1,654
Moyenne: 1.06
Masculin

PostPosted: Wed 21 Oct 2009 - 23:45    Post subject: [Tuto] Installer une image de fond Reply with quote

Bonjour
Cherchez dans votre template overall header.tpl ce bout de code :


 
Code: Sélectionner - Agrandir
<body style="background-image: url('http://www.crystalxp.net/galerie/img/img-fonds-decran-avians-shades-luckyboy9598-19168.jpg');" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">  


et remplacez le par çà :

 
Code: Sélectionner - Agrandir
<body style="background-image: url('http://www.crystalxp.net/galerie/img/img-fonds-decran-avians-shades-luckyboy9598-19168.jpg');background-attachment: fixed;" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">  


Cordialement
_______________________
Pour les mp injurieux >> Ezéchiel 25 verset 17


Forum
Author Message
Alexis-pires


Offline
Guest




PostPosted: Wed 21 Oct 2009 - 23:48    Post subject: [Tuto] Installer une image de fond Reply with quote

Merci (une question comment tu sais tout ça ? )

Author Message
AlpatchDu83


Offline
Guest




PostPosted: Fri 23 Oct 2009 - 11:28    Post subject: [Tuto] Installer une image de fond Reply with quote

peut on me dire quelle taille peut faire le fond svp Mon Forum et si je peut me creer un fond sous photoshop et comment la mettre car dans le template c'est un url 
Merci davance


Author Message
Contenu Sponsorisé





PostPosted: Today at 10:18    Post subject: [Tuto] Installer une image de fond

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