alignement des clocks

Plus d'informations
il y a 1 semaine 3 jours #343 par YvanM
YvanM a créé le sujet : alignement des clocks
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

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

Plus d'informations
il y a 1 semaine 3 jours #344 par lomart
lomart a répondu au 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
.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.

Plus d'informations
il y a 1 semaine 3 jours #345 par YvanM
YvanM a répondu au sujet : alignement des clocks
Merci Iomart. C'est tout bon.
Bonne soirée

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

Plus d'informations
il y a 1 semaine 3 jours - il y a 1 semaine 3 jours #346 par lomart
lomart a répondu au 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
{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 1 semaine 3 jours par lomart.

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

Plus d'informations
il y a 1 semaine 2 jours #350 par YvanM
YvanM a répondu au 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.

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

Plus d'informations
il y a 1 semaine 2 jours #351 par lomart
lomart a répondu au sujet : alignement des clocks
Bonjour,

aligner les horloges. Comment utilise t'on les codes que vous m'avez fourni?

Il suffit de mettre ces shortcodes comme vous l'avez fait pour les horloges.
Bien entendu, vous conservez vos shortcodes {up clocks-gmt
Donc cela revient à ajouter devant
{up addcsshead=.jcgmt-rotatingWrapper img[border: 0 !important;box-shadow=none !important] }
{up flexauto=6 | tablet=3 | mobile=2 }
et à la fin
{/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 ?


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.