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

openElement

> Discussion générale openElement
  Nouveaux messages Nouveaux messages Fil RSS  - Centrer un panneau d'élément
  FAQ FAQ  Rechercher dans le Forum   Inscription Inscription  Connexion Connexion

Centrer un panneau d'élément

 Répondre Répondre Page  123 9>
Auteur
Message inverser le tri
Bridet allez vers le bas
Senior Member
Senior Member
Avatar

Depuis le: 13 Dec 2013
Pays: Condroz
Status: Inactif
Points: 5049
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer Bridet Citer  RépondreRéponse Lien Direct à ce Post Sujet: Centrer un panneau d'élément
    Envoyé : 18 Mai 2020 à 18:25
Comme je vous l'ai dit plus haut, restez modeste, remplacez et n'essayez pas de changer.
Haut de la page
Sebastian allez vers le bas
Groupie
Groupie
Avatar

Depuis le: 25 Sep 2016
Pays: france
Status: Inactif
Points: 64
Options des messages Options des messages   Thanks (1) Thanks(1)   Citer Sebastian Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 18 Mai 2020 à 15:39
Oui je comprends. J'ai l'impression de vouloir construire une fusée alors que je galère à réparer un vélo ...

Grâce à vous, je pense que le plus gros est fait, la gestion des liens et des pages ne devraient pas poser de problèmes. Pour le reste, je vais essayer de me débrouiller .

Encore merci pour tout le temps passé.
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é : 18 Mai 2020 à 15:30
Bon, je vous l'avoue, je ne vais pas vous aider à chacune de vos demandes malheureusement, car l'absence de maîtrise d'OE revient à ce que je fasse moi même votre site au final.
Pas du tout le but. Et parti comme c'est partie, ce topic va finir par atteindre +100 pages dont les 3/4 seront la maîtrise d'OE.

Mon code fonctionne parfaitement.
Il faut aussi rajouter un autre bout pour une meilleure compatbilité avec Chrome et Firefox :


#WEd1269cba4b {
top: 200px !important;
}
.BaseDiv.RBoth:not(#XBody)>.OESZ_DivContent>.OECT {
    overflow: hidden;
}


Cet ID est le panneau d'éléments centré automatiquement :


Vérifiez que vous avez le même.


Edité par brolysan - 18 Mai 2020 à 15:30
Haut de la page
Sebastian allez vers le bas
Groupie
Groupie
Avatar

Depuis le: 25 Sep 2016
Pays: france
Status: Inactif
Points: 64
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer Sebastian Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 18 Mai 2020 à 14:33
J'ai trouvé un tuto de Dmit OE qui explique comment fixer un élément (le menu en l’occurrence).

- ajoutez un Bloc de Code Source type CSS:

#WETop { z-index: 100000 !important; } /* pour garder le menu devant le contenu */

- ajoutez un Bloc de Code Source type JAvascript:

$(function(){
$(window).scroll(function(){
    $('#WETop').css('top', $(window).scrollTop()+'px');
});
});


La question que je me pose est quel est l'élément à fixer ?
Il y a 3 calques qui contiennent le bandeau du menu :

base
base 2 (je n'ai pas compris son utilité...)
base scrolling (uniquement en affichage mobile je pense)
Haut de la page
Sebastian allez vers le bas
Groupie
Groupie
Avatar

Depuis le: 25 Sep 2016
Pays: france
Status: Inactif
Points: 64
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer Sebastian Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 18 Mai 2020 à 13:57
Ca n'a eu aucun effet ...

La bande translucide a disparu mais le texte est centré verticalement.

Pas grave, je vais remettre le texte centré.

Merci !

Edité par Sebastian - 18 Mai 2020 à 13:57
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é : 18 Mai 2020 à 12:56
non, c'est comme je vous l'ai indiqué, on "triche" pour arriver à descendre ce panneau alors qu'il n'est pas prévu pour ca. Autre solution plus "directe" du coup.

Effacez l'ajout de 200px fait sur le bloc de code visuel
Ouvrez Code
Cliquez sur CSS
ajouter ce code dedans :


#WEd1269cba4b {
top: 200px !important;
}

Haut de la page
Sebastian allez vers le bas
Groupie
Groupie
Avatar

Depuis le: 25 Sep 2016
Pays: france
Status: Inactif
Points: 64
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer Sebastian Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 18 Mai 2020 à 12:24
Message posté par Sebastian Sebastian a écrit:



J'ai tenté de mettre une marge haut => aucun effet

)


Je pense que j'avais sélectionné le "panneau slider" et non "bloc panneau slider" .

Merci Brolysan, c'est exactement ce que je voulais.

Par contre, il y a une bordure haute translucide qui est apparue en décalant le panneau slider !

Dans les propriétés, j'ai bien aucune bordure, j'ai même réglé l'épaisseur sur 0 px et mis invisible mais rien n'y fait ...

C'est un problème qui est déjà apparu sur OE ??
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é : 18 Mai 2020 à 10:35
Y a une "astuce" mais bon, a vous de voir (hors template ça en plus!!!)

Sélectionnez le bloc de code visuel dans le panneau slider



Menu de droite, onglet Styles puis onglet Personnalisation

Mettez une marche extérieure en haut de 200 px


Vous aurez ceci :

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é : 18 Mai 2020 à 10:29
Si ce n'est pas pour que l'élément soit centré, il suffit de recreer un panneau d'élément et de refaire la première partie....Confused c'est possible en fait, voir plus.

Pour le texte, changez le media édition et modifiez le taille du texte selon.
Il semble que vous n'ayez pas compris cette subtilité d'OE on dirait. Wink



Edité par brolysan - 18 Mai 2020 à 10:36
Haut de la page
Sebastian allez vers le bas
Groupie
Groupie
Avatar

Depuis le: 25 Sep 2016
Pays: france
Status: Inactif
Points: 64
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer Sebastian Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 18 Mai 2020 à 10:14
Merci Broly san !

Donc impossible d'afficher le texte défilant (panneau slider) ailleurs qu'au centre ...

Il s'agit de "apprentissage de la natation" (panneau slider 1). Je voulais un texte multiligne pour centrer le mot "apprentissage" quelque soit le média. Mais du coup il a une taille de police fixe alors que les autres textes (panneau slider 2, 3 et 4) passent de 90 pixels à 60 pixels sur smartphone...
Haut de la page
 Répondre Répondre Page  123 9>
  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.047 secondes.