Topic-icon [RÉGLÉ] Image background gantry 4.1.8 et Joomla 2.5.9

Choisissez le meilleur hébergement pour votre Joomla
Plus d'informations
09 Mar 2013 15:10 #4632 par Ludodev
Message
Bonjour,

Je souhaiterais mettre une image de fond pour un template fait avec Gantry 4.1.8 et Joomla 2.5.9.

Hors je n’arrive pas à faire apparaître cette image de fond.

Dans la feuille de style :
body {
  color:black;
  background-color:white;
  background-image:url(www/images/stories/illustration/bg-page.png);
}

Je ne sais pas si c'est un problème de chemin, l'image en question se trouve dans :

/www/images/stories/illustration/bg-page.png

Ou est ce un problème de syntaxe

ou encore un problème de déclarer la feuille de style dans la partie head de la page d'accueil du site.

Merci par avance.

Pour info quand je met en local dans le fichier "mycustomstyle.css" le code suivant :
body {background-image:url(../../../www/images/stories/illustration/bg-page.png);
background-repeat:no-repeat;
background-position:50% 50%;}

L'image s'affiche normalement, par contre quand j'écris ce code dans le même fichier mais sur le serveur distant, l'image ne s'affiche pas.

Ce message contient une image en pièce jointe.
Veuillez vous connecter ou vous enregistrer pour la consulter.

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

Plus d'informations
09 Mar 2013 16:35 #4634 par Ludodev
Réponse
Salute,

Bon j'ai trouvé la solution.

C'était un problème de syntaxe :

Il fallait écrire sur le fichier "mycustomstyle.css" :
body{
  background-image:url(/images/stories/illustration/bg-page.png);
  background-repeat:no-repeat;
  background-position:50% 50%;
}

Donc problème résolu.

Maintenant faut que je vire le bandeau noir :

awesomescreenshot.com/02910x1m85

Si une âme charitable voit ce post et qu'il a la solution, je prends.

A bientôt.

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

Joomladay2018
Plus d'informations
11 Mar 2013 13:59 #4656 par C-Jay
Réponse
Hello,

Merci pour ton retour.

En inspectant avec Firebug, tu devrais pouvoir identifier la <div> qui met la couleur noire.
Essaye en supprimant directement dans Firebug, puis fait la modification dans le fichier correspondant.
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
11 Mar 2013 19:23 - 11 Mar 2013 19:24 #4677 par Ludodev
Réponse
Salut C-Jay,

C'est à priori plus compliqué que ça, il semblerait que ce soit le fichier .less qu'il faut modifier.

J'ai tout d'abord modifier le fichier CSS compilé "master-b303c1e5744d1b4f618d61af7361442b_old.css", mais il se trouve que quand tu nettoies le cache de Gantry ça vire, à priori, tout ce qu'il y a dans ce fichier CSS compilé(ce qui sommes toute parait logique).

Il vas falloir donc que je me penche sur ces différents .less présent dans le dossier .less . :lol:

Le problème c'est que je n'ai pas trouvé la relation entre css compilé et .less .

Et des fichiers less, il y en a : 21 fichiers plus deux dossiers à l'intérieur desquels d'autres dossiers et donc fichiers..

J'ai pas fini d'éplucher tout ça. :-(

A bientôt.
Last edit: 11 Mar 2013 19:24 by Ludodev.

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

Modérateurs: C-Jay
Temps de génération de la page : 0.532 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