travelI'm on Holidays until the 21 august.

The questions posted during this period will receive no answer, so please be patient and wait before posting in the forum. Thank you

New registrations are suspended during this period

Je suis en vacances jusqu'au 21 aout.

Je ne répondrai à aucune question postée durant cette période. Merci d'attendre mon retour. Merci

Les inscriptions sur le site sont suspendues pendant cette période

 

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 Topic Author
  • Offline
  • Fresh Boarder
  • Fresh Boarder
  • Posts: 18
  • Thank you received: 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.

Please Log in to join the conversation.

Marc.

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

  • ced1870
  • ced1870's Avatar
  • Offline
  • Administrateur
  • Administrateur
  • Posts: 17656
  • Karma: 391
  • Thank you received: 2263
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
The following user(s) said Thank You: Merou63

Please Log in to join the conversation.

Joomlack Webmaster and Developer

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

  • Merou63
  • Merou63's Avatar Topic Author
  • Offline
  • Fresh Boarder
  • Fresh Boarder
  • Posts: 18
  • Thank you received: 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.

Please Log in to join the conversation.

Marc.

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

  • ced1870
  • ced1870's Avatar
  • Offline
  • Administrateur
  • Administrateur
  • Posts: 17656
  • Karma: 391
  • Thank you received: 2263

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
The following user(s) said Thank You: Merou63

Please Log in to join the conversation.

Joomlack Webmaster and Developer

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

  • Merou63
  • Merou63's Avatar Topic Author
  • Offline
  • Fresh Boarder
  • Fresh Boarder
  • Posts: 18
  • Thank you received: 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.

Please Log in to join the conversation.

Marc.

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

  • ced1870
  • ced1870's Avatar
  • Offline
  • Administrateur
  • Administrateur
  • Posts: 17656
  • Karma: 391
  • Thank you received: 2263
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
The following user(s) said Thank You: Merou63

Please Log in to join the conversation.

Joomlack Webmaster and Developer

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

  • Merou63
  • Merou63's Avatar Topic Author
  • Offline
  • Fresh Boarder
  • Fresh Boarder
  • Posts: 18
  • Thank you received: 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.

Please Log in to join the conversation.

Marc.

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

  • ced1870
  • ced1870's Avatar
  • Offline
  • Administrateur
  • Administrateur
  • Posts: 17656
  • Karma: 391
  • Thank you received: 2263

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
The following user(s) said Thank You: Merou63

Please Log in to join the conversation.

Joomlack Webmaster and Developer

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

  • Merou63
  • Merou63's Avatar Topic Author
  • Offline
  • Fresh Boarder
  • Fresh Boarder
  • Posts: 18
  • Thank you received: 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.

Please Log in to join the conversation.

Marc.

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

  • ced1870
  • ced1870's Avatar
  • Offline
  • Administrateur
  • Administrateur
  • Posts: 17656
  • Karma: 391
  • Thank you received: 2263
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 :)
The following user(s) said Thank You: Merou63

Please Log in to join the conversation.

Joomlack Webmaster and Developer
  • Page:
  • 1
  • 2
Time to create page: 0.385 seconds

Fast and powerful creation, customizable and responsive.

Read More

Qui est en ligne

We have 319 guests and no members online