It is currently Fri 30 Sep 2016 - 15:27 - créer un forum

[Tuto] Installer une image de fond

Skip to content

Post new topic Reply to topic Goto page: <  1, 2, 351, 52, 53266, 267, 268  >

[Tuto] Installer une image de fond
Author Message
themalin


Joined: 19 Apr 2006
Posts: 8,897

PostPosted: Mon 21 May 2007 - 18:40    Post subject: [Tuto] Installer une image de fond Reply with quote

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

bonjour
oui il te suffit de suivre les instructions données en page une
c'est la même chose tu dois le faire dans ton template overall header

panneau admin
onglet thème
modifier les templates
overall header
Forum
Author Message
cassidy123


Offline
Guest




PostPosted: Mon 21 May 2007 - 18:44    Post subject: [Tuto] Installer une image de fond Reply with quote

D'accord merci Beaucoup pour cette réponse aussi rapide! Very Happy

Author Message
cassidy123


Offline
Guest




PostPosted: Mon 21 May 2007 - 19:02    Post subject: [Tuto] Installer une image de fond Reply with quote

A vrai dire, j'ai essayé, mais l'arrière plan et l'image de fond, c'est pareil? lol
C'est un peu stupide comme question, je sais, mais je pensais que l'arrière plan était, je donne un exemple, ici: http://just-gaetane.xooit.com/index.php ce qui est en mauve, et qi on mettait une image de fond cela venait à la place de ce qui est en blanc
Vives mes explications lol

J'aimerais mettre cette image

A la place du fond mauve

Est-ce comme montrer à la première page que je dois procéder ?


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: Mon 21 May 2007 - 19:08    Post subject: [Tuto] Installer une image de fond Reply with quote

si tu suis les instructions c'est ce que tu auras
_______________________


Forum
Author Message
julien_59190


Offline
Guest




PostPosted: Tue 22 May 2007 - 13:55    Post subject: [Tuto] Installer une image de fond Reply with quote

J'ai le théme Alexis Blue

Voici mon templates :

<!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/files8/c/3/6/alexisblue-12e738.css" type="text/css">

<!-- BEGIN switch_enable_pm_popup -->
<script language="Javascript" type="text/javascript">
<!--
if ( {PRIVATE_MESSAGE_NEW_FLAG} )
{
window.open('{U_PRIVATEMSGS_POPUP}', '_phpbbprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');;
}
//-->
</script>
<!-- END switch_enable_pm_popup -->
</head>

<body link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">

<a name="top">[/url]
<table class="mainwindow" height="100%" cellspacing="0" cellpadding="0">
<tr>
<td>

<table width="100%" height="100%" cellpadding="0" cellspacing="0">
<tr>
<td valign="top" height="100%">


<table width="100%" cellspacing="0" cellpadding="0">
<tr>
<td class="title"><table width="100%" height="100%" cellpadding="0" cellspacing="0"><tr>

<!-- <td width="150" background="http://img.xooimage.com/files9/t/o/top-310a2.gif">&nbsp;</td> -->

<td valign="bottom">
<img src="http://img.xooimage.com/files10/a/a/a/olah7-fe2ff-12ff38.jpg"></img>
</td></tr></table></td>
</tr>
<tr>
<td class="subtitle">
<table width="100%" height="100%" cellpadding="0" cellspacing="0">
<tr>
<!-- <td width="100" background="http://img.xooimage.com/files7/b/o/bottom-310a4.gif">&nbsp;</td> -->
<td class="small">



[url={U_INDEX}]{L_INDEX}[/url] ::
[url={U_FAQ}]{L_FAQ}[/url] ::
[url={U_SEARCH}]{L_SEARCH}[/url] ::
[url={U_MEMBERLIST}]{L_MEMBERLIST}[/url] ::
[url={U_GROUP_CP}]{L_USERGROUPS}[/url]



</td>
<td width="35%" class="small">




<!-- BEGIN switch_user_logged_out -->
[url={U_REGISTER}]{L_REGISTER}[/url] ::
<!-- END switch_user_logged_out -->

[url={U_LOGIN_LOGOUT}]{L_LOGIN_LOGOUT}[/url] ::
[url={U_PROFILE}]{L_PROFILE}[/url]




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

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



<center>
[url={U_PRIVATEMSGS}]{PRIVATE_MESSAGE_INFO}[/url]
</center>



<table width="100%" cellspacing="0" cellpadding="10">
<tr>
<td>


Que dois je faire svp ?

Svp Merci beaucoup


Author Message
Kira


Offline
Guest




PostPosted: Tue 22 May 2007 - 17:40    Post subject: [Tuto] Installer une image de fond Reply with quote

Bonjour à nouveau, navrée pour le dérangement, en fait, voila la base de mon forum :



lorsque j'y place la couleur #e2e2e4 avec le code que vous m'avez dit, j'obtiens ceci (cfr partie de gauche) :



Mais, n'y a t'il pas moyen de retirer cette ligne part et d'autre afin d'avoir un résultat uniforme comme ceci :



Avec le thème subza, si ce n'est pas possible ce n'est rien, au moins je le saurai, parce que j'essaye de chercher mais je ne m'y connais pas assez.

Merci d'avance !


Author Message
cassidy123


Offline
Guest




PostPosted: Tue 22 May 2007 - 18:30    Post subject: [Tuto] Installer une image de fond Reply with quote

Me revoilou lol

En fait j'ai fait comme cela est montré page 1;
mais mon fond est toujours orange, le seul changement est que le fond qui était blanc (voir deux post plus haut) est devenu orange également... undecided


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 22 May 2007 - 18:50    Post subject: [Tuto] Installer une image de fond Reply with quote

bonjour

@julien
ce n'est pas dans ton overall header mais dans ton template css que tu dois chercher

Code: Sélectionner - Agrandir
body {
        background-color: #EFEFEF; /* OLD: #FFFFFF; */
        color: #333333;
        font-family: Verdana, Arial, sans-serif;
        margin: 0px 0px 0px 0px;
        width: 100%;
        /* height: 100%; */
        text-align: center;
        }


et transforme en

Code: Sélectionner - Agrandir
body {
        background-image: url("lien de ton image");
        color: #333333;
        font-family: Verdana, Arial, sans-serif;
        margin: 0px 0px 0px 0px;
        width: 100%;
        /* height: 100%; */
        text-align: center;
        }


@cassidy

sur ton forum ton fond est violet et je ne vois pas de orange sinon tu as mal placé le code tu dois le mettre après ça

Code: Sélectionner - Agrandir
background-color: #A896B0;
scrollbar-face-color: #E6E0EA;
scrollbar-highlight-color: #FFFFFF;
scrollbar-shadow-color: #E6E0EA;
scrollbar-3dlight-color: #E6E0EA;
scrollbar-arrow-color: #58436A;
scrollbar-track-color: #EFECF3;
scrollbar-darkshadow-color: #392748;
}


sinon remplace ce code par celui là plus simple

Code: Sélectionner - Agrandir
background-image: url("lien de ton image");
scrollbar-face-color: #E6E0EA;
scrollbar-highlight-color: #FFFFFF;
scrollbar-shadow-color: #E6E0EA;
scrollbar-3dlight-color: #E6E0EA;
scrollbar-arrow-color: #58436A;
scrollbar-track-color: #EFECF3;
scrollbar-darkshadow-color: #392748;
}

_______________________


Forum
Author Message
julien_59190


Offline
Guest




PostPosted: Tue 22 May 2007 - 19:19    Post subject: [Tuto] Installer une image de fond Reply with quote

J'ai fait ce que tu as dit Themalin

Mais regarde on ne voit pas le fond d'écran

http://planete-lyon.xooit.biz/index.php


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

remplace par ça

Code: Sélectionner - Agrandir
body {
        background-image: url("lien de ton image"); /* OLD: #FFFFFF; */
        color: #333333;
        font-family: Verdana, Arial, sans-serif;
        margin: 0px 0px 0px 0px;
        width: 100%;
        /* height: 100%; */
        text-align: center;
        }
.gen {


exemple

http://themalin.xooit.fr/index.php?theme=test
_______________________


Forum
Author Message
julien_59190


Offline
Guest




PostPosted: Tue 22 May 2007 - 19:36    Post subject: [Tuto] Installer une image de fond Reply with quote

Vraiment désolé maisça ne 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: Tue 22 May 2007 - 19:39    Post subject: [Tuto] Installer une image de fond Reply with quote

mets ton templates css ici sinon tu fais bien les modifications dans ce template

alexisblue-130cd3.css
_______________________


Forum
Author Message
julien_59190


Offline
Guest




PostPosted: Tue 22 May 2007 - 19:46    Post subject: [Tuto] Installer une image de fond Reply with quote

/* alexisBlue CSS File Created by Andrew :: http://andrewcharron.tk */


html {
width: 100%;
/* height: 100%;*/
}
body {
background-image: url("lien de ton image"); /* OLD: #FFFFFF; */
color: #333333;
font-family: Verdana, Arial, sans-serif;
margin: 0px 0px 0px 0px;
width: 100%;
/* height: 100%; */
text-align: center;
}
.gen {
font-size : 12px;
}
.gen2 {
font-size: 11px;
font-family: sans-serif, Arial;
}
.genmed {
font-size : 12px;
}
.gensmall {
font-size : 11px;
}
.gen,.genmed,.gensmall {
color : #000000;
}
a.gen,a.genmed,a.gensmall {
color: #006699; text-decoration: none;
}
a.gen:hover,a.genmed:hover,a.gensmall:hover {
color: #DD6900; text-decoration: underline;
}
a:link,a:active,a:visited {
color: #555555;
}
a:hover {
color: #660000;
}
span.info {
font-size: 11px;
color: #000000;
}
span.small {
font-size: 11px;
}
span.postinfo {
font-size: 12px;
color: #333333;
}
a.nav {
color: #333333;
font-size: 12px;
}
.cattitle {
color: #333333;
}
a.white {
color: #FFFFFF;
}
a.grey {
color: #333333;
}
a.white:visited {
color: #FFFFFF;
}
a.green {
color: #336699;
font-weight: bold;
font-size: 14px;
}
a.green:visited {
color: #336699;
font-weight: bold;
font-size: 14px;
}
a.green:hover {
color: #996600;
font-weight: bold;
font-size: 14px;
}
div.small {
font-size: 11px;
}
div.pm {
border: solid;
border-width: 1px;
width: 300px;
border-color: #555555;
background-color: #EFEFEF;
font-size: 11px;
position: center;
text-align: center;
font-family: Verdana, sans-serif;
padding: 2px;
}
table.forumborder {
border: solid;
border-width: 1px;
border-color: #555555;
}
td.small {
font-size: 11px;
}
td.info {
font-size: 10px;
color: #000000;
}
td.title {
background-color: #336699;
width: 100%;
height: 100px;
}
td.menu {
background-color: #CFCFCF;
width: 100%;
height: 25px;
color: #555555;
font-size: 12px;
font-family: sans-serif;
}
td.subtitle {
background-color: #CFCFCF;
width: 100%;
height: 25px;
color: #555555;
font-size: 12px;
font-family: sans-serif;
}
td.mnu {
background-color: #BFBFBF;
height: 2px;
}
td.forumtitle {
background-color: #336699;
color: #FFFFFF;
font-size: 10px;
font-family: sans-serif;
}
td.row1 {
background-color: #EFEFEF; /*was EEEEEE */
font-family: sans-serif;
font-size: 12px;
}
td.row2 {
background-color: #DEDEDE; /* Was DDDDDDD */
font-family: sans-serif;
font-size: 12px;
}
td.row3 {
background-color: #CDCDCD; /* was CCCCCC */
font-family: sans-serif;
font-size: 12px;.
}
td.icon {
background-color: #EFEFEF;
font-family: sans-serif;
}
td.rowtitles {
background-color: #CFCFCF;
color: #555555;
font-size: 11px;
font-family: sans-serif;
}
th.forumtitle {
background-color: #336699;
color: #FFFFFF;
font-size: 10px;
font-family: sans-serif;
}
th.menu {
background-color: #BFBFBF;
height: 25px;
color: #555555;
font-size: 12px;
font-family: sans-serif;
}
span.postbody {
font-size: 13px;
}
.liteoption {
border: 1px solid #000000;
height: 20px;
background-color: #FFFFFF;
}
.mainoption, .button {
border: 1px solid #000000;
height: 20px;
background-color: #FFFFFF;
}
.code {
font-family: "courier new";
font-size: 12px;
color: #336699;
background-color: #FFFFFF;
border: #336699;
border-style: solid;
border-left-width: 1px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
background-image: url('http://img.xooimage.com/files6/b/8/b/sans-titre-3-12d9e6.png');
background-repeat: no-repeat;
background-position: top right;
}

.quote {
font-family: Arial;
font-size: 11px;
color: #333333;
/* line-height: 125%; */
background-color: #FFFFFF;
border: #333333;
border-style: solid;
border-left-width: 1px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
background-image: url('http://img.xooimage.com/files6/b/8/b/sans-titre-3-12d9e6.png');
background-repeat: no-repeat;
background-position: top right;
}
/* Not used yet, but will be used in v1.2, v1.5 and v2.0*/
div.box1 {
width: 200px;
text-align: center;
font-size: 14px;
background-color: #EFEFEF;
border: 1px solid #BFBFBF;
}
table.mainwindow {
margin-left: auto;
margin-right: auto;
border-left: 1px solid #333333;
border-right: 1px solid #333333;
background-color: #FFFFFF;
width: 775px;
background-image: url('http://img.xooimage.com/files6/b/8/b/sans-titre-3-12d9e6.png');
background-repeat: no-repeat;
background-position: top right;
}
.topictitle1 {
font-size: 14px;
font-weight: bold;
}
/* End CSS */


Voila


Author Message
julien_59190


Offline
Guest




PostPosted: Tue 22 May 2007 - 19:49    Post subject: [Tuto] Installer une image de fond Reply with quote

Je vien de remarquer que j'ai pas mis le lein de mon imahes

C'est bon sa marche

Merci beaucoup à toi 8)


Author Message
cassidy123


Offline
Guest




PostPosted: Tue 22 May 2007 - 20:20    Post subject: [Tuto] Installer une image de fond Reply with quote

Merci, je vais vérifier cela Smile

Author Message
julien_59190


Offline
Guest




PostPosted: Wed 23 May 2007 - 11:11    Post subject: [Tuto] Installer une image de fond Reply with quote

Moi ça marche mais mon images est répét 3 fois

On peut faire quelque choe ? Svp Merci beaucoup


Author Message
Contenu Sponsorisé





PostPosted: Today at 15:27    Post subject: [Tuto] Installer une image de fond

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