La date/heure actuelle est Ven 20 Oct 2017 - 21:51 - 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, 3245, 246, 247266, 267, 268  >

[Tuto] Installer une image de fond
Auteur Message
bidouille33


Inscrit le: 11 Aoû 2010
Messages: 117

MessagePosté le: Mer 31 Aoû 2011 - 07:33    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.

vérifiez l'adresse de votre image de fond que vous avez mise, elle mène sur une page et non sur une image:

Code: Sélectionner - Agrandir

background-image: url("http://img75.xooimage.com/views/e/8/8/fond-forum-2c5cee0.jpg/");
       cordialement.
Forum
Auteur Message
Lord Duveen


Hors ligne
Invité




MessagePosté le: Mer 31 Aoû 2011 - 12:24    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

Oh, my, ça marche ! Merci ! :')

Mais, euh, juste une dernière chose, quels codes est-ce que je dois modifier pour centrer l'image de fond, s'il vous plait ?


Auteur Message
bidouille33
Membre


Hors ligne
Membre

Inscrit le: 11 Aoû 2010
Messages: 117
Point(s): 117
Moyenne: 1,00
Windows 8 ou 10 Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Masculin Poissons (20fev-20mar) 龍 Dragon

MessagePosté le: Mer 31 Aoû 2011 - 13:21    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

pour la centrer et qu'elle reste fixe:

Code: Sélectionner - Agrandir
background-attachment: fixed;
       
          background-position:center center;


d'autres codes sont dispos au début du tuto.


 


Forum
Auteur Message
Jessomdu59
Membre


Hors ligne
Membre

Inscrit le: 02 Mai 2008
Messages: 69
Point(s): 69
Moyenne: 1,00

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

bon ben moi ca fonctionne toujours pas j'ai fait exactement ce qu'il es dit dans le tuto en essayant dans le thème de test et ça ne fonctionne pas. L'image n'apparait pas du tout.

Forum
Auteur Message
Lord Duveen


Hors ligne
Invité




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

Haaaaa, merci, maintenant c'est parfait ! Very Happy

Auteur Message
LFG__-C4SH-____


Hors ligne
Invité




MessagePosté le: Sam 17 Sep 2011 - 15:54    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

Et pour le Thème Glass Sa marche comment ???

merci de vos réponse


Auteur Message
LFG__-C4SH-____


Hors ligne
Invité




MessagePosté le: Jeu 22 Sep 2011 - 15:24    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

personne svp besoin d'aide liens du fofo : http://lfg-officiel.xooit.fr/index.php

Attention - Les doubles posts sont interdits sur le forum Xooit.com. Veuillez consulter le règlement dans les plus brefs délais afin d'éviter toute sanction. Il n'y aura plus d'avertissement. Merci aussi de consulter vos mp dans les plus brefs délais.


Auteur Message
bidouille33
Membre


Hors ligne
Membre

Inscrit le: 11 Aoû 2010
Messages: 117
Point(s): 117
Moyenne: 1,00
Windows 8 ou 10 Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Masculin Poissons (20fev-20mar) 龍 Dragon

MessagePosté le: Dim 25 Sep 2011 - 08:03    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

bonjour.
avez vous rechercher ce code:
Code: Sélectionner - Agrandir
 /* General page style. The scroll bar colours only visible in IE5.5+ */
body {
   background-color: #000000;
   scrollbar-face-color: #000000;
   scrollbar-highlight-color: #300000;
   scrollbar-shadow-color: #300000;
   scrollbar-3dlight-color: #A0A0A0;
   scrollbar-arrow-color:  #E20001;
   scrollbar-track-color: #E20001;
   scrollbar-darkshadow-color: #686868;
   color: #FFFFFF;


il doit être présent dans votre CSS et faites vos essais sur thème de test.
cordialement.


Forum
Auteur Message
matthieu 4


Hors ligne
Invité




MessagePosté le: Dim 9 Oct 2011 - 13:33    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

salut
j'ai un problème j'arrive a installer l'image de fond mais une fois sur le forum  je ne vois que les contours que faut il faire pour voir toute l'image entierement 


Auteur Message
Lightalfheim


Hors ligne
Invité




MessagePosté le: Mar 18 Oct 2011 - 16:57    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

Bonjour Bonjour.... moi j'aimerais mettre un image en fond fixe...
j'ai donc mis le
Code: Sélectionner - Agrandir
background-attachment: fixed;

Le seul problème, c'est que je voudrais qu'elle s'agrandisse selon l'écran, qu'elle prenne la taille de l'écran (j'en mettrais une sufisament grande pour éviter les pixels, pas de problème)... Que faut-il rajouter s'il vous plait ?


Auteur Message
bidouille33
Membre


Hors ligne
Membre

Inscrit le: 11 Aoû 2010
Messages: 117
Point(s): 117
Moyenne: 1,00
Windows 8 ou 10 Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Masculin Poissons (20fev-20mar) 龍 Dragon

MessagePosté le: Jeu 20 Oct 2011 - 11:45    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

bonjour.
par ce chemin, je ne pense pas que l'image s'agrandisse automatiquement avec la résolution de l'écran.

vous devez y mettre une image aux dimensions d'un écran large et c'est le navigateur qui devrait prendre en compte suivant les dimensions de l'écran.
cordialement.


Forum
Auteur Message
Lightalfheim


Hors ligne
Invité




MessagePosté le: Jeu 20 Oct 2011 - 13:38    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

merci
j'ai mis une image image assez longue pour faire la hauteur de l'écran (sauf si c'est un télé ^^) et le fond de la même couleur que l'image... de ce fait, l'image "s'étends" d'une certaine façon


Auteur Message
Ecktor


Hors ligne
Invité




MessagePosté le: Sam 7 Jan 2012 - 10:39    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

Super tutoriel, merci !  Razz
Cela fonctionne avec le thème par défaut des forums Xooit.com .


Auteur Message
coeurdamour


Hors ligne
Invité




MessagePosté le: Jeu 12 Jan 2012 - 17:37    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

bonjour je suis tres attentionnée par vos réponses qui aident beaucoup j'ai trouver comment changer mon fond de portail (j'ai le theme Zengarden)
pour cela je vais dans portail puis gestion des modules puis je vais ""fond de portail "" et je valide modifier
la je vais sur ma page du bas ou ce trouve mon premier fond puis je clic sur  "" insert/modify image ""
jusque la tout vas bien
j'ai donc une petite fenetre qui s'ouvre sur la 1ere ligne je valide mon code http:// de ma nouvelle image
je verifie avec preview puis je valide ok la encore tout va bien mais....
c'est la que je n''ose pas continuer car l'image ce mets  pardessus mon autre mais on vois sur les cotes l'image du dessous
d'ou ma question quand je vais l'enregistrer l'autre fond aura-il disparue je ne voudrais pas faire cette manip pour avoir les deux fonds ensemble
je me lance dans un forum je suis encore un peu novice mais j'ai quelques connaissances que je voudrais approfondir
un ami m'a aider a l'installer ma donner quelques rudiments mais la je gere toute seule et je ne voudrais pas faire de fausses manoeuvres
merci  deja de me lire et de votre aide


Auteur Message
hannibal13


Hors ligne
Invité




MessagePosté le: Ven 13 Jan 2012 - 00:55    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

<code>/* Based on the original Style Sheet for the fisubsilver v2 Theme for phpBB version 2+
Editer par nerevare - http://www.dgf.tonsite.biz - 06-1-2005 dgf_wow
Edited by Daz - http://www.forumimages.com - last updated 26-06-03 */

/* The content of the posts (body of text) */
body{background:#616161;color:#00000;font:12px Verdana,Arial,Helvetica,sans-serif;margin:0px;padding:0;
scrollbar-3dlight-color:#bebebe;
scrollbar-arrow-color:#bebebe;
scrollbar-darkshadow-color:#bebebe;
scrollbar-face-color:#C2C2C2;
scrollbar-highlight-color:#696969;
scrollbar-shadow-color:#000000;
scrollbar-track-color:#000000}

/* General font families for common tags */
font,th,td,p{font:12px Verdana,Arial,Helvetica,sans-serif}
p{margin-top:2px;margin-bottom:3px}

/* General text */
.gensmall{font-size:10px}
td.genmed,.genmed{font-size:11px}
.explaintitle{font-size:11px;font-weight:bold;color:#000000}

/* General page style */
a:link,a:active,a:visited,a.postlink{color: #43544A;text-decoration:none}
a:hover{color:#364C3F}
a.dgf{color:#FFCC00}
a.dgf:visited{color:#B2720B}
a.dgf:hover{color:#EB9B13}
/* titles for the topics:could specify viewed link colour too */
.topictitle{font-size:11px;font-weight:bold}
a.topictitle:visited{color:#CCCCCC}
a.topictitle:hover{color:#333333}

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

hr{border: 0px solid #CCCCCC;border-top-width:1px;height:0px}

/* Category gradients*/
td.cat{color:#333333;font-weight:bold;letter-spacing:1px;background:#CCCCCC url('http://img.xooimage.com/files3/c/e/cellpic1-3174e.gif');
height:31px;text-indent:4px}

a.cattitle,a.cattitle:visited{color:#CCCCCC}
a.cattitle:hover{color:#333333}

/* Main table cell colours and backgrounds */
.row1{background:#ABABAB}
.row2{background:#ABABAB}
.row3{background:#ABABAB}
td.spacerow{background:#CCCCCC}

.row1,.row2,.row3,td.spacerow,td.cat,td.rowpic,th,.topnav{
border:0px solid;border-color:#000000 #000000 #000000 #000000}

/* This is for the table cell above the Topics,Post & Last posts on the index.php */
td.rowpic{background: #4A51635 url('http://img.xooimage.com/files10/1/6/6/camouflage-1486f40.png') repeat-y}

/* Table Header cells */
th{background: #4A5163 url('http://img.xooimage.com/files10/c/b/cb_fbr_tex2-31750.gif');color:#000000;font-size:11px;
font-weight:bold;height:27px;white-space:nowrap;text-align:center;padding-left:8px;padding-right:8px}

/* This is the border line & background colour round the entire page */
.bodyline{background:#4A5163 url('http://img.xooimage.com/files6/5/8/4/cam1-146b24a.png')}

/* This is the outline round the main forum tables */
.forumline{background:#51545C}

.bodyline,.forumline{border:1px solid;border-color: #000000 #000000 #000000 #000000}

/* The largest text used in the index page title and toptic title etc. */
.maintitle,h1{
font:bold 20px/120% "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;text-decoration:none;color:#000000}

.subtitle,h2{font:bold 18px/180% "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
text-decoration:none}

/* Used for the navigation text,(Page 1,2,3 etc) and the navigation bar when in a forum */
.nav{font-size:11px;font-weight:bold;color:#FFFFFF}
.postbody{font-size:12px;line-height:125%}

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

/* Quote blocks */
.quote{background:#bebebe;border:3px solid #696969;color:#000000;
font-size:11px;line-height:125%}

/* Code blocks */
.code{background:#000000;border:3px solid #bebebe;color:#bebebe;
font:12px Courier,"Courier New",sans-serif;padding:5px}

/* This is for the error messages that pop up */
.errorline{background:#292929;border:1px solid #990606}

/* Form elements */
form{display:inline}

input{font:11px Verdana,Arial,Helvetica,sans-serif;color:#000000}

select{background:#FFFFFF;color:#000000;font:11px Verdana,Arial,Helvetica,sans-serif}

input.post,textarea.post{background:#bebebe;color:#292929;
font:11px Verdana,Arial,Helvetica,sans-serif;padding-bottom:2px;padding-left:2px;
border:1px solid;border-color: #000000 #707070 #707070 #000000}

input.button,input.liteoption,.fakebut{background:#bebebe;font-size:11px;color:#292929;
border:1px solid; border-color:#696969 #000000 #000000 #696969}
input.mainoption{background:#bebebe;color:#292929;font-size:11px;
border:1px solid; border-color:#696969 #000000 #000000 #696969}
input.catbutton{background:#bebebe;font-size:11px;
border:1px solid; border-color:#696969 #000000 #000000 #696969}

a.but,a.but:hover,a.but:visited{color:#000000;text-decoration:none}

/* This is the line in the posting page which shows the rollover help line. */
.helpline{background:#bebebe;border:0 solid;font-size:10px}

/* This is the gradient background at the top of the page */
.topbkg{background: #000000 url('http://img.xooimage.com/files/') repeat-x;height:120px; font-size:13px;
line-height: 140%;font-weight:bold;color:#bebebe}
.headtitle{font:bold 28px/180% "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;color: #ffffff}

.topnav{font-size:10px;background:#000000;color:#bebebe;height:23px;white-space:nowrap}

/* Admin & Moderator Colours MODification */
.admin,.mod{font-size:11px;font-weight:bold}
.admin,a.admin,a.admin:visited{color:#80253F}
.mod,a.mod,a.mod:visited{color:#FFFFCC}
a.admin:hover,a.mod:hover{color:#767676}

/* Specify the space around images */
.imgtopic,.imgicon{margin-left:0}
.imgspace{margin-left:1px;margin-right:2px}
.imgfolder{margin:1px 4px 1px 4px}

/* Gets rid of the need for border="0" on hyperlinked images */
img{border:0 solid}

/* Background images for tables */
.tbltop{background:#4A5163 url('http://img.xooimage.com/files/') repeat-x}
.tblleft{background:#4A5163 url('http://img.xooimage.com/files/') repeat-y}
.tblright{background:#4A5163 url('http://img.xooimage.com/files/') repeat-y}
.tblbot{background:#4A5163 url('http://img.xooimage.com/files/') repeat-x}</code>


image a mettre en fond d'ecran :

http://www.servimg.com/image_preview.php?i=64&u=13949169

A preciser que j'ai essayer de faire a minte reprise les modifs de ce template via le tutoriel et que a chaque fois rien ne changé sur mon forum ...
Je suis desespéré d'ou ma detresse de ce post en demandant a une ame charitable de bien vouloir me dire la manoeuvre a faire " correctement " afin que je puisse ENFIN mettre un fond a mon forum ^^

Merci d'avanace ..


Auteur Message
bidouille33
Membre


Hors ligne
Membre

Inscrit le: 11 Aoû 2010
Messages: 117
Point(s): 117
Moyenne: 1,00
Windows 8 ou 10 Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Masculin Poissons (20fev-20mar) 龍 Dragon

MessagePosté le: Ven 13 Jan 2012 - 07:38    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

bonjour.
dans votre template remplacez ceci:
Code: Sélectionner - Agrandir


scrollbar-3dlight-color:#bebebe;
scrollbar-arrow-color:#bebebe;
scrollbar-darkshadow-color:#bebebe;
scrollbar-face-color:#C2C2C2;
scrollbar-highlight-color:#696969;
scrollbar-shadow-color:#000000;
scrollbar-track-color:#000000}


par ça:
Code: Sélectionner - Agrandir
scrollbar-3dlight-color:#bebebe;
scrollbar-arrow-color:#bebebe;
scrollbar-darkshadow-color:#bebebe;
scrollbar-face-color:#C2C2C2;
scrollbar-highlight-color:#696969;
scrollbar-shadow-color:#000000;
scrollbar-track-color:#000000;
background-image: url("http://img68.xooimage.com/files/5/c/f/c278f711-3089b9e.jpg");
background-repeat:no-repeat;
background-attachment: fixed;
background-position:center center;
}

et n'oubliez rien de ce code.
cordialement.


Forum
Auteur Message
Contenu Sponsorisé





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

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