La date/heure actuelle est Mer 18 Oct 2017 - 17:02 - créer un forum

[Tuto] Installer une image de fond

Aller au contenu

Poster un nouveau sujet Répondre au sujet Aller à la page: <  1, 2, 351, 52, 53266, 267, 268  >

[Tuto] Installer une image de fond
Auteur Message
themalin


Inscrit le: 19 Avr 2006
Messages: 8 897

MessagePosté le: Lun 21 Mai 2007 - 18:40    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

PublicitéSupprimer les publicités ?
Revue du message précédent :

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
Auteur Message
cassidy123


Hors ligne
Invité




MessagePosté le: Lun 21 Mai 2007 - 18:44    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

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

Auteur Message
cassidy123


Hors ligne
Invité




MessagePosté le: Lun 21 Mai 2007 - 19:02    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

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 ?


Auteur Message
themalin
Membre


Hors ligne
Membre

Inscrit le: 19 Avr 2006
Messages: 8 897
Point(s): 9 101
Moyenne: 1,02
Mac Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...)

MessagePosté le: Lun 21 Mai 2007 - 19:08    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

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


Forum
Auteur Message
julien_59190


Hors ligne
Invité




MessagePosté le: Mar 22 Mai 2007 - 13:55    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

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


Auteur Message
Kira


Hors ligne
Invité




MessagePosté le: Mar 22 Mai 2007 - 17:40    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

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 !


Auteur Message
cassidy123


Hors ligne
Invité




MessagePosté le: Mar 22 Mai 2007 - 18:30    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

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


Auteur Message
themalin
Membre


Hors ligne
Membre

Inscrit le: 19 Avr 2006
Messages: 8 897
Point(s): 9 101
Moyenne: 1,02
Mac Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...)

MessagePosté le: Mar 22 Mai 2007 - 18:50    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

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
Auteur Message
julien_59190


Hors ligne
Invité




MessagePosté le: Mar 22 Mai 2007 - 19:19    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

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


Auteur Message
themalin
Membre


Hors ligne
Membre

Inscrit le: 19 Avr 2006
Messages: 8 897
Point(s): 9 101
Moyenne: 1,02
Mac Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...)

MessagePosté le: Mar 22 Mai 2007 - 19:32    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

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
Auteur Message
julien_59190


Hors ligne
Invité




MessagePosté le: Mar 22 Mai 2007 - 19:36    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

Vraiment désolé maisça ne marche pas

Auteur Message
themalin
Membre


Hors ligne
Membre

Inscrit le: 19 Avr 2006
Messages: 8 897
Point(s): 9 101
Moyenne: 1,02
Mac Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...)

MessagePosté le: Mar 22 Mai 2007 - 19:39    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

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

alexisblue-130cd3.css
_______________________


Forum
Auteur Message
julien_59190


Hors ligne
Invité




MessagePosté le: Mar 22 Mai 2007 - 19:46    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

/* 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


Auteur Message
julien_59190


Hors ligne
Invité




MessagePosté le: Mar 22 Mai 2007 - 19:49    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

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

C'est bon sa marche

Merci beaucoup à toi 8)


Auteur Message
cassidy123


Hors ligne
Invité




MessagePosté le: Mar 22 Mai 2007 - 20:20    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

Merci, je vais vérifier cela Smile

Auteur Message
julien_59190


Hors ligne
Invité




MessagePosté le: Mer 23 Mai 2007 - 11:11    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

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

On peut faire quelque choe ? Svp Merci beaucoup


Auteur Message
Contenu Sponsorisé





MessagePosté le: Aujourd’hui à 17:02    Sujet du message: [Tuto] Installer une image de fond

Montrer les messages depuis:   
Répondre au sujet Page 52 sur 268 Aller à la page: <  1, 2, 351, 52, 53266, 267, 268  >




Index | Panneau d’administration | Créer un forum | Forum gratuit d’entraide | Annuaire des forums gratuits | Signaler une violation | Conditions générales d'utilisation
Propulsé par p h p B B © 2016 p h p B B Group | Traduction par : phpBB-fr.com
 
© 2003-2013 Xooit.com - Contact - Mentions légales - CGU - Charte - CNIL : 1381401