[Réglé] Changer les boutons editer citer avertir ....

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

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 !

[Réglé] Changer les boutons editer citer avertir ....

Messagepar frederic14 » 10 Mar 2017 à 22:13

Bonjour à tous
Suite à certaines modifs faites sur 3.1 ( voir topic message1620073.html?hilit=icone%20editer#p1620073l , j'aimerai savoir si c'est possible sous 3.2 vu que ses icones ne sont pas déclarés de la même façon.

Merci.
frederic14
Posteur expérimenté
Posteur expérimenté
 
Messages: 391
Enregistré le: 09 Sep 2012 à 14:18
Localisation: Caen (14)

Re: Changer les boutons editer citer avertir ....

Messagepar cabot » 11 Mar 2017 à 19:08

Hello,

Non, il est préférable d'ajouter des classes et de supprimer des balises dans le HTML pour éviter d'interférer avec d'autres éléments affichant la police d'icônes.

Ouvre viewtopic_body.html, trouve :
Code: Tout sélectionner
				<ul class="post-buttons">
					<!-- EVENT viewtopic_body_post_buttons_before -->
					<!-- IF postrow.U_DELETE -->
						<li>
							<a href="{postrow.U_DELETE}" title="{L_DELETE_POST}" class="button button-icon-only deletebutton">
								<i class="icon fa-times fa-fw" aria-hidden="true"></i><span class="sr-only">{L_DELETE_POST}</span>
							</a>
						</li>
					<!-- ENDIF -->
					<!-- IF postrow.U_EDIT -->
						<li>
							<a href="{postrow.U_EDIT}" title="{L_EDIT_POST}" class="button button-icon-only">
								<i class="icon fa-pencil fa-fw" aria-hidden="true"></i><span class="sr-only">{L_BUTTON_EDIT}</span>
							</a>
						</li>
					<!-- ENDIF -->
					<!-- IF postrow.U_REPORT -->
						<li>
							<a href="{postrow.U_REPORT}" title="{L_REPORT_POST}" class="button button-icon-only">
								<i class="icon fa-exclamation fa-fw" aria-hidden="true"></i><span class="sr-only">{L_REPORT_POST}</span>
							</a>
						</li>
					<!-- ENDIF -->
					<!-- IF postrow.U_WARN -->
						<li>
							<a href="{postrow.U_WARN}" title="{L_WARN_USER}" class="button button-icon-only">
								<i class="icon fa-exclamation-triangle fa-fw" aria-hidden="true"></i><span class="sr-only">{L_WARN_USER}</span>
							</a>
						</li>
					<!-- ENDIF -->
					<!-- IF postrow.U_INFO -->
						<li>
							<a href="{postrow.U_INFO}" title="{L_INFORMATION}" class="button button-icon-only">
								<i class="icon fa-info fa-fw" aria-hidden="true"></i><span class="sr-only">{L_INFORMATION}</span>
							</a>
						</li>
					<!-- ENDIF -->
					<!-- IF postrow.U_QUOTE -->
						<li>
							<a href="{postrow.U_QUOTE}" title="{L_REPLY_WITH_QUOTE}" class="button button-icon-only">
								<i class="icon fa-quote-left fa-fw" aria-hidden="true"></i><span class="sr-only">{L_QUOTE}</span>
							</a>
						</li>
					<!-- ENDIF -->
					<!-- EVENT viewtopic_body_post_buttons_after -->
				</ul>

Remplace par :
Code: Tout sélectionner
				<ul class="post-buttons">
					<!-- EVENT viewtopic_body_post_buttons_before -->
					<!-- IF postrow.U_DELETE -->
						<li>
							<a href="{postrow.U_DELETE}" title="{L_DELETE_POST}" class="icon-button delete-icon">
								<span class="sr-only">{L_DELETE_POST}</span>
							</a>
						</li>
					<!-- ENDIF -->
					<!-- IF postrow.U_EDIT -->
						<li>
							<a href="{postrow.U_EDIT}" title="{L_EDIT_POST}" class="icon-button edit-icon">
								<span class="sr-only">{L_BUTTON_EDIT}</span>
							</a>
						</li>
					<!-- ENDIF -->
					<!-- IF postrow.U_REPORT -->
						<li>
							<a href="{postrow.U_REPORT}" title="{L_REPORT_POST}" class="icon-button report-icon">
								<span class="sr-only">{L_REPORT_POST}</span>
							</a>
						</li>
					<!-- ENDIF -->
					<!-- IF postrow.U_WARN -->
						<li>
							<a href="{postrow.U_WARN}" title="{L_WARN_USER}" class="icon-button warn-icon">
								<span class="sr-only">{L_WARN_USER}</span>
							</a>
						</li>
					<!-- ENDIF -->
					<!-- IF postrow.U_INFO -->
						<li>
							<a href="{postrow.U_INFO}" title="{L_INFORMATION}" class="icon-button info-icon">
								</i><span class="sr-only">{L_INFORMATION}</span>
							</a>
						</li>
					<!-- ENDIF -->
					<!-- IF postrow.U_QUOTE -->
						<li>
							<a href="{postrow.U_QUOTE}" title="{L_REPLY_WITH_QUOTE}" class="icon-button quote-icon">
								<span class="sr-only">{L_QUOTE}</span>
							</a>
						</li>
					<!-- ENDIF -->
					<!-- EVENT viewtopic_body_post_buttons_after -->
				</ul>

Ouvre posting_topic_review.html, trouve :
Code: Tout sélectionner
			<ul class="post-buttons">
			<!-- IF topic_review_row.U_MCP_DETAILS -->
				<li>
					<a href="{topic_review_row.U_MCP_DETAILS}" title="{L_POST_DETAILS}" class="button button-icon-only">
						<i class="icon fa-info fa-fw" aria-hidden="true"></i><span class="sr-only">{L_POST_DETAILS}</span>
					</a>
				<li>
			<!-- ENDIF -->
			<!-- IF topic_review_row.POSTER_QUOTE and topic_review_row.DECODED_MESSAGE -->
				<li>
					<a href="#postingbox" onclick="addquote({topic_review_row.POST_ID}, '{topic_review_row.POSTER_QUOTE}', '{LA_WROTE}', {post_id:{topic_review_row.POST_ID},time:{topic_review_row.POST_TIME},user_id:{topic_review_row.USER_ID}});" title="{L_QUOTE} {topic_review_row.POST_AUTHOR}" class="button button-icon-only">
						<i class="icon fa-quote-left fa-fw" aria-hidden="true"></i><span class="sr-only">{L_QUOTE} {topic_review_row.POST_AUTHOR}</span>
					</a>
				</li>
			<!-- ENDIF -->
			</ul>

Remplace par :
Code: Tout sélectionner
			<ul class="post-buttons">
			<!-- IF topic_review_row.U_MCP_DETAILS -->
				<li>
					<a href="{topic_review_row.U_MCP_DETAILS}" title="{L_POST_DETAILS}" class="icon-button info-icon">
						<span class="sr-only">{L_POST_DETAILS}</span>
					</a>
				<li>
			<!-- ENDIF -->
			<!-- IF topic_review_row.POSTER_QUOTE and topic_review_row.DECODED_MESSAGE -->
				<li>
					<a href="#postingbox" onclick="addquote({topic_review_row.POST_ID}, '{topic_review_row.POSTER_QUOTE}', '{LA_WROTE}', {post_id:{topic_review_row.POST_ID},time:{topic_review_row.POST_TIME},user_id:{topic_review_row.USER_ID}});" title="{L_QUOTE} {topic_review_row.POST_AUTHOR}" class="icon-button quote-icon">
						<span class="sr-only">{L_QUOTE} {topic_review_row.POST_AUTHOR}</span>
					</a>
				</li>
			<!-- ENDIF -->
			</ul>

Ajoute à la fin de colours.css
Code: Tout sélectionner
/* http://forums.phpbb-fr.com/sujet209821.html
---------------------------------------- */
.icon-button {
    background: url("./images/icons_button_perso.png") no-repeat;
    height: 17px;
}

.dropdown-contents .icon-button {
    background: none;
    height: auto;
	width: auto;
}

.edit-icon {
	width: 41px;
}

.edit-icon:hover {
	background-position: 0 -21px;
}

.delete-icon {
	background-position: -48px 0;
	width: 53px;
}

.delete-icon:hover {
	background-position: -48px -21px;
}

.report-icon {
	background-position: -208px 0;
	width: 53px;
}

.report-icon:hover {
	background-position: -208px -21px;
}

.warn-icon {
	background-position: -264px 0;
	width: 45px;
}

.warn-icon:hover {
	background-position: -264px -21px;
}

.info-icon {
	background-position: -162px 0;
	width: 40px;
}

.info-icon:hover {
	background-position: -162px -21px;
}

.quote-icon {
	background-position: -105px 0;
	width: 53px;
}

.quote-icon:hover {
	background-position: -105px -21px;
}

Il faudra faire le même type d'ajustement pour les MP, bipe-nous si tu n'y arrives pas.
Image
Avatar de l’utilisateur
cabot
Equipe site
Equipe site
 
Messages: 26813
Enregistré le: 13 Fév 2011 à 19:42
Localisation: Rarement sur la plaque

Re: Changer les boutons editer citer avertir ....

Messagepar frederic14 » 12 Mar 2017 à 07:23

Merci Cabot, je fais des essais la semaine prochaine.
frederic14
Posteur expérimenté
Posteur expérimenté
 
Messages: 391
Enregistré le: 09 Sep 2012 à 14:18
Localisation: Caen (14)

Re: Changer les boutons editer citer avertir ....

Messagepar frederic14 » 18 Mar 2017 à 15:38

Bon, ça fonctionne pas.
Je n'ai que l'icone de share on.
Pourtant, quand j'inspecte la page, je les vois dans le code de la page.

Je n'ai pas voulu faire l'essai sous prosilver, je l'ai fait sous aero.

Exemple ici, j'ai laissé les modifs : http://www.fousdepeche.fr/forum32test/v ... 16afd3a6c9
Modifié en dernier par frederic14 le 18 Mar 2017 à 16:19, modifié 1 fois.
frederic14
Posteur expérimenté
Posteur expérimenté
 
Messages: 391
Enregistré le: 09 Sep 2012 à 14:18
Localisation: Caen (14)

Re: Changer les boutons editer citer avertir ....

Messagepar cabot » 18 Mar 2017 à 16:10

Un petit oubli de ma part :oops:

Trouve :
Code: Tout sélectionner
.icon-button {
    background: url("./images/icons_button_perso.png") no-repeat;
    height: 17px;
}

Ajoute display: inline-block;

Et un petit oubli de ta part :mrgreen:
Ajoute l'image icons_button_perso.png postée dans ce message.
Image
Avatar de l’utilisateur
cabot
Equipe site
Equipe site
 
Messages: 26813
Enregistré le: 13 Fév 2011 à 19:42
Localisation: Rarement sur la plaque

Re: Changer les boutons editer citer avertir ....

Messagepar frederic14 » 18 Mar 2017 à 16:23

Encore une fois, grand merci cabot

En fait maintenant, les icones apparaissent 20 secondes et sont remplacés par un menu deroulant. :cry:

Et je n'ai que les icones en anglais ....

Edit, Ok, vu les icônes sont trop large pour être affichés normalement.
Et j'avais copier le mauvais fichier pour les icones :oops: :oops:


Re edit
Trouvé, il faut modifier la valeur dans buttons.css
Code: Tout sélectionner
max-width: 40%;

en augmentant la valeur pour avoir plus de largeur.
Problème si le titre est long, on risque de chevaucher.


Re re : Sous prosilver c'est ps top ça se chevauche ou on voit un bout d'icone qui ne sert pas !!
frederic14
Posteur expérimenté
Posteur expérimenté
 
Messages: 391
Enregistré le: 09 Sep 2012 à 14:18
Localisation: Caen (14)

Re: Changer les boutons editer citer avertir ....

Messagepar cabot » 19 Mar 2017 à 10:02

frederic14 a écrit:Problème si le titre est long, on risque de chevaucher.

Non, les liens sont automatiquement affichés dans un menu déroulant à l'aide d'une fonction JS.

frederic14 a écrit:Re re : Sous prosilver c'est ps top ça se chevauche ou on voit un bout d'icone qui ne sert pas !!

Je ne comprends pas le projet, tu veux modifier prosilver pour qu'il ressemble à Aero ? :shock:
Autant utiliser Aero, non ? :mrgreen:
Image
Avatar de l’utilisateur
cabot
Equipe site
Equipe site
 
Messages: 26813
Enregistré le: 13 Fév 2011 à 19:42
Localisation: Rarement sur la plaque

Re: Changer les boutons editer citer avertir ....

Messagepar frederic14 » 19 Mar 2017 à 10:35

cabot a écrit:
frederic14 a écrit:Re re : Sous prosilver c'est ps top ça se chevauche ou on voit un bout d'icone qui ne sert pas !!

Je ne comprends pas le projet, tu veux modifier prosilver pour qu'il ressemble à Aero ? :shock:
Autant utiliser Aero, non ? :mrgreen:


Non, mais pour ses icones j'ai plein de retraités qui ne comprennent pas forcement l'informatique, donc je doit avoir un style adapté pour eux, et actuellement, je ne sais pas le quel je vais prendre. Donc je teste un peut voir ce qui donne le mieux.
frederic14
Posteur expérimenté
Posteur expérimenté
 
Messages: 391
Enregistré le: 09 Sep 2012 à 14:18
Localisation: Caen (14)

Re: Changer les boutons editer citer avertir ....

Messagepar frederic14 » 20 Mar 2017 à 11:56

Peux tu me dire quels fichiers modifier pour les mp s'il te plait, car je n'ai pas trouvé de fichier autre mentionnant des icônes dans mon style.
Merci
frederic14
Posteur expérimenté
Posteur expérimenté
 
Messages: 391
Enregistré le: 09 Sep 2012 à 14:18
Localisation: Caen (14)

Re: Changer les boutons editer citer avertir ....

Messagepar Mazeltof » 24 Mar 2017 à 10:15

'jour ici,

ça doit être le fichier ucp_pm_viewmessage.html :wink:
Image Image Image
Avatar de l’utilisateur
Mazeltof
Resp. des graphistes
Resp. des graphistes
 
Messages: 2974
Enregistré le: 09 Mar 2009 à 22:02
Localisation: Arras

Re: Changer les boutons editer citer avertir ....

Messagepar frederic14 » 24 Mar 2017 à 10:36

Oui, c'est ce que je pensais, mais l'auteur du style ne l'a pas mis, il utilise la fonction de prosilver.
Donc, je pense qu'il faut que je copie le fichier dans le style pour y faire les modifs ?
frederic14
Posteur expérimenté
Posteur expérimenté
 
Messages: 391
Enregistré le: 09 Sep 2012 à 14:18
Localisation: Caen (14)

Re: Changer les boutons editer citer avertir ....

Messagepar Mazeltof » 24 Mar 2017 à 11:04

Exactement :wink:

Lorsque tu veux modifier un fichier html non présent dans ton style enfant, il faut le copier du style parent vers le style enfant et modifier cette copie.
Image Image Image
Avatar de l’utilisateur
Mazeltof
Resp. des graphistes
Resp. des graphistes
 
Messages: 2974
Enregistré le: 09 Mar 2009 à 22:02
Localisation: Arras

Re: Changer les boutons editer citer avertir ....

Messagepar frederic14 » 25 Mar 2017 à 21:06

Merci.
Donc, j'ai remplacé :
Code: Tout sélectionner
<ul class="post-buttons">
			<!-- EVENT ucp_pm_viewmessage_post_buttons_before -->
			<!-- IF U_EDIT -->
				<li>
					<a href="{U_EDIT}" title="{L_POST_EDIT_PM}" class="button icon-button edit-icon"><span>{L_POST_EDIT_PM}</span></a>
				</li>
			<!-- ENDIF -->
			<!-- IF U_DELETE -->
				<li>
					<a href="{U_DELETE}" title="{L_DELETE_MESSAGE}" class="button icon-button delete-icon"><span>{L_DELETE_MESSAGE}</span></a>
				</li>
			<!-- ENDIF -->
			<!-- IF U_REPORT -->
				<li>
					<a href="{U_REPORT}" title="{L_REPORT_PM}" class="button icon-button report-icon"><span>{L_REPORT_PM}</span></a>
				</li>
			<!-- ENDIF -->
			<!-- IF U_QUOTE -->
				<li>
					<a href="{U_QUOTE}" title="{L_POST_QUOTE_PM}" class="button icon-button quote-icon"><span>{L_POST_QUOTE_PM}</span></a>
				</li>
			<!-- ENDIF -->
			<!-- EVENT ucp_pm_viewmessage_post_buttons_after -->
		</ul>


Par :
Code: Tout sélectionner
<ul class="post-buttons">
			<!-- EVENT ucp_pm_viewmessage_post_buttons_before -->
			<!-- IF U_EDIT -->
				<l<li>
							<a href="{postrow.U_EDIT}" title="{L_EDIT_POST}" class="icon-button edit-icon">
								<span class="sr-only">{L_BUTTON_EDIT}</span>
							</a>
						</li>
			<!-- ENDIF -->
			<!-- IF U_DELETE -->
				<li>
							<a href="{postrow.U_DELETE}" title="{L_DELETE_POST}" class="icon-button delete-icon">
								<span class="sr-only">{L_DELETE_POST}</span>
							</a>
						</li>
			<!-- ENDIF -->
			<!-- IF U_REPORT -->
				<li>
							<a href="{postrow.U_REPORT}" title="{L_REPORT_POST}" class="icon-button report-icon">
								<span class="sr-only">{L_REPORT_POST}</span>
							</a>
						</li>
			<!-- ENDIF -->
			<!-- IF U_QUOTE -->
				<li>
							<a href="{postrow.U_QUOTE}" title="{L_REPLY_WITH_QUOTE}" class="icon-button quote-icon">
								<span class="sr-only">{L_QUOTE}</span>
							</a>
						</li>
			<!-- ENDIF -->
			<!-- EVENT ucp_pm_viewmessage_post_buttons_after -->
		</ul>


Vidé le cash du forum et du navigateur ( ctrl + f5 )
Ok mais il reste des quote
Donc il y a aussi ucp_pm_history.html
Mais je ne suis pas sur de la modif de cette partie du code
Code: Tout sélectionner
<ul class="post-buttons">
				<!-- EVENT ucp_pm_history_post_buttons_before -->
				<!-- IF history_row.U_QUOTE or history_row.MESSAGE_AUTHOR_QUOTE -->
				<li>
					<a <!-- IF history_row.U_QUOTE -->href="{history_row.U_QUOTE}"<!-- ELSE -->href="#postingbox" onclick="addquote({history_row.MSG_ID}, '{history_row.MESSAGE_AUTHOR_QUOTE}', '{LA_WROTE}');"<!-- ENDIF --> title="{L_QUOTE} {history_row.MESSAGE_AUTHOR}" class="button icon-button quote-icon">
						<span>{L_QUOTE} {history_row.MESSAGE_AUTHOR}</span>
					</a>
				</li>
				<!-- ENDIF -->
				<!-- EVENT ucp_pm_history_post_buttons_after -->
			</ul>
frederic14
Posteur expérimenté
Posteur expérimenté
 
Messages: 391
Enregistré le: 09 Sep 2012 à 14:18
Localisation: Caen (14)

Re: Changer les boutons editer citer avertir ....

Messagepar frederic14 » 26 Mar 2017 à 11:15

Apres plusieurs essais, j'ai enfin trouvé

Code: Tout sélectionner
<ul class="post-buttons">
				<!-- EVENT ucp_pm_history_post_buttons_before -->
				<!-- IF history_row.U_QUOTE or history_row.MESSAGE_AUTHOR_QUOTE -->
				<li>
					<a <!-- IF history_row.U_QUOTE -->href="{history_row.U_QUOTE}"<!-- ELSE -->href="#postingbox" onclick="addquote({history_row.MSG_ID}, '{history_row.MESSAGE_AUTHOR_QUOTE}', '{LA_WROTE}');"<!-- ENDIF --> title="{L_QUOTE} {history_row.MESSAGE_AUTHOR}" class="icon-button quote-icon">
						<span class="sr-only">{L_QUOTE} {history_row.MESSAGE_AUTHOR}</span>
					</a>
				</li>
				<!-- ENDIF -->
				<!-- EVENT ucp_pm_history_post_buttons_after -->
			</ul>
frederic14
Posteur expérimenté
Posteur expérimenté
 
Messages: 391
Enregistré le: 09 Sep 2012 à 14:18
Localisation: Caen (14)

Re: Changer les boutons editer citer avertir ....

Messagepar Mazeltof » 26 Mar 2017 à 11:32

'jour ici,

Tu as testé ?
Image Image Image
Avatar de l’utilisateur
Mazeltof
Resp. des graphistes
Resp. des graphistes
 
Messages: 2974
Enregistré le: 09 Mar 2009 à 22:02
Localisation: Arras

Suivante

Retourner vers [3.2.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 1 invité