La date/heure actuelle est Mer 18 Oct 2017 - 11:19 - créer un forum

Tutoriel : Fond de page personnalisé.

Aller au contenu

Poster un nouveau sujet Répondre au sujet Aller à la page: <  1, 2, 3, 4

Tutoriel : Fond de page personnalisé.
Auteur Message
le_tcho


Inscrit le: 10 Déc 2008
Messages: 83

MessagePosté le: Lun 8 Sep 2014 - 23:13    Sujet du message: Tutoriel : Fond de page personnalisé. Répondre en citant

PublicitéSupprimer les publicités ?
Revue du message précédent :

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


Hors ligne
Contributeurs

Inscrit le: 30 Mar 2009
Messages: 444
Niveau:
Point(s): 540
Moyenne: 1,22
Windows 8 ou 10 Chrome (ou l'un de ses dérivés : Chromium/Iron/...) Masculin

MessagePosté le: Lun 8 Sep 2014 - 23:15    Sujet du message: Tutoriel : Fond de page personnalisé. Répondre en citant

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
Auteur Message
le_tcho
Membre


Hors ligne
Membre

Inscrit le: 10 Déc 2008
Messages: 83
Point(s): 83
Moyenne: 1,00

MessagePosté le: Lun 8 Sep 2014 - 23:21    Sujet du message: Tutoriel : Fond de page personnalisé. Répondre en citant

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

Forum
Auteur Message
Kyosuke
Contributeurs


Hors ligne
Contributeurs

Inscrit le: 30 Mar 2009
Messages: 444
Niveau:
Point(s): 540
Moyenne: 1,22
Windows 8 ou 10 Chrome (ou l'un de ses dérivés : Chromium/Iron/...) Masculin

MessagePosté le: Lun 8 Sep 2014 - 23:31    Sujet du message: Tutoriel : Fond de page personnalisé. Répondre en citant

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
Auteur Message
le_tcho
Membre


Hors ligne
Membre

Inscrit le: 10 Déc 2008
Messages: 83
Point(s): 83
Moyenne: 1,00

MessagePosté le: Lun 8 Sep 2014 - 23:36    Sujet du message: Tutoriel : Fond de page personnalisé. Répondre en citant

Kyosuke a écrit:


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
Auteur Message
Kyosuke
Contributeurs


Hors ligne
Contributeurs

Inscrit le: 30 Mar 2009
Messages: 444
Niveau:
Point(s): 540
Moyenne: 1,22
Windows 8 ou 10 Chrome (ou l'un de ses dérivés : Chromium/Iron/...) Masculin

MessagePosté le: Lun 8 Sep 2014 - 23:39    Sujet du message: Tutoriel : Fond de page personnalisé. Répondre en citant

Avec plaisir. Smile
_______________________


Forum
Auteur Message
le_tcho
Membre


Hors ligne
Membre

Inscrit le: 10 Déc 2008
Messages: 83
Point(s): 83
Moyenne: 1,00

MessagePosté le: Lun 8 Sep 2014 - 23:42    Sujet du message: Tutoriel : Fond de page personnalisé. Répondre en citant

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

Dernière édition par le_tcho le Mer 10 Sep 2014 - 09:43; édité 1 fois
Forum
Auteur Message
le_tcho
Membre


Hors ligne
Membre

Inscrit le: 10 Déc 2008
Messages: 83
Point(s): 83
Moyenne: 1,00

MessagePosté le: Mar 9 Sep 2014 - 09:47    Sujet du message: Tutoriel : Fond de page personnalisé. Répondre en citant

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
Auteur Message
Kyosuke
Contributeurs


Hors ligne
Contributeurs

Inscrit le: 30 Mar 2009
Messages: 444
Niveau:
Point(s): 540
Moyenne: 1,22
Windows 8 ou 10 Chrome (ou l'un de ses dérivés : Chromium/Iron/...) Masculin

MessagePosté le: Jeu 11 Sep 2014 - 03:27    Sujet du message: Tutoriel : Fond de page personnalisé. Répondre en citant

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
Auteur Message
le_tcho
Membre


Hors ligne
Membre

Inscrit le: 10 Déc 2008
Messages: 83
Point(s): 83
Moyenne: 1,00

MessagePosté le: Jeu 11 Sep 2014 - 10:04    Sujet du message: Tutoriel : Fond de page personnalisé. Répondre en citant

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
Auteur Message
Cinfonie
Membre


Hors ligne
Membre

Inscrit le: 29 Avr 2014
Messages: 199
Point(s): 201
Moyenne: 1,01
Windows Vista ou 7 Internet Explorer Féminin Poissons (20fev-20mar) 馬 Cheval

MessagePosté le: Sam 22 Nov 2014 - 02:03    Sujet du message: Tutoriel : Fond de page personnalisé. Répondre en citant

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
Auteur Message
kieffer
Membre


Hors ligne
Membre

Inscrit le: 12 Nov 2009
Messages: 412
Niveau:
Point(s): 397
Moyenne: 0,96
Mac Chrome (ou l'un de ses dérivés : Chromium/Iron/...) Masculin Gémeaux (21mai-20juin)

MessagePosté le: Dim 7 Déc 2014 - 00:21    Sujet du message: Tutoriel : Fond de page personnalisé. Répondre en citant

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
Auteur Message
Cinfonie
Membre


Hors ligne
Membre

Inscrit le: 29 Avr 2014
Messages: 199
Point(s): 201
Moyenne: 1,01
Windows Vista ou 7 Internet Explorer Féminin Poissons (20fev-20mar) 馬 Cheval

MessagePosté le: Lun 22 Déc 2014 - 23:49    Sujet du message: Tutoriel : Fond de page personnalisé. Répondre en citant

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
Auteur Message
kieffer
Membre


Hors ligne
Membre

Inscrit le: 12 Nov 2009
Messages: 412
Niveau:
Point(s): 397
Moyenne: 0,96
Mac Chrome (ou l'un de ses dérivés : Chromium/Iron/...) Masculin Gémeaux (21mai-20juin)

MessagePosté le: Mar 23 Déc 2014 - 00:23    Sujet du message: Tutoriel : Fond de page personnalisé. Répondre en citant

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
Auteur Message
Cinfonie
Membre


Hors ligne
Membre

Inscrit le: 29 Avr 2014
Messages: 199
Point(s): 201
Moyenne: 1,01
Windows Vista ou 7 Internet Explorer Féminin Poissons (20fev-20mar) 馬 Cheval

MessagePosté le: Mar 23 Déc 2014 - 01:10    Sujet du message: Tutoriel : Fond de page personnalisé. Répondre en citant

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
Auteur Message
Contenu Sponsorisé





MessagePosté le: Aujourd’hui à 11:19    Sujet du message: Tutoriel : Fond de page personnalisé.

Montrer les messages depuis:   
Répondre au sujet Page 4 sur 4 Aller à la page: <  1, 2, 3, 4




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