La date/heure actuelle est Ven 20 Oct 2017 - 12:47 - 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, 3157, 158, 159266, 267, 268  >

[Tuto] Installer une image de fond
Auteur Message
themalin


Inscrit le: 19 Avr 2006
Messages: 8 897

MessagePosté le: Ven 2 Jan 2009 - 20:00    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

pannerau admin
thème
modifier les templates
overall header ou ton template css

tu cherches le code d'abord dans overall header s'il n'est pas dedans c'est dans le template css le premier de a liste

puis tu fais les modif indiqué
Forum
Auteur Message
Rocrak


Hors ligne
Invité




MessagePosté le: Sam 3 Jan 2009 - 14:33    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

Voilà, j'ai un problème. J'ai suivi la méthode pas à pas mais l'image que je souhaite ne reste pas fixe. Au défilement de mon forum l'image se termine et apparait un fond gris.
Comment faire dans ce cas?
Merci de votre réponse!


Auteur Message
Rocrak


Hors ligne
Invité




MessagePosté le: Sam 3 Jan 2009 - 15:00    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

Personne ne sait comment faire pour que toute l'image tienne en 1 seul page ? Aidez moi s'il vous plait

Auteur Message
gef0301
VIP


Hors ligne
VIP

Inscrit le: 09 Mar 2005
Messages: 413
Point(s): 440
Moyenne: 1,07

MessagePosté le: Sam 3 Jan 2009 - 17:36    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

Bonjour,

Toutes les options sont expliquées dans les premières pages de ce topic; Quel est le nom du forum concerné ?


Forum
Auteur Message
Draz


Hors ligne
Invité




MessagePosté le: Lun 5 Jan 2009 - 00:39    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

Bonsoir,

J'ai un problème avec le template AdInfinitum

Deja le code n'est pas dans overall_header.tpl mais dans adinfinitum.css

après avoir fait comme dis dans ce tuto, j'ai toujours pas d'image en fond.

please helpppp.

merci d'avance.


Auteur Message
Wolf Larsen


Hors ligne
Invité




MessagePosté le: Lun 5 Jan 2009 - 03:31    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

Salut.
ça n'a pas marché pour moi non plus...
comment puis-je supprimer le forum que j'ai créé? Je laisse tomber... trop dur pour moi^^


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 5 Jan 2009 - 09:22    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

Draz a écrit:
Bonsoir,

J'ai un problème avec le template AdInfinitum

Deja le code n'est pas dans overall_header.tpl mais dans adinfinitum.css

après avoir fait comme dis dans ce tuto, j'ai toujours pas d'image en fond.

please helpppp.

merci d'avance.


bonjour

tu as bien fais les modifs en thème normal

pour supprimer son forum tu utilises ce tuto

http://xooit.xooit.com/t15794-Guide-Supprimer-Fermer-son-forum.htm?q=suppri…
_______________________


Forum
Auteur Message
Teriasse
Membre


Hors ligne
Membre

Inscrit le: 15 Juin 2008
Messages: 11
Niveau:
Point(s): 11
Moyenne: 1,00
Windows Vista ou 7 Masculin Bélier (21mar-19avr) 羊 Chèvre

MessagePosté le: Dim 11 Jan 2009 - 20:21    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

Salut, j'ai un souci avec le tutoriel.

En effet, mon image c'est mit dans le cadre et de l'autre coté du cadre.
http://pitiou.xooit.fr/index.php?theme=test

Mon thème est Subsilver xooit2

Le template :

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://img8.xooimage.com/files/s/u/subsilver-30daa.css" type="text/css" -->
<style type="text/css">
<!--
/*
  The original subSilver 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 {
   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://img43.xooimage.com/files/3/b/e/fond-9f6c0f.jpg");
background-repeat: repeat-y;
background-attachment: fixed;
}

/* 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:0; }

/* 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://img5.xooimage.com/files/c/e/cellpic2-30da7.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://img2.xooimage.com/files/c/e/cellpic3-30da8.gif);
}

td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
         background-image: url(http://img2.xooimage.com/files/c/e/cellpic1-30da9.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};
   border-width:1px;
}

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;
   border-width:1px;
}

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

/* 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="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">

<a name="top"></a>

<table width="1020" cellspacing="0" cellpadding="10" border="0" align="center">
   <tr>

<td width="100%">
             <table width="100%" cellspacing="0" cellpadding="0">
              <tr>
                <td height="103" width="100%" style="background-image: url('http://img43.xooimage.com/files/c/1/8/header-9f63cd.jpg');">&nbsp;</td>
              </tr>
             </table>
             <table width="100%" cellspacing="0" cellpadding="0">
              <tr>
                <td  width="25" style="background-image: url('http://img41.xooimage.com/files/3/f/a/gauche-9f65de.jpg');">&nbsp;</td>



      <td class="bodyline">
<div style="text-align:center"><a href="{U_INDEX}"><img src="http://img6.xooimage.com/files/l/o/logo-b2c4b.png" border="0" alt="{L_INDEX}" vspace="1" /></a><br /><br />
<span class="maintitle">{SITENAME}</span><br /><span class="gen">{SITE_DESCRIPTION}</span><br /><br /></div>

<div style="text-align:center">
            <table cellspacing="0" cellpadding="2" border="0" style="margin:auto">
               <tr>
                  <td align="center" valign="top" nowrap="nowrap"><span class="mainmenu">&nbsp;<a href="{U_FAQ}" class="mainmenu"><img src="http://img1.xooimage.com/files/i/n/interrogation-1--2e754.gif" width="12" height="13" border="0" alt="{L_FAQ}" hspace="3" />{L_FAQ}</a></span><span class="mainmenu">&nbsp; &nbsp;<a href="{U_SEARCH}" class="mainmenu"><img src="http://img9.xooimage.com/files/i/c/icon_mini_search-30d7d.gif" width="12" height="13" border="0" alt="{L_SEARCH}" hspace="3" />{L_SEARCH}</a>&nbsp; &nbsp;<a href="{U_MEMBERLIST}" class="mainmenu"><img src="http://img8.xooimage.com/files/i/c/icon_mini_members-30d7e.gif" width="12" height="13" border="0" alt="{L_MEMBERLIST}" hspace="3" />{L_MEMBERLIST}</a>&nbsp; &nbsp;<a href="{U_GROUP_CP}" class="mainmenu"><img src="http://img3.xooimage.com/files/i/c/icon_mini_groups-30d7f.gif" width="12" height="13" border="0" alt="{L_USERGROUPS}" hspace="3" />{L_USERGROUPS}</a>&nbsp;
                  <!-- BEGIN switch_user_logged_out -->
                  &nbsp;<a href="{U_REGISTER}" class="mainmenu"><img src="http://img5.xooimage.com/files/i/c/icon_mini_register-30d80.gif" width="12" height="13" border="0" alt="{L_REGISTER}" hspace="3" />{L_REGISTER}</a></span>&nbsp;
                  <!-- END switch_user_logged_out -->
                  </td>
               </tr>
               <tr>
                  <td height="25" align="center" valign="top" nowrap="nowrap"><span class="mainmenu">&nbsp;<a href="{U_PROFILE}" class="mainmenu"><img src="http://img2.xooimage.com/files/i/c/icon_mini_profile-30d81.gif" width="12" height="13" border="0" alt="{L_PROFILE}" hspace="3" />{L_PROFILE}</a>&nbsp; &nbsp;<a href="{U_PRIVATEMSGS}" class="mainmenu"><img src="http://img8.xooimage.com/files/i/c/icon_mini_message-30d82.gif" width="12" height="13" border="0" alt="{PRIVATE_MESSAGE_INFO}" hspace="3" />{PRIVATE_MESSAGE_INFO}</a>&nbsp; &nbsp;<a href="{U_LOGIN_LOGOUT}" class="mainmenu"><img src="http://img4.xooimage.com/files/i/c/icon_mini_login-30d83.gif" width="12" height="13" border="0" alt="{L_LOGIN_LOGOUT}" hspace="3" />{L_LOGIN_LOGOUT}</a>&nbsp;</span></td>
               </tr>
            </table>
</div>
      <br />

_______________________


Forum
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: Dim 11 Jan 2009 - 20:34    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

bonjour

c'est normal ici

/*.bodyline { background-color: {T_TD_COLOR2}; border: 1px {T_TH_COLOR1} solid; } */

mets comme ça

.bodyline { background-color: {T_TD_COLOR2}; border: 1px {T_TH_COLOR1} solid; }

si tu ne veux pas l'intérieur
_______________________


Forum
Auteur Message
Teriasse
Membre


Hors ligne
Membre

Inscrit le: 15 Juin 2008
Messages: 11
Niveau:
Point(s): 11
Moyenne: 1,00
Windows Vista ou 7 Masculin Bélier (21mar-19avr) 羊 Chèvre

MessagePosté le: Dim 11 Jan 2009 - 21:34    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

Merci Wink
_______________________


Forum
Auteur Message
CarbonMike


Hors ligne
Invité




MessagePosté le: Lun 12 Jan 2009 - 10:52    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

Bonjour, voila j'aimerais connaitre la modification a apporter au code image du thème subBlack afin de personnaliser celui-ci et mettre une image de fond.
Merci Razz


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 12 Jan 2009 - 10:56    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

bonjour

même opération qu'indiqué dans le tuto mais chez toi c'est dans le template subblack css
_______________________


Forum
Auteur Message
CarbonMike


Hors ligne
Invité




MessagePosté le: Lun 12 Jan 2009 - 14:01    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

Eh bien j'ai essayer le tuto dans subBlack css comme tu me l'as dit et ça ne fonctionne pas.  Crying or Very sad , vous pouvez pas savoir comme je rame, lol.

background-color: #000000;
    scrollbar-face-color: #212121;
    scrollbar-highlight-color: #404040;
    scrollbar-shadow-color: #000000;
    scrollbar-3dlight-color: #616161;
    scrollbar-arrow-color:  #A1A1A1;
    scrollbar-track-color: #000000;
    scrollbar-darkshadow-color: #000000;
    background-image: url("http://img57.imageshack.us/img57/1729/cz75pj6.jpg");
    background-repeat: repeat-y;
    background-attachment: fixed;




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


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 12 Jan 2009 - 14:03    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

supprimes le

background-color: #000000;
_______________________


Forum
Auteur Message
CarbonMike


Hors ligne
Invité




MessagePosté le: Lun 12 Jan 2009 - 15:53    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

Ca y est j'ai trouvé mon erreur, j'ai mis des espaces en trop:

    pas d'espace background-image: url("http://img57.imageshack.us/img57/1729/cz75pj6.jpg");
    pas d'espace background-repeat: repeat-y;
    pas d'espace background-attachment: fixed;

Merci ^^


Auteur Message
elvina


Hors ligne
Invité




MessagePosté le: Sam 17 Jan 2009 - 21:41    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

bonjour,

je voudrai changer mon fond, qui à pour thème lpch_purple si vous pouvez m'aider s'il vous plaît


Auteur Message
Contenu Sponsorisé





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

Montrer les messages depuis:   
Répondre au sujet Page 158 sur 268 Aller à la page: <  1, 2, 3157, 158, 159266, 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