[Réglé] Modification de style - fusion de colonnes - index

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é] Modification de style - fusion de colonnes - index

Messagepar ninouee » 16 Sep 2018 à 12:25

Bonjour à tous,

Je suis fan depuis toujours de la fusion de colonne. Mon style perso en bénéficie déjà comme vous pouvez en juger ici https://ddstv.fr/forum/

Toutefois, j'ai besoin d'aller plus loin afin de "gagner" de la largeur pour la partie présentation de forum.

En effet, je cherche à intégrer les éléments {forumrow.TOPICS} {L_TOPICS} / {forumrow.POSTS} {L_POSTS} dans la colonne "Derniers messages".
Mon idée serait de placer les informations du nombre de sujet / messages juste au dessus du nom du dernier sujet.

Le but étant de récupérer la largeur de la colonne "Statistiques" pour la donner à la colonne présentation du forum.
Pour faire simple, ça donnerait cela http://animalinside.forumactif.com/

J'ai fait des test sur wamp serveur. J'ai réussi à enlever ma colonne et mettre les statistiques au bon endroit. Mais ça ne marche pas dans tous les cas.

Et je ne sais pas comment changer la taille des colonne.

Est-ce que cela pourrait poser problème avec le responsive?

Merci à vous.
Modifié en dernier par ninouee le 14 Oct 2018 à 16:52, modifié 1 fois.
Avatar de l’utilisateur
ninouee
Posteur expérimenté
Posteur expérimenté
 
Messages: 334
Enregistré le: 22 Nov 2009 à 21:12

Re: Modification de style - fusion de colonnes - index

Messagepar Mazeltof » 27 Sep 2018 à 19:25

'jour ici,

Donne nous les modifs que tu as apporté, j'essaierai d'y jetter un oeil ces jours ci.
Si ça pose soucis pour le responsive, tu peux ajouter des règles pour corriger :wink:
Image Image Image
Avatar de l’utilisateur
Mazeltof
Resp. des graphistes
Resp. des graphistes
 
Messages: 2784
Enregistré le: 09 Mar 2009 à 23:02
Localisation: Arras

Re: Modification de style - fusion de colonnes - index

Messagepar Mazeltof » 06 Oct 2018 à 18:09

'jour ici,

Si tu as suivi cet exemple pour fusionner tes deux premières colonnes, tu peux, par exemple, adapter la même technique pour n'en avoir qu'une. :wink:

Dans forumlist_body.html.
trouve (vers la ligne 14) :
Code: Tout sélectionner
			<ul class="topiclist">

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

trouve (vers la ligne 19) :
Code: Tout sélectionner
						<dd class="topics">{L_TOPICS}</dd>
						<dd class="posts">{L_POSTS}</dd>
						<dd class="lastpost"><span>{L_LAST_POST}</span></dd>

remplace par :
Code: Tout sélectionner
						<dd class="topics">{L_STATISTICS}</dd>

trouve (vers la ligne 26) :
Code: Tout sélectionner
			<ul class="topiclist forums">

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

trouve (vers la ligne 79) :
Code: Tout sélectionner
					<dd class="topics">{forumrow.TOPICS} <dfn>{L_TOPICS}</dfn></dd>
					<dd class="posts">{forumrow.POSTS} <dfn>{L_POSTS}</dfn></dd>
					<dd class="lastpost">

remplace: par :
Code: Tout sélectionner
					<dd class="topics">{forumrow.TOPICS} {L_TOPICS} &bull; {forumrow.POSTS} {L_POSTS}<br>


Dans viewforum_body.html.
trouve (vers la ligne 142) :
Code: Tout sélectionner
		<ul class="topiclist">

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

trouve (vers la ligne 146) :
Code: Tout sélectionner
					<dd class="posts">{L_REPLIES}</dd>
					<dd class="views">{L_VIEWS}</dd>
					<dd class="lastpost"><span>{L_LAST_POST}</span></dd>

remplace: par :
Code: Tout sélectionner
					<dd class="posts">{L_STATISTICS}</dd>

trouve (vers la ligne 152) :
Code: Tout sélectionner
		<ul class="topiclist topics">

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

trouve (vers la ligne 223) :
Code: Tout sélectionner
				<dd class="posts">{topicrow.REPLIES} <dfn>{L_REPLIES}</dfn></dd>
				<dd class="views">{topicrow.VIEWS} <dfn>{L_VIEWS}</dfn></dd>
				<dd class="lastpost">

remplace: par :
Code: Tout sélectionner
				<dd class="posts">{topicrow.REPLIES} {L_REPLIES} &bull; {topicrow.VIEWS} {L_VIEWS}<br>


Dans ddstv.css
Ajoute :
Code: Tout sélectionner
dd.posts, dd.topics {
    width: 200px;
    text-align: center;
    line-height: 2em;
    font-size: 1em;
	float: right;
}
ul.topiclist.missing-column dt {
    margin-right: -200px;
}
ul.topiclist.missing-column dt .list-inner {
    margin-right: 200px;
}
@media (max-width: 700px) {
	ul.topiclist.missing-column dt {
		margin-right: 0;
	}
	ul.topiclist.missing-column dt .list-inner {
		margin-right: 0;
	}
}
Image Image Image
Avatar de l’utilisateur
Mazeltof
Resp. des graphistes
Resp. des graphistes
 
Messages: 2784
Enregistré le: 09 Mar 2009 à 23:02
Localisation: Arras

Re: Modification de style - fusion de colonnes - index

Messagepar ninouee » 06 Oct 2018 à 20:06

Bonjour Mazeltof

Je te remercie pour toutes ce explications. Je n'ai pas eu le temps de te répondre avant car j'ai beaucoup de boulot à la maison. Les travaux lol :D

Ma modification correspond légèrement à l'exemple que tu mentionnes et je vais largement pouvoir m'aider de ce que tu me montre.
Je ne sais pas quand je vais pouvoir le faire car nous somme en pleine construction de garage.

Dès que j'ai un résultat je te tiens au courant. Je te remercie énormément.
Avatar de l’utilisateur
ninouee
Posteur expérimenté
Posteur expérimenté
 
Messages: 334
Enregistré le: 22 Nov 2009 à 21:12

Re: Modification de style - fusion de colonnes - index

Messagepar Mazeltof » 07 Oct 2018 à 19:07

'soir ici,

Prend ton temps, il n'y a pas d'urgences :P
Image Image Image
Avatar de l’utilisateur
Mazeltof
Resp. des graphistes
Resp. des graphistes
 
Messages: 2784
Enregistré le: 09 Mar 2009 à 23:02
Localisation: Arras

Re: Modification de style - fusion de colonnes - index

Messagepar ninouee » 14 Oct 2018 à 16:52

Bonsoir

J'ai retravaillé mon code selon tes indications c'est parfait!

Je vais pouvoir poursuivre mes modifications.

Tu es génial. Merci :D
Avatar de l’utilisateur
ninouee
Posteur expérimenté
Posteur expérimenté
 
Messages: 334
Enregistré le: 22 Nov 2009 à 21:12

Re: Modification de style - fusion de colonnes - index

Messagepar Mazeltof » 14 Oct 2018 à 21:36

'soir ici.

Content que ça te convienne :wink:
Image Image Image
Avatar de l’utilisateur
Mazeltof
Resp. des graphistes
Resp. des graphistes
 
Messages: 2784
Enregistré le: 09 Mar 2009 à 23:02
Localisation: Arras

Re: Modification de style - fusion de colonnes - index

Messagepar ninouee » 14 Oct 2018 à 21:49

C’Est parfait.
J’avance pas à pas vers mon idée finale.
Et c’est grace à vous.
Avatar de l’utilisateur
ninouee
Posteur expérimenté
Posteur expérimenté
 
Messages: 334
Enregistré le: 22 Nov 2009 à 21:12


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é