En poursuivant votre navigation sur ce site, vous acceptez l'utilisation de cookies pour vous proposer des contenus et services adaptés. Mentions légales.

GuppY, le CMS de référence sans base de données

 
 

telecharger01.png

 
Vous êtes ici :   Accueil » Forum » Guppy 5 » Insertion image dans titre boîte
 
Prévisualiser...  Imprimer...  Imprimer la page...
Prévisualiser...  Imprimer...  Imprimer la section...

Forum - Guppy 5 - Insertion image dans titre boîte


Connectés : ( personne )
Snif !!!
 

clos par Papinou le 25/10/2018 @ 17:24  Sujet n° 130190

le 09/10/2018 @ 17:53
par MemeMart

Anonyme

visiteur

Bonjour,

Pourriez-vous m'indiquer comment il faut faire pour insérer une image dans le titre d'une boite (latérale par exemple) comme vu sur ce site :

http://www.lelongchemin.fr/download.php?lng=fr&tconfig=0

Je vois qu'il faudrait modifier :

background: url(img/FeuilleFleche.png) no-repeat 100% 0 #349e88;

mais où dans guppy 5 ?

Merci beaucoup.

Ecrire à MemeMart
sujet clos Haut  

Réponse n° 1
--------
le 09/10/2018 @ 18:15
par Papinou

Papinou

Administrateur
209 messages

Bonjour,

Dans le fichier styleplus.css de ta skin, tu ajoutes pour le titre d'une boite latérale:

.titrebox {
	background: url(img/FeuilleFleche.png) no-repeat 100% 0;
}

L'image doit être dans le répertoire img de la skin.

Cordialement, Papinou Je suis membre de l'asso freeGuppY... et vous ???

Site web Papinou
clos par Papinou le 25/10/2018 @ 17:24 Haut  
Réponse n° 2
--------
le 10/10/2018 @ 11:03
par MemeMart

Anonyme

visiteur

Bonjour,

J'ai ajouté le code dans le fichier styleplus.css de la skin et mis l'image dans le répertoire img de la skin (skin5-guppy2015)

Mais, je n'ai pas de résultat...

Voici le site sur lequel j'essaye de mettre en place l'image :

GuppY 5.02.06 Système d'exploitation du serveur : Linux Linux perso159-g5.priv.free.fr PHP : 5.6.34 / MET=30 - ML=64M - UMF=2M - PMS=2M - MFU=20 URL du site : http://escambilingue.free.fr/ Plugins : Horloge, Devinette, Vitesse de Connexion UA: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/69.0.3497.100 Safari/537.36 Device: computer Résolution écran : 1366x768   

Merci pour ton aide

Bien cordialement

clos par Papinou le 25/10/2018 @ 17:24 Haut  
Réponse n° 3
--------
le 10/10/2018 @ 12:25
par corsaire

corsaire

17 messages

Si je vois bien le contenu de votre styleplus.css, il y a dans la déclaration de .titrebox une autre déclaration du .titrebox.

au lieu de 
.titrebox { /* Titre boite latérale */
    font-variant: small-caps;
    letter-spacing: 0.1em; /* ajout pour augmenter l"espacement des lettres */
 .titrebox {
    background: url(img/quartderond.png) no-repeat 100% 0;
}
}

mettre

.titrebox { /* Titre boite latérale */     font-variant: small-caps;     letter-spacing: 0.1em; /* ajout pour augmenter l"espacement des lettres */     background: url(img/quartderond.png) no-repeat 100% 0; }

Je pense qu'alors, l'image sera prise en compte

Cordialement

clos par Papinou le 25/10/2018 @ 17:24 Haut  
Réponse n° 4
--------
le 10/10/2018 @ 12:56
par Papinou

Papinou

Administrateur
210 messages

Bonjour,

La correction proposée par corsaire fonctionne, je la remets en code :

.titrebox { /* Titre boite latérale */
    font-variant: small-caps;
	letter-spacing: 0.1em; /* ajout pour augmenter l"espacement des lettres */
	background: url(img/quartderond.png) no-repeat 100% 0;
}

J'ai vérifié, l'affichage est correct.

Cordialement, Papinou Je suis membre de l'asso freeGuppY... et vous ???

Site web Papinou
clos par Papinou le 25/10/2018 @ 17:24 Haut  
Réponse n° 5
--------
le 10/10/2018 @ 16:50
par MemeMart

Anonyme

visiteur

Tout fonctionne.

Merci pour votre aide.

clos par Papinou le 25/10/2018 @ 17:24 Haut  
actif sujet actif   clos sujet clos   Important! Important!   Nouveau Nouveau message
Rectifier Rectifier message   Clôturer Clôturer sujet   Remonter Remonter  
Catégories de discussion  Forum  



Vous êtes ici :   Accueil » Forum » Guppy 5 » Insertion image dans titre boîte
 

Préférences


Se reconnecter :
Votre nom (ou pseudo) :
Votre mot de passe
<O>


  13916801 visiteurs
  13 visiteurs en ligne

Connectés :
( personne )
Snif !!!

Newsletter

Pour avoir des nouvelles de ce site, inscrivez-vous à notre Newsletter.

Avant de soumettre ce formulaire, veuillez lire et accepter les Mentions légales.

J'accepte :
Recopier le code :
Site enregistré à la CNIL sous l'agrément 1040387.
Vous disposez d'un droit d'accès, de modification, de rectification
et de suppression des données selon la loi Informatique et Liberté (article 34) du 6 janvier 1978.

 
FreeGuppY.org est hébergé sur un serveur dédié LWS
 
gy_twitter02.png