Installation du Dle Simple Forum Version Dle 17.2 à 19.0

1. Installez le plugin dle-simple-forum.xml via l'adminisration
2. Placez le dossier de l'archive modules dans le répertoire de votre modèle.
3. Nous créons une catégorie racine pour le forum. Lors de la création, nous enregistrons le Modèle d'article court : "modules/forum/main_shortstory". En bas, nous cochons la case "Cette catégorie appartient au forum". Nous appelerons cette catégorie "Forum" et pour nom alternatif "forum".
4. Nous créons des sous-catégories qui serviront de sections du forum. Dans chaque sous-catégorie, nous indiquons le Modèle d'article court: modules/forum/topic_shortstory et le Modèle d'article complet "modules/forum/topic_fullstory". Nous cochons également la case "Cette catégorie appartient au forum". Il faut également définir le "Critères de tri des articles" - Par date du dernier commentaire. Remplissez le champ "Description de la catégorie" - elles s'afficheront à côté des noms de sections. J'ai également interdit "Afficher les articles de cette catégorie dans un flux RSS commun"! Pour créer un sujet, il suffit d'ajouter une actualité à la catégorie imbriquée créée.

4-1. Pour ma part je vous conseilles pour chaque sous catégorie de créer un article Règlement par exemple. En bas dans la section Nouvelles options: décochez la case Publier sur la page d'accueil et décochez aussi Autoriser les commentaires Parce qu'il doit avoir toujours un sujet dans chaque catégorie, afin que vous utilisateurs puisses ajouter des sujets

4.2. Pour tout articles créé par la suite il faudra toujours décocher Publier sur la page d'accueil.

5. Si vous avez activé les URL SEO, ajoutez dans le fichier racine .htaccess après 

Ajouter

6. Dans le fichier robots.txt aussi à la racine aprés

Ajouter

6-1. Pour accéder au forum utilisez cette addresse www.votre_site/forum
7. Nous configurons les styles et les modèles selon nos besoins. Au cas où, voici les styles des tableaux du forum:

/* Forum */
.forum-container {
padding-right: calc(1.5rem * 0.5);
padding-left: calc(0rem * 0.5);
margin-right: auto;
margin-left: auto;
margin-bottom: 30px;
}
@media (min-width: 576px) {
.forum-container {
max-width: 540px;
}
}
@media (min-width: 768px) {
.forum-container {
max-width: 720px;
}
}
@media (min-width: 992px) {
.forum-container {
max-width: 960px;
}
}
@media (min-width: 1200px) {
.forum-container {
max-width: 1140px;
}
}
@media (min-width: 1400px) {
.forum-container {
max-width: 1320px;
}
}
.forum-row {
display: flex;
flex-wrap: wrap;
margin-top: calc(-1 * 0);
margin-right: calc(-0.5 * 1.5rem);
margin-left: calc(-0.5 * 1.5rem);
}
.forum-row > * {
flex-shrink: 0;
/*width: 100%;
max-width: 100%;*/
padding-right: calc(1.5rem * 0.5);
padding-left: calc(1.5rem * 0.5);
margin-top: 0;
}
.forum-lg-12 {
flex: 0 0 auto;
width: 100%;
}
.forum-mt-12 {
margin-top: 100px;
}
/* TABLE (for larger screens). */
.forum-table table {
caption-side: bottom;
border-collapse: collapse;
}
.forum-table caption {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
color: rgba(33, 37, 41, 0.75);
text-align: left;
}
.forum-table th {
text-align: inherit;
text-align: -webkit-match-parent;
}
.forum-table tbody,
.forum-table td,
.forum-table tfoot,
.forum-table th,
.forum-table thead,
.forum-table tr {
border-color: inherit;
border-style: solid;
border-width: 0;
}
/* Table layout. */
.forum-table {
width: 100%;
margin-bottom: 1rem;
color: #212529;
vertical-align: top;
border-color: #dee2e6;
}

.forum-table > :not(caption) > * > * {
padding: 0.5rem 0.5rem;
background-color: transparent;
border-bottom-width: 1px;
box-shadow: inset 0 0 0 9999px transparent;
}
.forum-table > tbody {
vertical-align: inherit;
}
.forum-table > thead {
vertical-align: bottom;
}
.forum-caption-top {
caption-side: top;
}
.forum-table-responsive {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
border: 1px solid #dee2e6 !important;
border-radius: 0.375rem !important;
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important;
}
.forum-table-light {
color: #000;
background-color: #f8f9fa;
border-color: #dfe0e1;
}
.forum-card {
position: relative;
display: flex;
flex-direction: column;
min-width: 0;
height: ;
word-wrap: break-word;
background-color: #fff;
background-clip: border-box;
border: 0px solid rgba(0, 0, 0, 0.175);
border-radius: 0.375rem;
}
.forum-card-header {
padding: 0.5rem 1rem;
margin-bottom: 0;
background-color: rgba(33, 37, 41, 0.03);
}
.forum-button {
margin: 10px 0 10px 10px;
}
.forum-news-title a {
text-overflow: ellipsis;
font-size:16px;
color: #000;
text-decoration: none;
}
.forum-news-title a:hover {
color: #0d6efd;
}
.forum-subject {
width: 500px;
}
.forum-description {
font-size:13px;
color: #6c757d;
text-align: left;
margin: 5px 0 10px 0;
}
.forum-stat {
color: #000;
font-size: 0.95rem;
}
.forum-form-control {
display: block;
width: 100%!important;
padding: 0.375rem 0.75rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #212529;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #dee2e6;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 0.375rem;
transition:
border-color 0.15s ease-in-out,
box-shadow 0.15s ease-in-out;
}
select#category {
display: block;
width: 100% !important;
padding: 0.375rem 2.25rem 0.375rem 0.75rem;
-moz-padding-start: calc(0.75rem - 3px);
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #212529;
background-color: #fff;
border: 1px solid #dee2e6;
border-radius: 0.375rem;
transition:
border-color 0.15s ease-in-out,
box-shadow 0.15s ease-in-out;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.forum-input-group {
position: relative;
display: flex;
flex-wrap: wrap;
align-items: stretch;
flex: 0 0 auto;
width: 95.66666667%;
margin: 0 auto 10px auto;
}
.forum-input-group > .forum-form-control,
.forum-input-group > select#category {
position: relative;
flex: 1 1 auto;
width: 1%;
min-width: 0;
}
.input-group > .form-control:focus,
.input-group > select#category:focus {
z-index: 5;
}
.forum-input-group-text {
display: flex;
align-items: center;
padding: 0.375rem 0.75rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #212529;
text-align: center;
white-space: nowrap;
background-color: #fff;
border: 0px solid #dee2e6;
border-radius: 0.375rem;
}
.forum-btn {
display: inline-block;
padding: 0.375rem 0.75rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #212529;
text-align: center;
text-decoration: none;
vertical-align: middle;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
border: 1px solid transparent;
border-radius: 0.375rem;
background-color: 0.375rem;
transition:
color 0.15s ease-in-out,
background-color 0.15s ease-in-out,
border-color 0.15s ease-in-out,
box-shadow 0.15s ease-in-out;
}
.forum-btn-light {
color: #000;
background-color: #f8f9fa;
border-color: #212529;
margin-right: 10px;
transition:
color 0.15s ease-in-out,
background-color 0.15s ease-in-out,
border-color 0.15s ease-in-out,
box-shadow 0.15s ease-in-out;
}

.forum-comment-title h4 {
margin: 20px 0;
font-size: 20px;
font-weight: 500;
text-align: left;
}
.forum-comment_box {
background: #fff;
margin: 0 auto 20px auto!important;
padding: 5px;
box-sizing: content-box;
border: 1px solid #dee2e6;
width: 95%;
}

.forum-comment_box img {
border: 1px solid #dee2e6;
box-shadow: 0 2px 7px #DFDFDF;
margin-right: 10px;
padding: 3px;
float:left;
width:48px;
height:48px;
}

.forum-comment-meta {
margin-bottom: 4px;
overflow: auto;
}

.forum-commentsuser {
float: left;
padding-top: 10px;
font-size: 12px;
color: #212529;
font-weight:bold;
}
.forum-comment_date {
float: right;
padding: 10px 30px 0 0;
font-size: 12px;
color:#212529;
font-weight:bold;
}
.forum-comment_rate {
float: right;
font-size: 12px;
color:#212529;
}
.forum-comment-body {
color: #212529;
font-size: 12px;
}
.forum-comment-body p {
margin-top: 44px;
}