Forum PHPBoost

• Index
Rss • Personnalisation graphique » [Réglé] Menu Horizontal Menu du Haut  1  2  »
juni0r
   Le 17/03/12 à 16h05 Citer      

Booster Minigun

Groupe: Membre

Sexe:
Inscrit le: 10/03/12
Messages: 26
Lieu: Sur mon PC
Bonjour à toutes et à tous,

Petite question concernant le menu du haut :
Mon profil - Messagerie Privée - Panneau d'administration etc.

Comment puis-je remplacer chaque lien par une image ? (sous forme de bouton)
J'ai tenté par le panneau d'admin, mais je ne suis pas certain que ce soit la bonne solution.

Une idée ?

Bien à vous,

J.
pm    
Visiteur
   Le 17/03/12 à 16h24 Citer      

Boosteur Inactif

Groupe: Visiteur

Sexe:


Bonjour.

Ouvre le fichier 'connect/templates/connect_mini.tpl'

Remplace chaque variable comme '{L_PRIVATE_PROFIL}' par des '<img src="chemindelimage/image.png" alt="" class="valign_middle" />
____________________
Allez, ce soir on mange Patrick :miam
   
juni0r
   Le 17/03/12 à 16h46 Citer      

Booster Minigun

Groupe: Membre

Sexe:
Inscrit le: 10/03/12
Messages: 26
Lieu: Sur mon PC
@Schyzo,

Salut,
Je jette un coup d’œil de suite,
Merci toi !
J.


J'ai du me louper....l'image du bouton, tu l'as met dans le dossier connect/templates/images/ ?

Pour le TPL : Code PHP :
<h5 class="sub_title">{L_PROFIL}</h5>
			</div>
			<div class="module_mini_contents" style="text-align:left;">
				<ul style="margin:0;padding:0;padding-left:4px;list-style-type:none;line-height:18px">
					<li><img src="{PATH_TO_ROOT}/templates/{THEME}/images/monprofil.png" alt="" class="valign_middle" /> <a 
 
href="{PATH_TO_ROOT}/member/member{U_USER_ID}" class="small_link">{L_PRIVATE_PROFIL}</a></li>
					<li><img src="{PATH_TO_ROOT}/templates/{THEME}/images/{IMG_PM}" class="valign_middle" alt="" /> <a href="{U_USER_PM}" 
 
class="small_link">{L_NBR_PM}</a>&nbsp;</li>


Merci pour ton aide,

J.



Edité par juni0r Le 17/03/12 à 16h56
pm    
juni0r
   Le 17/03/12 à 17h23 Citer      

Booster Minigun

Groupe: Membre

Sexe:
Inscrit le: 10/03/12
Messages: 26
Lieu: Sur mon PC
Comme j'ai fais un edit sur le précédent message, je me permet un petit UP...

;) J.
pm    
Visiteur
   Le 17/03/12 à 17h35 Citer      

Boosteur Inactif

Groupe: Visiteur

Sexe:


L'image, tu peux la mettre où tu veux mais il faudra modifier le chemin.
Sinon dans ce tpl il y a une particularité, c'est qu'il faut faire 2 fois les changements, pour le mode horizontal (dans le subheader ou header) et vertical (dans une colonne) .

Dis moi où est placé ton mini module 'connect' et où sont placées tes images et je te dégrossirai le truc ;)
____________________
Allez, ce soir on mange Patrick :miam
   
juni0r
   Le 17/03/12 à 17h42 Citer      

Booster Minigun

Groupe: Membre

Sexe:
Inscrit le: 10/03/12
Messages: 26
Lieu: Sur mon PC
Pour le mini module 'connect' il est placé sur sous entête.
Le dossier images et celui du dossier /connect/templates/images.

A ce propos, si je copie le dossier connect avec son contenu et que je le met dans me dossier templates/base/ est-il prioritaire ?

Merci...Encore ! ;)
pm    
Visiteur
   Le 17/03/12 à 17h47 Citer      

Boosteur Inactif

Groupe: Visiteur

Sexe:


Oui il sera prioritaire, mais il ne garde pas la même arborescence :
Dans le dossier 'modules' de ton thème tu créé un dossier 'connect'. Dedans tu mets le connect_mini.tpl, le css et le dossier 'images'.
Ensuite tu rafraichis le cache via l'admin et celui que tu auras placé dans ton thème sera prioritaire.

Je poste le code après.
____________________
Allez, ce soir on mange Patrick :miam
   
juni0r
   Le 17/03/12 à 17h52 Citer      

Booster Minigun

Groupe: Membre

Sexe:
Inscrit le: 10/03/12
Messages: 26
Lieu: Sur mon PC
Super, pour ça, c'est fait !
pm    
Visiteur
   Le 17/03/12 à 18h04 Citer      

Boosteur Inactif

Groupe: Visiteur

Sexe:


Alors, remplace ton connect_mini.tpl par ça :

Code TPL :
	# IF C_VERTICAL #
		# IF C_USER_NOTCONNECTED #		
		<script type="text/javascript">
		<!--
		function check_connect()
		{
			return checkForms(new Array(
				'login', "{L_REQUIRE_PSEUDO}", 
				'password', "{L_REQUIRE_PASSWORD}"
			));
		}
		-->
		</script>
 
		<form action="{U_CONNECT}" method="post" onsubmit="return check_connect();">
		<div class="module_mini_container">
			<div class="module_mini_top">
				<h5 class="sub_title">{L_CONNECT}</h5>
			</div>
			<div class="module_mini_contents">
				<p>
					<label>{L_PSEUDO}
					<br />
					<input size="15" type="text" class="text" id="login" name="login" maxlength="25" /></label>
					<br />
					<label>{L_PASSWORD}
					<br />
					<input size="15" type="password" id="password" name="password" class="text" maxlength="30" /></label>
					<br />
					<label>{L_AUTOCONNECT} <input checked="checked" type="checkbox" name="auto" /></label>
				</p>
				<p>
					<input type="hidden" name="token" value="{TOKEN}" />
					<input type="submit" name="connect" value="{L_CONNECT}" class="submit" />
				</p>
				<p style="margin:0;margin-top:5px;">
					# IF C_USER_REGISTER # 
					<a class="small_link" href="{PATH_TO_ROOT}/member/register.php"><img src="{PATH_TO_ROOT}/templates/{THEME}/images/register_mini.png" alt="" class="valign_middle" /> {L_REGISTER}</a> 
					# ENDIF #
					<br />
					<a class="small_link" href="{PATH_TO_ROOT}/member/forget.php"><img src="{PATH_TO_ROOT}/templates/{THEME}/images/forget_mini.png" alt="" class="valign_middle" /> {L_FORGOT_PASS}</a>
				</p>
			</div>		
			<div class="module_mini_bottom">
			</div>
		</div>				
		</form>	
		# ENDIF #		
 
		# IF C_USER_CONNECTED #		
		<div class="module_mini_container">
			<div class="module_mini_top">
				<h5 class="sub_title">{L_PROFIL}</h5>
			</div>
			<div class="module_mini_contents" style="text-align:left;">
				<ul style="margin:0;padding:0;padding-left:4px;list-style-type:none;line-height:18px">
					<li><img src="{PATH_TO_ROOT}/templates/{THEME}/images/admin/members_mini.png" alt="" class="valign_middle" /> <a href="{PATH_TO_ROOT}/member/member{U_USER_ID}" class="small_link">{L_PRIVATE_PROFIL}</a></li>
					<li><img src="{PATH_TO_ROOT}/templates/{THEME}/images/{IMG_PM}" class="valign_middle" alt="" /> <a href="{U_USER_PM}" class="small_link">{L_NBR_PM}</a>&nbsp;</li>
 
					# IF C_ADMIN_AUTH # 
					<li><img src="{PATH_TO_ROOT}/templates/{THEME}/images/admin/ranks_mini.png" alt="" class="valign_middle" /> <a href="{PATH_TO_ROOT}/admin/admin_index.php" class="small_link">{L_ADMIN_PANEL}
						# IF C_UNREAD_ALERT #
							({NUMBER_UNREAD_ALERTS})
						# ENDIF #
					</a></li> 
					# ENDIF #
 
					# IF C_MODERATOR_AUTH # 
					<li><img src="{PATH_TO_ROOT}/templates/{THEME}/images/admin/modo_mini.png" alt="" class="valign_middle" /> <a href="{PATH_TO_ROOT}/member/moderation_panel.php" class="small_link">{L_MODO_PANEL}</a></li> 
					# ENDIF #
 
					# IF C_UNREAD_CONTRIBUTION #
						# IF C_KNOWN_NUMBER_OF_UNREAD_CONTRIBUTION #
							<li><img src="{PATH_TO_ROOT}/templates/{THEME}/images/contribution_panel_mini_new.gif" alt="" class="valign_middle" /> <a href="{PATH_TO_ROOT}/member/contribution_panel.php" class="small_link">{L_CONTRIBUTION_PANEL} ({NUM_UNREAD_CONTRIBUTIONS})</a></li> 
						# ELSE #
							<li><img src="{PATH_TO_ROOT}/templates/{THEME}/images/contribution_panel_mini_new.gif" alt="" class="valign_middle" /> <a href="{PATH_TO_ROOT}/member/contribution_panel.php" class="small_link">{L_CONTRIBUTION_PANEL}</a></li> 
						# ENDIF #
					# ELSE #
						<li><img src="{PATH_TO_ROOT}/templates/{THEME}/images/contribution_panel_mini.png" alt="" class="valign_middle" /> <a href="{PATH_TO_ROOT}/member/contribution_panel.php" class="small_link">{L_CONTRIBUTION_PANEL}</a></li> 
					# ENDIF #
 
					<li><img src="{PATH_TO_ROOT}/templates/{THEME}/images/admin/home_mini.png" alt="" class="valign_middle" /> <a href="{U_DISCONNECT}" class="small_link">{L_DISCONNECT}</a></li>
				</ul>
			</div>
			<div class="module_mini_bottom">
			</div>
		</div>
		# ENDIF #
	# ELSE #
		# IF C_USER_NOTCONNECTED #	
		<script type="text/javascript">
		<!--
		function check_connect(){
			if(document.getElementById('login').value == "") {
				alert("{L_REQUIRE_PSEUDO}");
				return false;
			}
			if(document.getElementById('password').value == "") {
				alert("{L_REQUIRE_PASSWORD}");
				return false;
			}
			return true;
		}
 
		-->
		</script>
 
		<div style="float:right;margin-right:8px;">
			<form action="{U_CONNECT}" method="post" onsubmit="return check_connect();" style="text-align:right;display:inline;">
				<p style="display:inline"><input size="15" type="text" id="login" name="login" value="{L_PSEUDO}" class="connect_form" onfocus="if( this.value == '{L_PSEUDO}' ) this.value = '';" maxlength="25" />
				<input size="15" type="password" id="password" name="password" class="connect_form" value="******" onfocus="if( this.value == '******' ) this.value = '';" maxlength="30" />
				<input checked="checked" type="checkbox" name="auto" />
				<input type="submit" name="connect" value="{L_CONNECT}" class="submit" /></p>
			</form>
 
			# IF C_USER_REGISTER #
			<form action="{U_REGISTER}" method="post" style="display:inline;">
				<p style="display:inline"><input type="submit" name="register" value="{L_REGISTER}" class="submit" /></p>
			</form>
			# ENDIF #
		</div>
		# ENDIF #		
 
		# IF C_USER_CONNECTED #
		<p style="text-align:right;color:#FFFFFF;">
			<a href="{PATH_TO_ROOT}/member/member{U_USER_ID}" class="small_link"><img src="{PATH_TO_ROOT}/templates/{THEME}/modules/connect/images/monprofil.png" alt="" class="valign_middle" /></a>&nbsp;
			<a href="{U_USER_PM}" class="small_link"><img src="{PATH_TO_ROOT}/templates/{THEME}/modules/connect/images/messagerie.png" alt="" class="valign_middle" /></a>&nbsp;
 
			# IF C_ADMIN_AUTH #
				<a href="{PATH_TO_ROOT}/admin/admin_index.php" class="small_link"><img src="{PATH_TO_ROOT}/templates/{THEME}/modules/connect/images/panneauadmin.png" alt="" class="valign_middle" /> # IF C_UNREAD_ALERT # ({NUMBER_UNREAD_ALERTS}) # ENDIF # </a>&nbsp; 
			# ENDIF #
 
			# IF C_UNREAD_CONTRIBUTION #
				# IF C_KNOWN_NUMBER_OF_UNREAD_CONTRIBUTION #
					<a href="{PATH_TO_ROOT}/member/contribution_panel.php" class="small_link"><img src="{PATH_TO_ROOT}/templates/{THEME}/modules/connect/images/panneaucontribution.png" alt="" class="valign_middle" /> ({NUM_UNREAD_CONTRIBUTIONS})</a>&nbsp;
				# ELSE #
					<a href="{PATH_TO_ROOT}/member/contribution_panel.php" class="small_link"><img src="{PATH_TO_ROOT}/templates/{THEME}/modules/connect/images/panneaucontribution.png" alt="" class="valign_middle" /></a>&nbsp;
				# ENDIF #
			# ELSE #
				<a href="{PATH_TO_ROOT}/member/contribution_panel.php" class="small_link"><img src="{PATH_TO_ROOT}/templates/{THEME}/modules/connect/images/panneaucontribution.png" alt="" class="valign_middle" /></a>&nbsp;
			# ENDIF #
 
			<a href="{U_DISCONNECT}" class="small_link"><img src="{PATH_TO_ROOT}/templates/{THEME}/modules/connect/images/sedeconnecter.png" alt="" class="valign_middle" /></a>
			&nbsp;&nbsp;&nbsp;
		</p>
		# ENDIF #
	# ENDIF #


Dans le code, remplace les noms des images par ce que tu veux. Elles se trouvent en fin de ligne, de la ligne 126 à 143 (les .png).

Il faudra mettre les images dans '/{THEME}/modules/connect/images/'

Inconvénient : tu perds l'affichage des nouveaux messages :/
____________________
Allez, ce soir on mange Patrick :miam
   
juni0r
   Le 17/03/12 à 18h17 Citer      

Booster Minigun

Groupe: Membre

Sexe:
Inscrit le: 10/03/12
Messages: 26
Lieu: Sur mon PC
Merci Schyzo,

Je te tiens au courant, ;)

PS : Il y a un editeur pour les .TPL ?
bloc note, c'est pas super...



Edité par juni0r Le 17/03/12 à 18h18
pm    
55 Escape
   Le 17/03/12 à 18h19 Citer      

Booster Missile

Equipe Rédaction

Sexe:
Inscrit le: 12/04/11
Messages: 1065
Lieu: Paris
Notepad ++ : http://notepad-plus-plus.org/fr/

Il me semble que tu puisse les colorer aussi :)
____________________
N'oubliez pas de mettre vos sujets en réglé, en éditant votre premier message et en cliquant sur l’icône en bas, lorsque le problème est résolu !
pm Escape-RATM@hotmail.fr    
Visiteur
   Le 17/03/12 à 18h31 Citer      

Boosteur Inactif

Groupe: Visiteur

Sexe:


+1, Notepad ++ est très bien.
Une fois que tu as ouvert ton TPL, tu vas dans le menu en haut, 'Langage' > 'H' > 'HTML' ;)
____________________
Allez, ce soir on mange Patrick :miam
   
juni0r
   Le 17/03/12 à 18h33 Citer      

Booster Minigun

Groupe: Membre

Sexe:
Inscrit le: 10/03/12
Messages: 26
Lieu: Sur mon PC
@55 Escape,
Salut,
J'ai l'ai, mais pas mal d'erreur lors du chargement d'un TPL, à suivre.

NB : Question avant de mettre le post en sujet réglé: Je suis entrain de réaliser un thème pour phpboost, à qui dois-je m'adresser pour qu'il soit mis en ligne ? (S'il est fonctionnel et qu'il plaît)...

pm    
Visiteur
   Le 17/03/12 à 18h38 Citer      

Boosteur Inactif

Groupe: Visiteur

Sexe:


Des erreurs sur Notepad ++ ?Tu es bien le premier XD

Pour ajouter ton thème, il faut le soumettre à validation via ton panneau de contribution, à droite de 'Messagerie Privée'.
Ensuite l'équipe s'occupera de sa validation.
____________________
Allez, ce soir on mange Patrick :miam
   
juni0r
   Le 17/03/12 à 18h44 Citer      

Booster Minigun

Groupe: Membre

Sexe:
Inscrit le: 10/03/12
Messages: 26
Lieu: Sur mon PC
Citation:
Des erreurs sur Notepad ++ ?Tu es bien le premier XD

Tu m'as donné al réponse plus haut, H > HTML ;)

Ok pour la contribution,
Je peux créer un post et le mettre en téléchargement sur le forum pour des tests utilisateurs ?
Avant de le proposer ?

Merci, J.
pm    
Rss • Personnalisation graphique » [Réglé] Menu Horizontal Menu du Haut  1  2  »  
• Index
1 Utilisateur en ligne :: 0 Administrateur, 0 Modérateur, 0 Membre et 1 Visiteur
Utilisateur en ligne: Aucun membre connecté
Répondre
Vous n'êtes pas autorisé à écrire dans cette catégorie
Annonces