It is currently Mon 26 Sep 2016 - 09:00 - créer un forum

[Tuto] Installer une image de fond

Skip to content

Post new topic Reply to topic Goto page: <  1, 2, 3148, 149, 150266, 267, 268  >

[Tuto] Installer une image de fond
Author Message
themalin


Joined: 19 Apr 2006
Posts: 8,897

PostPosted: Sat 22 Nov 2008 - 14:07    Post subject: [Tuto] Installer une image de fond Reply with quote

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

oui tu peux la changer en allant dans un programme d'image et tu agmentes sa taille ou quand tu héberges ton image tu as la possibilité de l'augmenter
Forum
Author Message
Blackdoudou


Offline
Guest




PostPosted: Sat 22 Nov 2008 - 14:13    Post subject: [Tuto] Installer une image de fond Reply with quote

jvais faire un test alors avec imaeshack..on vera bien

Author Message
Blackdoudou


Offline
Guest




PostPosted: Sat 22 Nov 2008 - 14:58    Post subject: [Tuto] Installer une image de fond Reply with quote

désolé pour le double post :

j'ai redimensionné pour un 19 pouces résultat : le fond d'écran n'apparait pas...le fond est bleu
17 pouces : trop petit ^^


Author Message
Sploutch
Membre


Offline
Membre

Joined: 02 Jan 2006
Posts: 584
Niveau:
Point(s): 632
Moyenne: 1.08
Masculin

PostPosted: Sat 22 Nov 2008 - 15:18    Post subject: [Tuto] Installer une image de fond Reply with quote

Blackdoudou wrote:
désolé pour le double post :

Salutations,
Utilise la fonction éditer plutôt que d'être désolé Wink
_______________________
1 tour pour la forme.1 tour pour l'esprit.

| Le site pour les Filles | Me Soutenir | Smileys Fun | Mes Tutoriels | Mon formulaire D'aide | No Support MP |


Forum
Author Message
jenifer13


Offline
Guest




PostPosted: Sat 22 Nov 2008 - 15:21    Post subject: [Tuto] Installer une image de fond Reply with quote

Yskander wrote:
Bonjour Dans votre overall header.tplCherchez :



Code: Sélectionner - Agrandir
<!--body {
background-image: url(http://img3.xooimage.com/files/b/8/b/etoile1lw8-607be7.gif);
background-attachment: fixed;
background-repeat: no-repeat;
background-position: top left;
background-color: #939393;
scrollbar-face-color: #111111;
scrollbar-highlight-color: #666666;
scrollbar-shadow-color: #444444;
scrollbar-3dlight-color: #333333;
scrollbar-arrow-color: #777777;
scrollbar-track-color: #202020;
scrollbar-darkshadow-color: #222222;





Et remplacez votre image actuelle de fond


Code: Sélectionner - Agrandir
http://img3.xooimage.com/files/b/8/b/etoile1lw8-607be7.gif




par celle que vous souhaitez donc :


Code: Sélectionner - Agrandir
 http://img41.xooimage.com/files/7/b/c/des1113-858de7.jpg




Vous n'avez donc qu'un simple lien à remplacer Wink Smile
Cordialement





bonjour
merci pour votre aide, mais l'image se met en petite en haut a gauche, elle ne prend pas toute la page


Author Message
Yskander
Modérateur


Offline
Modérateur

Joined: 26 Jan 2008
Posts: 1,558
Point(s): 1,654
Moyenne: 1.06
Masculin

PostPosted: Sat 22 Nov 2008 - 16:54    Post subject: [Tuto] Installer une image de fond Reply with quote

Bonjour jenifer13
retirez aussi ces lignes alors :

 
Code: Sélectionner - Agrandir

background-attachment: fixed;
background-repeat: no-repeat;  
Wink
Cordialement
_______________________
Pour les mp injurieux >> Ezéchiel 25 verset 17


Forum
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: Sat 22 Nov 2008 - 19:43    Post subject: [Tuto] Installer une image de fond Reply with quote

bonjour

c'est normal ici

background-position: top left;

tu lui dis de se mettre en haut à gauche remplaces par ça

background-position: center;

ce qui veut dire mets toi au milieu, sinon tu peux supprimer cette ligne ce qui mettra l'image partout

par contre tu peux laisser ces lignes


background-attachment: fixed;
background-repeat: no-repeat;

mais mets comme ça plutot


background-attachment: fixed;
background-repeat: repeat;
_______________________


Forum
Author Message
jenifer13


Offline
Guest




PostPosted: Sat 22 Nov 2008 - 20:04    Post subject: [Tuto] Installer une image de fond Reply with quote

merci j'y suis arrivée

par contre, cela met l'image en plusieurs fois ( en petites) partout sur la page

est ce possible de mettre l'image une seule fois en grand

merci


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: Sat 22 Nov 2008 - 20:07    Post subject: [Tuto] Installer une image de fond Reply with quote

oui mais tu dois bien mettre un lien d'image en grand

sinon c'est normal d'avoir des petites images
_______________________


Forum
Author Message
jenifer13


Offline
Guest




PostPosted: Sat 22 Nov 2008 - 20:12    Post subject: [Tuto] Installer une image de fond Reply with quote

ah ok ok je vais refaire le lien alors

mici


Author Message
missjoey


Offline
Guest




PostPosted: Mon 24 Nov 2008 - 00:50    Post subject: [Tuto] Installer une image de fond Reply with quote

Avec le thème Mylnoel je fais comment?? parce que j'ai essaye avec les codes que vous avez donné mais ca ne marche pas??

Author Message
Yskander
Modérateur


Offline
Modérateur

Joined: 26 Jan 2008
Posts: 1,558
Point(s): 1,654
Moyenne: 1.06
Masculin

PostPosted: Mon 24 Nov 2008 - 01:03    Post subject: [Tuto] Installer une image de fond Reply with quote

Bonjour
Est-ce un truc de ce genre que vous désirez ? : http://yskander3.xooit.fr/index.php
_______________________
Pour les mp injurieux >> Ezéchiel 25 verset 17


Forum
Author Message
missjoey


Offline
Guest




PostPosted: Mon 24 Nov 2008 - 01:32    Post subject: [Tuto] Installer une image de fond Reply with quote

En fait avec ce thème j'ai change quelques truc et voila ce que ca donne sur mon fofo:

http://desperatehousewives57.xooit.com/index.php

Moi j'aimerai que le bleu dans le fond soit remplace par une image est ce que vous comprenez ce que je veux dire?


Author Message
Yskander
Modérateur


Offline
Modérateur

Joined: 26 Jan 2008
Posts: 1,558
Point(s): 1,654
Moyenne: 1.06
Masculin

PostPosted: Mon 24 Nov 2008 - 01:38    Post subject: [Tuto] Installer une image de fond Reply with quote

Pouvez vous mettre ici entre les balises code vos templates overall header.tpl et mylnoel.css que je puisses faire la modif avec les modifications que vous avez apportés.
_______________________
Pour les mp injurieux >> Ezéchiel 25 verset 17


Forum
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 24 Nov 2008 - 09:04    Post subject: [Tuto] Installer une image de fond Reply with quote

bonjour

chez toi tout se fait dans mynoel css et pas overall header

remplaces ton template par celui la



Code: Sélectionner - Agrandir

/*
  MylNoel theme for phpBB version 2+
 Created by SGo
 http://www.mylimages.com
 Based on the original subSilver Theme for phpBB version 2+
   Created by subBlue design
   http://www.subBlue.com
*/


 /* General page style. The scroll bar colours only visible in IE5.5+ */
body {
 background-image: url('lien');
 scrollbar-face-color: #4EA9D8;
 scrollbar-highlight-color: #4EA9D8;
 scrollbar-shadow-color: #FFFFFF;
 scrollbar-3dlight-color: #FFFFFF;
 scrollbar-arrow-color: #FFFFFF;
 scrollbar-track-color: #FFFFFF;
 scrollbar-darkshadow-color: #4EA9D8;
}

/* General font families for common tags */
font,th,td,p { font-family: Verdana, Arial, Helvetica, sans-serif }
a:link,a:active,a:visited { color : #133C77; }
a:hover  { text-decoration: underline; color : #5493B4; }
hr { height: 0px; border: solid #133C77 0px; border-top-width: 1px;}

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

/* This is the outline round the main forum tables */
.forumline {
 background-color: #FFFFFF;
 border: 1px solid #3281A6;
}
.forumline2 {
 background-color: #FFFFFF;
 border: 0px solid #3281A6;
}

/* Main table cell colours and backgrounds */
td.row1 {
 background-color: #FFFFFF;
 border : 0px;
 border-bottom : 1px solid  #3281A6;
}
td.row2 { background-color: #FFFFFF;
 background-color: #FFFFFF;
 border : 0px;
 border-bottom : 1px solid  #3281A6; }
td.row3 { background-color: #FFFFFF;
 background-color: #FFFFFF;
 border : 0px;
 border-bottom : 1px solid  #3281A6; }
td.row3Right { background-color: #FFFFFF;
 background-color: #FFFFFF;
 border : 0px;
 border-bottom : 1px solid  #3281A6; }

td.pave1 {
 height: 30px;
 background : url('http://img8.xooimage.com/files/c/e/cellpic1-3466f.gif');
 background-repeat : no-repeat;
 background-position : left;
}
td.pave2 {
 height: 30px;
 background : url('http://img8.xooimage.com/files/c/e/cellpic1-3466f.gif');
}
td.pave3 {
 height: 30px;
 background : url('http://img8.xooimage.com/files/c/e/cellpic1-3466f.gif');
 background-repeat : no-repeat;
 background-position : right;
}
 
td.g {
 width: 82px;
 background-image: url('http://img10.xooimage.com/files/f/o/fond_g-34670.gif');
 background-position : top;
}
td.d {
 width: 82px;
 background-image: url('http://img8.xooimage.com/files/f/o/fond_d-34671.gif');
 background-position : top;
}
 
td.bout_g  {
 height: 15px;
 width:9px;
 background-image: url('http://img7.xooimage.com/files/m/p/mp_g-34672.gif');
 background-position : left;
 background-repeat : no-repeat;
}
td.bout_c  {
 height: 15px;
 background-image: url('http://img10.xooimage.com/files/m/p/mp_c-34673.gif');
}
td.bout_d  {
 height: 15px;
 width:9px;
 background-image: url('http://img5.xooimage.com/files/m/p/mp_d-34674.gif');
 background-position : right;
 background-repeat : no-repeat;
}


/*
  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 black background.
  However, you could replace this with a bitmap specific for each forum
*/
td.rowpic {
 height: 30px;
 background : url('http://img8.xooimage.com/files/c/e/cellpic1-3466f.gif') repeat-y;
}

/* Header cells - the black gradient backgrounds */
th {
 color: #133C77; font-size: 12px; font-weight : bold;
 height: 30px;
 background-image: url('http://img8.xooimage.com/files/c/e/cellpic1-3466f.gif');
}

td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
   border: #133C77; border-style: solid; height: 30px;
}


/*
  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: 30px;
 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: #133C77; border-style: solid; height: 30px; }
td.row3Right {background-image : url('http://img3.xooimage.com/files/p/i/pixel03-34675.gif');
 height: 18px;
 border: #000000; border-style: solid; }

td.spaceRow {
 background-image : url('http://img2.xooimage.com/files/p/i/pixel04-34676.gif');
 height: 18px;
 border: #000000;
 border-style: solid;
 border-width: 0px 0px 0px 0px;
}
td.spaceRow2 {background-image : url('http://img.xooimage.com/files/');
 border: #000000; border-style: solid;
 border-width: 0px 0px 0px 0px; }
td.Bas {
 background-image : url('http://img3.xooimage.com/files/p/i/pixel03-34675.gif');
 height: 18px;
 border: #000000;
 border-style: solid;
 border-width: 0px 0px 0px 0px;
}
td.Haut {background-image : url('http://img8.xooimage.com/files/c/e/cellpic1-3466f.gif');
 border: #000000; border-style: solid; border-width: 0px 0px 0px 0px; }

th.thHead,td.catHead { font-size: 12px; 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 0px 0px 0px; }
th.thTop  { border-width: 0px 0px 0px 0px; }
th.thCornerL { border-width: 0px 0px 0px 0px; }
th.thCornerR { border-width: 0px 0px 0px 0px; }


/* The largest text used in the index page title and toptic title etc. */
.maintitle,h1,h2 {
   font-weight: bold; font-size: 32px; font-family: Arial, Helvetica, sans-serif;
   text-decoration: none; line-height : 120%; color : #133C77;
}
.maintitle2 {
   font-weight: bold; font-size: 20px; font-family: Arial, Helvetica, sans-serif;
   text-decoration: none; line-height : 120%; color : #133C77;
}
.maintitle3 {
   font-weight: bold; font-size: 16px; font-family: Arial, Helvetica, sans-serif;
   text-decoration: none; line-height : 120%; color : #133C77;
}


/* General text */
.gen { font-size : 12px; }
.genmed { font-size : 11px; }
.gensmall { font-size : 10px; }
.gen,.genmed,.gensmall { color : #006699; }
a.gen,a.genmed,a.gensmall { color: #133C77; text-decoration: none; }
a.gen:hover,a.genmed:hover,a.gensmall:hover { color: #5493B4; text-decoration: underline; }


/* The register, login, search etc links at the top of the page */
.mainmenu  { font-size : 11px; color : #006699 }
a.mainmenu  { text-decoration: none; color : #133C77;  }
a.mainmenu:hover{ text-decoration: underline; color : #5493B4; }


/* Forum category titles */
.cattitle  { font-weight: bold; font-size: 12px ; letter-spacing: 1px; color : #133C77}
a.cattitle  { text-decoration: none; color : #133C77; }
a.cattitle:hover{ text-decoration: underline; }


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


/* 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 : #006699;}
a.nav   { text-decoration: none; color : #133C77; }
a.nav:hover  { text-decoration: underline; }

.haut   { font-weight: bold; font-size: 11px; color : #133C77;}
a.haut   { text-decoration: none; color : #133C77; }
a.haut:hover  { text-decoration: underline; }

/* titles for the topics: could specify viewed link colour too */
.topictitle   { font-weight: bold; font-size: 11px; color : #006699; }
a.topictitle:link   { text-decoration: none; color : #133C77; }
a.topictitle:visited { text-decoration: none; color : #5493B4; }
a.topictitle:hover { text-decoration: underline; color : #5493B4; }


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

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


/* The content of the posts (body of text) */
.postbody { font-size : 12px;}
a.postlink:link { text-decoration: none; color : #133C77 }
a.postlink:visited { text-decoration: none; color : #5493B4; }
a.postlink:hover { text-decoration: underline; color : #5493B4}

.error { font-size : 12px; color: #133C77;}


/* Quote & Code blocks */
.code {
 font-family: Courier, 'Courier New', sans-serif; font-size: 11px; color: #000000;
 background-color: #FFFFFF; border: #133C77; 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: 11px; color: #006699; line-height: 125%;
 background-color: #DEEEF6; border: #133C77; 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: #444444; letter-spacing: -1px;}
a.copyright  { color: #444444; text-decoration: none;}
a.copyright:hover { color: #000000; text-decoration: underline;}



/* Form elements */
input,textarea, select {
 color : #006699;
 font: normal 11px Verdana, Arial, Helvetica, sans-serif;
 border-color : #000000;
}

/* The text input fields background colour */
input.post,textarea.post {
 background-color : #DEEEF6;
 scrollbar-track-color: #DEEEF6;
 border : 1px solid #000000;
 font-size: 12px;
}
select {
 background-color : #DEEEF6;
 border : 1px solid #000000;
}

input { text-indent : 2px; }

/* The buttons used for bbCode styling in message post */
input.button {
 background-color : #EFEFEF;
 color : #133C77;
 font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif;
 background : url('http://img4.xooimage.com/files/b/o/bout01-34677.gif');
 border : 1px solid #133C77;
}

/* The main submit button option */
input.mainoption {
 background-color : #AFC3C3;
 font-weight : bold;
 background : url('http://img4.xooimage.com/files/b/o/bout01-34677.gif');
 border : 1px solid #133C77;
}

/* None-bold submit button */
input.liteoption {
 background-color : #AFC3C3;
 font-weight : normal;
 background : url('http://img4.xooimage.com/files/b/o/bout01-34677.gif');
 border : 1px solid #133C77;
}

/* 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: #FFFFFF; border-style: none; }


/* Import the fancy styles for IE only (NS4.x doesn't use the @import function) */
@import url('http://img4.xooimage.com/files/f/o/formie-30deb.css');
et tu changes lien par le lien de ton image
_______________________


Forum
Author Message
Yskander
Modérateur


Offline
Modérateur

Joined: 26 Jan 2008
Posts: 1,558
Point(s): 1,654
Moyenne: 1.06
Masculin

PostPosted: Mon 24 Nov 2008 - 23:21    Post subject: [Tuto] Installer une image de fond Reply with quote

Son overall header est important aussi car elle y a apporté une modification qui doit être changée Wink
_______________________
Pour les mp injurieux >> Ezéchiel 25 verset 17


Forum
Author Message
Contenu Sponsorisé





PostPosted: Today at 09:00    Post subject: [Tuto] Installer une image de fond

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