logo maximenuck 64Maximenu CK

Maximenu CK is a Joomla megamenu dropdown with nice effects.

logo slideshowck 64Slideshow CK

Slideshow CK, nice effect with this slideshow responsive design.

logo accordeonmenuck joomlaAccordeon Menu CK

Accordeon menu CK is a joomla accordion menu with mootools effects.

logo template creator joomlaTemplate Creator CK

Template Creator CK is a tool to create your own Joomla! templates.

Welcome, Guest
Username: Password: Remember me
  • Page:
  • 1
  • 2

TOPIC: Template avec photos sur toute la largeur

Template avec photos sur toute la largeur 02 Jun 2017 20:26 #42595

  • Merou63
  • Merou63's Avatar
  • OFFLINE
  • Fresh Boarder
  • Posts: 18
  • Karma: 0
Bonjour Ced,

Je dois réaliser un site donc le look devrait s'inspirer de ceci : fr.wix.com/website-template/view/html/70...e=&galleryDocIndex=3

Mon idée est de :
- Dans Template creator CK : wrapper en pleine largeur mais alors comment centrer un "maincontent" moins large ?
j'ai finalement laissé le maincontent sans lui spécifier une largeur et m'occuper des espaces ensuite avec Page Builder.
- puis d'utiliser Page Builder CK pour créer des blocs avec un bloc vide à droite

Voici le résultat : socami.be/joomlatest/

Plusieurs problèmes/questions :
- le bloc à droite prend trop de place lorsqu'on rétréci la fenêtre du navigateur : je voudrais que le texte reste aligné à la verticale du côté droit du header
- j'ai un espace en dessous du 1er bloc à gauche : le fond blanc semi transparent ne descend pas jusqu'en dessous : j'ai mis des <p> pour allonger le bloc texte mais en réalité c'est tout le bloc que je voudrais colorer (m'évitant ainsi les <p>)
-je vois également un espace entre les 2 colonnes, est-il réglable ?

Bref, j'ai vraiment l'impression de ne pas utiliser les bonnes solutions...
Merci de me donner un petit coup de pouce...

Marc.
Marc.
The administrator has disabled public write access.

Template avec photos sur toute la largeur 03 Jun 2017 07:45 #42610

  • ced1870
  • ced1870's Avatar
  • NOW ONLINE
  • Administrateur
  • Posts: 17491
  • Thank you received: 2232
  • Karma: 389
Salut
tout simplement tu ajoutes un nouveau wrapper, et dans la barre d'outil tu as une icone "pleine largeur" qu'il suffit de cliquer
le reste du site restera de la largeur prévue dans les paramètres sauf si tu passes tous les conteneurs en pleine largeur
CEd
Joomlack Webmaster and Developer
The administrator has disabled public write access.
The following user(s) said Thank You: Merou63

Template avec photos sur toute la largeur 03 Jun 2017 09:43 #42617

  • Merou63
  • Merou63's Avatar
  • OFFLINE
  • Fresh Boarder
  • Posts: 18
  • Karma: 0
Salut Ced,

Merci pour ta réponse rapide.

Le wrapper qui englobe le "maincontent" est déjà en pleine largeur.

Dis-moi si je me trompe :
- comme dans l'objectif les images de fond d'article occupent toute la largeur de l'écran, il faut que le maincontent soit en pleine largeur
- la répartition des blocs de texte et la largeur occupée par le texte doit se régler dans des <div> donc avec PageBuilderCK (peut-être devrais-je réouvrir un autre post sur le forum de PageBuilderCK ?)

Enfin sur PageBuilderCK :
- Est ce que pour la largeur du premier bloc il y aurait moyen de mettre qqc comme "calc(((100%-1000px)/2)+1000px)" (si la largeur utile pour les blocs de texte est de 1000px ?

Déjà merci pour ton aide.

Marc.
Marc.
The administrator has disabled public write access.

Template avec photos sur toute la largeur 03 Jun 2017 16:50 #42624

  • ced1870
  • ced1870's Avatar
  • NOW ONLINE
  • Administrateur
  • Posts: 17491
  • Thank you received: 2232
  • Karma: 389
comme dans l'objectif les images de fond d'article occupent toute la largeur de l'écran, il faut que le maincontent soit en pleine largeur
non. Tu peux mettre un conteneur et mettre une image sur le fond de page de ce conteneur sans modifier sa largeur
la répartition des blocs de texte et la largeur occupée par le texte doit se régler dans des <div> donc avec PageBuilderCK (peut-être devrais-je réouvrir un autre post sur le forum de PageBuilderCK ?)
tu définir des colonnes dans le template pour publier différents mmodules, ou une seule position et créer les colonnes avec pagebuilder
ça c'est toi qui voit
Joomlack Webmaster and Developer
The administrator has disabled public write access.
The following user(s) said Thank You: Merou63

Template avec photos sur toute la largeur 05 Jun 2017 10:07 #42652

  • Merou63
  • Merou63's Avatar
  • OFFLINE
  • Fresh Boarder
  • Posts: 18
  • Karma: 0
Merci Ced encore une fois pour ta réponse.

Je pense m'être mal exprimé :
- Il s'agit d'images de fond d'article
- Dans l'article il y a plusieurs "bandes" chacune avec une image différente en fond
- l'image prend toute la largeur mais le texte de l'article est occupe seulement une zone centrale
- bref comme l'exemple Wix que j'ai référencé dans mon premier message

Comme finalement c'est une présentation qui est "à la mode", je me dis que cela doit être possible (puisque d'autres le font) mais moi, je sèche !!! Help !!!

Voilà, j'espère avoir été plus clair cette fois.
Merci de m'avoir lu et merci d'avance pour vos aides.

Marc.
Marc.
The administrator has disabled public write access.

Template avec photos sur toute la largeur 05 Jun 2017 12:45 #42656

  • ced1870
  • ced1870's Avatar
  • NOW ONLINE
  • Administrateur
  • Posts: 17491
  • Thank you received: 2232
  • Karma: 389
ok, donc si je comprends tu veux faire un truc comme dans cette demo:
corporate1.demo.template-creator.com/

si oui alors tu peux télécharger le gabarit sur themes-ck.com

dans ce que tu me dis et qui me bloque un peu c'est
"Dans l'article il y a plusieurs "bandes" chacune avec une image différente en fond"
>> tu es sur que c'est DANS l'article ? pour moi l'article n'est qu'une partie, le reste est fait à partir de modules html par exemple, chaque bande contenant un ou plusieurs modules

maintenant si tu veux que tout soit dans un article, alors c'est clair que c'est page builder qui doit faire le job, et il a une fonction pour donner une pleine largeur aux rangées si besoin
Joomlack Webmaster and Developer
The administrator has disabled public write access.
The following user(s) said Thank You: Merou63

Template avec photos sur toute la largeur 05 Jun 2017 19:49 #42667

  • Merou63
  • Merou63's Avatar
  • OFFLINE
  • Fresh Boarder
  • Posts: 18
  • Karma: 0
ok, donc si je comprends tu veux faire un truc comme dans cette demo:
corporate1.demo.template-creator.com/
OUI !!! C'est exactement cela !

Par ailleurs j'ai fais un petit test ici : socami.be/test/test1.html
Dont voici le code :
<body>
<div style="height: 400px; margin: 0; padding: 0; background: url(../joomlatest/images/billionphotos-348854.jpg) center; background-size: cover;">
<div style="float: left; height: 400px; width: calc( ( 100% - 700px ) / 2 ); background-color: rgba(255, 255, 255, 0.35);"><br></div>
<div style="float: left; height: 400px; width: 100px; background-color: rgba(255, 255, 255, 0.35);">
<h1>test</h1>
</div>
<div style="float: left; width: 600px;">
<p>Lorem ipsum ... laborum.</p>
</div>
<div style="float: left; width: calc( ( 100% - 700px ) / 2 );"><br></div>
<div style="clear: both"> </div>
</div>
<div style="height: 200px; margin: 0; padding: 0; background: url(../joomlatest/images/billionphotos-348854.jpg) center; background-size: cover;">
<div style="float: left; height: 200px; width: calc( ( 100% - 700px ) / 2 );"><br></div>
<div style="float: left; height: 200px; width: 100px;">
<h1>test</h1>
</div>
<div style="float: left; padding-left: 20px; height: 200px; width: 600px; background-color: rgba(255, 255, 255, 0.35);">
<p>Lorem ipsum ... laborum.</p>
</div>
<div style="float: left; height: 200px; width: calc( ( 100% - 740px ) / 2 ); background-color: rgba(255, 255, 255, 0.35);"><br></div>
<div style="clear: both"> </div>
</div>
</body>

Est-ce qu'il y a moyen d'arriver à la même chose avec PageBuilder ?
Évidemment plus simplement qu'en codant à la main...

Encore merci !
Marc.
Marc.
The administrator has disabled public write access.

Template avec photos sur toute la largeur 06 Jun 2017 08:46 #42684

  • ced1870
  • ced1870's Avatar
  • NOW ONLINE
  • Administrateur
  • Posts: 17491
  • Thank you received: 2232
  • Karma: 389
OUI !!! C'est exactement cela !
alors tu peux télécharger le gabarit et l'installer dans template creator pour voir

et dans page builder oui tu peux créer des rangées et des blocs et mettre une image de fond sur la rangée (ou alors sur la zone dans le template et y charger ensuite un module pagebuilder))
c'est à toi de voir, en fonction de comment tu veux gérer
Joomlack Webmaster and Developer
The administrator has disabled public write access.
The following user(s) said Thank You: Merou63

Template avec photos sur toute la largeur 06 Jun 2017 09:08 #42686

  • Merou63
  • Merou63's Avatar
  • OFFLINE
  • Fresh Boarder
  • Posts: 18
  • Karma: 0
Merci !
J'ai déjà téléchargé et suis occupé à faire qq essais.
Je n'avais pas perçu le fait de réaliser les "bandes" par une série de wrapper dans le template et donc autant de position pour des modules.
Mon idée au départ était de tout mettre en articles dans le maincontent et donc de reporter une partie de la mise en page dans l'article.

Si tu veux bien, dis moi, à ton avis, quels sont les avantages / inconvénients de travailler avec une série de position + module ou de travailler avec des articles.

Déjà merci,
Marc.
Marc.
The administrator has disabled public write access.

Template avec photos sur toute la largeur 06 Jun 2017 09:14 #42688

  • ced1870
  • ced1870's Avatar
  • NOW ONLINE
  • Administrateur
  • Posts: 17491
  • Thank you received: 2232
  • Karma: 389
pour moi l'avantage de faire dans l'article c'est si ton contenu varie. Exemple sur une page, une bande avec 2 images et autres (par exemple), sur une autre page uniquement une google map, etc.
Comme ça tu gères le contenu dans les articles

sinon si tu veux toujours avoir ta bande avec tes 2 images sur toutes les pages (ou plusieurs pages avec le meme contenu), alors tu le définis plutot dans le template et tu assignes tes modules

j'espère que c'est plus clair :)
Joomlack Webmaster and Developer
The administrator has disabled public write access.
The following user(s) said Thank You: Merou63
  • Page:
  • 1
  • 2
Time to create page: 0.232 seconds
Powered by Kunena Forum

Mentions légales

Site made by Cédric KEIFLIN

Privacy policy

Copyright © 2010 - 2015

http://forum.joomlack.fr is not affiliated with or endorsed by the Joomla! Project or Open Source Matters. The Joomla!® name and logo is used under a limited license granted by Open Source Matters the trademark holder in the United States and other countries.

Qui est en ligne

We have 108 guests and 2 members online