Image background responsive - Version imprimable
+- Forum CMS Made Simple FR (https://forum.cmsmadesimple.fr)
+-- Forum : Général (https://forum.cmsmadesimple.fr/forum-3.html)
+--- Forum : Graphisme (https://forum.cmsmadesimple.fr/forum-9.html)
+--- Sujet : Image background responsive (/thread-3182.html)
+- Forum CMS Made Simple FR (https://forum.cmsmadesimple.fr)
+-- Forum : Général (https://forum.cmsmadesimple.fr/forum-3.html)
+--- Forum : Graphisme (https://forum.cmsmadesimple.fr/forum-9.html)
+--- Sujet : Image background responsive (/thread-3182.html)
Image background responsive - jcpapa - 18/04/2014
Citation :#~~~~~ DEBUT BLOC A NE PAS SUPPRIMER ~~~~~
#~ Version du CMS: !1.11.9
#~ Url du site : http://www.h-graffiti.fr/cmsmadesimple/
#~ Hébergeur / Soft : OVH
#~ Informations Système :
#~ ----------------------------------------------
#~ Cms Version: 1.11.9
#~ Installed Modules:
#~ CMSMailer: 5.2.2
#~ CMSPrinting: 1.0.5
#~ FileManager: 1.4.3
#~ MenuManager: 1.8.6
#~ MicroTiny: 1.2.5
#~ ModuleManager: 1.5.5
#~ News: 2.14.1
#~ Search: 1.7.11
#~ ThemeManager: 1.1.8
#~ CGExtensions: 1.38.5
#~ CGSmartImage: 1.16
#~ Gallery: 1.6.1
#~ Captcha: 0.4.6
#~ FormBuilder: 0.7.3
#~ CGJobMgr: 1.3.1
#~ NMS: 2.8.2
#~ CGSimpleSmarty: 1.7.2
#~ Config Information:
#~ php_memory_limit:
#~ process_whole_template:
#~ max_upload_size: 64000000
#~ url_rewriting: none
#~ page_extension:
#~ query_var: page
#~ image_manipulation_prog: GD
#~ auto_alias_content: true
#~ locale: fr_FR.utf8
#~ default_encoding: utf-8
#~ admin_encoding: utf-8
#~ set_names: true
#~ Php Information:
#~ phpversion: 5.3.16
#~ md5_function: On (Vrai)
#~ gd_version: 2
#~ tempnam_function: On (Vrai)
#~ magic_quotes_runtime: Off (Faux)
#~ E_STRICT: 0
#~ E_DEPRECATED: 8192
#~ memory_limit: 128M
#~ max_execution_time: 120
#~ output_buffering: 4096
#~ safe_mode: Off (Faux)
#~ file_uploads: On (Vrai)
#~ post_max_size: 64M
#~ upload_max_filesize: 64M
#~ session_save_path: /tmp (1777)
#~ session_use_cookies: On (Vrai)
#~ xml_function: On (Vrai)
#~ xmlreader_class: On (Vrai)
#~ Server Information:
#~ Server Api: cgi-fcgi
#~ Server Db Type: MySQL (mysqli)
#~ Server Db Version: 5.1.73
#~ Server Db Grants: Impossible de trouver un privilège "GRANT ALL". Cela peut signifier que vous pourriez avoir des problèmes pour installer ou retirer des modules, ou encore l 'ajout et la suppression d'éléments, y compris les pages.
#~ Server Time Diff: Aucune différence de date du système de fichiers trouvées
#~ ----------------------------------------------
#~~~~~ FIN BLOC A NE PAS SUPPRIMER ~~~~~
Bonjour à tous,
Mise à part le fait que je n'ai toujours pas fait la mise à jour de mon système...
Pour l'instant tout marche impeccable sur mes pages mais je voudrais affiner un peu...
Voilà, pour la page d'accueil au moins, j'aimerais assez obtenir deux choses.
Premièrement, je trouve que le carrousel est très moche.
Je préférerais que l'image occupe toute la taille de celui-ci et que le texte soit en surimpression sur l'image...
Mais là, évidemment ça va me transformer d'autant l'image correspondante dans les news... !
N'y a-t-il pas moyen de rendre indépendantes l'image qui apparaît dans le carrousel du haut et l'image qui s'affiche en vignette dans les news et la page d'actualité... ?
Deuxièmement, je cheche (mais j'ai pas trouvé) le moyen de mettre une image en background total et "responsive" derrière le "row"...
Est-ce possible ou bien est-ce que c'est une idiotie ?
Je vois certains site qui ont ce genre de trucs totalement bluffant...
Voici deux images montées de ce que j'aimerais obtenir dans un premier temps :
Montage 1
Montage 2
Et en plus que tout ça fonctionne en responsive dans mon gabarit Foundation... !
C'est beaucoup demandé, non ?!?
Image background responsive - jissey - 20/04/2014
Bonjour,
jcpapa a écrit :C'est beaucoup demandé, non ?!?et bien en effet : oui, c'est beaucoup demander!
C'est du CSS et il n'y a pas trop de rapport avec CMSMS proprement dit.
Tu peux chercher par ici
Image background responsive - jcpapa - 03/05/2014
Bonjour Jissey,
Je te remercie pour cette réponse...
ça m'a fait découvrir : www.laissemoichercherca.com que je ne connaissais pas.
En revanche, cela ne m'aide pas du tout car, évidemment... avant de poser une question sur ce forum, je fais au préalable mes recherches sur Google et je n'y ai pas trouvé de réponse correspondante à mon problème.
Merci quand même !!!
Image background responsive - jissey - 03/05/2014
Bonjour,
à part le côté "joke", il y a quand même dans les résultats de la recherche des liens intéressants non?
Pour le carousel, fotorama est assez simple et configurable pour y mettre du texte en premier plan.
Tu peux aussi intégrer des templates utilisants des framework CSS comme Knacss, SASS ou Bootstrap.
Perso, j'aime assez ce qu'il y a chez wrapBootstrap.
C'est toute l'aide que je pourrai t'apporter ici car encore une fois, il n'y a pas de lien à proprement parlé avec une problématique CMSMS.
Image background responsive - jcpapa - 03/05/2014
Merci...
ça me fait déjà des pistes et c'est très important...
C'est très sympa...
Je donnerai des nouvelles
Bonne journée
Image background responsive - jcpapa - 06/05/2014
Bonjour,
Bon, finalement... je suis allé sur les liens indiqués...
Merci, mais je crois que ceci suppose que je change mon template !?
Pour l'instant j'ai construit mon site avec Foundation et ça me convient vraiment bien.
Je cherche juste à améliorer et aménager le look un peu austère à mon goût.
Je crains qu'avec Bootstrap ou autre, je ne sois obligé de tout remettre en cause...
Non ?
Merci pour votre collaboration.
Image background responsive - olo - 22/05/2014
Salut,
pour les background, il y a plusieurs solutions, pures css ou jquery.
Par exemple avec background-size:cover , tu trouveras toutes les infos la-dessus chez alsacréation :
http://www.alsacreations.com/astuce/lire/1216-arriere-plan-background-extensible.html
sinon, il y a pas mal de plugins jquery qui proposent des trucs sympa, genre supersized :
site supersized
Ce ne sont que des pistes, mais rien d'insurmontable à intégrer.
Bon courage !
P.S. : supersized peut aussi servir pour un diaporama, au prix de quelques modifs pour le faire fonctionner dans une div plutôt que sur le body de ta page.
Image background responsive - jcpapa - 23/05/2014
Wah! super bonne piste !
Je vais potasser tout ça...
Merci beaucoup à OLO