slider en page d'accueil

[Kaixo]

Bonsoir

Petite question concernant les sliders.

J'en ai mis un en page d'accueil mais je souhaite qu'il soit plus grand ! Il y a t il une possibilité ? Parce que là rien n'est bien lisible quand au texte sur les photos.

Merci

Cdt

Flo

[Alain]

Bonjour,
dans un premier temps mettez des photos avec une largeur suffisante. Ensuite, si vous le désirez vous mettez ceci dans le head :

Code:

<style type="text/css">
/*<![CDATA[*/
.cc-m-gallery-slider .bx-wrapper .bx-caption {
    background: rgba(0,0,0,0);
    bottom: 32px;
    left:9%;
    text-align:left!important;
    border-bottom: 2px solid #A0000F;
    max-width:90%;
    }
   
    .bx-caption span { 
    font-size: 26px!important;
    font-weight: bold;
    }
   
    .bx-wrapper .bx-caption span {
        padding:5px!important;
    }   
   
/*]]>*/
</style>

Evidemment, certaines modifs à faire sur le code (taille, couleur etc...)!
Voir exemple ici :http://www.aucafeduport.com/brasserie/
Cordialement
Alain

[Kaixo]

Bonjour Alain et merci

Je vais essayer, mais merci pour l aide apporter. A plus

Flo je vous tiens au jus

[Kaixo]

Salut Alain

J'ai essayé j 'ai mis d abord le site en mode sans échec "safe mode" proposer par Jimdo afin de préserver ma mise en page. Vu que je ne savais pas trop où coller votre code. Je l'ai mis en début du code HTML ligne 1,2,3,4,5 etc,

Par contre le code a modifie l'intégralité du design de mon site.

Plus rien n'est à sa place, j'ai rétabli grâce au mode sans échec préconisé par Jimdo

Comme je suis totalement néophyte en la matière je ne l'ai peut etre pas collé au bon endroit ?

Merci pour votre réponse

Cordialement
Flo

[Kaixo]

hello

Juste pour info voici la taille des images

[FredVig]

En slider, les images prennent automatiquement les dimensions de l'espace où se trouve le slider. Si une des images est plus large que les autres (ce qui est votre cas), ces dernières vont paraître trop petites. La solution consiste à utiliser des images de m^mes dimensions, ou plutôt de proportions hauteur-largeur identiques, afin que le résultat soit optimisé.

Le code d'Alain - destiné à améliorer la présentation par défaut de votre slider - est à placer dans la section "modifier le head" du menu paramètre

[Kaixo]

Coucou Fred

Je vais tenter de réduire l'image la plus grande et ainsi obtenir un slider corrrect

Sinon je tente la solution d'alain modifier le head

merci pour votre réponse

flo

[Kaixo]

Salut Alain

J'ai copie/collé dans le head mais cela n'a rien changé je ne sais pas pourquoi ? Mais merci pour le retour j'ai opté pour une solution plus simple à affiner bien entendu quand au texte sur les photos mais bon c moins pire qu'avant et surtout j'ai les photos ht à la bonne dimensions   sur mon slide.

Je prends tout conseil qui peut améliorer mon site. je suis ouverte aux critiques bonnes ou mauvaises.

Cdt. Flo

Bonjour,
dans un premier temps mettez des photos avec une largeur suffisante. Ensuite, si vous le désirez vous mettez ceci dans le head :

Code:

<style type="text/css">
/*<![CDATA[*/
.cc-m-gallery-slider .bx-wrapper .bx-caption {
    background: rgba(0,0,0,0);
    bottom: 32px;
    left:9%;
    text-align:left!important;
    border-bottom: 2px solid #A0000F;
    max-width:90%;
    }
    
    .bx-caption span {  
    font-size: 26px!important;
    font-weight: bold;
    }
    
    .bx-wrapper .bx-caption span {
        padding:5px!important;
    }    
    
/*]]>*/
</style>

Evidemment, certaines modifs à faire sur le code (taille, couleur etc...)!
Voir exemple ici :http://www.aucafeduport.com/brasserie/
Cordialement
Alain

[Kaixo]

Bonjour et merci Fred, j'ai tout compris youpi !!!

Ceci dit je ne souhaitais pas changé les dimensions de mon image "solutions" aussi j'ai opté pour une solution plus simple. Bon du coup ma page d'accueil parait un poil surchargée, à voir donc !

Le code d'Alain, comme je me suis permis de lui dire n'a rien changé.

merci en tout cas, et vos critiques bonnes ou mauvaises sur mon site sont les bienvenues.

Cdt FLo

En slider, les images prennent automatiquement les dimensions de l'espace où se trouve le slider. Si une des images est plus large que les autres (ce qui est votre cas), ces dernières vont paraître trop petites. La solution consiste  à utiliser des images de m^mes dimensions, ou plutôt de proportions hauteur-largeur identiques, afin que le résultat soit optimisé.

Le code d'Alain - destiné à améliorer la présentation par défaut de votre slider - est à placer dans la section "modifier le head" du menu paramètre

[Kaixo]

bonjour messieurs

Pb réglé la photo "solutions" est intégrée dans le slide. Un ami l'a mise au bonnes proportions.

Merci

[FredVig]

Oui c'est mieux comme ça : les images toutes de mêmes proportions si elles sont en Slider.

[Kaixo]

Salut à tous,

A nouveau moi !

Concernant les photos intégrées dans mon slide il n'y a aucune possibilité d'intégrer un texte alternatif ???

A vous lire. Flo

[FredVig]

bien sûr, il faut ouvrir le module de chaque image et insérer un titre ou / et un texte alternatif

[Kaixo]

j'ai trouvé merci Fred

http://screencast.com/t/vX7BTFrbtAUj

[Kaixo]

j'ai trouvé merci Fred

http://screencast.com/t/vX7BTFrbtAUj

Bonjour à toutes et tous et bonjour Fred

Je croyais avoir compris mais non ?  je n'arrive pas insérer de texte alternatif sur les photos du slide (dont je me suis déjà lassée d'ailleurs ) mais en attendant de trouver une alternative plus sympa que le slide qui est vu et revu (si vous avez des idées lumineuses suis preneuse )

Pourquoi ? voir le screen je ne peux entrer qu'un sous titre ?

Merki


A vous lire

[FredVig]

Le sous-titre fait office de texte alternatif.
Le web évolue constamment et depuis environ 2 ans, les balises alt et title sont chahutées par les divers standards. L'objectif des uns semble être de les supprimer ou de les rendre inutiles, les autres sont attachés à ce qu'ils voient comme un "standard" nécessaire pour le SEO, la certification WCAG.
Mais les normes n'avancent pas nécessairement aussi vite que le html. Je suppose que Jimdo doit faire des choix pour ménager les plus nombreux, parfois au détriment des minorités.

Concrètement, il me semble qu'en html5 la balise title remplace la balise alt si celle-si fait défaut, mais cela n'est pas considéré par les google analyst et autres flic du web.

[Kaixo]

Ok merci pour la réponse. Je vais laisser les photos comme ça en slide en attendant de trouver une autre alternative plus sympa.

Bonne soirée ☺

[Kaixo]

Bonjour Fred, Alain ou quelqu'un d'autres qui peut m'apporter une aide.

Au hasard de mes balades sur le net je suis arrivée sur ce site.

http://www.indg.fr/

En page d'accueil il y a des photos qui apparaissent ce n'est pas un simple slide je crois que l'on nomme ça un caroussel ? Après je ne sais pas si c'est réalisable ? A vous lire

Merci pour vos réponse.

[Kaixo]

rectificatif Carroussel est égal à un slide !

[xin]

Bonjour, quand je clique sur un de mes articles proposés dans le slider en page d'accueil, l'article correspondant est toujours décalé dans ma boutique, il ne s'affiche pas en entier sur mon écran. Merci pour votre aide.

[Contenu sponsorisé]