[Réglé] [Artodia Elegance] Ajouter des images aux boutons

Pour les recherches et les demandes de modifications de styles concernant votre forum phpBB3.

Modérateur: Equipe

Règles du forum
A lire impérativement : Règlement de phpBB-fr.com - Conditions générales de support graphique

Attention : pour éviter les bugs, votre style doit être mis à jour en même temps que votre forum, et ce, dans la dernière version disponible de phpBB !

[Réglé] [Artodia Elegance] Ajouter des images aux boutons

Messagepar EnYgmA » 25 Déc 2013 à 10:44

Plop,

je reviens demander la patte des experts pour un truc qui me chiffonne !

Je suis en train d'ajouter des images au menu sauf que le texte ne reste pas à sa place :P [Screen]

Je me pose sur les précieux conseils de cabot de la dernière fois mais quand je teste certains trucs ça ne me donne pas le résultat attendu !

Je vous fais suivre la partie css [ici]

En vous remerciant et sur bonne deuxième mi-temps :mrgreen:
Modifié en dernier par EnYgmA le 25 Déc 2013 à 19:18, modifié 1 fois.
Avatar de l’utilisateur
EnYgmA
Roi des posts
Roi des posts
 
Messages: 700
Enregistré le: 05 Jan 2012 à 13:31
Localisation: Lyon (69)

Re: [Artodia Elegance] Ajouter des images aux boutons

Messagepar micka76 » 25 Déc 2013 à 14:50

pwet,

tu as un lien ou tu est en dev ? sinon les infos du template serais bien aussi
Mon petit forum de démonstration de style ==> Clique ici, hébergé gratuitement chez ==> 000webhost (sans pub, c'est moi qui l'est mise)
Voici un bon forum sur l'aquariophilie ==> http://www.aquadebutant.com
Si à la Saint Valentin tu me tiens la main, vivement la Sainte Marguerite que tu me tienne la ....!!! :mrgreen:
Avatar de l’utilisateur
micka76
Graphiste
Graphiste
 
Messages: 8687
Enregistré le: 04 Oct 2007 à 12:14
Localisation: Bah entre toi et ta f.... !!!

Re: [Artodia Elegance] Ajouter des images aux boutons

Messagepar EnYgmA » 25 Déc 2013 à 15:01

Yoooop,

je suis en ligne mais c'est fermé :arrow: http://www.forum.graph-design.com/

Par contre pour pouvoir y jeter un oeil j'ai posé une image sur un bouton visible en invité :)

:wink:
Avatar de l’utilisateur
EnYgmA
Roi des posts
Roi des posts
 
Messages: 700
Enregistré le: 05 Jan 2012 à 13:31
Localisation: Lyon (69)

Re: [Artodia Elegance] Ajouter des images aux boutons

Messagepar micka76 » 25 Déc 2013 à 17:11

tu veut que le lien faq soit visible ou que l'image en visuel sans le lien ?
Mon petit forum de démonstration de style ==> Clique ici, hébergé gratuitement chez ==> 000webhost (sans pub, c'est moi qui l'est mise)
Voici un bon forum sur l'aquariophilie ==> http://www.aquadebutant.com
Si à la Saint Valentin tu me tiens la main, vivement la Sainte Marguerite que tu me tienne la ....!!! :mrgreen:
Avatar de l’utilisateur
micka76
Graphiste
Graphiste
 
Messages: 8687
Enregistré le: 04 Oct 2007 à 12:14
Localisation: Bah entre toi et ta f.... !!!

Re: [Artodia Elegance] Ajouter des images aux boutons

Messagepar EnYgmA » 25 Déc 2013 à 17:24

L'idée c'est de mettre une image à gauche du texte, sans que celui ci sorte de sa cellule :)

Là le texte sort du bouton, je ne sais pas pourquoi (enfin je ne sais pas si c'est un manque de css ou un conflit avec une autre class)

:wink:
Avatar de l’utilisateur
EnYgmA
Roi des posts
Roi des posts
 
Messages: 700
Enregistré le: 05 Jan 2012 à 13:31
Localisation: Lyon (69)

Re: [Artodia Elegance] Ajouter des images aux boutons

Messagepar micka76 » 25 Déc 2013 à 19:02

pwet,

ton css doit être ainsi
Code: Tout sélectionner
#nav-header a span {
    display: block;
    position: absolute;
    left: -10px;
    top: 0;
    bottom: 0;
    width: 15px;
    background: url({T_THEME_PATH}/images/menu2_left.png) 0 0 no-repeat;
}
#nav-header a:hover span, #nav-header a.new span { background-position: 0 -40px; }
#nav-header strong { font-weight: normal; }

#nav-header a span span {
   position: absolute;
   left: 8px; top: 8px;
}
#nav-header a  { padding-left: 15px; }
#nav-header a[href*="ucp.php"] span span { background: url("{T_THEME_PATH}/images/user_edit.png") no-repeat; }
#nav-header a[href*="faq.php"] span span { background: url("{T_THEME_PATH}/images/help.png") no-repeat; }


et dans ton html tu place mal tes span, ils doivent être ainsi
Code: Tout sélectionner
<a href="{U_PROFILE}" title="{L_PROFILE}" accesskey="e"><span><span></span></span>{L_PROFILE}</a>
Mon petit forum de démonstration de style ==> Clique ici, hébergé gratuitement chez ==> 000webhost (sans pub, c'est moi qui l'est mise)
Voici un bon forum sur l'aquariophilie ==> http://www.aquadebutant.com
Si à la Saint Valentin tu me tiens la main, vivement la Sainte Marguerite que tu me tienne la ....!!! :mrgreen:
Avatar de l’utilisateur
micka76
Graphiste
Graphiste
 
Messages: 8687
Enregistré le: 04 Oct 2007 à 12:14
Localisation: Bah entre toi et ta f.... !!!

Re: [Artodia Elegance] Ajouter des images aux boutons

Messagepar EnYgmA » 25 Déc 2013 à 19:18

roohh la quiche que je suis :mrgreen:

Merci mon grand, c'est du parfait tout bien nickel 8)
Avatar de l’utilisateur
EnYgmA
Roi des posts
Roi des posts
 
Messages: 700
Enregistré le: 05 Jan 2012 à 13:31
Localisation: Lyon (69)

Re: Re : [Artodia Elegance] Ajouter des images aux boutons

Messagepar micka76 » 25 Déc 2013 à 19:21

Mais de rien et joyeux noyel :D

Envoyé de mon GT-I9505 en utilisant Tapatalk
Mon petit forum de démonstration de style ==> Clique ici, hébergé gratuitement chez ==> 000webhost (sans pub, c'est moi qui l'est mise)
Voici un bon forum sur l'aquariophilie ==> http://www.aquadebutant.com
Si à la Saint Valentin tu me tiens la main, vivement la Sainte Marguerite que tu me tienne la ....!!! :mrgreen:
Avatar de l’utilisateur
micka76
Graphiste
Graphiste
 
Messages: 8687
Enregistré le: 04 Oct 2007 à 12:14
Localisation: Bah entre toi et ta f.... !!!

Re: [Artodia Elegance] Ajouter des images aux boutons

Messagepar EnYgmA » 25 Déc 2013 à 19:23

Joyeux noël à toi aussi 8)
Avatar de l’utilisateur
EnYgmA
Roi des posts
Roi des posts
 
Messages: 700
Enregistré le: 05 Jan 2012 à 13:31
Localisation: Lyon (69)


Retourner vers Modifications et recherche de styles

 


  • Articles en relation
    Réponses
    Vues
    Dernier message

Qui est en ligne

Utilisateurs parcourant ce forum : Aucun utilisateur enregistré et 6 invités