- Messages : 19
- Remerciements reçus 0
alignement des clocks
- YvanM
- Auteur du sujet
- Hors Ligne
- Nouveau membre
Moins
Plus d'informations
il y a 4 ans 3 mois #343
par YvanM
alignement des clocks a été créé par YvanM
Bonjour
J'ai installé 6 horloges en utilisant le script de la démo.
Ça fonctionne bien mais elles ne sont pas alignées. Elles suivent une diagonale que je conserve ou pas style=float:left sur la dernière!
Question subsidiaire: quelle-est la fonction d'offset?
Je vous remercie.
Yvan
accueil de mon site
J'ai installé 6 horloges en utilisant le script de la démo.
Ça fonctionne bien mais elles ne sont pas alignées. Elles suivent une diagonale que je conserve ou pas style=float:left sur la dernière!
Question subsidiaire: quelle-est la fonction d'offset?
Je vous remercie.
Yvan
accueil de mon site
Connexion ou Créer un compte pour participer à la conversation.
- lomart
- Hors Ligne
- Administrateur
il y a 4 ans 3 mois #344
par lomart
Réponse de lomart sur le sujet alignement des clocks
Bonsoir et merci d'utiliser UP
Pour l'alignement, il y a une balise BR entre chaque shortcode. Si on la supprime, c'est parfait.
Autre suggestion, votre template ajoute une ombre autour des images.
Ajouter cette règle dans votre fichier custom
Vous pouvez aussi (à la place) ajouter ce shortcode dans votre article
{up addcsshead=.jcgmt-rotatingWrapper img[border: 0 !important;] }
Il reste encore quelques effets d'ombre, mettez le bloc avec un fond blanc, cela ne se verra plus
Bonne soirée
Pour l'alignement, il y a une balise BR entre chaque shortcode. Si on la supprime, c'est parfait.
La pièce jointe clock.png est absente ou indisponible
Autre suggestion, votre template ajoute une ombre autour des images.
Ajouter cette règle dans votre fichier custom
Code:
.jcgmt-rotatingWrapper img {
border: 0 !important;
}
Vous pouvez aussi (à la place) ajouter ce shortcode dans votre article
{up addcsshead=.jcgmt-rotatingWrapper img[border: 0 !important;] }
Il reste encore quelques effets d'ombre, mettez le bloc avec un fond blanc, cela ne se verra plus
Bonne soirée
Pièces jointes :
Les utilisateur(s) suivant ont remercié: YvanM
Connexion ou Créer un compte pour participer à la conversation.
- YvanM
- Auteur du sujet
- Hors Ligne
- Nouveau membre
Moins
Plus d'informations
- Messages : 19
- Remerciements reçus 0
il y a 4 ans 3 mois #345
par YvanM
Réponse de YvanM sur le sujet alignement des clocks
Merci Iomart. C'est tout bon.
Bonne soirée
Bonne soirée
Connexion ou Créer un compte pour participer à la conversation.
- lomart
- Hors Ligne
- Administrateur
il y a 4 ans 3 mois - il y a 4 ans 3 mois #346
par lomart
Réponse de lomart sur le sujet alignement des clocks
C'est parfait
Un moyen pour soigner l'alignement. Les horloges seront centrées et réparties en fonction de la taille de l'écran
j'avais oublié la règle pour virer l'ombre.
Ces shortcodes suffisent pour tout faire
Un moyen pour soigner l'alignement. Les horloges seront centrées et réparties en fonction de la taille de l'écran
j'avais oublié la règle pour virer l'ombre.
Ces shortcodes suffisent pour tout faire
Code:
{up addcsshead=.jcgmt-rotatingWrapper img[border: 0 !important;box-shadow=none !important] }
{up flexauto=6 | tablet=3 | mobile=2 }
{up clocks-gmt= ... }
{up clocks-gmt= ... }
{up clocks-gmt= ... }
{up clocks-gmt= ... }
{up clocks-gmt= ... }
{up clocks-gmt= ... }
{/up flexauto}
Dernière édition: il y a 4 ans 3 mois par lomart.
Connexion ou Créer un compte pour participer à la conversation.
- YvanM
- Auteur du sujet
- Hors Ligne
- Nouveau membre
Moins
Plus d'informations
- Messages : 19
- Remerciements reçus 0
il y a 4 ans 3 mois #350
par YvanM
Réponse de YvanM sur le sujet alignement des clocks
Bonjour lomart et merci pour votre réponse.
Pour les ombres, en allant dans mon template j'ai vu qu'il y avait le paramètre suivant: Border around all your images ,placé sur Yes. J'ai donc pu enlever les bordures sur les images en mettant No.
Ce point est réglé.
Il me reste;
- à aligner les horloges. Comment utilise t'on les codes que vous m'avez fourni? Je suis nul en code...:huh: :dry:
{up addcsshead=.jcgmt-rotatingWrapper img[border: 0 !important;box-shadow=none !important] }
{up flexauto=6 | tablet=3 | mobile=2 }
{up clocks-gmt= ... }
{up clocks-gmt= ... }
{up clocks-gmt= ... }
{up clocks-gmt= ... }
{up clocks-gmt= ... }
{up clocks-gmt= ... }
{/up flexauto}
- tester d'autres skins, mais y en a -t'il d'autres?
- Que signifie dans le code: offset et quel rôle joue t'il ?
Je ferai des tests sur un autre page bien sûr.
Bonne journée.
Pour les ombres, en allant dans mon template j'ai vu qu'il y avait le paramètre suivant: Border around all your images ,placé sur Yes. J'ai donc pu enlever les bordures sur les images en mettant No.
Ce point est réglé.
Il me reste;
- à aligner les horloges. Comment utilise t'on les codes que vous m'avez fourni? Je suis nul en code...:huh: :dry:
{up addcsshead=.jcgmt-rotatingWrapper img[border: 0 !important;box-shadow=none !important] }
{up flexauto=6 | tablet=3 | mobile=2 }
{up clocks-gmt= ... }
{up clocks-gmt= ... }
{up clocks-gmt= ... }
{up clocks-gmt= ... }
{up clocks-gmt= ... }
{up clocks-gmt= ... }
{/up flexauto}
- tester d'autres skins, mais y en a -t'il d'autres?
- Que signifie dans le code: offset et quel rôle joue t'il ?
Je ferai des tests sur un autre page bien sûr.
Bonne journée.
Connexion ou Créer un compte pour participer à la conversation.
- lomart
- Hors Ligne
- Administrateur
il y a 4 ans 3 mois #351
par lomart
Réponse de lomart sur le sujet alignement des clocks
Bonjour,
Bien entendu, vous conservez vos shortcodes {up clocks-gmt
Donc cela revient à ajouter devant
et à la fin
Cette partie de la démo explique ces 2 points
- offset est le fuseau horaire
- il y a 5 skins, 6 si on ajoute mon style Joomla. Je ne pense pas qu'il y en ait d'autres
Bonne journée
Il suffit de mettre ces shortcodes comme vous l'avez fait pour les horloges.aligner les horloges. Comment utilise t'on les codes que vous m'avez fourni?
Bien entendu, vous conservez vos shortcodes {up clocks-gmt
Donc cela revient à ajouter devant
Code:
{up addcsshead=.jcgmt-rotatingWrapper img[border: 0 !important;box-shadow=none !important] }
{up flexauto=6 | tablet=3 | mobile=2 }
Code:
{/up flexauto}
tester d'autres skins, mais y en a -t'il d'autres?
- Que signifie dans le code: offset et quel rôle joue t'il ?
La pièce jointe clocks-gmt.png est absente ou indisponible
Cette partie de la démo explique ces 2 points
- offset est le fuseau horaire
- il y a 5 skins, 6 si on ajoute mon style Joomla. Je ne pense pas qu'il y en ait d'autres
Bonne journée
Pièces jointes :
Connexion ou Créer un compte pour participer à la conversation.