It is currently Tue 27 Sep 2016 - 14:06 - créer un forum

[Tuto] Installer une image de fond

Skip to content

Post new topic Reply to topic Goto page: <  1, 2, 3103, 104, 105266, 267, 268  >

[Tuto] Installer une image de fond
Author Message
themalin


Joined: 19 Apr 2006
Posts: 8,897

PostPosted: Thu 12 Jun 2008 - 11:06    Post subject: [Tuto] Installer une image de fond Reply with quote

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

bonjour

ici

background-image: url("http://i240.photobucket.com/albums/ff66/kyoko_kirisaki/Myspirates/ocean-glide1024.jpg");
background-repeat: repeat-x;
background-attachment: fixed;

tu mets

background-image: url("http://i240.photobucket.com/albums/ff66/kyoko_kirisaki/Myspirates/ocean-glide1024.jpg");
background-repeat: repeat;
background-attachment: fixed;

mais il te faut une image qui couvre tout le forum donc une plus grande que 1280*1200
Forum
Author Message
Kirisaki


Offline
Guest




PostPosted: Thu 12 Jun 2008 - 11:12    Post subject: [Tuto] Installer une image de fond Reply with quote

Je ne veux pas de répétition en fait mais je veux qu'elle se bloque et que seul le reste du forum soit mobile en fait.
C'est compliqué mais ça a pas l'air possible xD
Parce que je vois pas comment je pourrais agrandir mon fond d'écran

C'est pas grave
J'enleverais la transparence sinon


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

ici

background-repeat: repeat;

tu mets

background-repeat: no-repeat;

il suffit de retravailler l'image avec un logiciel comme paint et tu l'as en plus grand
_______________________


Forum
Author Message
Kirisaki


Offline
Guest




PostPosted: Sat 14 Jun 2008 - 14:31    Post subject: [Tuto] Installer une image de fond Reply with quote

Bonjour

Le tuto ne fonctionne pas avec le theme SubsilverPlus, pourriez vous m'indiquer ou je dois inserer le code ou quel code dois je mettre merci.


 
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://img10.xooimage.com/files/s/u/subsilverplus-35de7.css" type="text/css">
<!-- 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="100%" cellspacing="0" cellpadding="10" border="0" align="center">
    <tr>
        <td class="bodyline"><table width="100%" cellspacing="0" cellpadding="0" border="0">
            <tr>
                <td><a href="{U_INDEX}"><img src="http://img1.xooimage.com/files/l/o/logo_phpbb-24675.gif" border="0" alt="{L_INDEX}" vspace="1" /></a></td>
                <td align="center" width="100%" valign="middle"><span class="maintitle">{SITENAME}</span><br /><span class="gen">{SITE_DESCRIPTION}<br />&nbsp; </span>
                <table cellspacing="0" cellpadding="2" border="0">
                    <tr>
                        <td align="center" valign="top" nowrap="nowrap"><span class="mainmenu">&nbsp;<a href="{U_FAQ}" class="mainmenu"><img src="http://img7.xooimage.com/files/i/c/icon_mini_faq-35de8.gif" width="13" 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://img10.xooimage.com/files/i/c/icon_mini_search-35de9.gif" width="13" 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-35dea.gif" width="13" height="13" border="0" alt="{L_MEMBERLIST}" hspace="3" />{L_MEMBERLIST}</a>&nbsp; &nbsp;<a href="{U_GROUP_CP}" class="mainmenu"><img src="http://img7.xooimage.com/files/i/c/icon_mini_groups-35deb.gif" width="13" 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://img7.xooimage.com/files/i/c/icon_mini_register-35dec.gif" width="13" 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-35ded.gif" width="13" height="13" border="0" alt="{L_PROFILE}" hspace="3" />{L_PROFILE}</a>&nbsp; &nbsp;<a href="{U_PRIVATEMSGS}" class="mainmenu"><img src="http://img2.xooimage.com/files/i/c/icon_mini_message-35dee.gif" width="13" 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://img10.xooimage.com/files/i/c/icon_mini_login-35def.gif" width="13" height="13" border="0" alt="{L_LOGIN_LOGOUT}" hspace="3" />{L_LOGIN_LOGOUT}</a>&nbsp;</span></td>
                    </tr>
                </table></td>
            </tr>
        </table>

        <br />


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 14 Jun 2008 - 14:37    Post subject: [Tuto] Installer une image de fond Reply with quote

bonjour

meme principe que dans le premier post mais c'est dans ton template subsilber+ css
_______________________


Forum
Author Message
Kirisaki


Offline
Guest




PostPosted: Sat 14 Jun 2008 - 14:42    Post subject: [Tuto] Installer une image de fond Reply with quote

ah les viles ils avaient planqué le truc lol

Merci maintenant que j'ai trouvé ou c'etait je vais y arriver je pense ^^


Author Message
Firebird


Offline
Guest




PostPosted: Sat 14 Jun 2008 - 19:40    Post subject: [Tuto] Installer une image de fond Reply with quote

JE n'ai pas eu le courage de lire les 104 pages donc
je pose quand même ma question...

La photo qui sera mise en fond sera statique? ou pas?

peut-elle justement ne pas être statique?


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 14 Jun 2008 - 20:04    Post subject: [Tuto] Installer une image de fond Reply with quote

bonjour

en fait c'est toi qui choisi

si tu mets ça

background-attachment: fixed;

après le code de fonc tu auras ce que tu veux
_______________________


Forum
Author Message
Arlem2


Offline
Guest




PostPosted: Sat 14 Jun 2008 - 20:45    Post subject: [Tuto] Installer une image de fond Reply with quote

Quote:
Les options de répétitions

Code: Sélectionner - Agrandir

background-repeat: repeat;
l'image se répète horizontalement et verticalement
Code: Sélectionner - Agrandir

background-repeat: no-repeat;
l'image d'arrière-plan n'est affichée qu'une seule fois.
Code: Sélectionner - Agrandir

background-repeat: repeat-y;
l'image d'arrière-plan ne se répète que verticalement.
Code: Sélectionner - Agrandir

background-repeat: repeat-x;
l'image d'arrière-plan ne se répète que horizontalement.

Code: Sélectionner - Agrandir

background-attachment: fixed;
permet d'avoir le fond d'écran fixe


Author Message
Cedhann


Offline
Guest




PostPosted: Sun 15 Jun 2008 - 21:29    Post subject: [Tuto] Installer une image de fond Reply with quote

Bonjour

Comment dois je faire pour que cette image est la taille adéquate pour mettre la mettre en pleine page comme fond d ecran sur mon forum ?
J'aimerais aussi supprimer les côtés gauche et droite de la photo car il y a des barres verticales qui gachent tout.

J'ai essayé avec paint en faisant une séléction pour couper les bouts que je voulais enlever mais après les bords deviennent blancs. Je suis pas très doué pour les retouches photos. Quoi qu'il en soit, même en insérant la photo comme elle est, la photo ne couvre pas tout mon forum (il manque un peu en bas et pas mal sur la droite)

j espère que vous pourrez m aidez.

Voici la photo


mon fofo : http://jam-project-france.fansforum.info


Author Message
!N5OMN!@K33
Membre


Offline
Membre

Joined: 31 May 2007
Posts: 36
Niveau:
Point(s): 36
Moyenne: 1.00
Windows 8 ou 10 Chrome (ou l'un de ses dérivés : Chromium/Iron/...) Masculin

PostPosted: Mon 16 Jun 2008 - 07:01    Post subject: [Tuto] Installer une image de fond Reply with quote

J'm'occupe de voir pour ton code mais sur quel thème travaille tu ?

Déjà voici l'image sans les bords Wink



EDIT : J'viens d'aller voir ton forum tu as réussis à mettre l'image en fond il me semble ?
_______________________
inforumatik.com
Un petit blog, une grande passion !
http://www.inforumatik.com (Forum)
Toute demande de support ou publicité par MP sera automatiquement supprimée !


Forum
Author Message
Firebird


Offline
Guest




PostPosted: Mon 16 Jun 2008 - 10:20    Post subject: [Tuto] Installer une image de fond Reply with quote

@ themalin & Arlem2


Merci beaucoup Smile je m'en vais tester ça tout de suite Smile


AHH
zut !!!

J'ai le thème Mylmusic !!
Comment je peux faire? Je n'ai pas trouvé le code indiqué (premier post du tuto) dans overall header


Author Message
Arlem2


Offline
Guest




PostPosted: Mon 16 Jun 2008 - 10:37    Post subject: [Tuto] Installer une image de fond Reply with quote

Pour le thème Mylmusic :

1) Panneau d'administration => Onglet thème => Modifier les images => Modifier l'image bgd01 par votre fond de forum.
2) Panneau d'administration => Onglet thème => Modifier les temapltes => Ouvrir le template mylmusic.css.

Chercher :
Code: Sélectionner - Agrandir
background-image : url('http://img2.xooimage.com/files/b/g/bgd01-345ea.gif');
margin : 10px;


Remplacer par :
Code: Sélectionner - Agrandir
background-image : url('http://img2.xooimage.com/files/b/g/bgd01-345ea.gif');
background-repeat: repeat-y;
background-attachment: fixed;
margin : 10px;


On peut bien sur modifier les attributs de l'image de fond comme précisé en première page.

(Je n'ai pas testé mais ça devrait être ça).


Author Message
Firebird


Offline
Guest




PostPosted: Mon 16 Jun 2008 - 10:42    Post subject: [Tuto] Installer une image de fond Reply with quote

Ok je vias tester et je te dis Smile
merci encore de cette réponse rapide Smile


Author Message
Cedhann


Offline
Guest




PostPosted: Mon 16 Jun 2008 - 10:44    Post subject: [Tuto] Installer une image de fond Reply with quote

Oki, merci pour la photo retouchée Smile .

J'ai réussi partiellement à la poser en fond d'écran. Le problème c'est qu'il manque un peu en bas, de plus cela donne pas la même chose quand je suis sur mon ordinateur portable et quand je suis sur le fixe.

J'ai utilisé la photo que tu as retouché et c'est revenu comme avant (j'avais réussi à remplir le côté droit juste après avoir posté) il y a toujours du vide en bas (sur 10cm environ) et la photo ne rempli plus le côté droit (sur 20cm env).

Je comprends pas trop ce qui se passe. Je pense qu'il faut une certaine valeur en pixel pour que la photo remplisse tout le fond d'écran. L'originale c'est celle ci et elle fait normalement 1826X1392 mais c'est pas suffisant. La photo que tu as retouchée fait 915X780 (c'est encore moins suffisant) Razz . Il faudrait donc savoir quelle taille il faut et comment la mettre à cette taille.

Je suis largué...

E tout cas, merci pour tout Very Happy


Author Message
Arlem2


Offline
Guest




PostPosted: Mon 16 Jun 2008 - 10:52    Post subject: [Tuto] Installer une image de fond Reply with quote

En fait, tout va dépendre de la taille et de la résolution de l'écran de l'utilisateur.
Donc si tu prends trop court, ceux qui ont un grand écran auront une bande noire, et si tu prends trop large, ceux qui ont un écran petit risquent d'avoir une page déformée.
Le mieux serait que tu répètes l'image de sorte a avoir tout le fond avec la même image, mais le rendu ne sera pas aussi bien qu'avec une seule fois l'image.


Author Message
Contenu Sponsorisé





PostPosted: Today at 14:06    Post subject: [Tuto] Installer une image de fond

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