ForumTestDesign

Forum test pour les designs du forum: http://leselemenloups.bbactif.com/
 
FAQAccueilRechercherMembresGroupesConnexionS'enregistrer

Partagez | 
 

 Votre 1er sujet

Voir le sujet précédent Voir le sujet suivant Aller en bas 
AuteurMessage
Admin
Admin


RPG
PROFILMessages : 19
Date d'inscription : 22/03/2014

MessageSujet: Votre 1er sujet   Sam 22 Mar - 9:10

CSS avant Batty

Code:
/* BARRE DE NAVIGATION */
a.mainmenu{
font-family: georgia;
text-transform : georgia;
text-align: center;
font-size: 18px;
text-shadow: 0px 1px 0px #960018
}

a.mainmenu:hover {
font-style: italic;
}

a:visited {
font-style: italic;
}

a:link, a:visited {
text-decoration: none;
}

/* MENUS */
a.forumlink {
font-family: georgia;
text-align: center;
text-transform : uppercase;
font-size: 16px;
border-bottom: 5px solid ; #960018;
letter-spacing: 2px;
display: block;
-moz-border-radius:10px;
}

a.forumlink:hover{
font-variant: upper-case;
letter-spacing: 3px;
}

.forumlink{
font-weight: bold;
font-variant: small-caps;
}

/* BORDURES DU BODYLINE */
.bodyline{
-moz-border-radius: 0px 0px 0px 0px ;
border-bottom: 0px #090307 solid;
border-top: 0px #090307 solid;
border-right: 10px #090307 solid;
border-left: 10px #090307 solid;
box-shadow: -2px 4px 8px black;}

body{
margin-top: 0px;
margin-bottom: 0px;
}

.bodyline{
    padding:0;
}


/* COLOR PICKER */
.colorpicker {
  width: 356px;
  height: 176px;
  overflow: hidden;
  position: absolute;
  background: url(http://tinyurl.com/colorpickerimg/colorpicker_background.png);
  font-family: Arial, Helvetica, sans-serif;
  display: none;
}
.colorpicker_color {
  width: 150px;
  height: 150px;
  left: 14px;
  top: 13px;
  position: absolute;
  background: #f00;
  overflow: hidden;
  cursor: crosshair;
}
.colorpicker_color div {
  position: absolute;
  top: 0;
  left: 0;
  width: 150px;
  height: 150px;
  background: url(http://tinyurl.com/colorpickerimg/colorpicker_overlay.png);
}
.colorpicker_color div div {
  position: absolute;
  top: 0;
  left: 0;
  width: 11px;
  height: 11px;
  overflow: hidden;
  background: url(http://tinyurl.com/colorpickerimg/colorpicker_select.gif);
  margin: -5px 0 0 -5px;
}
.colorpicker_hue {
  position: absolute;
  top: 13px;
  left: 171px;
  width: 35px;
  height: 150px;
  cursor: n-resize;
}
.colorpicker_hue div {
  position: absolute;
  width: 35px;
  height: 9px;
  overflow: hidden;
  background: url(http://tinyurl.com/colorpickerimg/colorpicker_indic.gif) left top;
  margin: -4px 0 0 0;
  left: 0px;
}
.colorpicker_new_color {
  position: absolute;
  width: 60px;
  height: 30px;
  left: 213px;
  top: 13px;
  background: #f00;
}
.colorpicker_current_color {
  position: absolute;
  width: 60px;
  height: 30px;
  left: 283px;
  top: 13px;
  background: #f00;
}
.colorpicker input {
  background-color: transparent;
  border: 1px solid transparent;
  position: absolute;
  font-size: 10px;
  font-family: Arial, Helvetica, sans-serif;
  color: #A6CFC5;
  top: 4px;
  right: 11px;
  text-align: right;
  margin: 0;
  padding: 0;
  height: 11px;
}
.colorpicker_hex {
  position: absolute;
  width: 72px;
  height: 22px;
  background: url(http://tinyurl.com/colorpickerimg/colorpicker_hex.png) top;
  left: 212px;
  top: 142px;
}
.colorpicker_hex input {
  right: 6px;
}
.colorpicker_field {
  height: 22px;
  width: 62px;
  background-position: top;
  position: absolute;
}
.colorpicker_field span {
  position: absolute;
  width: 12px;
  height: 22px;
  overflow: hidden;
  top: 0;
  right: 0;
  cursor: n-resize;
}
.colorpicker_rgb_r {
  background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_rgb_r.png);
  top: 52px;
  left: 212px;
}
.colorpicker_rgb_g {
  background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_rgb_g.png);
  top: 82px;
  left: 212px;
}
.colorpicker_rgb_b {
  background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_rgb_b.png);
  top: 112px;
  left: 212px;
}
.colorpicker_hsb_h {
  background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_hsb_h.png);
  top: 52px;
  left: 282px;
}
.colorpicker_hsb_s {
  background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_hsb_s.png);
  top: 82px;
  left: 282px;
}
.colorpicker_hsb_b {
  background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_hsb_b.png);
  top: 112px;
  left: 282px;
}
.colorpicker_submit {
  position: absolute;
  width: 22px;
  height: 22px;
  background: url(http://tinyurl.com/colorpickerimg/colorpicker_submit.png) top;
  left: 322px;
  top: 142px;
  overflow: hidden;
}
.colorpicker_focus {
  background-position: center;
}
.colorpicker_hex.colorpicker_focus {
  background-position: bottom;
}
.colorpicker_submit.colorpicker_focus {
  background-position: bottom;
}
.colorpicker_slider {
  background-position: bottom;
}
        .colorpicker {
          width: 356px;
          height: 176px;
          overflow: hidden;
          position: absolute;
          background: url(http://tinyurl.com/colorpickerimg/colorpicker_background.png);
          font-family: Arial, Helvetica, sans-serif;
          display: none;
        }
        .colorpicker_color {
          width: 150px;
          height: 150px;
          left: 14px;
          top: 13px;
          position: absolute;
          background: #f00;
          overflow: hidden;
          cursor: crosshair;
        }
        .colorpicker_color div {
          position: absolute;
          top: 0;
          left: 0;
          width: 150px;
          height: 150px;
          background: url(http://tinyurl.com/colorpickerimg/colorpicker_overlay.png);
        }
        .colorpicker_color div div {
          position: absolute;
          top: 0;
          left: 0;
          width: 11px;
          height: 11px;
          overflow: hidden;
          background: url(http://tinyurl.com/colorpickerimg/colorpicker_select.gif);
          margin: -5px 0 0 -5px;
        }
        .colorpicker_hue {
          position: absolute;
          top: 13px;
          left: 171px;
          width: 35px;
          height: 150px;
          cursor: n-resize;
        }
        .colorpicker_hue div {
          position: absolute;
          width: 35px;
          height: 9px;
          overflow: hidden;
          background: url(http://tinyurl.com/colorpickerimg/colorpicker_indic.gif) left top;
          margin: -4px 0 0 0;
          left: 0px;
        }
        .colorpicker_new_color {
          position: absolute;
          width: 60px;
          height: 30px;
          left: 213px;
          top: 13px;
          background: #f00;
        }
        .colorpicker_current_color {
          position: absolute;
          width: 60px;
          height: 30px;
          left: 283px;
          top: 13px;
          background: #f00;
        }
        .colorpicker input {
          background-color: transparent;
          border: 1px solid transparent;
          position: absolute;
          font-size: 10px;
          font-family: Arial, Helvetica, sans-serif;
          color: #e32424;
          top: 4px;
          right: 11px;
          text-align: right;
          margin: 0;
          padding: 0;
          height: 11px;
        }
        .colorpicker_hex {
          position: absolute;
          width: 72px;
          height: 22px;
          background: url(http://tinyurl.com/colorpickerimg/colorpicker_hex.png) top;
          left: 212px;
          top: 142px;
        }
        .colorpicker_hex input {
          right: 6px;
        }
        .colorpicker_field {
          height: 22px;
          width: 62px;
          background-position: top;
          position: absolute;
        }
        .colorpicker_field span {
          position: absolute;
          width: 12px;
          height: 22px;
          overflow: hidden;
          top: 0;
          right: 0;
          cursor: n-resize;
        }
        .colorpicker_rgb_r {
          background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_rgb_r.png);
          top: 52px;
          left: 212px;
        }
        .colorpicker_rgb_g {
          background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_rgb_g.png);
          top: 82px;
          left: 212px;
        }
        .colorpicker_rgb_b {
          background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_rgb_b.png);
          top: 112px;
          left: 212px;
        }
        .colorpicker_hsb_h {
          background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_hsb_h.png);
          top: 52px;
          left: 282px;
        }
        .colorpicker_hsb_s {
          background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_hsb_s.png);
          top: 82px;
          left: 282px;
        }
        .colorpicker_hsb_b {
          background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_hsb_b.png);
          top: 112px;
          left: 282px;
        }
        .colorpicker_submit {
          position: absolute;
          width: 22px;
          height: 22px;
          background: url(http://tinyurl.com/colorpickerimg/colorpicker_submit.png) top;
          left: 322px;
          top: 142px;
          overflow: hidden;
        }
        .colorpicker_focus {
          background-position: center;
        }
        .colorpicker_hex.colorpicker_focus {
          background-position: bottom;
        }
        .colorpicker_submit.colorpicker_focus {
          background-position: bottom;
        }
        .colorpicker_slider {
          background-position: bottom;
 
}

a.imginfo {
  position: relative;
  color: #A6CFC5;
  text-decoration: none;
  border-bottom: 0px ; #A6CFC5 solid;
}

a.imginfo span {
  display: none;
}
a.imginfo:hover {
  background: none;
  z-index: 999;
  cursor: none;
}
a.imginfo:hover span {
  display: inline;
  position: absolute;
  white-space: nowrap; /
  top: 100px;
  left: 89px;
  background: #A6CFC5;
  color: #A6CFC5;
  padding: 3px;
  border: 0px solid grey;
  border-left: 1px solid #A6CFC5;
  border-right: 1px solid #A6CFC5;
  border-top: 5px solid #A6CFC5;
  border-bottom: 5px solid #A6CFC5;
}




.imgopa {
opacity: 0.3 ;
}

.imgopa:hover {
opacity: 1;
}

/* les onglet */
.systab .tab {
  padding: 2px 10px;
  margin-right: 10px;
  color: #000000;
  background: #73150E;
  border: 1px solid #73150E;
  cursor: pointer;
  border-radius:25px 25px 0px 0px;
}
/* les onglets survolés */
.systab .tab:hover {
  background: #A14A45;
  color: #BF928F;
  border-color: #A14A45;
}
/* les onglets sélectionnés */
.systab .tab.selected{
  color: #73150e;
  background: #BF928F;
  border-color : #BF928F;
}
/* contenus associés aux onglets  */
.systab .contents {
  margin-top: 3px;
  margin-bottom: 1px;
  color: #73150e;
  background: #BF928F;
  border: 1px solid #BF928F;
  padding: 5px;
  width: 178px;
}
/* style des onglets */
.systab.s_float .tab,.systab.s_float .tab {
  display: block;
  margin: 2px;
}
/* flottement des conteneurs  */
.systab.s_float .tabs,.systab.s_float .contents {
  float: right;
}

div#conteneur{
  width:297px;
  margin:auto;
  }
 
div.bloc1{
  width:35px;
  height: 148px;
  background-color:#e0e0e0;
  color:black;
  font-size: 9px;
  text-align:center;
  margin:1px;
  overflow:hidden;
  float:left;
  }

ul.css3rotate li {
    float: left;
  list-style: none;
  border-radius: 30px
}
 
ul.css3rotate li a img  {
    float: left;
    width: 60px;
  margin:2px;
    -webkit-transition: -webkit-transform 0.4s ease-in-out;/* Utilisé pour la transition sur chrome et safari */
    -moz-transition: -moz-transform 0.4s ease-in-out;/* Utilisé pour la transition sur Firefox */
    transition: transform 0.5s ease-in-out;
}
 
ul.css3rotate li a:hover img {
    -webkit-transform: scale(1.4) rotate(-10deg);/* Agrandissement de la photo à l'échelle 1.4 et rotation de -10 degrés */
    -moz-transform: scale(1.4) rotate(-10deg);
    -o-transform: scale(1.4) rotate(-10deg);
    transform: scale(1.4) rotate(-10deg);
    -webkit-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5); /* L'ombre appliquée sur la photo au survol */
    -moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);
  border-radius: 30px
}

::-webkit-scrollbar {
    width: 10px;
}
 
::-webkit-scrollbar-track {
   
    border-radius: 0px;
}
 
::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.5);
}

/* PAGE D'ACCUEIL */
.News{
  center;
  background-color: #A1613B;
  border: 1px solid #E0541D;
  border-radius: 4px;
  box-shadow: 1px, 1px, 2px;
  width: 300px;
  height:255px;}

.Newsbis{
  width:291px;
  height:246px;
  padding:5px;
  overflow:auto}
   
.Histoire{
  center;
  background-color: #A1613B;
  border: 1px solid #E0541D;
  border-radius: 4px;
  box-shadow: 1px, 1px, 2px;
  width: 300px;
  height:255px;
  overflow:auto}

.Infos{
  center;
  background-color: #A1613B;
  border: 1px solid #E0541D;
  border-radius: 4px;
  box-shadow: 1px, 1px, 2px;
  width: 300px;
  height:125px;}

.Infosbis{
  width:291px;
  height:105px;
  padding:5px;
  overflow:auto}

.Nav{
  center;
  background-color: #A1613B;
  border: 1px solid #E0541D;
  border-radius: 4px;
  box-shadow: 1px, 1px, 2px;
  overflow: auto;
  width: 297px;
  height:99px;}

.Staff{
  center;
  background-color: #A1613B;
  border: 1px solid #E0541D;
  border-radius: 4px;
  box-shadow: 1px, 1px, 2px;
  overflow: auto;
  width: 297px;
  height:150px;}

.Adoptables{
  center;
  background-color: #A1613B;
  border: 1px solid #E0541D;
  border-radius: 4px;
  box-shadow: 1px, 1px, 2px;
  overflow: auto;
  width: 298px;
  height:150px;}

.Top-sites{
  center;
  background-color: #A1613B;
  border-radius: 4px;
  box-shadow: 1px, 1px, 2px;
  border: 1px solid #E0541D;
  width: 297px;
  height:150px;}

.Amis{
  center;
  background-color: #A1613B;
  border: 1px solid #E0541D;
  border-radius: 4px;
  box-shadow: 1px, 1px, 2px;
  width: 900px;
  height:100px;}

.Priorités{
  center;
  background-color: #A1613B;
  border-radius: 4px;
  box-shadow: 1px, 1px, 2px;
  border: 1px solid #E0541D;
  width: 350px;
  height:60px;}

/* SELECTIONNER LE CONTENU : Balise code */
    .selectCode { float:right; text-transform: uppercase; cursor:pointer; }
    div.cont_code { clear: right; }


/* FICHE REGLEMENT */
/*message important*/
.fond-titre{
  text-align:justify;
  margin:auto;
  width:80%;
  padding:24px;
  background-color:#ECE1D2;
  border:#CCC9C2 solid 3px;
  box-shadow:0px 0px 5px black;
}

.titre-message{
  font-family: 'Dancing Script', cursive;
  text-shadow:0px 0px 2px #B4995C;
  width:109%;
  font-size:40px;
  margin-left:-24px;
  text-align:center;
  background-color:#CCC9C2;
  border-bottom: 4px solid #B4995C;
}

.titre-message span{
  font-size:17px;
  text-shadow:none;
  margin-top:-15px;
  position:absolute;
  letter-spacing:1px;}

.sous-titre-message{
  font-family: 'Dancing Script', cursive;
  text-shadow:0px 0px 2px #B4995C;
  font-size:25px;
  margin-left:25px;
  text-decoration:underline;
}

.sous-titre-titre{
  font-family: 'Dancing Script', cursive;
  text-shadow:0px 0px 2px #B4995C;
  font-size:25px;
  margin-left:25px;
}

.titre-clan{
  font-family: 'Dancing Script', cursive;
  text-shadow:0px 0px 2px #B4995C;
  font-size:35px;
  text-align:center;
}

/*Signature*/
  .signature_div img{
    max-width: 750px !important;
    max-height: 600px !important;
    }


Dernière édition par Admin le Lun 5 Nov - 8:57, édité 1 fois
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://forumtestdesign.forumactif.com
Admin
Admin


RPG
PROFILMessages : 19
Date d'inscription : 22/03/2014

MessageSujet: Re: Votre 1er sujet   Dim 23 Mar - 15:07

Code:
<table>
                                                                                  
   <tbody>
                                                                                     
      <tr>
                                                                                        
         <td>
                                                    <link type="text/css" rel="stylesheet" href="http://fonts.googleapis.com/css?family=Pacifico" />                                       
            <div style="margin-bottom:-15px;font-family:pacifico;font-size:25px;text-shadow: 0px 1px 0px white;margin-left:40px;">
                                                       New's                                       
            </div>
                                                                                           
            <div style="center; background-color: #D1381E; border: 1px solid #4A4A4A; width: 300px;height:184px;">
                                                                                              
               <div style="width:291px;height:175px;padding:5px;overflow:auto">
                                                                                                 
                  <div align="justify">
                                                 <strong>27.09.14 Keranne</strong> devient modératrice de toute la partie Rp ainsi que de la catégorie "gestion". Accompagnant désormais Puccazaza. <br /><strong>L'ombre</strong> devient tant qu'à elle animatrice, un nouveau rang du staff. <br />Et pour finir, <strong>Atamagahen</strong> rejoint le staff en tant que modératrice des personnages.                         
                     <p>
                                                              <strong>25.08.14</strong> Une image par Ziko pour illustrer la vallée arc-en-ciel a été mise.                                     
                     </p>
                                                                            
                     <p>
                                                            <strong>21.08.14</strong> Deux images ont été mises pour illustrer le marais Tamashi. Deux images ont été mises pour illustrer les plantes mouvantes. Ménage effectué au niveau des comptes.                                     
                     </p>
                                                             <strong>3.08.14</strong> Chez le clan de l'Air. Takeru Kaze étant sorti des adoptables, Hydromos redevient bêta.                                       
                     <p>
                                                                <strong>28.06.14</strong> Nouveau design par Tal mis en place et nouvelle page d’accueil par Kimchi! Bonnes vacances!                                       
                     </p>
                                                                                                    
                     <p>
                                                                <strong>27.04.14</strong> Concours des dieux terminé. Statue d’Eðen placée. Récapitulation des dieux posté dans la partie règlement.                                       
                     </p>
                                                                                                    
                     <p>
                                                                <strong>20.04.14</strong> Pyrrha et Zeke étant passés à l'âge adulte, tous les loups dont les fiches ont été postées avant le 20 février 2014 doivent prendre +1 an. Afin de garder une certaine chronologie.                                       
                     </p>
                                                                                                    
                     <p>
                                                                <strong>16.04.14</strong> Rang des assassins chez les Terres rouvert.                                       
                     </p>
                                                                                                    
                     <p>
                                                                <strong>28.03.14</strong> Nouveau design mis en place par Licorneor, header d'<a rel="nofollow" target="_blank" class="postlink" href="http://himi-zekien.deviantart.com/">Himi-Zekien</a>. Design de fin Mars - Avril - Mai et début Juin pour rattraper un peu le retard.                                       
                     </p>
                                                                                                    
                     <p>
                                                                <strong>15.03.14 Privilégiez le clan de l'Eau et le clan du Feu.</strong>                                       
                     </p><strong>22.02.14</strong> Liste des escadrons mis en place, rendez-vous à la section des hiérarchies pour la trouver.                                       
                  </div>
                                                                                                 
               </div>
                                                                                              
            </div><link type="text/css" rel="stylesheet" href="http://fonts.googleapis.com/css?family=Pacifico" />                                       
            <div style="margin-bottom:-15px;font-family:pacifico;font-size:25px;text-shadow: 0px 1px 0px white;margin-left:40px;">
                                                       Amis                                       
            </div>
                                                                                           
            <div style="center; background-color: #D1381E; border: 1px solid #4A4A4A; width: 300px;height:40px;">
                                                                                              
               <p>
                                                                                                 
               </p>
                                                                                              
               <div style="TEXT-ALIGN: center; MARGIN: auto; WIDTH: 100%">
                                                          <select onchange="location = this.options
[this.selectedIndex].value" style="WIDTH: 249px"><option>» Nos amis</option><option value="http://wolfelement.forumactif.com/forum.htm">Wolf Element</option><option value="http://nightwolves.jdrforum.com/">Road of Freedom</option><option value="http://lostelement.forum-canada.com/">Lost Elément</option><option value="http://worldofenytrial.forumactif.org/">World of Enytrïal</option><option value="http://another-world.activebb.net/">Another World</option><option value="http://newhopelgdc.forumactif.org/">New Hope: La Guerre Des Clans</option><option value="http://bba-dissension.naturalforum.net/">The Blackblood Alliance : Dissension</option><option value="http://lk-ns.allgoo.net/">Lion king new story</option><option value="http://legends-of-wolves.forumactif.org/">Legend of wolves</option> <option value="http://enolaisland.forumsactifs.com/">L'île d'Enola</option> <option value="http://esquisse.azurforum.com/">Esquisse</option> <option value="http://crossedpaths.forumactif.org/">Crossed paths</option> <option value="http://landsofsalastia.my-rpg.com/">Lands of Salastia</option> <option value="http://wholetthedogsout.forumactif.org/">Who let the dogs out ?</option> <option value="http://illuvis.forumactif.org/">Illuvis</option> <option value="http://legendeseternelles.lebonforum.com/">Légendes éternelles</option> <option value="http://king-chiens.forumactif.org/">King</option> <option value="http://punk-wolf.forums-actifs.com/">Punk Wolf</option> <option value="http://spirit.forumcanada.org/forum">Spirit RPG</option> <option value="http://leselemenloups.bbactif.com/f16-o-pub-partenariatt">LE DEVENIR ?</option></select>                                       
                  <p>
                                                                                                    
                  </p>
                                                                                                 
               </div>
                                                                                              
            </div>
                                                                                           
         </td>
                                                                                        
         <td>
                                                    <link type="text/css" rel="stylesheet" href="http://fonts.googleapis.com/css?family=Pacifico" />                                       
            <div style="margin-bottom:-15px;font-family:pacifico;font-size:25px;text-shadow: 0px 1px 0px white;margin-left:40px;">
                                                       Bienvenue {USERNAME}!                                       
            </div>
                                                                                           
            <div style="center; background-color: #D1381E; border: 1px solid #4A4A4A; width: 300px;height:255px;">
                                                                                              
               <p>
                                                                                                 
               </p>
                                                                                              
               <div align="justify">
                                                                C'était il y a longtemps, une terre inconnue de tous : la terre des Élémenloups. Ces terres furent crées par le grand dieu Créateur : Dalnar. Des terres prêtent à accueillir la vie lupine. Au commencement n'y vivaient que 4 et unique loups. Ce furent les 4 piliers de la création de ces terres, les 4 fondateurs des clans d'aujourd'hui. Le gibier d'ailleurs s'installa peu à peu, par l'influence du dieu Mordor, peuplant ces nouvelles terres fraîchement créées. D'autres loups apparurent à leur suite peu de temps après afin de peupler un peu plus ce royaume. Tout les loups furent crées par la magie de la déesse mère Rhéa. Ils se reproduisirent entre eux, jusqu'à former 4 grandes meutes toutes les unes aussi respectables que les autres. La paix y vivait sans pour autant se soucier qu'un nuage sombre arrivait. Puis un jour...      <br />                                       
                  <div align="right">
                                                             <a class="postlink" href="http://leselemenloups.bbactif.com/t2-histoire-des-elemenloups" target="_blank" rel="nofollow">La suite...</a>                                       
                  </div>
                                                                                                 
               </div>
                                                                                              
            </div>
                                                                                           
         </td>
                                                                                        
         <td>
                                                    <link type="text/css" rel="stylesheet" href="http://fonts.googleapis.com/css?family=Pacifico" />                                       
            <div style="margin-bottom:-15px;font-family:pacifico;font-size:25px;text-shadow: 0px 1px 0px white;margin-left:40px;">
                                                       Infos                                       
            </div>
                                                                                           
            <div style="center; background-color: #D1381E; border: 1px solid #4A4A4A; width: 300px;height:125px;">
                                                                                              
               <div style="width:291px;height:150px;padding:5px;overflow:auto">
                                                          <strong>Saison</strong>: On se rapproche de l'automne, températures douces et quelques pluies.<br />                                       
                  <p>
                                                             <strong>Chaleurs</strong> : <a class="postlink" href="http://leselemenloups.bbactif.com/t1-reglements?tid=5d8a85d38559ff975cad3efe5e189bb2">voir ici, tout en bas</a>.<br /> <strong>Naissances</strong> : <a class="postlink" href="http://leselemenloups.bbactif.com/t1-reglements?tid=5d8a85d38559ff975cad3efe5e189bb2">voir ici, tout en bas</a>.                                       
                  </p>
                                                          <strong>Clans prioritaires</strong> : Feu et Air. Recherche aussi un(e) chef d'armée chez les Feux (un adoptable, Ware, est proposé).                                       
               </div>
                                                                                              
            </div><link type="text/css" rel="stylesheet" href="http://fonts.googleapis.com/css?family=Pacifico" />                                       
            <div style="margin-bottom:-15px;font-family:pacifico;font-size:25px;text-shadow: 0px 1px 0px white;margin-left:40px;">
                                                       Nav'                                       
            </div>
                                                                                           
            <div style="center; background-color: #D1381E; border: 1px solid #4A4A4A; width: 300px;height:99px;">
                                                                                              
               <table>
                                                                                                 
                  <tbody>
                                                                                                    
                     <tr>
                                                                                                       
                        <td>
                                                                   <span style="font-size: 11px;"><a class="postlink" href="http://leselemenloups.bbactif.com/t1-reglements" target="_blank" rel="nofollow">▬ Règlement</a><br /><a class="postlink" href="http://leselemenloups.bbactif.com/t2-histoire-des-elemenloups" target="_blank" rel="nofollow">▬ Histoire</a><br /><a class="postlink" href="http://leselemenloups.bbactif.com/f9-o-adoptables" target="_blank" rel="nofollow">▬ Adoptables</a><br /><a class="postlink" href="http://leselemenloups.bbactif.com/t197-liste-des-rps-libres" target="_blank" rel="nofollow">▬ Liste des Rps Libres</a><br /><a class="postlink" href="http://leselemenloups.bbactif.com/t417-faq-generale-lire-avant-de-poser-une-question" target="_blank" rel="nofollow">▬ F.A.Q Général</a><br /><a class="postlink" href="http://leselemenloups.bbactif.com/f16-o-pub-partenariat" target="_blank" rel="nofollow">▬ Demande d'amis</a> </span>                                       
                        </td>
                                                                                                       
                        <td>
                                                                                                          
                           <div style="margin-left: 30px;">
                                                                      <span style="font-size: 11px;"><a class="postlink" href="http://leselemenloups.bbactif.com/f69-o-event" target="_blank" rel="nofollow">▬ Event</a><br /><a class="postlink" href="http://leselemenloups.bbactif.com/t924-les-dieux-de-ce-monde" target="_blank" rel="nofollow">▬ Les Dieux</a><br /><a class="postlink" href="http://leselemenloups.bbactif.com/t3-rangs-des-clans" target="_blank" rel="nofollow">▬ Rangs</a><br /><a class="postlink" href="http://leselemenloups.bbactif.com/f63-o-hierarchie-des-clans" target="_blank" rel="nofollow">▬ Hiérarchies</a><br /><a class="postlink" href="http://les-elemenloups.deviantart.com/" target="_blank" rel="nofollow">▬ Deviant Art</a><br /><a class="postlink" href="https://www.facebook.com/pages/Les-%C3%A9l%C3%A9menloups/201552039868047?fref=ts" target="_blank" rel="nofollow">▬ Facebook</a> </span>                                       
                           </div><br />                                       
                        </td>
                                                                                                       
                     </tr>
                                                                                                    
                  </tbody>
                                                                                                 
               </table>
                                                                                              
            </div>
                                                                                           
         </td>
                                                                                        
      </tr>
                                                                                     
   </tbody>
</table>
                                       
<center>
                                                                                  
   <table>
                                                                                     
      <tbody>
                                                                                        
         <tr>
                                                                                           
            <td>
                                                       <link href="http://fonts.googleapis.com/css?family=Pacifico" rel="stylesheet" type="text/css" />                                       
               <div style="margin-bottom:-15px;font-family:pacifico;font-size:25px;text-shadow: 0px 1px 0px white;margin-left:40px;">
                                                          Staff                                       
               </div>
                                                                                              
               <div style="center; background-color: #D1381E; border: 1px solid #4A4A4A; width: 298px;height:150px;">
                                                                                                       
               </div>
                                                                                              
            </td>
                                                                                           
            <td>
                                                       <link href="http://fonts.googleapis.com/css?family=Pacifico" rel="stylesheet" type="text/css" />                                       
               <div style="margin-bottom:-15px;font-family:pacifico;font-size:25px;text-shadow: 0px 1px 0px white;margin-left:40px;">
                                                          Adoptables                                       
               </div>
                                                                                              
               <div style="center; background-color: #D1381E; border: 1px solid #4A4A4A; width: 298px;height:150px;">
                                                                                                 
               </div>
                                                                                              
            </td>
                                                                                           
            <td>
                                                       <link href="http://fonts.googleapis.com/css?family=Pacifico" rel="stylesheet" type="text/css" />                                       
               <div style="margin-bottom:-15px;font-family:pacifico;font-size:25px;text-shadow: 0px 1px 0px white;margin-left:40px;">
                                                          Top Sites                                       
               </div>
                                                                                              
               <div style="center; background-color: #D1381E; border: 1px solid #4A4A4A; width: 297px;height:150px;">
                                                                                                 
                  <div align="center">
                                                                                                    
                     <p>
                                                                <a class="postlink" href="http://www.root-top.com/topsite/olinalexe/in.php?ID=3519" target="_blank" rel="nofollow"><img alt="" src="http://i39.servimg.com/u/f39/14/49/82/45/topsit12.png" border="0" /></a><a class="postlink" href="http://www.root-top.com/topsite/arrow/in.php?ID=526" target="_blank" rel="nofollow"><img alt="" src="http://i39.servimg.com/u/f39/14/49/82/45/topsit12.png" border="0" /></a><a class="postlink" href="http://www.root-top.com/topsite/mirry/in.php?ID=378" target="_blank" rel="nofollow"><img alt="" src="http://i39.servimg.com/u/f39/14/49/82/45/topsit12.png" border="0" /></a>                                       
                     </p>
                                                                                                    
                     <p>
                                                                <a class="postlink" href="http://www.root-top.com/topsite/serpentgy/in.php?ID=9664" target="_blank" rel="nofollow"><img alt="" src="http://i39.servimg.com/u/f39/14/49/82/45/topsit12.png" border="0" /></a><a class="postlink" href="http://www.root-top.com/topsite/rpgwolf/in.php?ID=39" target="_blank" rel="nofollow"><img alt="" src="http://i39.servimg.com/u/f39/14/49/82/45/topsit12.png" border="0" /></a>                                       
                     </p>
                                                                                                    
                  </div>
                                                                                                 
               </div>
                                                                                              
            </td>
                                                                                           
         </tr>
                                                                                        
      </tbody>
                                                                                     
   </table>
</center>
 
<div style="TEXT-ALIGN: center; LINE-HEIGHT: normal; MARGIN: auto; WIDTH: 100%; FONT-SIZE: 9px">
                                           forum (c) shady - page d'acceuil (c) kimchi~<br />toutes copies complètes ou partielles est interdites
</div>
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://forumtestdesign.forumactif.com
Admin
Admin


RPG
PROFILMessages : 19
Date d'inscription : 22/03/2014

MessageSujet: Re: Votre 1er sujet   Sam 10 Fév - 17:23

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 Gestion dans le menu thème 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 cliquez dans le panneau de configuration, sur gestion dans le menu forum et cliquez sur ajouter (un forum ou une catégorie).
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://forumtestdesign.forumactif.com
Contenu sponsorisé



RPG
PROFIL

MessageSujet: Re: Votre 1er sujet   

Revenir en haut Aller en bas
 

Votre 1er sujet

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

 Sujets similaires

-
» Ajout de l'icône de sujet sur la page "Voir les nouveaux messages depuis votre dernière visite"
» Quel votre système d'exploitation ?
» Votre chanson préféré de NOEL c'est laquelle ?
» Votre source sur Joseph Gordon-Levitt
» Insérer des images dans vos sujets.

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
ForumTestDesign :: « .Règles et Encyclopédie. » :: Réglements-