Votre 1er sujet

Prenez le temps de lire ces informations avant de vous lancer dans l'administration de votre forum:

Comment accéder à votre panneau d'administration ?
Dans le menu du haut, cliquez sur connexion, une nouvelle page s'affiche, renseigner le nom d'utilisateur « admin » et le mot de passe que vous avez indiqué lors de votre enregistrement. Si vous avez perdu ou oublié votre mot de passe, cliquez ici. Une fois que vous êtes connecté, cliquez sur le lien "Panneau d'administration" en bas de la page.

Comment modifier l'apparence de votre forum ?
Vous pouvez modifier l'apparence de votre forum en sélectionnant un thème (chaque thème affiche des images, des icônes et des couleurs différentes). Pour cela rendez-vous dans le panneau d'administration cliquez sur "Choisir un thème" dans le menu "Affichage" et choisissez l'un des thèmes proposés. Vous pourrez par la suite modifier librement ou choisir un autre thème.

Comment gérer les catégories et les forums?
Vous pouvez ajouter, modifier et supprimer les catégories et les forums que vous aurez créés à tout moment et indéfiniment. Pour cela rendez-vous dans le panneau d'administration puis cliquez sur " Catégories et forums" dans le menu "Général" et cliquez sur "Ajouter" (un forum ou une catégorie).

[code<div style="width: 790px; background-color: #E4E4E4;">

<div style="border-top: 2px solid #B0C3AB;" class="fond_entete">

<div style="margin-top: -3px; text-align: center;" class="bloc_guillemet">
<strong>“</strong><span style="color: #1C3734; font-variant: small-caps; letter-spacing: 2px">Votre Titre qui Claque !</span>
</div>

</div>

<table style="margin-top: 40px;">
<tbody> </tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody>
<tr style="">

<td>

<div style="margin: 0 0 -28px 50px;" class="titre_1">
Contexte
</div><br />
<div class="fond_2">
<br />
<div style="margin: -3px 20px 0 20px;" class="style_2">

</div>

<div style="margin: 0px 20px 0 20px; width: 240px;" class="style_1">

</div>
<br />
<div style="width: 215px; height: 322px; margin: 0 20px 0 20px; text-align: justify;" class="fond_3">
<span style="font-family: calibri; font-size: 11px;"></span>
<div style="text-align: center; font-family: calibri; font-size: 11px;">
Phrase d'accroche de votre contexte
</div><span style="font-family: calibri; font-size: 11px;"><br />Maior pars mortalium, Pauline, de naturae malignitate conqueritur, quod in exiguum aeui gignimur, quod haec tam uelociter, tam rapide dati nobis temporis spatia decurrant, adeo ut exceptis admodum paucis ceteros in ipso uitae apparatu uita destituat. Nec huic publico, ut opinantur, malo turba tantum et imprudens uulgus ingemuit; clarorum quoque uirorum hic affectus querellas euocauit. Inde illa maximi medicorum exclamatio est: "uitam breuem esse, longam artem". Inde Aristotelis cum rerum natura exigentis minime conueniens sapienti uiro lis: "aetatis illam animalibus tantum indulsisse, ut quina aut dena saecula educerent, homini in tam multa ac magna genito tanto citeriorem terminum stare."<br /></span>
<div style="font-family: calibri; font-size: 11px; text-align: center;">
Petite phrase de fin interrogative qui tue ?
</div><span style="font-family: calibri; font-size: 11px;"><br /><a style="font-size: 11px ;" href="lien vers le sujet" class="bloc_more">more...</a><br /></span>
</div>

</div>

</td>

<td>

<div style="margin: 0 0 -28px 40px;" class="titre_1">
NEWS <br />
<div class="style_2" style="margin: -3px 20px 0 0px; width: 175px;">

</div>

</div><br />
<marquee onmouseout="this.start();" onmouseover="this.stop();" scrollamount="2">
<a href="lien"><img class="img_80" src="url" /></a> <a href="lien"><img style="margin-left: 10px;" class="img_80" src="url" /></a><a href="lien"><img style="margin-left: 10px;" class="img_80" src="url" /></a><a href="lien"><img style="margin-left: 10px;" class="img_80" src="url" /></a><a href="lien"><img style="margin-left: 10px;" class="img_80" src="url" /></a>
</marquee>
<br /> <br />
<div style="margin: 15px 0 -28px 40px;" class="titre_1">
Navigation
</div><br />
<div style="margin: 0;" class="fond_2">
<br />
<div style="margin: -3px 20px 0 20px;" class="style_2">

</div>

<div style="margin: 0px 20px 0 20px; width: 200px;" class="style_1">

</div>
<br />
<div class="fond_6">

<div style="line-height: 14px;">
<a href="lien vers le sujet" class="bloc_lien">Règlement</a><br /><br /><a href="lien vers le sujet" class="bloc_lien">Contexte</a><br /><br /><a href="lien vers le sujet" class="bloc_lien">Groupes</a><br /><br /><a href="lien vers le sujet" class="bloc_lien">Présentations</a><br /><br /><a href="lien vers le sujet" class="bloc_lien">Partenariats</a>
</div>

</div>

</div>

</td>

<td>

<div style="margin: 0 0 -28px 50px;" class="titre_1">
Staff
</div><br />
<div class="fond_2" style="width: 215px;">
<br />
<div class="style_2" style="margin: -3px 20px 0 20px; width: 175px;">

</div>

<div class="style_1" style="margin: 0px 20px 0 20px; width: 175px;">

</div>
<br />
<div style="padding: 0 10px 0 10px;">

<div class="staff">
<img class="img_80" src="https://nsa33.casimages.com/img/2014/11/14/141114085108209490.png" />
<div class="bulle_staff">

<div style="background-color: #F0F0F0; border: 2px solid #BEBEBE; width: 76px; height: 76px; text-align: center;">
<br /><span style="font-size: 11px;" class="objet">Hugo Johnson</span><br /><span style="font-size: 12px;" class="date">Admin</span>
</div>

</div>

</div>

<div class="staff">
<img class="img_80" src="https://nsa33.casimages.com/img/2014/11/14/141114085108209490.png" />
<div class="bulle_staff">

<div style="background-color: #F0F0F0; border: 2px solid #BEBEBE; width: 76px; height: 76px; text-align: center;">
<br /><span style="font-size: 11px;" class="objet">Nom</span><br /><span style="font-size: 12px;" class="date">Rang</span>
</div>

</div>

</div>

<div>

</div>

</div>

</div>
<br />
</td>

</tr><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody>
</table>

<div style="border-bottom : 2px solid #DFDFDF;" class="fond_5">

<table>
<tbody> </tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody>
<tr style="">

</tr><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody>
</table>

</div>
</div>][/code]

[code<div style="width: 790px; background-color: #E4E4E4;">

<div style="border-top: 2px solid #B0C3AB;" class="fond_entete">

<div style="margin-top: -3px; text-align: center;" class="bloc_guillemet">
<strong>“</strong><span style="color: #1C3734; font-variant: small-caps; letter-spacing: 2px">Votre Titre qui Claque !</span>
</div>

</div>

<table>
<tbody></tbody>
<tr style="">

<td colspan="4">

<div style="border-top: 2px solid #B0C3AB;" class="fond_entete">

<marquee style="width: 100%; height: 60px;" onmouseout="this.start()" onmouseover="this.stop()" scrolldelay="10" scrollamount="5" direction="left">
TU METS TON TEXTE
</marquee>

</div>

</td>

</tr><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody>
<tr style="">

<td>

<div class="translate">
<img alt="titredetonimage" src="img" />
<p>
bleblalblzepfn,pvn v nvpo eporvgervbrevbge rgrgregreggrgg rgrgergeg
</p>

</div>

</td>

<td>
<a href="lien vers le sujet" class="bloc_lien">Règlement</a><br /><br /><a href="lien vers le sujet" class="bloc_lien">Contexte</a><br /><br /><a href="lien vers le sujet" class="bloc_lien">Groupes</a><br /><br /><a href="lien vers le sujet" class="bloc_lien">Présentations</a><br /><br /><a href="lien vers le sujet" class="bloc_lien">Partenariats</a>
</td>

<td>
Contenu d
</td>

<td>

<div style="width: 190px; height: 107px; overflow: hidden; background-image:url(http://placehold.it/320x75); margin-bottom: 8px;">

<div class="stafef">

<div style="color: #DEDDD0; font-size: 11px; text-align: center; font-family: calibri; line-height: 100%; padding-top: 10px; font-weight: 700;">
Nom Prénom<br /> <a href="#"><span style="color: rgb(213, 199, 180);">Contact</span></a> - <a href="#"><span style="color: rgb(213, 199, 180);">Profil</span></a><br /> Poste occupÃ
</div>

</div>

</div>

<div style="width: 190px; height: 107px; overflow: hidden; background-image:url(http://placehold.it/320x75); margin-bottom: 8px;">

<div class="stafef">

<div style="color: #DEDDD0; font-size: 11px; text-align: center; font-family: calibri; line-height: 100%; padding-top: 10px; font-weight: 700;">
Nom Prénom<br /> <a href="#"><span style="color: rgb(213, 199, 180);">Contact</span></a> - <a href="#"><span style="color: rgb(213, 199, 180);">Profil</span></a><br /> Poste occupÃ
</div>

</div>

</div>

</td>

</tr><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody>
</table>

</div>][/code]

[code/*********LIENS URL**************/

a
{
text-decoration: none !important;
}
a:hover
{
text-decoration: none !important;
color: #60425A !important;
}
a:link
{
text-decoration: none !important;
}

/***** PAGE DACCUEIL *****/
.fond_2
{
background-color: #DFDFDF;
margin-left: 10px;
padding-bottom: 20px;
margin-right: 10px;
border-top-left-radius: 30px;
border-bottom-right-radius: 30px;
}
.fond_3
{
background-color: #F0F0F0;
border: 2px solid #BEBEBE;
width: 196px;
height: 152px;
margin-left : 28px;
border-top-left-radius: 15px;
border-bottom-right-radius: 15px;
padding: 10px;
overflow: auto;
}
.titre_1
{
margin: 0 0 -24px 80px;
font-family: georgia;
font-size: 24px;
color: #B0C3AB;
}
.style_1
{
background-color: #B0C3AB;
width: 100%;
height: 2px;
}
.style_2
{
background-color: #8D838D;
height: 1px;
margin-left: 30px;
margin-right: 30px;
margin-top: -7px;
}
.fond_entete
{
background-color: #F0F0F0;
border-top: 4px solid #B0C3AB;
border-bottom: 2px solid #BEBEBE;
height: 40px;
width: 100%;
}
.bloc_guillemet
{
text-align: right;
margin-right: 10px;
margin-top: -24px;
font-family: georgia;
font-size: 36px;
text-shadow: 1px 1px 2px #1A1A1A;
color: #353535;
}
.fond_5
{
background-color: #E4E4E4;
width: 760px;
margin: auto;
}
.fond_6
{
background-color: #F0F0F0;
border: 2px solid #BEBEBE;
width: 181px;
height: 155px;
border-top-left-radius: 15px;
border-bottom-right-radius: 15px;
text-align: center;
margin: 0 20px 0 20px;
padding: 10px;
overflow: auto;
}
.bloc_lien
{
font-size: 12px;
font-family: georgia;
color: #879E9B !important;
font-variant: small-caps;
font-weight: bold;
}
.bloc_more
{
text-align: right;
float: right;
margin: -3px 20px 0 0;
font-family: georgia;
font-variant: small-caps;
font-size: 14px;
font-style: italic;
letter-spacing : 2px; color: #879E9B;
}
.img_80
{
position: relative;
width: 80px;
height: 80px;
opacity: 1;
transition: 1s all;
z-index: 2;
}
.staff
{
display:inline-block;
position: relative;
height: 80px;
width: 80px;
margin-left: 10px;
overflow: hidden;
}
.bulle_staff
{
position: absolute;
top: 0; left: 0;
height: 80px;
width: 80px;
overflow: hiden;
}
.staff:hover .img_80
{
opacity: 0;
}
.img_ts
{
width: 100px;
height: 40px;
margin-right: 10px;
}
.img_40
{
width: 40px;
height: 40px;
margin-right: 10px;
}
.date
{
font-size: 16px;
font-style: italic;
font-family: arial narrow;
color: #95879E;
}
.objet
{
font-size: 12px;
font-family: georgia;
color: #879E9B;
font-variant: small-caps;
font-weight: bold;
}
.fond_3.news
{
position: relative;
overflow: hidden;
padding: 10px;
}
.news_img
{
background: url(https://nsa33.casimages.com/img/2014/11/24/141124022024156156.png) no-repeat center;
width: 196px;
height: 102px;
position: absolute;
top: 0; left: 0;
transition: 1s all;
z-index: 2;
}
.fond_3.news:hover .news_img
{
left: 196px;
}
.news_bloc
{
height: 100px;
overflow: auto;
position: absolute;
top: 0;
left: 0;
z-index: 1;
}
.bloc_credit
{
margin: -3px 0 0 10px;
color: #BEBEBE;
font-size: 10px;
font-family: arial narrow;
}

/* slideshow */
#slideshow {
position:relative;
width:380px;
height:145px;
}

/* gestion des dimensions et débordement du conteneur */
#slideshow .container {
position:relative;
width:380px;
height:145px;
overflow:hidden;
}

/* le conteneur des slides */
#slideshow .slider {
position:absolute;
left:0;
top:0;
width:100%;
height:145px;
animation:slider 16s infinite;
-webkit-animation:slider 16s infinite;
}

/* Fonction animation */
@keyframes slider {
0%,20%,100% {left:0}
25%,45% {left:-100%}
50%,70% {left:-200%}
75%,95% { left:-300%}
}
@-webkit-keyframes slider {
0%,20%,100% {left:0}
25%,45% {left:-100%}
50%,70% {left:-200%}
75%,95% { left:-300%}
}
/***** FIN PAGE DACCUEIL *****/

/* --------------------------------- PA --------------------------------- */

/* slideshow */
#slideshow {
position:relative;
width:380px;
height:145px;
}

/* gestion des dimensions et débordement du conteneur */
#slideshow .container {
position:relative;
width:380px;
height:145px;
overflow:hidden;
}

/* le conteneur des slides */
#slideshow .slider {
position:absolute;
left:0;
top:0;
width:200%;
height:145px;
animation:slider 16s infinite;
-webkit-animation:slider 16s infinite;
}

/* Fonction animation */
@keyframes slider {
0%,20%,100% {left:0}
25%,45% {left:-100%}
50%,70% {left:-200%}
75%,95% { left:-300%}
}
@-webkit-keyframes slider {
0%,20%,100% {left:0}
25%,45% {left:-100%}
50%,70% {left:-200%}
75%,95% { left:-300%}
}

/* Fond de la PA */
.fond_PA {
padding:10px;
background-color:#E5B994;
width:800px;
position:relative;
}

/* Contexte */
.contexte_PA {
margin-right:10px;
background-color:#EECFB7;
width:370px;
height:115px;
padding:15px;
color:#BC7349;
text-align:justify;
font-size:12px;
overflow:auto;
}

/* Liens */
.nema {
height:40px;
width:150px;
display:inline-block;
}

.nema a {
display:inline-block;
background-color:#80696C;
color:#fff;
font-family:'Dosis',sans-serif;
font-size:25px;
height:40px;
text-align:center;
width:145px;
transition:all 1s ease;
-webkit-transition:all 1s ease;
}

.nema a:hover {
background-color:#3E2428;
color:#fff;
}

.nema_2 {
height:22px;
width:266px;
display:block;
margin-bottom:5px;
background-color:#80696C;
color:#fff!important;
font-family:'Dosis',sans-serif;
font-size:16px;
text-align:center;
transition:all 1s ease;
-webkit-transition:all 1s ease;
}

.nema_2:hover {
background-color:#3E2428;
color:#fff;
}

/*Titre Staff*/
.nema_title {
display:inline-block;
color:#fff;
font-family:'Dosis',sans-serif;
font-size:25px;
height:30px;
text-align:center;
margin-bottom:5px;
margin-top:10px;
}

/* Effets staff + predef */
.stafef {
width:320px;
height:75px;
background:#3E2428;
opacity:0;
transition:all 1s ease-in-out;
-webkit-transition:all 1s ease-in-out;
}

.stafef:hover {
opacity:1;
-webkit-transform:rotate(-360deg);
transform:rotate(-360deg);
}

.stafefico {
width:100px;
height:100px;
display:inherit;
background:#3E2428;
opacity:0;
transition:all 1s ease-in-out;
-webkit-transition:all 1s ease-in-out;
}

.stafefico:hover {
opacity:1;
transform:rotate(-360deg);
-webkit-transform:rotate(-360deg);
}

.predef {
width:60px;
height:100px;
display:inherit;
background:#3E2428;
opacity:0;
transition:all 1s ease-in-out;
-webkit-transition:all 1s ease-in-out;
}

.predef:hover {
opacity:1;
transform:rotate(-360deg);
-webkit-transform:rotate(-360deg);
}

/* --------------------------------- FIN PA --------------------------------- */][/code]

<br />
<div style="background-image: url('https://images2.imgbox.com/1a/86/jPjuDt67_o.png'); background-repeat: no-repeat; width:800px; height:600px;">

<div id="slider">
<a class="control_next"><img src="https://images2.imgbox.com/5b/0b/UGrtfx4N_o.png" alt="droite" /></a> <a class="control_prev"><img src="https://images2.imgbox.com/eb/eb/2qTaeULs_o.png" alt="gauche" /></a>
<ul>

<li>

<div>
La nouvelle se répandit rapidement dans les contrées, les Dieux étaient parmi eux et Valkar se retrouva au centre de toutes les attentions. Adulé, prié plus que les autres, il gagna le cœur des peuples qui foulaient la terre de Dol Baran et se vit proposer de devenir le souverain de tous. L’idée n’était pas déplaisante aux yeux du Dieu de la mort. Le pouvoir sur les créations de son frère Ardar serait établi et personne ne pourrait plus le contester. Il n’en fallut pas plus pour qu’il accepte, devenant officiellement le Grand Roi de Dol Baran. Sa première action fut de diviser le monde en contrées. Bien qu’il fût un Dieu et qu’il lui aurait été aisé de gouverner un monde aussi vaste, il préféra donner le pouvoir à certaines grandes familles qu’il jugeait dignes de lui, espérant secrètement et pour lui-même qu’elles en fassent « mauvais usage ». Il s’installa sur les terres de Shora, une contrée au nord-ouest du monde, et fit construire une forteresse faite avec des pierres sombres des volcans, solide et robuste, à l’épreuve du climat rude qui régnait sur cette région. Au début de son règne Valkar ne se montra pas avide de pouvoir, cachant ses desseins à son frère, Khadgar, resté près de lui pour le soutenir. Le Roi respectait les lois de son père ; ne pas intervenir. Et il se félicitait de ne pas l'avoir fait, après tout il avait juste accepté l'offre par ceux qui vivaient sur l’Éden qu’il avait conçu avec les paires, rien de plus.
</div>

</li>

<li>

<div>
SLIDE 4 La nouvelle se répandit rapidement dans les contrées, les Dieux étaient parmi eux et Valkar se retrouva au centre de toutes les attentions. Adulé, prié plus que les autres, il gagna le cœur des peuples qui foulaient la terre de Dol Baran et se vit proposer de devenir le souverain de tous. L’idée n’était pas déplaisante aux yeux du Dieu de la mort. Le pouvoir sur les créations de son frère Ardar serait établi et personne ne pourrait plus le contester. Il n’en fallut pas plus pour qu’il accepte, devenant officiellement le Grand Roi de Dol Baran. Sa première action fut de diviser le monde en contrées. Bien qu’il fût un Dieu et qu’il lui aurait été aisé de gouverner un monde aussi vaste, il préféra donner le pouvoir à certaines grandes familles qu’il jugeait dignes de lui, espérant secrètement et pour lui-même qu’elles en fassent « mauvais usage ». Il s’installa sur les terres de Shora, une contrée au nord-ouest du monde, et fit construire une forteresse faite avec des pierres sombres des volcans, solide et robuste, à l’épreuve du climat rude qui régnait sur cette région. Au début de son règne Valkar ne se montra pas avide de pouvoir, cachant ses desseins à son frère, Khadgar, resté près de lui pour le soutenir. Le Roi respectait les lois de son père ; ne pas intervenir. Et il se félicitait de ne pas l'avoir fait, après tout il avait juste accepté l'offre par ceux qui vivaient sur l’Éden qu’il avait conçu avec les paires, rien de plus. SLIDE 4 La nouvelle se répandit rapidement dans les contrées, les Dieux étaient parmi eux et Valkar se retrouva au centre de toutes les attentions. Adulé, prié plus que les autres, il gagna le cœur des peuples qui foulaient la terre de Dol Baran et se vit proposer de devenir le souverain de tous. L’idée n’était pas déplaisante aux yeux du Dieu de la mort. Le pouvoir sur les créations de son frère Ardar serait établi et personne ne pourrait plus le contester. Il n’en fallut pas plus pour qu’il accepte, devenant officiellement le Grand Roi de Dol Baran. Sa première action fut de diviser le monde en contrées. Bien qu’il fût un Dieu et qu’il lui aurait été aisé de gouverner un monde aussi vaste, il préféra donner le pouvoir à certaines grandes familles qu’il jugeait dignes de lui, espérant secrètement et pour lui-même qu’elles en fassent « mauvais usage ». Il s’installa sur les terres de Shora, une contrée au nord-ouest du monde, et fit construire une forteresse faite avec des pierres sombres des volcans, solide et robuste, à l’épreuve du climat rude qui régnait sur cette région. Au début de son règne Valkar ne se montra pas avide de pouvoir, cachant ses desseins à son frère, Khadgar, resté près de lui pour le soutenir. Le Roi respectait les lois de son père ; ne pas intervenir. Et il se félicitait de ne pas l'avoir fait, après tout il avait juste accepté l'offre par ceux qui vivaient sur l’Éden qu’il avait conçu avec les paires, rien de plus.
</div>

</li>

<li>

<div>
SLIDE 3
</div>

</li>

<li>

<div>
SLIDE 4
</div>

</li>

</ul>

</div>
</div>