Topic-icon [RÉGLÉ] Vitesse du site

Plus d'informations
14 Juil 2013 17:14 #5899 par mediavisio
Réponse
Bonjour,

J'ai utilisé Sprite Css Generator. J'ai chargé l'image sprite dans mon dossier images.
J'ai inséré les codes dans mon fichier custom.css de mon template Gantry. Pourrais-tu me dire ce qu'il faudrait modifier pour que ça soit pris en compte ? Parce que ça ne fonctionne pas :(

#rt-container{background-image: url(images/csg-51e2a9c2f0ed7.png) no-repeat top left;}

.sprite-alpha_index_item{ background-position: 0 0; width: 1px; height: 10px; }
.sprite-arrow{ background-position: 0 -60px; width: 9px; height: 9px; }
.sprite-arrows{ background-position: 0 -119px; width: 6px; height: 726px; }
.sprite-dots{ background-position: 0 -895px; width: 19px; height: 239px; }
.sprite-facebook{ background-position: 0 -1184px; width: 40px; height: 40px; }
.sprite-footer-overlay{ background-position: 0 -1274px; width: 10px; height: 350px; }
.sprite-mosaic-overlay{ background-position: 0 -1674px; width: 10px; height: 65px; }
.sprite-readon{ background-position: 0 -1789px; width: 10px; height: 172px; }
.sprite-search-icon{ background-position: -90px 0; width: 16px; height: 16px; }
.sprite-totop{ background-position: -90px -66px; width: 15px; height: 10px; }

Vous devez vous connecter Connexion pour prendre part à la conversation.

Plus d'informations
15 Juil 2013 16:29 #5905 par C-Jay
Réponse
Hello,

Les sprites c'est une galère à gérer, surtout si tu fais des mises à jour.
Il faut vérifier ici que les valeurs de positionnement dans background-position sont correctes.

A la recherche d'un hébergement / hébergeur Joomla spécialisé, performant et sécurisé ? Choisissez SiteGround (Nouvelles offres : -50% sur leur offre Start Up !)
Découvrez le guide Réussir son entreprise sur Internet grâce à Joomla
Découvrez le le centre de formation NosyWeb

Vous devez vous connecter Connexion pour prendre part à la conversation.

Plus d'informations
15 Juil 2013 16:36 #5909 par mediavisio
Réponse
Bonjour,

Pour les mises à jour c'est ce que je craignais ! Mais je ne voulais faire des sprites que sur les images qui n'auront pas de mise à jour (dont picto, flèches...). Mais je ne comprends pas la création des classes .sprite ; dois-je renommer les éléménts ?

Vous devez vous connecter Connexion pour prendre part à la conversation.

Plus d'informations
17 Juil 2013 10:45 #5917 par C-Jay
Réponse
Hello,

Pour les sprites, j'utilise une autre méthode que le background-position.

Exemple, je met donc toutes mes images au sein d'une même image puis j'applique ce type de propriété CSS pour afficher la partie de l'image qui m'intéresse :
.logo img {
left: -1px;
position: absolute;
top: -24px;

Ces propriétés sont donc appliquées ici à l'image présente dans la <div> ayant la classe logo.

A la recherche d'un hébergement / hébergeur Joomla spécialisé, performant et sécurisé ? Choisissez SiteGround (Nouvelles offres : -50% sur leur offre Start Up !)
Découvrez le guide Réussir son entreprise sur Internet grâce à Joomla
Découvrez le le centre de formation NosyWeb

Vous devez vous connecter Connexion pour prendre part à la conversation.

Modérateurs: C-Jay
Temps de génération de la page : 0.323 secondes
Contact

Scoop.It de NosyWeb

Twitter de NosyWeb

YouTube de NosyWeb

Facebook de NosyWeb

Google+ de NosyWeb

Flux RSS de NosyWeb

Inscription newsletter de NosyWeb