Créer un lien avec un titre sur une image (style Tecktonick )

Pour les recherches et les demandes de modifications de styles concernant votre forum phpBB 3.1

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 bogues, votre style doit être mis à jour en même temps que votre forum, et ce, dans la dernière version disponible de phpBB !
Partager sur FacebookPartager sur TwitterPartager sur Google+

Créer un lien avec un titre sur une image (style Tecktonick )

Messagepar soielyne » 10 Avr 2016 à 14:23

Bonjour à tous

Finalement après moult réflexions et bien que j'étais arrivée à quelque chose de potable sur mon forum avec votre aide
maintenant que le site Tecktonic est à jour , je repars dans la personnalisation...
Déjà je m'attaque au header , et là au niveau lien , je suis dans l'impasse car je ne vois pas comment mettre le titre
Code: Tout sélectionner
<li><a href="http://www.XXXX/" class="headerlinks" title="Site XXXX"><img src="{T_THEME_PATH}/images/link.jpg" alt="XXXXXX"></a></li>

Essai avec la première image , le lien est bon il renvoie au site , c'est le alt qui doit poser problème non ?

http://www.medivoy.fr/

Merci d'avance
Lyne
Modifié en dernier par soielyne le 10 Fév 2017 à 08:39, modifié 1 fois.
soielyne
Posteur néophyte
Posteur néophyte
 
Messages: 55
Enregistré le: 05 Nov 2010 à 21:15

Re: Créer un lien avec un titre sur une image (style Tecktonick )

Messagepar cabot » 10 Avr 2016 à 17:53

Hello,

Je ne suis pas sûr de bien comprendre. :oops:

Tu veux afficher l’intitulé du lien au lieu de l'image ?
Si c'est le cas, remplace :
Code: Tout sélectionner
<img src="{T_THEME_PATH}/images/link.jpg" alt="CATHERINE CAVAYA">

par :
Code: Tout sélectionner
Intitulé du lien
Image
Avatar de l’utilisateur
cabot
Equipe site
Equipe site
 
Messages: 26717
Enregistré le: 13 Fév 2011 à 19:42
Localisation: Rarement sur la plaque

Re: Créer un lien avec un titre sur une image (style Tecktonick )

Messagepar soielyne » 10 Avr 2016 à 19:00

Merci Cabot d'arriver encore une fois à la rescousse , dans mon idée , je comptais garder l'image et mettre à côté le nom du site .. Pareil pour mon blog ,mais à tout prendre j'étais partie pour retirer l'image comme tu me l'as suggéré
Sauf que je n'y arrive pas ..
Code: Tout sélectionner
li><a href="http://www.catherine-cavaya.com/" class="headerlinks" title="Site CATHERINE CAVAYA">"Site Catherine CAVAYA" </a></li>
		<li><a href="http://medivoy.canalblog.com/" class="headerlinks" title="BLOG">alt="LINK" title="BLOG"></a></li>
		<li><a href="#" class="headerlinks" title="Link"></a></li>
		<li><a href="#" class="headerlinks" title="Link"><img src="./styles/TeckToniK/theme/images/link.jpg" alt="Link"></a></li>
		<li><a href="#" class="headerlinks" title="Link"><img src="./styles/TeckToniK/theme/images/link.jpg" alt="Link"></a></li>

Quand on est nulle ... :mrgreen:
soielyne
Posteur néophyte
Posteur néophyte
 
Messages: 55
Enregistré le: 05 Nov 2010 à 21:15

Re: Créer un lien avec un titre sur une image (style Tecktonick )

Messagepar cabot » 11 Avr 2016 à 07:19

Remplace tout ton code par :
Code: Tout sélectionner
<li><a href="http://www.catherine-cavaya.com/" class="headerlinks">Site Catherine CAVAYA</a></li>
<li><a href="http://medivoy.canalblog.com/" class="headerlinks">Blog</a></li>

Ouvre tecktonik.css, trouve :
Code: Tout sélectionner
#header_menulinks a {
	font-size: 0;
}

Remplace par :
Code: Tout sélectionner
#header_menulinks a {
	background: url("./images/link.jpg") no-repeat;
	display: inline-block;
	padding-left: 68px;
}

:)
Image
Avatar de l’utilisateur
cabot
Equipe site
Equipe site
 
Messages: 26717
Enregistré le: 13 Fév 2011 à 19:42
Localisation: Rarement sur la plaque

Re: Créer un lien avec un titre sur une image (style Tecktonick )

Messagepar soielyne » 11 Avr 2016 à 17:52

Merci Cabot , mais je ne dois pas avoir bien compris :oops:
http://www.medivoy.fr/
soielyne
Posteur néophyte
Posteur néophyte
 
Messages: 55
Enregistré le: 05 Nov 2010 à 21:15

Re: Créer un lien avec un titre sur une image (style Tecktonick )

Messagepar cabot » 11 Avr 2016 à 18:01

Ouvre header_logo_menu_links.html
Supprime ces lignes qui ne servent pas :
Code: Tout sélectionner
		<li><a href="#" class="headerlinks" title="Link"></a></li>
		<li><a href="#" class="headerlinks" title="Link"><img src="{T_THEME_PATH}/images/link.jpg" alt="Link"></a></li>
		<li><a href="#" class="headerlinks" title="Link"><img src="{T_THEME_PATH}/images/link.jpg" alt="Link"></a></li>

Si tu veux ajouter un lien, construis-le comme ça :
Code: Tout sélectionner
<li><a href="url-du-lien" class="headerlinks">Intitulé du lmien</a></li>

Et vide le cache, s'tout ^^
Image
Avatar de l’utilisateur
cabot
Equipe site
Equipe site
 
Messages: 26717
Enregistré le: 13 Fév 2011 à 19:42
Localisation: Rarement sur la plaque

Re: Créer un lien avec un titre sur une image (style Tecktonick )

Messagepar soielyne » 11 Avr 2016 à 20:43

je ne sais pas ce que tu en penses Cabot mais l'effet n'est pas terrible :cry:
soielyne
Posteur néophyte
Posteur néophyte
 
Messages: 55
Enregistré le: 05 Nov 2010 à 21:15

Re: Créer un lien avec un titre sur une image (style Tecktonick )

Messagepar cabot » 11 Avr 2016 à 20:56

Ah nan c'est pas terrible du tout, désolé, j'ai un peu la tête ailleurs en ce moment. :?

Remplace :
Code: Tout sélectionner
#header_menulinks a {
	background: url("./images/link.jpg") no-repeat;
	display: inline-block;
	padding-left: 68px;
}

par :
Code: Tout sélectionner
#header_menulinks a {
	background: url("./images/link.jpg") no-repeat;
	display: inline-block;
	padding-left: 26px 0 26px 68px;
}

N'hésite pas à me réorienter si ça ne convient pas.
Image
Avatar de l’utilisateur
cabot
Equipe site
Equipe site
 
Messages: 26717
Enregistré le: 13 Fév 2011 à 19:42
Localisation: Rarement sur la plaque

Re: Créer un lien avec un titre sur une image (style Tecktonick )

Messagepar soielyne » 12 Avr 2016 à 13:46

Cabot :cry: ....Ton avis personnel ? Ils font quoi les autres avec ce style pour mettre les liens .?

Bonne journée
soielyne
Posteur néophyte
Posteur néophyte
 
Messages: 55
Enregistré le: 05 Nov 2010 à 21:15

Re: Créer un lien avec un titre sur une image (style Tecktonick )

Messagepar cabot » 12 Avr 2016 à 14:07

Nan mais décidément, je t'ai encore fait faire une ânerie ! :|

Remplace padding-left: 26px 0 26px 68px; par padding: 26px 0 26px 68px;.

Purée c'est pas de bol ton sujet, j'ai pas arrêté de partir en sucette. :shock: :mrgreen:
Image
Avatar de l’utilisateur
cabot
Equipe site
Equipe site
 
Messages: 26717
Enregistré le: 13 Fév 2011 à 19:42
Localisation: Rarement sur la plaque

Re: Créer un lien avec un titre sur une image (style Tecktonick )

Messagepar soielyne » 12 Avr 2016 à 15:03

C'est presque parfait Cabot , je suis contente , juste pour avis et résolution si j'ai raison , la couleur de la police en blanc ce ne serait pas mieux ? Sinon on laisse comme cela ...

Aie , sur mon téléphone portable androïd ce n'est pas terrible l'image des liens "mange" la bannière..
soielyne
Posteur néophyte
Posteur néophyte
 
Messages: 55
Enregistré le: 05 Nov 2010 à 21:15

Re: Créer un lien avec un titre sur une image (style Tecktonick )

Messagepar cabot » 12 Avr 2016 à 18:18

Pour changer la couleur, ajoute color: #fff; dans cette règle :
Code: Tout sélectionner
#header_menulinks a {
	background: url("./images/link.jpg") no-repeat;
	display: inline-block;
	padding-left: 68px;
}

Pour le problème sur portable, trouve :
Code: Tout sélectionner
	#header_menulinks li {
		margin: 14px 0 0 14px;
	}

Ajoute après :
Code: Tout sélectionner
	#header_menulinks a {
		background-size: 30px auto;
		padding: 10px 0 10px 30px;
	}

C'est good ?
Image
Avatar de l’utilisateur
cabot
Equipe site
Equipe site
 
Messages: 26717
Enregistré le: 13 Fév 2011 à 19:42
Localisation: Rarement sur la plaque

Re: Créer un lien avec un titre sur une image (style Tecktonick )

Messagepar soielyne » 10 Fév 2017 à 08:46

Bonjour ,

Je n'étais pas revenue car j'avais laissé tomber provisoirement le forum, cette dernière manipulation était une totale catastrophe pour le style :mrgreen: et je l'ai retirée tout de suite , une autre idée afin que cela puisse mieux passer sur les téléphones mobiles ?

En passant il reste toujours visible la bannière Tectonik et je comprends moins encore pourquoi

Merci d'avance
soielyne
Posteur néophyte
Posteur néophyte
 
Messages: 55
Enregistré le: 05 Nov 2010 à 21:15

Re: Créer un lien avec un titre sur une image (style Tecktonick )

Messagepar cabot » 10 Fév 2017 à 08:50

On va arrêter le sujet ici car le style a une section de support dédiée, go faire ta demande là-bas. :wink:
Image
Avatar de l’utilisateur
cabot
Equipe site
Equipe site
 
Messages: 26717
Enregistré le: 13 Fév 2011 à 19:42
Localisation: Rarement sur la plaque


Retourner vers [3.1.x] 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 3 invités