Easy-Design.Net forum




Aides sur les thèmes PHPBoost Modification de l'apparance du forum En PHPBoost V4

Myster Membre non connecté

EDN Enraciné(e)

Rang

Avatar

Inscrit le : 19/01/2011 à 16h42

Messages: 871

Le 10/01/2013 à 15h04
Bonjour,

J'aimerai modifié l'apparence de mon forum, mais je ne sais pas comment m'y prendre, enfaite je voudrai que à la place des forums qu'ont vois par lignes, j'aimerai qu'il y est deux cadre par ligne par exemple

Ancien :

Catégorie
Forum
Description
Forum1
Description

Ce que je souhaite

Catégorie
Forum1 forum2
descripton description


Merci d'avance de vos réponses

Edit :

Enfaite ce serais mieux si l'apparence ressemblé à celle des articles voir :


http://noridia.fr/articles/articles-2+tutoriels.php

Login: Compte-Test
Password: 0000000000 Edité par Myster Le 10/01/2013 à 15h07
   
Swan Membre non connecté

Administrateur

Rang

Avatar

Inscrit le : 01/08/2009 à 22h53

Messages: 8431

Le 10/01/2013 à 15h14
Myster,

Alors je pense que cela est faisable, mais c'est vraiment un très gros chantier .. plusieurs fichiers sont à modifier, sans compter à revoir une bonne partie du css.

- forum_index.tpl
- forum_forum.tpl
Et j'en oublie volontairement ...


Et encore en y pensant c'est vraiment une masse de boulot .. essais de commencer par le forum-index.tpl et le css.



swan_signature

Site web    
Myster Membre non connecté

EDN Enraciné(e)

Rang

Avatar

Inscrit le : 19/01/2011 à 16h42

Messages: 871

Le 10/01/2013 à 15h14
Merci :)

   
Myster Membre non connecté

EDN Enraciné(e)

Rang

Avatar

Inscrit le : 19/01/2011 à 16h42

Messages: 871

Le 10/01/2013 à 15h47
Pour finir j'ai tout mis en dur voir http://noridia.fr/forum

De toutes façon une fois les catégorie créé je l'ai mets manuellement dans le fichier, puis ça changera plus ^^, le petit problème maintenant c'est le nombre de message dans la catégorie :p

Mais bon je vais peut-être trouvé un moyen de l'afficher :-)
   
Swan Membre non connecté

Administrateur

Rang

Avatar

Inscrit le : 01/08/2009 à 22h53

Messages: 8431

Le 11/01/2013 à 12h53
Et bien voilà qui est parfait ^^

Tes modifications seraient t intéressantes pour le autres membres si ensuite pourrais ton avoir le module en zip ?


swan_signature

Site web    
Myster Membre non connecté

EDN Enraciné(e)

Rang

Avatar

Inscrit le : 19/01/2011 à 16h42

Messages: 871

Le 11/01/2013 à 13h25
C'est une modification simple, voir tuto ci-dessous.

Vous souhaitez que votre forum ressemble à l'interface de vos articles ? Alors suivez le guide ci-dessous, n'oubliez pas qu'à chaque création de forum, vous devrez obligatoirement l'ajouté dans le fichier forum_index.tpl

Voici donc un rendu de ce que vous allez avoir si vous faite ces modifications :

Preview

Pour commencer, vous devez vous connectez à votre FTP, ensuite vous devez allez dans /forum/templates/forum_index.tpl.

Puis supprimer tout le contenu de ce fichier, et ajoutait ces lignes :

# INCLUDE forum_top #

# INCLUDE forum_bottom #

Explication des deux lignes ajouté:

Include Forum_top affiche le 'header' si je puis-dire du forum
et Include forum_bottom affiche le footer du forum

Entre ces deux lignes veuillez mettre le code suivant :

Code HTML :
 
 
 
<div class="module_contents">
 
 
<p style="text-align:center;" class="text_strong">
 Noridia
 
</p>
<hr style="margin-bottom:20px;">
 
<div style="float:left;text-align:center;width:33%;margin-bottom:20px;">
<a href="articles-3+bureautique.php"><img src="/upload/annonces.png" alt="" class="valign_middle"></a><br>
<a href="../articles/articles-3+bureautique.php">Annonces de l'équipe</a> 
<br>
<span class="text_small"></span> 
<br>
<span class="text_small">Les annonces concernant Noridia</span> 
</div>
 
<div style="float:left;text-align:center;width:33%;margin-bottom:20px;">
<a href="articles-4+multimedia.php"><img src="/upload/reglement.png" alt="" class="valign_middle"></a><br>
<a href="../articles/articles-4+multimedia.php">Règlement du forum</a> 
<br>
<span class="text_small"></span> 
<br>
<span class="text_small">Le règlement du forum</span> 
</div>
 
<div style="float:left;text-align:center;width:33%;margin-bottom:20px;">
<a href="articles-5+ducation.php"><img src="/upload/presentation.png" alt="" class="valign_middle"></a><br>
<a href="../articles/articles-5+ducation.php">Présentation des membres</a> 
<br>
<span class="text_small"></span> 
<br>
<span class="text_small">Présentez-vous ici :-)</span> 
</div>
 
<div style="float:left;text-align:center;width:33%;margin-bottom:20px;">
<a href="articles-6+personnalisation.php"><img src="/upload/suggestions.png" alt="" class="valign_middle"></a><br>
<a href="../articles/articles-6+personnalisation.php">Suggestions d'améliorations </a> 
<br>
<span class="text_small"></span> 
<br>
<span class="text_small">Vous avez des suggestions pour améliorer le site ?</span> 
</div>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
<div class="module_contents">
 
 
<p style="text-align:center;" class="text_strong">
Support et Aide
</p>
<hr style="margin-bottom:20px;">
 
<div style="float:left;text-align:center;width:33%;margin-bottom:20px;">
<a href="articles-3+bureautique.php"><img src="/upload/bureautique.png" alt="" class="valign_middle"></a><br>
<a href="../articles/articles-3+bureautique.php">Bureautique</a> 
<br>
<span class="text_small"></span> 
<br>
<span class="text_small">Forum dédié aux logiciels bureautique</span> 
</div>
 
<div style="float:left;text-align:center;width:33%;margin-bottom:20px;">
<a href="articles-4+multimedia.php"><img src="/upload/multimedia.png" alt="" class="valign_middle"></a><br>
<a href="../articles/articles-4+multimedia.php">Multimédia</a> 
<br>
<span class="text_small"></span> 
<br>
<span class="text_small">Forum dédié aux logiciels multimédia</span> 
</div>
 
<div style="float:left;text-align:center;width:33%;margin-bottom:20px;">
<a href="articles-5+ducation.php"><img src="/upload/education.png" alt="" class="valign_middle"></a><br>
<a href="../articles/articles-5+ducation.php">Éducation</a> 
<br>
<span class="text_small"></span> 
<br>
<span class="text_small">Forum dédié aux logiciels éducative</span> 
</div>
 
<div style="float:left;text-align:center;width:33%;margin-bottom:20px;">
<a href="articles-6+personnalisation.php"><img src="/upload/personnalisation.png" alt="" class="valign_middle"></a><br>
<a href="../articles/articles-6+personnalisation.php">Personnalisation</a> 
<br>
<span class="text_small"></span> 
<br>
<span class="text_small">Forum dédié aux logiciels de personnalisation</span> 
</div>
 
<div style="float:left;text-align:center;width:33%;margin-bottom:20px;">
<a href="articles-7+internet.php"><img src="/upload/internet.png" alt="" class="valign_middle"></a><br>
<a href="../articles/articles-7+internet.php">Internet</a> 
<br>
<span class="text_small"></span> 
<br>
<span class="text_small">Forum dédié aux logiciels internet</span> 
</div>
 
<div style="float:left;text-align:center;width:33%;margin-bottom:20px;">
<a href="articles-8+reseau.php"><img src="/upload/reseau.png" alt="" class="valign_middle"></a><br>
<a href="../articles/articles-8+reseau.php">Réseau</a> 
<br>
<span class="text_small"></span> 
<br>
<span class="text_small">Forum dédié aux logiciels réseau</span> 
</div>
 
<div style="float:left;text-align:center;width:33%;margin-bottom:20px;">
<a href="articles-9+administration.php"><img src="/upload/administration.png" alt="" class="valign_middle"></a><br>
<a href="../articles/articles-9+administration.php">Administration</a> 
<br>
<span class="text_small"></span> 
<br>
<span class="text_small">Forum dédié aux logiciels d'administration</span> 
</div>
 
<div style="float:left;text-align:center;width:33%;margin-bottom:20px;">
<a href="articles-10+jeux.php"><img src="/upload/jeux.png" alt="" class="valign_middle"></a><br>
<a href="../articles/articles-10+jeux.php">Jeux</a> 
<br>
<span class="text_small"></span> 
<br>
<span class="text_small">Forum dédié aux jeux</span> 
</div>
 
<div style="float:left;text-align:center;width:33%;margin-bottom:20px;">
<a href="articles-11+securite.php"><img src="/upload/securite.png" alt="" class="valign_middle"></a><br>
<a href="../articles/articles-11+securite.php">Sécurité</a> 
<br>
<span class="text_small"></span> 
<br>
<span class="text_small">Forum dédié aux logiciels de sécurité</span> 
</div>
 
<div style="float:left;text-align:center;width:33%;margin-bottom:20px;">
<a href="articles-12+utilitaires.php"><img src="/upload/utilitaires.png" alt="" class="valign_middle"></a><br>
<a href="../articles/articles-12+utilitaires.php">Utilitaires</a> 
<br>
<span class="text_small"></span> 
<br>
<span class="text_small">Forum dédié aux logiciels utilitaires</span> 
</div>
</div>
 
 
 
<div class="spacer">&nbsp;</div>
<p style="text-align:center;"></p>
<hr>
 
 
 
<center><b>Les derniers sujets du forum</b><br/>
${Feed::get_parsed('forum', 'master', 0, false, 10)}<br>
 
 
<hr>
 
<br>
<p style="text-align:center;padding-top:10px;" class="text_small">
</p>
&nbsp;
 
</div>
 
 
 
 
 


J'ai ajouté le flux pour afficher les 10 derniers sujets du forum, si vous n'en voulez pas vous pouvez le supprimer en supprimant cette ligne

Code TEXT :
<center><b>Les derniers sujets du forum</b><br/>
${Feed::get_parsed('forum', 'master', 0, false, 10)}<br>



N'oubliez pas de mettre vos propres icônes :-)

Si vous avez des questions, n'hésitez pas :-) Edité par Myster Le 11/01/2013 à 13h27
   
Swan Membre non connecté

Administrateur

Rang

Avatar

Inscrit le : 01/08/2009 à 22h53

Messages: 8431

Le 12/01/2013 à 12h40
Merci d'avoir pris le temps de nous donner cette modification :)


swan_signature

Site web    
Myster Membre non connecté

EDN Enraciné(e)

Rang

Avatar

Inscrit le : 19/01/2011 à 16h42

Messages: 871

Le 12/01/2013 à 13h36
Pas de problème, je personnalise beaucoup PBT, donc si j'ai des autre idée et que je l'ai mets en pratique, je donnerais les prochaines modifications, mais pour le moment je cherche mais ne trouve pas ^^
   
theviking Membre non connecté

EDN Concerné(e)

Rang

Avatar

Inscrit le : 19/01/2011 à 22h56

Messages: 218

Le 12/01/2013 à 14h13
Merci Myster, ça fait un moment que je voulais le faire.


Site web    
Ptithom Membre non connecté

EDN Intéressé(e)

Rang

Avatar

Inscrit le : 02/11/2009 à 18h39

Messages: 88

Le 12/01/2013 à 22h00
merci du partage, c'est une belle nouveauté côté design :ok
chapeau!
   
NK-aide Membre non connecté

EDN Concerné(e)

Rang

Avatar

Inscrit le : 24/09/2013 à 16h07

Messages: 238

Le 16/01/2014 à 13h47
Bonjour,

Très bien mais il me semble que cela cause un souci d'accentuation

Annonces de l'équipe

Les annonces concernant Noridia
Règlement du forum

Le règlement du forum
Présentation des membres

Par contre :

Si une catégorie forum personnalisé fait apparition je pense que la je pourrait contribuer en votre faveur car le codage et voisin en mes connaissance :rire

Cordialement Edité par NK-aide Le 16/01/2014 à 13h53



Merci swan et sont équipes :top

Site web    
m-ickael Membre non connecté

EDN Maitre-Sage

Rang

Avatar

Inscrit le : 23/02/2010 à 09h15

Messages: 2296

Le 16/01/2014 à 16h40
Bonjour.

C'est un bon projet, mais c'est un code pour afficher des articles, et non des codes pour changer le look du forum , comme l'indique le titre .. Fort dommage.
NK-aide Membre non connecté

EDN Concerné(e)

Rang

Avatar

Inscrit le : 24/09/2013 à 16h07

Messages: 238

Le 16/01/2014 à 17h24
Bonsoir,

Il faudrait limite juste améliorée les design avec un rajout d'images au passage du clic ^^

Cordialement



Merci swan et sont équipes :top

Site web    
m-ickael Membre non connecté

EDN Maitre-Sage

Rang

Avatar

Inscrit le : 23/02/2010 à 09h15

Messages: 2296

Le 16/01/2014 à 18h40
NK-aide:
Bonsoir,

Il faudrait limite juste améliorée les design avec un rajout d'images au passage du clic ^^

Cordialement


C'est facile ça en créant une ligne CSS avec la classe actuelle, mais sous une ligne vierge en rajoutant "hover" et le lien de ton image .. Prend exemple des autres "hover" en css. Edité par m-ickael Le 16/01/2014 à 18h41
Répondre
Vous n'êtes pas autorisé à écrire dans cette catégorie