BullGuard Antivirus Sale - 60% Off with openElement !
Accueil Forum Accueil Forum >

openElement

> Sites créés avec openElement
  Nouveaux messages Nouveaux messages Fil RSS  - Thème essential
  FAQ FAQ  Rechercher dans le Forum   Inscription Inscription  Connexion Connexion

Thème essential

 Répondre Répondre Page  12>
Auteur
Message
perrier florence allez vers le bas
Newbie
Newbie


Depuis le: 03 Avr 2018
Pays: france
Status: Inactif
Points: 7
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer perrier florence Citer  RépondreRéponse Lien Direct à ce Post Sujet: Thème essential
    Envoyé : 06 Avr 2018 à 12:18
Bonjour, je souhaite utiliser ce thème qui correspond à ce que je cherche mais je bloque un peu sur le diaporama de la page d'accueil. Il est superbe mais j'aimerais savoir quelle taille doivent avoir les images pour ne pas les déformer. Autre chose, j'ai changé les couleurs du thème noir = bleu (#4cb5f5) et le rouge par du vert (#b3c100) mais peut-on changer la couleur des bouton du diaporama ? Le rouge actuel jure avec le choix des couleurs du thème que j'ai choisi. Merci de m'éclairer et bravo pour votre travail
Haut de la page
Hobby001 allez vers le bas
Admin Group
Admin Group
Avatar
Modérateur

Depuis le: 14 Feb 2015
Pays: Canada, Québec
Status: Inactif
Points: 6508
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer Hobby001 Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 06 Avr 2018 à 13:30
Commencez par regarder le tutoriel de brolysan


Par la suite puisez des connaissances selon vos besoins dans cette liste de tutos



Haut de la page
perrier florence allez vers le bas
Newbie
Newbie


Depuis le: 03 Avr 2018
Pays: france
Status: Inactif
Points: 7
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer perrier florence Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 06 Avr 2018 à 14:07
Merci, mais le premier tuto, j'ai commencé par là pour créer mon site initial et pour gagner du temps et remodeler mon site actuel, j'ai essayé le template essential. J'espérais une aide mais pas grave ; j'ai tenté de contacter M. lashermes sans succès car il n'y a que son diaporama qui me pose problème. Cependant je regarderaia le second tuto on ne sait jamais. Encore merci
Haut de la page
Hobby001 allez vers le bas
Admin Group
Admin Group
Avatar
Modérateur

Depuis le: 14 Feb 2015
Pays: Canada, Québec
Status: Inactif
Points: 6508
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer Hobby001 Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 06 Avr 2018 à 14:18
Les images incluses avec le modèle sont de 960 x 257

Pour la couleur des boutons, ouvrez le calque "design" 
regardez dans le code nommé CSS

/*SLIDER couleur des points*/
.OESZ_image_number {
background-color: #ce3030 !important;
}
Haut de la page
brolysan allez vers le bas
Admin Group
Admin Group
Avatar

Depuis le: 14 Août 2009
Pays: France
Status: Inactif
Points: 10144
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer brolysan Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 06 Avr 2018 à 14:21
Par du code CSS, oui.
Je vais essayer de vous donner ca rapidement.
Haut de la page
brolysan allez vers le bas
Admin Group
Admin Group
Avatar

Depuis le: 14 Août 2009
Pays: France
Status: Inactif
Points: 10144
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer brolysan Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 06 Avr 2018 à 14:38
Alors, ajoutez un bloc de code source en CSS dans le Header :


.box_skitter .info_slide_dots .image_number_select, .box_skitter .info_slide_dots .image_number_select:hover {
background: #eac547 !important;
}

.info_slide_dots .image_number {
    background: #1f518a !important;
}

.image_number_select {
    background-color: white !important;
}


Changez les couleurs #eac547, #1f518a et white comme bon vous semble.
Haut de la page
Hobby001 allez vers le bas
Admin Group
Admin Group
Avatar
Modérateur

Depuis le: 14 Feb 2015
Pays: Canada, Québec
Status: Inactif
Points: 6508
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer Hobby001 Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 06 Avr 2018 à 14:42
@brolysan

Quelle est la fonction du bloc de code CSS dans le calque "design"'?

/*SLIDER couleur des points*/
.OESZ_image_number {
background-color: #ce3030 !important;
}
Haut de la page
brolysan allez vers le bas
Admin Group
Admin Group
Avatar

Depuis le: 14 Août 2009
Pays: France
Status: Inactif
Points: 10144
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer brolysan Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 06 Avr 2018 à 14:49
Je n'avais pas vu ta réponse Hobby001 quand j'ai posté.
C'est aussi valable ton code CSS, il peut remplacer le code suivant sans problème :


.info_slide_dots .image_number {
    background: #1f518a !important;
}
Dans mon code, j'ai juste mis toutes les options que propose le slider, survol, changement de couleur lors du changement de visuel, etc.
mais ton code marche aussi. Clap
Haut de la page
Hobby001 allez vers le bas
Admin Group
Admin Group
Avatar
Modérateur

Depuis le: 14 Feb 2015
Pays: Canada, Québec
Status: Inactif
Points: 6508
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer Hobby001 Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 06 Avr 2018 à 14:50
En fait, ce n'est pas le mien, c'est celui qui est déjà inclus dans le modèle.
Haut de la page
brolysan allez vers le bas
Admin Group
Admin Group
Avatar

Depuis le: 14 Août 2009
Pays: France
Status: Inactif
Points: 10144
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer brolysan Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 06 Avr 2018 à 15:02
Ils font tous les deux la même chose, dans l'architecture de l'élément, j'ai été au plus simple voir limite à la Dmit Cool
Haut de la page
 Répondre Répondre Page  12>
  Partagez ce sujet   

Aller au Forum Permissions du forum allez vers le bas

Forum Software by Web Wiz Forums® version 12.04
Copyright ©2001-2021 Web Wiz Ltd.

Cette page a été affichée en 0.078 secondes.