It is currently Sat 1 Oct 2016 - 17:28 - créer un forum

[Tuto] Installer une image de fond

Skip to content

Post new topic Reply to topic Goto page: <  1, 2, 366, 67, 68266, 267, 268  >

[Tuto] Installer une image de fond
Author Message
themalin


Joined: 19 Apr 2006
Posts: 8,897

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

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

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
scoti


Offline
Guest




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

Je savais pas ou poster désolé si c'est pas le bon topic dans les boutons lorsque l'on met une image c'est petit j'aimerais savoir comment changer la taille.

Author Message
BlueShadow


Offline
Guest




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

Bonjour,
je voudrais savoir su je peux changer l'image de fond du thème MylHallowen, et si c'est possible comment? merci


Author Message
Justine des Volcans


Offline
Guest




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

Salut !

J'ai suivi scrupuleusement les indications de Gef tout au début de ce topic.

Tout d'abord, j'ai changé le thème de mon forum : de RPG (un peu trop noir), je suis passée à SubSilver (beaucoup plus clair). J'ai modifié le template indiqué par Gef. Après mouts essais, je suis arrivée à mes fins !!! Mais j'y ai passé du temps. Ca n'a pas marché du premier coup. Mais comme je suis du genre têtue... Même mon modérateur (une perle rare !) s'y est mis !

Pour voir le résultat, clic sur ma signature.

Merci Gef pour ce tuto ! Okay


Last edited by Justine des Volcans on Wed 5 Sep 2007 - 23:52; edited 1 time in total
Author Message
Sam99


Offline
Guest




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

themalin wrote:

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

 

Merci de ton aide themalin mais j'ai beau avoir effectué les changements rien ne change...


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

BlueShadow wrote:
Bonjour, je voudrais savoir su je peux changer l'image de fond du thème MylHallowen, et si c'est possible comment? merci




bonjour
oui tu peux

dans ton template css cherches

 
Code: Sélectionner - Agrandir
/* General page style. The scroll bar colours only visible in IE5.5+ */
body {
 background-color: #000000;
 scrollbar-face-color: #212121;
 scrollbar-highlight-color: #404040;
 scrollbar-shadow-color: #FDD35F;
 scrollbar-3dlight-color: #FDD35F;
 scrollbar-arrow-color: #FDD35F;
 scrollbar-track-color: #000000;
 scrollbar-darkshadow-color: #000000;
 background-image : url('http://img9.xooimage.com/files/f/o/fond-3441d.jpg');
 background-attachment : fixed;
 background-position : top right;
 background-repeat : no-repeat;

 
et il suffit de changer le lien de l'image par celle que tu veux mettre

@sam

ici

Code: Sélectionner - Agrandir
/* 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; }  
il manque la seconde étape du tuto
_______________________


Forum
Author Message
BlueShadow


Offline
Guest




PostPosted: Thu 6 Sep 2007 - 12:10    Post subject: [Tuto] Installer une image de fond Reply with quote

J'ai fais exactement ce que tu m'as dis de faire Themalin mais ça n'as pas marché, l'image de fond n'a pas changé malheureusement,  une idée? Rolling Eyes

Last edited by BlueShadow on Thu 6 Sep 2007 - 13:56; edited 1 time in total
Author Message
Sam99


Offline
Guest




PostPosted: Thu 6 Sep 2007 - 13:05    Post subject: [Tuto] Installer une image de fond Reply with quote

Voici mon template totalement modifier :

<!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 toujours pas de changement... Je suis désolée je ne comprends pas pourquoi ça ne fonctionne pas ... 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 6 Sep 2007 - 18:34    Post subject: [Tuto] Installer une image de fond Reply with quote

BlueShadow wrote:

J'ai fais exactement ce que tu m'as dis de faire Themalin mais ça n'as pas marché, l'image de fond n'a pas changé malheureusement,  une idée? Rolling Eyes

tu es sur de bien le faire dans le template

Code: Sélectionner - Agrandir

mylhallowen-34422.css

je l'ai fais sur mon forum de test et ça à parfaitement changer d'image

a sam

ici

 
Code: Sélectionner - Agrandir

/* 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; }  
tu as bien remplacé par

 
Code: Sélectionner - Agrandir
/* 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; } */ 

_______________________


Forum
Author Message
BlueShadow


Offline
Guest




PostPosted: Thu 6 Sep 2007 - 18:55    Post subject: [Tuto] Installer une image de fond Reply with quote

ah ba non Themalin je l'ai fais dans l'autre Myhallowen tout court dire que celui ci était tout en haut je l'avais pas vu  Shocked , merci pour l'info

Author Message
Sam99


Offline
Guest




PostPosted: Fri 7 Sep 2007 - 15:13    Post subject: [Tuto] Installer une image de fond Reply with quote

Quand je fais le dernier remplacement que tu m'a indiqué je n'ai plus que le fond des sous forum en blanc avec les signes chinois. Tout le reste est bleu alors que j'aimerais que tout soit comme le fond des sous-forums.... 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: Fri 7 Sep 2007 - 20:07    Post subject: [Tuto] Installer une image de fond Reply with quote

en fait le prob doit venir de la modification que tu as fait pour mettre une image en fond des post

ici

 
Code: Sélectionner - Agrandir

/* 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};
}  
tu as mal placé le code

il fallait le mettre avant body pas après
_______________________


Forum
Author Message
Sam99


Offline
Guest




PostPosted: Fri 7 Sep 2007 - 23:15    Post subject: [Tuto] Installer une image de fond Reply with quote

Alléluaaaaaa ça marche ^^ mdr
Il fallait bien le mettre avant comme tu dis mais j'ai scrupuleusement suivi le tuto qui spécifie bien de le mettre aprés undecided
En tout cas je te remercie encore de ta patience ^^


Author Message
Alyssa


Offline
Guest




PostPosted: Sun 9 Sep 2007 - 15:54    Post subject: [Tuto] Installer une image de fond Reply with quote

Est-il possible que le fond d'écran s'étire ? Au lieu qu'il se répète ?

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: Sun 9 Sep 2007 - 15:56    Post subject: [Tuto] Installer une image de fond Reply with quote

bonjour

que veux tu dire par la

tu peux etre plus claire
_______________________


Forum
Author Message
Alyssa


Offline
Guest




PostPosted: Sun 9 Sep 2007 - 20:42    Post subject: [Tuto] Installer une image de fond Reply with quote

Pour l'instant si on a un écran plus grand que la taille du fond, on peut faire répéter le fond de plusieurs manières.

J'aimerais qu'ils s'étire à la grandeur de l'écran qu'on a


Author Message
Contenu Sponsorisé





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

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