[Réglé] [recenttopics 2.2.0-RC2] modifier hauteur des lignes

Support pour n'importe quelle extension non présente dans notre base de données
Aucune demande de personnalisation des extensions n'est autorisée.

Modérateur: Equipe

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

Merci de mettre le nom de l'extension ainsi que sa version entre crochets, et un titre explicite afin de faciliter la recherche.
Exemple : [nom de l'extension + numéro de version] Titre explicite résumant le problème

Le lien de téléchargement de l'extension est demandé pour toute demande de support.

Aucune demande de personnalisation des extensions n'est autorisée.
Partager sur FacebookPartager sur TwitterPartager sur Google+

[Réglé] [recenttopics 2.2.0-RC2] modifier hauteur des lignes

Messagepar chantal » 16 Mar 2017 à 14:43

Bonjour,

Je voudrais modifier la hauteur des lignes de mon bloc sujets récents

Comment faire?

Merci

Chantal
Modifié en dernier par chantal le 20 Mar 2017 à 15:21, modifié 1 fois.
chantal
Maître-posteur
Maître-posteur
 
Messages: 490
Enregistré le: 31 Aoû 2011 à 21:39

Re: [recenttopics 2.2.0-RC2] modifier hauteur des lignes

Messagepar cabot » 16 Mar 2017 à 20:44

Hello,

Pourquoi poster le sujet dans cette section alors que la demande concerne la modification d'une extension ?

Votre sujet a été déplacé par un membre de l'équipe.
Origine : modifs de styles 3.2

Ajoute une classe sur la liste ul dans le fichier recent_topics_body_topbottom.html du répertoire du style perso de l'extension.
Code: Tout sélectionner
<ul class="topiclist topics missing-column uneclasse">

Et déclare ça dans le CSS :
Code: Tout sélectionner
.uneclasse dl.row-item dt, .uneclasse dl.row-item dd {
	min-height: auto;
}
Image
Avatar de l’utilisateur
cabot
Equipe site
Equipe site
 
Messages: 26741
Enregistré le: 13 Fév 2011 à 20:42
Localisation: Rarement sur la plaque

Re: [recenttopics 2.2.0-RC2] modifier hauteur des lignes

Messagepar chantal » 17 Mar 2017 à 10:41

cabot a écrit:Et déclare ça dans le CSS :
Code: Tout sélectionner
.uneclasse dl.row-item dt, .uneclasse dl.row-item dd {
	min-height: auto;
}


dans quel css?

/phpBB3/ext/paybas/recenttopics/styles/all/theme/recentopics.css?

ou

/phpBB3/styles/style_perso/theme/style_perso.css?

J'ai essayé les 2 ... mais sans changement..

en rajoutant:
Code: Tout sélectionner
.uneclasse dl.row-item dt, .uneclasse dl.row-item dd {
	min-height: auto;
}
chantal
Maître-posteur
Maître-posteur
 
Messages: 490
Enregistré le: 31 Aoû 2011 à 21:39

Re: [recenttopics 2.2.0-RC2] modifier hauteur des lignes

Messagepar cabot » 18 Mar 2017 à 09:01

Image


...


Rien, je ne vois rien.


Pour obtenir un support plus efficace, merci de préciser l'URL de votre forum.
Image
Avatar de l’utilisateur
cabot
Equipe site
Equipe site
 
Messages: 26741
Enregistré le: 13 Fév 2011 à 20:42
Localisation: Rarement sur la plaque

Re: [recenttopics 2.2.0-RC2] modifier hauteur des lignes

Messagepar chantal » 18 Mar 2017 à 12:20

voici le forum en question: j'ai réussi (avec votre aide) à réduire la largeur du bloc des sujets récents (cf), mais je n'y arrive pas pour la hauteur des lignes

http://xxxxxxxxxx.esy.es/phpBB3
Modifié en dernier par chantal le 20 Mar 2017 à 15:18, modifié 1 fois.
chantal
Maître-posteur
Maître-posteur
 
Messages: 490
Enregistré le: 31 Aoû 2011 à 21:39

Re: [recenttopics 2.2.0-RC2] modifier hauteur des lignes

Messagepar cabot » 19 Mar 2017 à 11:13

La classe uneclasse n'est pas retournée au navigateur dans le html, il faut vider le cache du forum.
Image
Avatar de l’utilisateur
cabot
Equipe site
Equipe site
 
Messages: 26741
Enregistré le: 13 Fév 2011 à 20:42
Localisation: Rarement sur la plaque

Re: [recenttopics 2.2.0-RC2] modifier hauteur des lignes

Messagepar chantal » 19 Mar 2017 à 15:15

cabot a écrit:La classe uneclasse n'est pas retournée au navigateur dans le html


Je ne comprends pas où et comment l'insérer, voici ce que j'ai fait mais je me doute bien que ce n'est pas ça

Code: Tout sélectionner
<!-- IF S_LOCATION_BOTTOM || S_LOCATION_TOP -->

<!--suppress ProblematicWhitespace -->
<a id="recent-topics"></a>
<!-- IF .pagination -->
<div class="action-bar">
	<div class="pagination">
		<!-- INCLUDE pagination.html -->
	</div>
</div>
<!-- ENDIF -->

<!-- BEGIN recent_topics -->
<!-- IF not recent_topics.S_TOPIC_TYPE_SWITCH and not recent_topics.S_FIRST_ROW -->
</ul>
</div>
</div>
<!-- ENDIF -->

<!-- IF recent_topics.S_FIRST_ROW or not recent_topics.S_TOPIC_TYPE_SWITCH -->
<div id="recent-topics-box" class="forabg recent-topics">
	<div class="inner">
		<ul class="topiclist">
			<li class="header">
				<dl class="row-item">
					<dt><div class="list-inner">{L_RECENT_TOPICS}</div></dt>
					<dd class="posts">{L_REPLIES}</dd>
					<dd class="views">{L_VIEWS}</dd>
					<dd class="lastpost"><span>{L_LAST_POST}</span></dd>
				</dl>
			</li>
		</ul>
		<ul class="topiclist topics">
			<!-- ENDIF -->
			<li class="row<!-- IF recent_topics.S_ROW_COUNT is even --> bg1<!-- ELSE --> bg2<!-- ENDIF --><!-- IF recent_topics.S_POST_GLOBAL --> global-announce<!-- ENDIF --><!-- IF recent_topics.S_POST_ANNOUNCE --> announce<!-- ENDIF --><!-- IF recent_topics.S_POST_STICKY --> sticky<!-- ENDIF --><!-- IF recent_topics.S_TOPIC_REPORTED --> reported<!-- ENDIF -->">
				<dl class="row-item {recent_topics.TOPIC_IMG_STYLE}">
					<dt<!-- IF recent_topics.TOPIC_ICON_IMG and S_TOPIC_ICONS --> style="background-image: url({T_ICONS_PATH}{recent_topics.TOPIC_ICON_IMG}); background-repeat: no-repeat;"<!-- ENDIF --> title="{recent_topics.TOPIC_FOLDER_IMG_ALT}">
					<!-- IF recent_topics.S_UNREAD_TOPIC and not S_IS_BOT --><a href="{recent_topics.U_NEWEST_POST}" class="icon-link"></a><!-- ENDIF -->
					<div class="list-inner">
						<!-- EVENT topiclist_row_prepend -->
						<!-- IF recent_topics.S_UNREAD_TOPIC and not S_IS_BOT --><a href="{recent_topics.U_NEWEST_POST}">
						<i class="icon fa-file fa-fw icon-red icon-md" aria-hidden="true"></i><span class="sr-only"></span>
						</a> <!-- ENDIF --><a href="{recent_topics.U_VIEW_TOPIC}" class="topictitle">{recent_topics.TOPIC_TITLE}</a>
						<!-- IF recent_topics.ATTACH_ICON_IMG --><i class="icon fa-paperclip fa-fw" aria-hidden="true"></i><!-- ENDIF -->
						<!-- IF recent_topics.S_TOPIC_UNAPPROVED or recent_topics.S_POSTS_UNAPPROVED --><a href="{recent_topics.U_MCP_QUEUE}">
						<i class="icon fa-question fa-fw icon-blue" aria-hidden="true"></i><span class="sr-only"></span></a>
						<!-- ENDIF -->
						<!-- IF recent_topics.S_TOPIC_DELETED --><a href="{recent_topics.U_MCP_QUEUE}"></a> this never shows up anyways<!-- ENDIF -->
						<!-- IF recent_topics.S_TOPIC_REPORTED --><a href="{recent_topics.U_MCP_REPORT}"><i class="icon fa-exclamation fa-fw icon-red" aria-hidden="true"></i><span class="sr-only"></span></a><!-- ENDIF --><br />

						<!-- IF not S_IS_BOT -->
						<div class="responsive-show" style="display: none;">
							{L_LAST_POST} {L_POST_BY_AUTHOR} {recent_topics.LAST_POST_AUTHOR_FULL} &laquo; <a href="{recent_topics.U_LAST_POST}" title="{L_GOTO_LAST_POST}">{recent_topics.LAST_POST_TIME}</a>
							<!-- IF recent_topics.S_POST_GLOBAL and FORUM_ID != recent_topics.FORUM_ID --><br />{L_POSTED} {L_IN} <a href="{recent_topics.U_VIEW_FORUM}">{recent_topics.FORUM_NAME}</a><!-- ENDIF -->
						</div>
						<!-- IF recent_topics.REPLIES --><span class="responsive-show left-box" style="display: none;">{L_REPLIES}{L_COLON} <strong>{recent_topics.REPLIES}</strong></span><!-- ENDIF -->
						<!-- ENDIF -->

						<!-- IF .recent_topics.pagination -->
						<div class="pagination">
							<ul>
								<!-- BEGIN pagination -->
								<!-- IF recent_topics.pagination.S_IS_PREV -->
								<!-- ELSEIF recent_topics.pagination.S_IS_CURRENT --><li class="active"><span>{recent_topics.pagination.PAGE_NUMBER}</span></li>
								<!-- ELSEIF recent_topics.pagination.S_IS_ELLIPSIS --><li class="ellipsis"><span>{L_ELLIPSIS}</span></li>
								<!-- ELSEIF recent_topics.pagination.S_IS_NEXT -->
								<!-- ELSE --><li><a href="{recent_topics.pagination.PAGE_URL}">{recent_topics.pagination.PAGE_NUMBER}</a></li>
								<!-- ENDIF -->
								<!-- END pagination -->
							</ul>
						</div>
						<!-- ENDIF -->

						<div class="responsive-hide">
							<!-- IF recent_topics.S_HAS_POLL -->{POLL_IMG} <!-- ENDIF -->
							{L_POST_BY_AUTHOR} {recent_topics.TOPIC_AUTHOR_FULL} &raquo; {recent_topics.FIRST_POST_TIME}
							<!-- IF recent_topics.S_POST_GLOBAL and FORUM_ID != recent_topics.FORUM_ID --> &raquo; {L_IN} <a href="{recent_topics.U_VIEW_FORUM}">{recent_topics.FORUM_NAME}</a>
							<!-- ELSEIF recent_topics.U_VIEW_FORUM and recent_topics.FORUM_NAME --> &raquo; {L_IN} <!-- BEGIN parent_forums --><a href="{recent_topics.parent_forums.U_VIEW_FORUM}">{recent_topics.parent_forums.FORUM_NAME}</a> &raquo; <!-- END parent_forums --><a href="{recent_topics.U_VIEW_FORUM}">{recent_topics.FORUM_NAME}</a><!-- ENDIF -->
						</div>

						<!-- EVENT topiclist_row_append -->
					</div>
					</dt>
					<dd class="posts">{recent_topics.REPLIES} <dfn>{L_REPLIES}</dfn></dd>
					<dd class="views">{recent_topics.VIEWS} <dfn>{L_VIEWS}</dfn></dd>
					<dd class="lastpost">
						<span><dfn>{L_LAST_POST} </dfn>{L_POST_BY_AUTHOR} {recent_topics.LAST_POST_AUTHOR_FULL}
						<!-- IF not S_IS_BOT --><a href="{recent_topics.U_LAST_POST}" title="{L_GOTO_LAST_POST}">
								<i class="icon fa-external-link-square fa-fw icon-lightgray icon-md" aria-hidden="true"></i>
								<span class="sr-only">{VIEW_LATEST_POST}</span>
							</a> <!-- ENDIF --><br />{recent_topics.LAST_POST_TIME}
						</span>
					</dd>
				</dl>
			</li>

			<!-- IF recent_topics.S_LAST_ROW -->
		</ul>
******************************************************************************************
		<ul class="topiclist topics missing-column uneclasse">
		</ul>
******************************************************************************************

	</div>
</div>
<!-- ENDIF -->

<!-- BEGINELSE -->
<div class="panel">
	<div class="inner">
		<strong>{L_NO_TOPICS}</strong>
	</div>
</div>
<!-- END recent_topics -->

<!-- IF .pagination and RT_LOCATION -->
<div class="action-bar">
	<div class="pagination">
		<!-- INCLUDE pagination.html -->
	</div>
</div>
<!-- ENDIF -->

<!-- ENDIF -->
chantal
Maître-posteur
Maître-posteur
 
Messages: 490
Enregistré le: 31 Aoû 2011 à 21:39

Re: [recenttopics 2.2.0-RC2] modifier hauteur des lignes

Messagepar cabot » 19 Mar 2017 à 20:35

Il ne faut pas ajouter une balise ul vide qui n'aura aucun effet hormis celui de rendre le code invalide, il suffit d'ajouter la classe sur la liste existante :
Code: Tout sélectionner
<ul class="topiclist topics missing-column">
Image
Avatar de l’utilisateur
cabot
Equipe site
Equipe site
 
Messages: 26741
Enregistré le: 13 Fév 2011 à 20:42
Localisation: Rarement sur la plaque

Re: [recenttopics 2.2.0-RC2] modifier hauteur des lignes

Messagepar chantal » 19 Mar 2017 à 21:54

Comme ça?

Code: Tout sélectionner
<ul class="topiclist topics missing-column .uneclasse dl.row-item dt, .uneclasse dl.row-item dd {
	min-height: auto;
}">
		
		</ul>
chantal
Maître-posteur
Maître-posteur
 
Messages: 490
Enregistré le: 31 Aoû 2011 à 21:39

Re: [recenttopics 2.2.0-RC2] modifier hauteur des lignes

Messagepar Mazeltof » 19 Mar 2017 à 22:42

'soir ici,

J'ai pas regardé en détail mais si tu mets une règle css dans le html ça ne peut pas fonctionner :roll:

cabot a écrit:Il ne faut pas ajouter une balise ul vide qui n'aura aucun effet hormis celui de rendre le code invalide,

je pense que cabot parlait de çette partie dans ton html:
chantal a écrit:
Code: Tout sélectionner
******************************************************************************************
		<ul class="topiclist topics missing-column uneclasse">
		</ul>
******************************************************************************************


cabot a écrit:il suffit d'ajouter la classe sur la liste existante :
Code: Tout sélectionner
<ul class="topiclist topics missing-column">

tu dois avoir ça un peu plus haut que ce que tu as ajouté dans ton html. quand tu y es, tu peux reprendre ici :wink:
Image Image Image
Avatar de l’utilisateur
Mazeltof
Resp. des graphistes
Resp. des graphistes
 
Messages: 2516
Enregistré le: 09 Mar 2009 à 23:02
Localisation: Arras

Re: [recenttopics 2.2.0-RC2] modifier hauteur des lignes

Messagepar chantal » 19 Mar 2017 à 23:16

Non je n'ai pas ça
J'ai

<ul class="topiclist">

En suivant ce que me dit Cabot, j'ai fait ceci:

chantal a écrit:Comme ça?
Code: Tout sélectionner
<ul class="topiclist topics missing-column .uneclasse dl.row-item dt, .uneclasse dl.row-item dd {
	min-height: auto;
}">
		
		</ul>
chantal
Maître-posteur
Maître-posteur
 
Messages: 490
Enregistré le: 31 Aoû 2011 à 21:39

Re: [recenttopics 2.2.0-RC2] modifier hauteur des lignes

Messagepar Mazeltof » 20 Mar 2017 à 12:27

chantal a écrit:Non je n'ai pas ça
et pourtant :
httpcoachsports26(1).jpg


chantal a écrit:En suivant ce que me dit Cabot, j'ai fait ceci:
ben non là tu ajoutes la règle css dans le html, ce n'est pas ce que dit cabot :roll:
cabot a écrit:Et déclare ça dans le CSS :


on va reprendre depuis le début :wink:
cabot a écrit:Ajoute une classe sur la liste ul dans le fichier recent_topics_body_topbottom.html du répertoire du style perso de l'extension.

trouve :
Code: Tout sélectionner
<ul class="topiclist topics missing-column">

remplace par :
Code: Tout sélectionner
<ul class="topiclist topics missing-column uneclasse">


cabot a écrit:déclare ça dans le CSS :
Code: Tout sélectionner
.uneclasse dl.row-item dt, .uneclasse dl.row-item dd {
	min-height: auto;
}

dans le fichier recenttopics.css de l'extension. ajoute à la fin :
Code: Tout sélectionner
.uneclasse dl.row-item dt, .uneclasse dl.row-item dd {
	min-height: auto;
}
Image Image Image
Avatar de l’utilisateur
Mazeltof
Resp. des graphistes
Resp. des graphistes
 
Messages: 2516
Enregistré le: 09 Mar 2009 à 23:02
Localisation: Arras

Re: [recenttopics 2.2.0-RC2] modifier hauteur des lignes

Messagepar chantal » 20 Mar 2017 à 14:09

Mazeltof a écrit:
chantal a écrit:Non je n'ai pas ça
et pourtant :
httpcoachsports26(1).jpg


Ok, à force de faire des essais je n'avais plus le bon fichier et n'avais pas pensé à récupérer celui en ligne

Mazeltof a écrit:on va reprendre depuis le début :wink:
cabot a écrit:Ajoute une classe sur la liste ul dans le fichier recent_topics_body_topbottom.html du répertoire du style perso de l'extension.

trouve :
Code: Tout sélectionner
<ul class="topiclist topics missing-column">

remplace par :
Code: Tout sélectionner
<ul class="topiclist topics missing-column uneclasse">


Je ne savais pas qu'il fallait remplacer puisqu'il était question d'ajouter.. je n'ai rien lu d'autre (désolée de tout découvrir dans ce langage)
Mazeltof a écrit:
cabot a écrit:déclare ça dans le CSS :
Code: Tout sélectionner
.uneclasse dl.row-item dt, .uneclasse dl.row-item dd {
	min-height: auto;
}

dans le fichier recenttopics.css de l'extension. ajoute à la fin :
Code: Tout sélectionner
.uneclasse dl.row-item dt, .uneclasse dl.row-item dd {
	min-height: auto;
}

Ca c'est bien ce que j'avais fait

Mais aucun changement, il faut que j'ajuste avec le
Code: Tout sélectionner
min-height: auto;
?

EDIT
En fait je me suis rendue compte que le nom d'un des utilisateurs est plus grand que les autres ce qui nécessite un retour à la ligne, donc une hauteur plus grande, automatiquement appliquée aux autres
J'ai diminué ce pseudo et tout marche bien!!

Merci !! Il me reste plus que mon bloc des sujets récents (qui devrait résoudre du même coup le problème des pseudos un peu longs)
chantal
Maître-posteur
Maître-posteur
 
Messages: 490
Enregistré le: 31 Aoû 2011 à 21:39


Retourner vers Support des extensions non présentes dans notre base de données

 


  • Articles en relation
    Réponses
    Vues
    Dernier message

Qui est en ligne

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