bg-slideshow

Cosmic
Auteur du sujet
Hors Ligne
Membre senior

Plus d'informations

il y a 11 mois 5 jours #2286 par Cosmic

bg-slideshow a été créé par Cosmic

Salut
sur cette page ([url] j5.smilecollector.photos/fr/ [/url]), j'utilise bg-slideshow mais la hauteur semble figée sur le texte...

Code:

<section id="slideshow">
<p>{up bg-slideshow=images/img/SlideshowCK | mobile=images/gal/2023/f2f/20230305natascha/GREENCOLORORIEL/smlcol_20230305_143532_5-137.jpg | transition=blur| js-options=shuffle:true}</p>
<p class="marley2 homequote"><img src="images/img/illustration_articles/Guillemets-fond-transparent.png" alt="Guillemets fond transparent" width="20" height="16" style="margin-right: 10px; margin-bottom: 7px;" />La plus belle courbe d'une femme, c'est son sourire. (Bob Marley)</p>
<p class="marylin2 homequote"><img src="images/img/illustration_articles/lips2.PNG" alt="Marylin Monroe" width="50" height="33" style="margin-right: 10px;" />Un sourire est le plus beau maquillage qu'une femme puisse porter. (Marylin Monroe)</p>
<p class="smith2 homequote"><img src="images/img/illustration_articles/Guillemets-fond-transparent.png" alt="Guillemets fond transparent" width="20" height="16" style="margin-right: 10px; margin-bottom: 7px;" />La première étape est de dire que tu peux! (Will Smith)</p>

j'essaie d'appliquer ce CSS mais sans succès...

Code:

section#slideshow > div {
    height: 550px !important;
}

une idée?

Connexion ou Créer un compte pour participer à la conversation.

lomart
Hors Ligne
Administrateur

Plus d'informations

il y a 11 mois 5 jours #2289 par lomart

Réponse de lomart sur le sujet bg-slideshow

Bonjour Laurent,

Sans garantie, je n'ai pas testé.

Code:

.vegas-wrapper {min-height:550px}

ou mieux, utiliser l'option css-head

Code:

css-head=#id .vegas-wrapper[min-height:550px]

Connexion ou Créer un compte pour participer à la conversation.

Cosmic
Auteur du sujet
Hors Ligne
Membre senior

Plus d'informations

il y a 11 mois 5 jours #2290 par Cosmic

Réponse de Cosmic sur le sujet bg-slideshow

ça ne change pas la taille de l'image mais les citations disparaissent

Connexion ou Créer un compte pour participer à la conversation.

lomart
Hors Ligne
Administrateur

Plus d'informations

il y a 11 mois 5 jours #2291 par lomart

Réponse de lomart sur le sujet bg-slideshow

Comme la hauteur est actualisée en fonction du contenu, il faut la définir.
Dans ma démo, cela est fait par le p3 (grand padding)

Code:

[code][b]{[/b]up bg-slideshow=images/actions-demo/bg/animaux 
  | mobile=images/actions-demo/bg/lion.jpg 
  | center 
  | style=p3 tc t-blanc
[b]}[/b]
  <h2 class="fs300">Un titre</h2>
  [b]{[/b]up lorem=1[b]}[/b]
  <a class="btn btn-primary" href="#">Un bouton</a>
[b]{[/b]/up bg-slideshow[b]}[/b]

[/code]

Connexion ou Créer un compte pour participer à la conversation.

Cosmic
Auteur du sujet
Hors Ligne
Membre senior

Plus d'informations

il y a 10 mois 4 semaines - il y a 10 mois 4 semaines #2296 par Cosmic

Réponse de Cosmic sur le sujet bg-slideshow

j'essaie avec P3 ou style=minh=550 comme ici

Code:

{up bg-slideshow=images/img/SlideshowCK | mobile=images/gal/2023/f2f/20230305natascha/GREENCOLORORIEL/smlcol_20230305_143532_5-137.jpg | transition=blur| js-options=shuffle:true | style=minh550}{/up bg-slideshow}

mais quand je retire les phrases, le slideshow ne s'affiche même pas... y a vraiment qqch que je ne comprends pas. J'ai insérer dse lignes blanches pour que ça fonctionne du coup

étonnament aussi, le css que j'appliquais sur le texte ne fonctionne plus...

à y réflechir, je pense que c'est arrivé après mon passage à J5

Dernière édition: il y a 10 mois 4 semaines par Cosmic.

Connexion ou Créer un compte pour participer à la conversation.

lomart
Hors Ligne
Administrateur

Plus d'informations

il y a 10 mois 4 semaines - il y a 10 mois 4 semaines #2297 par lomart

Réponse de lomart sur le sujet bg-slideshow

Bonjour Laurent,

à y réflechir, je pense que c'est arrivé après mon passage à J5

Non, J5 n'y est pour rien. Voyons les manques du shortcode.

mais quand je retire les phrases, le slideshow ne s'affiche même pas...

Normal, tu demandes l'habillage du fond d'un bloc de texte ... vide. ou de lignes blanches

j'essaie avec P3 ou style=minh=550

minh550 n'existe pas. Voir up.lomart.fr/infos/css . Il fallait mettre style=min-height:550px

Voici un shortcode qui fonctionne sur mon site de test en J5 :

Code:

{up bg-slideshow=ton dossier images
| mobile=images/gal/2023/f2f/20230305natascha/GREENCOLORORIEL/smlcol_20230305_143532_5-137.jpg
| transition=blur
| js-options=shuffle:true 
| style=tc;t-blanc;min-height:550px}
TON TEXTE
{/up bg-slideshow}

Note la forme de l'option style. Je mélange les classes et les règles CSS en les séparant avec des point-virgules. Cela me permet de centrer un texte en blanc dans une hauteur minimale de 550px

Dernière édition: il y a 10 mois 4 semaines par lomart.

Connexion ou Créer un compte pour participer à la conversation.

Propulsé par Kunena