It is currently Thu 29 Sep 2016 - 05:17 - créer un forum

[Tuto] Installer une image de fond

Skip to content

Post new topic Reply to topic Goto page: <  1, 2, 3247, 248, 249266, 267, 268  >

[Tuto] Installer une image de fond
Author Message
lusary





PostPosted: Sun 23 May 2010 - 19:30    Post subject: [Tuto] Installer une image de fond Reply with quote

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

bonjour à tous,
donc voilà j'ai bien fais ce qu'il faut, j'ai mit pour le background ces propietés dans le CSS :
 body {
color:black;
background-color:white;
background-image:url(http://nsa14.casimages.com/img/2010/05/18/100518064041553073.png);
background-attachment:fixed;
background-repeat: repeat-x;}
mia sirne n'y fais, il y a toujours ce fond qui se répète... alors que j'ai bien mit les proprietés pour le fond, non ? Là je ne comprend plus trop trop... Qu'est ce que j'ai mal fais ou pas fais ? Aussi, pour la bannière : comment pourrais - je mettre une vrai bannière, pas une image qui se multiplie (oui regardez la partie droite de la bannière... :S)
D'avance merci de votre aide.
Author Message
error-404


Offline
Guest




PostPosted: Thu 27 May 2010 - 22:43    Post subject: [Tuto] Installer une image de fond Reply with quote

bonjour je voudrais mettre en parallele l'image de gauche a droite .

Comment puis je faire merci ? quel fonction background rajouter ?

http://redfaction.mwik.com/index.php


 
Code: Sélectionner - Agrandir
 

/* 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://img215.imageshack.us/img215/1706/lihmoi.png");
background-attachment: fixed;

}
 


Author Message
mamina


Offline
Guest




PostPosted: Sun 6 Jun 2010 - 16:38    Post subject: [Tuto] Installer une image de fond Reply with quote

Bonjour à toutes et tous,

Adresse de mon forum : http://decoforumavc.xooit.com/index.php
Thème graphique du forum : personnalisé
Votre poste : Admin fondateur
Votre navigateur (Modèle et version) :
Mon problème concerne : mon image personnalisée fond d'écran
Êtes-vous le seul concerné par ce problème : Oui
Depuis quand dure le bug/problème constaté ? : Toujours
Images/Screens relatifs au problème :
Description détaillée du problème
J'ai un fond d'écran que je suis entrain de faire d'après un papier à lettre. Je n'arrive pas à intaller ce fond d'écran il est en répétition. Vous avez plusieurs fois expliqué la manipe mais je n'y comprend rien ! Sûrement saute ! mais pouvez vous être quelques fois moins techniques s'il vous plait.
Merci infiniment.

Merci d'avance pour l'aide que vous saurez m'apporter.


Author Message
mamina


Offline
Guest




PostPosted: Tue 8 Jun 2010 - 11:55    Post subject: [Tuto] Installer une image de fond Reply with quote

Je sors!  j'dois être trop nulle pour que personne ne me réponde

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: Tue 8 Jun 2010 - 12:51    Post subject: [Tuto] Installer une image de fond Reply with quote

bonjour

dans ton header ici

<style type="text/css">
<!--
body {
background-image:url(http://img.xooimage.com/files8/9/c/a/19h-1d04fd9.jpg);
scrollbar-face-color: #DEE3E7;
scrollbar-highlight-color: #FFFFFF;
scrollbar-shadow-color: #DEE3E7;
scrollbar-3dlight-color: #D1D7DC;
scrollbar-arrow-color: #98AAB1;
scrollbar-track-color: #EFEFEF;
scrollbar-darkshadow-color: #98AAB1;
}


mets comme ça

<style type="text/css">
<!--
body {
background-image:url(http://img.xooimage.com/files8/9/c/a/19h-1d04fd9.jpg);
backgrounf-repeat: no-repeat;
scrollbar-face-color: #DEE3E7;
scrollbar-highlight-color: #FFFFFF;
scrollbar-shadow-color: #DEE3E7;
scrollbar-3dlight-color: #D1D7DC;
scrollbar-arrow-color: #98AAB1;
scrollbar-track-color: #EFEFEF;
scrollbar-darkshadow-color: #98AAB1;
}
_______________________


Forum
Author Message
mamina


Offline
Guest




PostPosted: Tue 8 Jun 2010 - 13:21    Post subject: [Tuto] Installer une image de fond Reply with quote

bonjour

merci beaucoup mais çà ne fonctionne pas ! je viens d'essayer


Author Message
lusary


Offline
Guest




PostPosted: Thu 10 Jun 2010 - 23:47    Post subject: [Tuto] Installer une image de fond Reply with quote

pareil personne ne repond lol

Cela doit etre tout simple surement


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 11 Jun 2010 - 12:46    Post subject: [Tuto] Installer une image de fond Reply with quote

sur le forum que tu indiques je ne vois pas la modification que je viens de te donner
vérifier de bien modifier en thème normal et pas de test
_______________________


Forum
Author Message
Prinnepote


Offline
Guest




PostPosted: Fri 11 Jun 2010 - 22:56    Post subject: [Tuto] Installer une image de fond Reply with quote

EDIT : rectification, j'arrive à aller dans les options, mais malgré la répitition pour fixer, ça ne marche toujours pas...
http://apb.enforcer.pursuit.force.xooit.fr/index.php


Author Message
Squale39


Offline
Guest




PostPosted: Thu 24 Jun 2010 - 17:36    Post subject: [Tuto] Installer une image de fond Reply with quote

Bonjour, j'ai utiliser le thème Wow_Elveng, et je n'arrive pas à mettre l'image de fond sur la totalité de la page, pouvez vous me dire quoi changer ou mettre et a quel endroit  ?

Merci d'avance pour vos réponses.


Author Message
bdube30


Offline
Guest




PostPosted: Mon 28 Jun 2010 - 22:17    Post subject: [Tuto] Installer une image de fond Reply with quote

Bonjour à toutes et tous,

Adresse de mon forum : http:// blur.leforum.tv
Thème graphique du forum : conundrum
Votre poste : Admin fondateur
Votre navigateur (Modèle et version) : chrome 6.0 (dev channel)
Mon problème concerne :  modifier le css poru avoir une image de fond.
Êtes-vous le seul concerné par ce problème : dans le sens que je suis le seul a pouvoir modifier le fond, oui.
Depuis quand dure le bug/problème constaté ? : toujours
Images/Screens relatifs au problème : 



 
Code: Sélectionner - Agrandir
html {
 height: 100%
}
 
body {
 height: 100%;
 background-color: #3e3e3e;
 text-align: center;
 padding: 0;
 margin: 0
      /* background-image: url("http://img7.hostingpics.net/pics/804667fond.png");
        background-repeat: repeat;
        background-attachment: fixed;*/
}


 
table {
 width: 100%;
 padding: 0}


form, .checkbox, input.radio, .helpline, p {
 margin: 0;
 padding: 0;
 border: 0}
 
input.button {
 margin: 0;
 padding: 1px 3px;
 background-color: #ddd;
 border: 1px outset}






.avatar img {
 background-color: #fff;
 border: 3px solid #fff}
 
html>body .avatar img {
 padding: 3px;
 background-color: #fff;
 border: 1px solid #dbdbdb}






#forum {
 width: 780px;
 height: 100%;
 background-color: #fff;
 margin: 0 auto
}
 
#bodyline {
 width: 717px;
 padding: 10px 0;
 vertical-align: top;
 text-align: left
}






#top_image {
 text-align: center}


#top_image img {
 border: 0;
 width: 717px;
 height: 231px}






#menu {
 height: 18px;
 line-height: 18px;
 padding: 0 3px 1px}
 
#menu #left a {
 padding-right: 10px}
 
#menu #right a {
 padding-left: 10px}


.mainmenu {
 line-height: 18px}








div.spacing {
 height: 10px;
 clear: both}






.postbuttons img {
 border: 0;
 margin-right: 10px}






.pad0-0-4 {
 padding: 0 0 4px}
 
.pad0-0-10 {
 padding: 0 0 10px}


.pad4 {
 padding: 4px}
 
.pad25 {
 padding: 25px}


.pad60 {
 padding: 60px}


div.timezone {
 padding: 0 3px}


div.copyright {
 padding: 5px}


.quote, .code {
 margin: 10px;
 padding: 10px}


.quote .inside_quote, .code .inside_code {
 padding: 10px}


div.hr {
 height: 1px;
 background-color: #ccc;
 margin: 5px 0}
 
div.hr hr {
 display: none}






input.post, textarea.post, select, input.postfile {
 margin: 0;
 border: 1px solid #666}


input.post, textarea.post, input.postfile {
 padding: 2px 3px}


input.post {
 height: 19px}


html>body input.post {
 height: 12px}


.helpline {
 background-color: #ebebeb}






.postmini {
 width: 25px}
 
.postsmall {
 width: 90px}
 
.postmedium {
 width: 150px}
 
.postbig {
 width: 225px}
 
.postbiggest {
 width: 450px}






.block {
 display: block}


.clear {
 clear: both}


.left {
 float: left;
 text-align: left}
 
.right {
 float: right;
 text-align: right}
 
.txtcenter {
 text-align: center}


.txtmiddle {
 text-align: center;
 vertical-align: middle}


.txtright {
 text-align: right}


.txttop {
 vertical-align: top}
 
.txtbottom {
 vertical-align: bottom}
 
.txtleft {
 text-align: left}
 


 
td.row1 {
 background-color: #efefef}
 
td.row2 {
 background-color: #dee3e7}
 
td.row3 {
 background-color: #d1d7dc}






td, th, input, select, textarea, .message {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-style: normal;
 font-weight: normal;
 text-transform: none;
 text-decoration: none;
 color: #111;
 font-size: 10px;
 line-height: 13px}


td a {
 color: #13509a;
 text-decoration: underline} 


td a:hover {
 color: #13509a;
 text-decoration: none}


tr.lines_1 th .nav, tr.lines_3 th .nav, .nav {
 font-size: 11px;
 line-height: 13px;
 font-weight: bold}  


tr.lines_1 th .nav a, tr.lines_3 th .nav a, .nav a {
 color: #13509a;
 text-decoration: none}


tr.lines_1 th .nav a:hover, tr.lines_3 th .nav a:hover, .nav a:hover {
 color: #13509a;
 text-decoration: underline}


.code {
 background-color: #fefefe;
 border: 2px solid #d6d6d6;
 font-family: Courier, 'Courier New', sans-serif;
 font-style: normal;
 font-weight: normal;
 text-transform: none;
 text-decoration: none;
 color: #0000b4;
 font-size: 11px;
 line-height: 13px}


.code a {
 color: #0000b4;
 text-decoration: underline} 


.code a:hover {
 color: #0000b4;
 text-decoration: none}


.quote {
 background-color: #fefefe;
 border: 2px solid #d6d6d6;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-style: normal;
 font-weight: normal;
 text-transform: none;
 text-decoration: none;
 color: #555;
 font-size: 10px;
 line-height: 13px}


.quote a {
 color: #555;
 text-decoration: underline} 


.quote a:hover {
 color: #555;
 text-decoration: none}
 
.edited {
 font-style: italic}








tr.toplines th {
 line-height: 24px;
 height: 24px;
 font-weight: bold;
 text-align: center;
 border: 1px solid #000;
 border-width: 1px 0;
 padding: 0 10px}


tr.lines_1 th {
 border: 1px solid #000;
 border-width: 1px 0;
 padding: 5px 2px 6px}


tr.lines_3 th {
 border: 1px solid #000;
 border-width: 1px 0;
 padding: 3px 2px}






table.index_body td.one img {
 width: 46px;
 height: 25px}
 
table.index_body td.one {
 padding: 4px;
 text-align: center}
 
table.index_body td.two {
 padding: 4px;
 width: 100%}
 
table.index_body td.three {
 padding: 4px;
 text-align: center;
 white-space: nowrap}


table.index_body_icons td img {
 vertical-align: middle}
 
table.index_body_icons td {
 white-space: nowrap;
 text-align: center}






table.groupcp td.one {
 padding: 4px 7px;
 width: 150px;
 height: 26px}
 
table.groupcp td.two {
 padding: 4px 5px 4px 4px}
 
table.groupcp td.three {
 padding: 4px 7px;
 height: 26px}






table.memberlist td.one {
 padding: 4px 7px;
 height: 26px}






table.modcp td.one img {
 width: 19px;
 height: 18px}
 
table.modcp td.one {
 padding: 4px;
 text-align: center}
 
table.modcp td.two {
 padding: 8px 4px;
 width: 100%}
 
table.modcp td.three {
 padding: 4px;
 text-align: center;
 white-space: nowrap}


table.modcp td.four {
 padding: 4px;
 white-space: nowrap;
 width: 150px}


table.modcp td.five {
 padding: 4px}


table.modcp td.six {
 padding: 4px 7px;
 vertical-align: top;
 font-weight: bold;
 text-align: left;
 width: 150px;
 height: 100px}
 
table.modcp td.seven {
 padding: 4px 7px;
 vertical-align: top;
 text-align: left;
 width: 470px}
 
table.modcp td.eight {
 padding: 4px 7px}


table.modcp td.nine {
 padding: 4px 7px;
 height: 18px;
 line-height: 18px}






table.posting_body td.one {
 padding: 4px 7px;
 width: 150px;
 height: 26px}
 
table.posting_body td.two {
 padding: 4px 5px 4px 4px}
 
table.posting_body td.three {
 padding: 4px 7px;
 vertical-align: top;
 width: 150px}


table.posting_body td.four {
 padding: 4px 5px 4px 4px;
 vertical-align: top}
 
table.posting_body td.four div {
 padding-bottom: 3px}


table.posting_body td.five {
 padding: 4px 7px}


table.posting_body td.six {
 padding: 4px 7px;
 height: 130px}
 
table.posting_body td.seven {
 padding: 4px 5px 4px 4px;
 vertical-align: top}


table.posting_body td.eight {
 padding: 4px 7px;
 vertical-align: top;
 font-weight: bold;
 width: 135px;
 text-align: left}
 
table.posting_body td.nine {
 padding: 4px 7px 10px;
 vertical-align: top;
 text-align: left}






table.privmsgs td.one img {
 width: 19px;
 height: 18px}
 
table.privmsgs td.one {
 padding: 4px;
 text-align: center}
 
table.privmsgs td.two {
 padding: 8px 4px;
 width: 100%}
 
table.privmsgs td.three {
 padding: 4px;
 text-align: center;
 white-space: nowrap}








table.profile td.one {
 padding: 4px 7px;
 width: 50%;
 height: 26px}
 
table.profile td.two {
 padding: 4px 5px 4px 4px}
 
table.profile td.three {
 padding: 4px 7px;
 height: 26px}






table.profile_view_body tr {
 height: 18px;
 text-align: right}






table.viewtopic td.one {
 padding: 4px 7px;
 font-weight: bold}


table.viewtopic td.two {
 padding: 4px 5px 4px 2px;
 height: 20px}
 
table.viewtopic td.three {
 padding: 4px 7px;
 vertical-align: top;
 width: 150px}
 
table.viewtopic td.four {
 padding: 2px 5px 4px; 
 vertical-align: top;
 height: 130px}
 
table.viewtopic td.four table {
 height: 100%;
 width: 560px}
 
table.viewtopic td.five {
 padding: 4px 7px;
 height: 18px;
 line-height: 18px}
 
table.viewtopic td.six {
 padding: 4px 5px}






table.viewforum td.one img {
 width: 19px;
 height: 18px}
 
table.viewforum td.one {
 padding: 4px;
 text-align: center}
 
table.viewforum td.two {
 padding: 4px;
 width: 100%}
 
table.viewforum td.three {
 padding: 4px;
 text-align: center;
 white-space: nowrap}






table.forumicons {
 width: 0}
 
table.forumicons td {
 white-space: nowrap}
 
table.forumicons td img {
 width: 19px;
 height: 18px}






table.search td.one {
 padding: 4px 7px;
 width: 50%;
 vertical-align: top}
 
table.search td.two {
 padding: 4px 5px 4px 4px}


table.search td.two div {
 padding-top: 3px}
 
table.search td.three {
 padding: 4px 7px;
 text-align: right}


table.search td.four {
 padding: 4px;
 width: 150px}


table.search td.five {
 padding: 8px 4px}


table.search td.six {
 padding: 4px;
 vertical-align: top}


table.search td.seven img {
 width: 19px;
 height: 18px}
 
table.search td.seven {
 padding: 4px;
 text-align: center}
 
table.search td.eight {
 padding: 4px}
 
table.search td.nine {
 padding: 4px;
 text-align: center}
 
table.search td.ten {
 padding: 4px;
 text-align: center;
 white-space: nowrap}






table.simple_header {
 background-color: #fff;
 height: 100%}
 
table.simple_header td {
 vertical-align: top}






table.viewonline td.one {
 padding: 8px 4px}
 
table.viewonline td.two {
 padding: 8px 4px;
 text-align: center}


 


h2 {
 font-size: 11px;
 line-height: 26px;
 height: 26px;
 font-weight: bold;
 color: #13509a;
 margin: 0;
 padding: 0 4px}
 
h3 {
 font-size: 11px;
 line-height: 13px;
 font-weight: bold;
 text-decoration: none;
 color: #13509a;
 margin: 0}


h2 a, h3 a {
 text-decoration: none;
 color: #13509a}
 
h2 a:hover, h3 a:hover, .copyright a:hover {
 color: #13509a;
 text-decoration: underline}


.mainmenu a, tr.lines_1 th a, tr.lines_3 th a, .timezone a, .copyright a, .blacklink a {
 color: #111;
 text-decoration: none}


.mainmenu a:hover, tr.lines_1 th a:hover, tr.lines_3 th a:hover, .timezone a:hover, .blacklink a:hover {
 color: #111;
 text-decoration: underline}






.copyright {
 text-align: center;
 letter-spacing: -1px}

 












Description détaillée du problème : Je veux changer l'arrière-plan de mon forum qui est présentement en gris par ce motif :
.


 Dans le css, dans body{ ...}, je peut changer la couleur d'arrière plan sans aucun problème juste en changant "background-color".


Alors je me susi dit que pour mettre mon motif il faudrait que je mette ce code à la place de background-color : 

 
Code: Sélectionner - Agrandir
        background-image: url("http://img7.hostingpics.net/pics/804667fond.png");
        background-repeat: repeat;
        background-attachment: fixed;  





Mais quand je fais cela, je perd la couleur d'arrière-plan, et aucun motif apparait. tout est blanc.



Merci d'avance si vous trouvez une solution, car je ne peut pas comprendre que je puisse changer la couleur de fond sans aucun problème, sans pouvoir mettre une image de fond.  Mad


Bonne journée !  Merci


Author Message
bdube30


Offline
Guest




PostPosted: Tue 29 Jun 2010 - 21:57    Post subject: [Tuto] Installer une image de fond Reply with quote

Je n'ai pas l'habitude de relancer des sujets comme je fais présentement, mais changer l'image de fond de mon forum est l;a dernière étape afin qu'il soit complet à 100% selon ce que je veux comme forum.

Personne ce connais de solution à mon problème ?

Merci

Bdube30

p-s.: Est-ce qu'il y a moyen de voir quel forum utilise le même thème que moi ? je pourrais aller voir comment ils ont fait les autres.

p-s-2.: Je peux vous assurez que c'est pas par paresse que je demande cette aide, j'ai vraiment essayer par des dizaines de manières différente, mais sans résultat :S


Author Message
bdube30


Offline
Guest




PostPosted: Mon 5 Jul 2010 - 03:04    Post subject: [Tuto] Installer une image de fond Reply with quote

Personne pour me répondre ???

s'il vous plait,

j'ai réessayer , je ne trouve pas comment changer le fond pour une image avec mon thème.


Author Message
thomas32


Offline
Guest




PostPosted: Tue 6 Jul 2010 - 11:27    Post subject: [Tuto] Installer une image de fond Reply with quote

salut moi je n'y arrive pas avec c'ette image


http://img811.imageshack.us/img811/4904/testimfernale2.png


Author Message
Aeryth


Offline
Guest




PostPosted: Mon 12 Jul 2010 - 18:05    Post subject: [Tuto] Installer une image de fond Reply with quote

J'ai également essayé mais ça ne marche pas.


Voici le message que j'ai posté avant celui-ci : http://xooit.xooit.com/t59997-Mettre-une-image-en-background.htm


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 12 Jul 2010 - 18:11    Post subject: [Tuto] Installer une image de fond Reply with quote

Bonjour Aeryth
Si cela ne marche pas merci de mettre toutes les informations et procédures suivies dans ce topic et pas un lien. Les membres qui vont vous aider n'ont pas à aller à droite et à gauche pour comprendre votre soucis. La moindre des choses quand on attend de l'aide c'est d'exposer clairement son soucis, pas de poster un simple lien.
Cordialement




Bonjour bdube30
L'image de fond est bien installée sur votre forum... touteefois je vous invite à uploader votre image sur xooimage afin que cette dernière se charge plus rapidement qu'actuellement.
>> http://www.xooimage.com/fr/
Cordialement




Bonjour thomas32
Est-ce sur ce forum que vous souhaitez modifier votre image de fond ? : http://mw2-gaza.xooit.fr/index.php
Cordialement
_______________________
Pour les mp injurieux >> Ezéchiel 25 verset 17


Forum
Author Message
Contenu Sponsorisé





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

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