La date/heure actuelle est Ven 20 Oct 2017 - 09:03 - 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, 3103, 104, 105266, 267, 268  >

[Tuto] Installer une image de fond
Auteur Message
themalin


Inscrit le: 19 Avr 2006
Messages: 8 897

MessagePosté le: Jeu 12 Juin 2008 - 11:06    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

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
Auteur Message
Kirisaki


Hors ligne
Invité




MessagePosté le: Jeu 12 Juin 2008 - 11:12    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

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


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 12 Juin 2008 - 11:19    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

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
Auteur Message
Kirisaki


Hors ligne
Invité




MessagePosté le: Sam 14 Juin 2008 - 14:31    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

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 />


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: Sam 14 Juin 2008 - 14:37    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

bonjour

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


Forum
Auteur Message
Kirisaki


Hors ligne
Invité




MessagePosté le: Sam 14 Juin 2008 - 14:42    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

ah les viles ils avaient planqué le truc lol

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


Auteur Message
Firebird


Hors ligne
Invité




MessagePosté le: Sam 14 Juin 2008 - 19:40    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

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?


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: Sam 14 Juin 2008 - 20:04    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

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
Auteur Message
Arlem2


Hors ligne
Invité




MessagePosté le: Sam 14 Juin 2008 - 20:45    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

Citation:
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


Auteur Message
Cedhann


Hors ligne
Invité




MessagePosté le: Dim 15 Juin 2008 - 21:29    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

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


Auteur Message
!N5OMN!@K33
Membre


Hors ligne
Membre

Inscrit le: 31 Mai 2007
Messages: 36
Niveau:
Point(s): 36
Moyenne: 1,00
Windows 8 ou 10 Chrome (ou l'un de ses dérivés : Chromium/Iron/...) Masculin

MessagePosté le: Lun 16 Juin 2008 - 07:01    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

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
Auteur Message
Firebird


Hors ligne
Invité




MessagePosté le: Lun 16 Juin 2008 - 10:20    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

@ 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


Auteur Message
Arlem2


Hors ligne
Invité




MessagePosté le: Lun 16 Juin 2008 - 10:37    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

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).


Auteur Message
Firebird


Hors ligne
Invité




MessagePosté le: Lun 16 Juin 2008 - 10:42    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

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


Auteur Message
Cedhann


Hors ligne
Invité




MessagePosté le: Lun 16 Juin 2008 - 10:44    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

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


Auteur Message
Arlem2


Hors ligne
Invité




MessagePosté le: Lun 16 Juin 2008 - 10:52    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

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.


Auteur Message
Contenu Sponsorisé





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

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