La date/heure actuelle est Dim 22 Oct 2017 - 10:19 - 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, 3209, 210, 211266, 267, 268  >

[Tuto] Installer une image de fond
Auteur Message
themalin


Inscrit le: 19 Avr 2006
Messages: 8 897

MessagePosté le: Dim 26 Juil 2009 - 18:43    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

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

oui c'est le premier template de la liste normalement
Forum
Auteur Message
yassine841


Hors ligne
Invité




MessagePosté le: Lun 27 Juil 2009 - 11:19    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

D'accord merci si je rencontre des problémes je vous informerai!

Auteur Message
hermionegrangerrenesmée


Hors ligne
Invité




MessagePosté le: Sam 1 Aoû 2009 - 20:25    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

je ne trouve pas dans mes template ça

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};
}

voici mon overall_header.tpl
<!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} &iexcl;&cedil; {PAGE_TITLE}</title>
<link rel="stylesheet" href="http://img.xooimage.com/files3/s/k/sky-356de.css" type="text/css" />
<style type="text/css">
<!--
TH { background-image: url(http://img.xooimage.com/files8/c/e/cellpic3-356d2.gif) }
TD.rowpic { background-image: url(http://img.xooimage.com/files8/c/e/cellpic2-356d1.jpg); background-repeat: repeat-y }
TD.cat, TD.catHead,TD.catSides,TD.catLeft,TD.catRight,TD.catBottom { background-image: url(http://img.xooimage.com/files4/c/e/cellpic1-356d3.gif) }
/* Forum Frame Mod */
td.top { background-color: #E5E5E5; background-image: url(http://img.xooimage.com/files5/s/i/side_t-356df.gif); }
td.bottom { background-color: #E5E5E5; background-image: url(http://img.xooimage.com/files6/s/i/side_b-356e0.gif); }
td.left { background-color: #E5E5E5; background-image: url(http://img.xooimage.com/files9/s/i/side_l-356e1.gif); repeat-y; }
td.right { background-color: #E5E5E5; background-image: url(http://img.xooimage.com/files5/s/i/side_r-356e2.gif); repeat-y; }
-->
</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 -->
<style><!--A{text-decoration:none}body {
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
}
--></style>
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
</head>
<body bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}"  onLoad="MM_preloadImages('http://img.xooimage.com/files8/d/2/d2-356d9.gif')" />
<table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="1%" align="left" valign="top" background="http://img.xooimage.com/files8/d/t/dt32-356e3.gif">

</td>
<td width="98%" rowspan="2" valign="top">



<a name="top">[/url]
<table width="100%" cellspacing="0" cellpadding="0" border="0" align="center">
<tr>
<td width="72" height="26" nowrap="nowrap">
</td>
<td width="100%" height="26" nowrap="nowrap" class="top"></td>
<td width="72" height="26" nowrap="nowrap">
</td>
</tr>
<tr>
<td class="left"> </td>
<td class="bodyline"><table width="100%" cellspacing="0" cellpadding="0" border="0">
<tr>
<td width="25%" align="left" valign="top"> </td>
<td width="50%" align="center">
<table width="100%"  border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="111" align="right" valign="middle">
</td>
<td align="center" valign="middle">
<span class="maintitle">{SITENAME}</span>

<span class="gen">{SITE_DESCRIPTION}</span>
</td>
<td width="111" align="left" valign="middle">
</td>
</tr>
</table>
</td>
<td width="25%" align="right" valign="top">
<span class="gensmall">
<!-- BEGIN switch_user_logged_in -->
{LAST_VISIT_DATE}

<!-- END switch_user_logged_in -->
{CURRENT_TIME}

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



que faut t'il faire


Auteur Message
hermionegrangerrenesmée


Hors ligne
Invité




MessagePosté le: Sam 1 Aoû 2009 - 22:26    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

j ai fait se que vous m'avais dit et sa ne fontionne toujours pas

voila le debut de mon template sky css
/*
  The original sky Theme for phpBB version 2+
  Created by Arthur design
  http://bbs.arthur.com.tw
*/

/* 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.xooimage.com/files46/b/9/6/bbb-118d1ed.jpg");
background-repeat: repeat-y;
}
/* General font families for common tags */
font,th,td,p { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px }
a:link,a:active,a:visited { color : #006699; }
a:hover{ text-decoration: underline; color : #DD6900; }
hr{ height: 0px; border: solid #D1D7DC 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; }*/
Cordialement


Auteur Message
hermionegrangerrenesmée


Hors ligne
Invité




MessagePosté le: Sam 1 Aoû 2009 - 22:32    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

bien je vais voir le tutos redimentionner le forum merci Smile

Auteur Message
hermionegrangerrenesmée


Hors ligne
Invité




MessagePosté le: Dim 2 Aoû 2009 - 14:47    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

sa faitrop bissard je rtire merci beaucoup

voila le résulta




Auteur Message
Alajah


Hors ligne
Invité




MessagePosté le: Mer 5 Aoû 2009 - 15:06    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

Kikou les gens^^

Je ne voulais pas lire les 217 pages... Je vais donc poster.

J'utilise le thème AdInfinitum et je ne sais pas quel template modifier pour mettre une image de fond. Quelqu'un peut m'aider?


Auteur Message
Alajah


Hors ligne
Invité




MessagePosté le: Mer 5 Aoû 2009 - 20:32    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

Je viens d'essayer et l'image de fond n'est toujours pas apparu. Le fond reste noir. Voici mon template.


/* General page style. The scroll bar colours only visible in IE5.5+ */

body {
    background-color: black;
    background-image:url('
');
        scrollbar-face-color: #1b1b1b;
    scrollbar-highlight-color: #3B3B3B;
    scrollbar-shadow-color: #666666;
    scrollbar-3dlight-color: #666666;
    scrollbar-arrow-color:  #ffffff;
    scrollbar-track-color: #4b4b4b;
    scrollbar-darkshadow-color: #666666;
}

/* General font families for common tags */
font,th,td,p { font-family: Verdana, Arial, Helvetica, sans-serif; }
a:link,a:active,a:visited { color : C51E21; }
a:hover        { text-decoration: underline; color : e5e5e5; }
hr    { height: 0px; border: solid white 1px; border-top-width: 1px;}
p, td        { font-size : 10; color : #e5e5e5; }
h1,h2        { font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size : 22px; font-weight : bold; text-decoration : none; line-height : 120%; color : #000000;}


/* This is the border line & background colour round the entire page */
.bodyline    { black; border: 0px red solid; }

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

/* Main table cell colours and backgrounds */
td.row1    { background-color: #1B1B1B; border-style: solid; border: black; border-width: 1px 1px 1px 1px;}
td.row2    { background-color: #232323; border-style: solid; border: black; border-width: 1px 1px 1px 1px;}
td.row3    { background-color: #2B2B2B; border-style: solid; border: black; border-width: 1px 1px 1px 1px;}

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

/* Header cells - the blue and silver gradient backgrounds */
th    {
    color: #e5e5e5; font-size: 10px; font-weight : bold;
    background-color:black; height: 25px;
}

td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
    background-color:black; border: #e5e5e5; 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: 1px 1px 0px 0px;
}
th.thHead,th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.thCornerL,th.thCornerR {
    font-weight: bold; border: #e5e5e5; border-style: solid; height: 28px;
}
td.row3Right,td.spaceRow {
    background-color: black; border: #e5e5e5; border-style: solid;
}

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


/* General text */
.gen { font-size : 10px; }
.genmed { font-size : 10px; }
.gensmall { font-size : 10px; }
.genred { font-size : 10px; color : #C51E21;}
.gen,.genmed,.gensmall { color : #e5e5e5; }
a.gen,a.genmed,a.gensmall { color: #e5e5e5; text-decoration: none; font-size : 10px;}
a.genred { color: #C51E21; text-decoration: none; font-size : 10px;}
a.gen:visited,a.genmed:visited,a.gensmall:visited    { color: #e5e5e5; text-decoration: none; font-size : 10px;}
a.genred:visited    { color: #C51E21; text-decoration: none; font-size : 10px;}
a.gen:hover,a.genmed:hover,a.gensmall:hover    { color: #e5e5e5; text-decoration: underline; font-size : 10px; }
a.genred:hover    { color: #e5e5e5; text-decoration: underline; font-size : 10px; }

/* The register, login, search etc links at the top of the page */
.mainmenu        { font-size : 10px; color : #C51E21 }
a.mainmenu        { text-decoration: none; color : #C51E21; font-size : 10px;}
a.mainmenu:visited    { text-decoration: none; color : #C51E21; font-size : 10px;}
a.mainmenu:hover{ text-decoration: underline; color : #e5e5e5; font-size : 10px;}


/* Forum category titles */
.cattitle        { font-weight: bold; font-size: 11px ; letter-spacing: 0px; color : #C10003;}
a.cattitle        { text-decoration: none; color : #C10003; font-size : 11px; }
a.cattitle:visited    { text-decoration: none; font-size : 11px; color : #C10003;}
a.cattitle:hover    { text-decoration: underline; font-size : 11px; color : #C10003;}


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


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

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

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

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

/* The content of the posts (body of text) */
.postbody { font-size : 10px; line-height: 17px; color : #E5E5E5;}
a.postlink:link    { text-decoration: none; color : #C10003; font-size : 10px; }
a.postlink:visited { text-decoration: none; color : #C10003; font-size : 10px; }
a.postlink:hover { text-decoration: underline; color : #C10003; font-size : 10px; }

/* Quote & Code blocks */
.code {
    font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #e5e5e5; letter-spacing: 0px; line-height: 16px;
    background-color: #333333; border: #555555; border-style: solid;
    border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}

.quote {
    font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #e5e5e5; line-height: 16px;
    background-color: #333333; border: #555555; 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: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #e5e5e5; letter-spacing: -1px;}
a.copyright        { color: #C10003 ; text-decoration: none; font-size : 10px; }
a.copyright:visited        { color: #C10003 ; text-decoration: none; font-size : 10px; }
a.copyright:hover { color: #C10003; text-decoration: underline; font-size : 10px; }

/* Form elements */
input,textarea, select {
    color : #111111;
    font: normal 10px Verdana, Arial, Helvetica, sans-serif;
    border-color : ;
    letter-spacing: 0px;
}

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

input { text-indent : 2px; }

/* The buttons used for bbCode styling in message post */
input.button {
    background-color : #D4D0C8;
    color : #black;
    font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif;;
}

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

/* None-bold submit button */
input.liteoption {
    background-color : #D4D0C8;
    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: #E3E3E3; border-style: none; }

/* Import the fancy styles for IE only (NS4.x doesn't use the @import function) */
@import url('http://img.xooimage.com/files4/f/o/formie-30deb.css');

Qu'-aie je fais de non-correcte?


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: Mer 5 Aoû 2009 - 20:33    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

bonjour

ici

Code: Sélectionner - Agrandir
 background-image:url('[img=http://img25.imageshack.us/img25/9122/signaturebackgrounds.th.jpg]');


mets bien comme ça

Code: Sélectionner - Agrandir
 background-image: url('http://img25.imageshack.us/img25/9122/signaturebackgrounds.th.jpg');

_______________________


Forum
Auteur Message
Alajah


Hors ligne
Invité




MessagePosté le: Mer 5 Aoû 2009 - 20:40    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

Désolé de te contredire Yskander mais ça a fonctionner.

Auteur Message
Alajah


Hors ligne
Invité




MessagePosté le: Mer 5 Aoû 2009 - 20:43    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

hehe... euh... Mouais... j'vais utiliser ton lien et réessayer^^

EDIT: Deuxième tentative ---> un succès^^ Merci le staff Old Mr Green Old Mr Green

EDIT2: Pitite question. Serait-il possible de rendre cela moins... compliqué? À voir tout les pages de ce sujet, j'crois que je ne étais pas le seul à ne pas savoir comment faire... et il cela va continuer...


Dernière édition par Alajah le Mer 5 Aoû 2009 - 20:58; édité 1 fois
Auteur Message
Alajah


Hors ligne
Invité




MessagePosté le: Mer 5 Aoû 2009 - 20:45    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

Après une deuxième tentative, ça fonctionne toujours... mais en mieux^^ Merci le staff. Old Mr Green




Auteur Message
Alajah


Hors ligne
Invité




MessagePosté le: Mer 5 Aoû 2009 - 20:48    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

Désolé pour le triple post mais j'ai une question. Serait-il possible de rendre cela moins... compliqué? À voir tout les pages de ce sujet, j'crois que je ne étais pas le seul à ne pas savoir comment faire... et il cela va continuer...




Auteur Message
Alajah


Hors ligne
Invité




MessagePosté le: Mer 5 Aoû 2009 - 20:59    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

ah d'accord... (Vous pouvez supprimer les double posts. J'ai éditer le premier)

Auteur Message
krax


Hors ligne
Invité




MessagePosté le: Jeu 6 Aoû 2009 - 12:39    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

Shocked bonjour je n'arrive pas a centré mon image de fond
et n'y compren rien
merci de m'aider


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: Jeu 6 Aoû 2009 - 12:39    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

bonjour

dans overall header ici

background-image: url(http://img.xooimage.com/files7/a/b/0/rossi1mmmmmmmmmmm...00000000-11a1d56.jpg);
background-attachment: fixed;
background-repeat: no-repeat;
background-position: top right;


mets comme ça

background-image: url(http://img.xooimage.com/files7/a/b/0/rossi1mmmmmmmmmmm...00000000-11a1d56.jpg);
background-attachment: fixed;
background-repeat: no-repeat;
background-position: center center;
_______________________


Forum
Auteur Message
Contenu Sponsorisé





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

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