It is currently Sat 1 Oct 2016 - 05:10 - créer un forum

Tutoriel : Fond de page personnalisé.

Skip to content

Post new topic Reply to topic Goto page: <  1, 2, 3, 4

Tutoriel : Fond de page personnalisé.
Author Message
le_tcho


Joined: 10 Dec 2008
Posts: 83

PostPosted: Mon 8 Sep 2014 - 23:13    Post subject: Tutoriel : Fond de page personnalisé. Reply with quote

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

donc donc là c'est fait ...
du coup comment je fais pour redimensionner automatiquement l'image de fond ?
Forum
Author Message
Kyosuke
Contributeurs


Offline
Contributeurs

Joined: 30 Mar 2009
Posts: 438
Niveau:
Point(s): 534
Moyenne: 1.22
Windows 8 ou 10 Chrome (ou l'un de ses dérivés : Chromium/Iron/...) Masculin

PostPosted: Mon 8 Sep 2014 - 23:15    Post subject: Tutoriel : Fond de page personnalisé. Reply with quote

Apparemment, le script n'est pas installé sur ton forum : http://spsf.xooit.fr/

Il s'agit bien de l'adresse de ton forum ?
_______________________


Forum
Author Message
le_tcho
Membre


Offline
Membre

Joined: 10 Dec 2008
Posts: 83
Point(s): 83
Moyenne: 1.00

PostPosted: Mon 8 Sep 2014 - 23:21    Post subject: Tutoriel : Fond de page personnalisé. Reply with quote

http://entente-fym.soforums.com/

Forum
Author Message
Kyosuke
Contributeurs


Offline
Contributeurs

Joined: 30 Mar 2009
Posts: 438
Niveau:
Point(s): 534
Moyenne: 1.22
Windows 8 ou 10 Chrome (ou l'un de ses dérivés : Chromium/Iron/...) Masculin

PostPosted: Mon 8 Sep 2014 - 23:31    Post subject: Tutoriel : Fond de page personnalisé. Reply with quote

Donc, une fois que le script est installé et fonctionnel, il te suffit de chercher ceci dans le CSS de ton forum :

Code: Sélectionner - Agrandir
body { padding: 0 5px; }


et de remplacer par :

Code: Sélectionner - Agrandir
body { padding: 0 5px; background-size: cover;}


pour faire en sorte que l'image s'adapte à la résolution de l'écran.

Comme tu peux le constater, nous avons uniquement ajouté la propriété background-size (taille du fond en Anglais) avec la valeur cover (couvrir).

Grâce à cette propriété, l'image de fond va automatiquement être redimensionnée pour couvrir la totalité de la taille de la fenêtre du navigateur.

C'est pratique pour les grandes et moyennes images, mais pas pour les petites, car le fait de trop les agrandir les rend floues.
_______________________


Forum
Author Message
le_tcho
Membre


Offline
Membre

Joined: 10 Dec 2008
Posts: 83
Point(s): 83
Moyenne: 1.00

PostPosted: Mon 8 Sep 2014 - 23:36    Post subject: Tutoriel : Fond de page personnalisé. Reply with quote

Kyosuke wrote:


Code: Sélectionner - Agrandir
body { padding: 0 5px; }


et de remplacer par :

Code: Sélectionner - Agrandir
body { padding: 0 5px; background-size: cover;}





Tout bête mais super génial ..... merci pour tout ......


Forum
Author Message
Kyosuke
Contributeurs


Offline
Contributeurs

Joined: 30 Mar 2009
Posts: 438
Niveau:
Point(s): 534
Moyenne: 1.22
Windows 8 ou 10 Chrome (ou l'un de ses dérivés : Chromium/Iron/...) Masculin

PostPosted: Mon 8 Sep 2014 - 23:39    Post subject: Tutoriel : Fond de page personnalisé. Reply with quote

Avec plaisir. Smile
_______________________


Forum
Author Message
le_tcho
Membre


Offline
Membre

Joined: 10 Dec 2008
Posts: 83
Point(s): 83
Moyenne: 1.00

PostPosted: Mon 8 Sep 2014 - 23:42    Post subject: Tutoriel : Fond de page personnalisé. Reply with quote

Prochaine étape : avec 3/4 theme personnalisables ... tu crois qu'on peux aussi le faire via le profil ?

Last edited by le_tcho on Wed 10 Sep 2014 - 09:43; edited 1 time in total
Forum
Author Message
le_tcho
Membre


Offline
Membre

Joined: 10 Dec 2008
Posts: 83
Point(s): 83
Moyenne: 1.00

PostPosted: Tue 9 Sep 2014 - 09:47    Post subject: Tutoriel : Fond de page personnalisé. Reply with quote

Euh .... problème ... je pense que mon ordi ne stock pas les cookies car l'image se retire tous les jours ... faut que je la remette à chaque fois .... 

Forum
Author Message
Kyosuke
Contributeurs


Offline
Contributeurs

Joined: 30 Mar 2009
Posts: 438
Niveau:
Point(s): 534
Moyenne: 1.22
Windows 8 ou 10 Chrome (ou l'un de ses dérivés : Chromium/Iron/...) Masculin

PostPosted: Thu 11 Sep 2014 - 03:27    Post subject: Tutoriel : Fond de page personnalisé. Reply with quote

Les données ne sont pas enregistrées dans un cookie, elles sont stockées localement dans ton navigateur.

Enfin, c'est le même principe : on sauvegarde des préférences, sauf qu'ici, le fichier local n'a pas de durée de vie.

Il s'agit peut-être d'une extension ou d'un logiciel qui se charge de supprimer l'historique de ton navigateur.

Par exemple, la version payante de CCleaner supprime automatiquement les données de navigation lors de la fermeture du navigateur ... C'est une piste à creuser. Wink
_______________________


Forum
Author Message
le_tcho
Membre


Offline
Membre

Joined: 10 Dec 2008
Posts: 83
Point(s): 83
Moyenne: 1.00

PostPosted: Thu 11 Sep 2014 - 10:04    Post subject: Tutoriel : Fond de page personnalisé. Reply with quote

Ok beh du coup j'ai mis autre chose ... le tuto pour la sélection du fond et là çà marche et çà reste en place ... bizarre

Forum
Author Message
Cinfonie
Membre


Offline
Membre

Joined: 29 Apr 2014
Posts: 199
Point(s): 201
Moyenne: 1.01
Windows Vista ou 7 Internet Explorer Féminin Poissons (20fev-20mar) 馬 Cheval

PostPosted: Sat 22 Nov 2014 - 02:03    Post subject: Tutoriel : Fond de page personnalisé. Reply with quote

Bonsoir
Serait-il possible que dans le cadre où il faut glisser l'image soit inscrit entre parenthèses, le format que doit avoir l'image pour ne pas être déformée. Merci d'avance.


_______________________
http://forumami.clicforum.fr/index.php


Forum
Author Message
kieffer
Membre


Offline
Membre

Joined: 12 Nov 2009
Posts: 411
Niveau:
Point(s): 396
Moyenne: 0.96
Mac Chrome (ou l'un de ses dérivés : Chromium/Iron/...) Masculin Gémeaux (21mai-20juin)

PostPosted: Sun 7 Dec 2014 - 00:21    Post subject: Tutoriel : Fond de page personnalisé. Reply with quote

du coup pour mon forum

www.boulangersud.xooit.org installé teste validé
_______________________
Membre fondateur de Graphcode
Forum d'entraide gratuit graphisme et code multi-plateformes
Ressources photoshop et gimp gratuites



Forum
Author Message
Cinfonie
Membre


Offline
Membre

Joined: 29 Apr 2014
Posts: 199
Point(s): 201
Moyenne: 1.01
Windows Vista ou 7 Internet Explorer Féminin Poissons (20fev-20mar) 馬 Cheval

PostPosted: Mon 22 Dec 2014 - 23:49    Post subject: Tutoriel : Fond de page personnalisé. Reply with quote

Pourquoi le système ne fonctionne plus. Kyosuke, au secours. Je n'arrive plus à insérer un fond personnel sur ForumAmi.
_______________________
http://forumami.clicforum.fr/index.php


Forum
Author Message
kieffer
Membre


Offline
Membre

Joined: 12 Nov 2009
Posts: 411
Niveau:
Point(s): 396
Moyenne: 0.96
Mac Chrome (ou l'un de ses dérivés : Chromium/Iron/...) Masculin Gémeaux (21mai-20juin)

PostPosted: Tue 23 Dec 2014 - 00:23    Post subject: Tutoriel : Fond de page personnalisé. Reply with quote

bonsoir tu doit avoir un souci car chez moi cela fonctionne parfaitement
_______________________
Membre fondateur de Graphcode
Forum d'entraide gratuit graphisme et code multi-plateformes
Ressources photoshop et gimp gratuites



Forum
Author Message
Cinfonie
Membre


Offline
Membre

Joined: 29 Apr 2014
Posts: 199
Point(s): 201
Moyenne: 1.01
Windows Vista ou 7 Internet Explorer Féminin Poissons (20fev-20mar) 馬 Cheval

PostPosted: Tue 23 Dec 2014 - 01:10    Post subject: Tutoriel : Fond de page personnalisé. Reply with quote

Bonsoir kieffer. Oui, je suis sotte. En fait j'ai utilisé une image trop lourde et elle ne pouvait pas être insérée. Le problème avec le fond d'écran personnalisé c'est que cela ne te l'indique pas que tu t'es trompé (comme pour le changement de thème dans le panneau d'administration), du coup, j'ai paniqué.
Pardon. Tout est en ordre. Fausse alerte.
Bonne fin de soirée.
_______________________
http://forumami.clicforum.fr/index.php


Forum
Author Message
Contenu Sponsorisé





PostPosted: Today at 05:10    Post subject: Tutoriel : Fond de page personnalisé.

Display posts from previous:   
Reply to topic Page 4 of 4 Goto page: <  1, 2, 3, 4




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