Commande(s) et beug

 :: Exposition NLDD :: Intruders :: Réalisés Voir le sujet précédent Voir le sujet suivant Aller en bas
MessageCommande(s) et beug Mar 9 Fév - 0:47
Bonsoir,

Etant donné que j'aime particulièrement ce que vous faites et que je suis une nul pour tout ce qui est codage. Je me suis enfin convaincu de vous demander un de vos services.

Je refais tout un forum. Je n'ai pas besoin de tout, bien évidemment, étant donné que je me sers déjà de vos codes pour le faire, mais de trois éléments il me semble.

Bref, trève de bavardage.

je souhaiterais vous commander dans un premier temps, des catégories.

Largeur maximale : 750px
Hauteur maximale : 200px
Schéma : Schéma explicatif
Éléments : Comme vous avez pu peut-être le voir, j'aimerais un forum sur la gauche et laisser tout un espace libre sur la droite, si je veux rajouter des petites choses ou prendre le temps de faire un jolie fond.

J'ai fait au mieux pour les couleurs, les petits carrés c'est pour le fond, etc.

Après je me débrouille pour tout ce qui est couleur et police, normalement, je n'ai aucun problème là dessus.


Images : Celle là, pour l'essaie d'un titre pour la catégorie :
Animations : J'aimerais que lorsque on passe la souris sur une sous catégorie, ça deviennent plus clair. Et puis, c'est tout.
Informations supplémentaires : J'espère que vous accepterez ma commande, et que cette dernière est bien expliquée. Je serais très heureuse, d'avoir une réponse positive de votre part. Et si vous pouviez par la suite, et si vous avez le temps bien sur, j'ai deux petits codes Template à régler. Voilà, encore merci beaucoup. Bonne soirée, journée à vous.

Corpse,

Revenir en haut Aller en bas
MessageModification, oublie Mar 9 Fév - 2:53
Bonsoir,

Désolée pour le double post, mais le schéma explicatif, n'est pas bon, j'avais oublié de mettre les sous forums! Je suis désolée, voici donc le bon schéma explicatif

Vous pouvez mettre les couleurs que vous souhaitez, peut m'importe, je modifierais.

Merci beaucoup, en espérant que vous acceptez ma demande.

Bon courage à vous,
Revenir en haut Aller en bas
MessageRe: Commande(s) et beug Mar 9 Fév - 23:29
avatar
Nombre de messages : 877
Date d'inscription : 04/07/2007
Logiciels : Photoshop CS6 - Flash CS6 - Notepad

Remplacer l'intégralité du code par celui-ci :
Code:
<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
     <tr>
     <td valign="bottom">
     <!-- BEGIN switch_user_logged_in -->
     <span class="gensmall">{LAST_VISIT_DATE}<br />
     {CURRENT_TIME}<br />
     </span>
     <!-- END switch_user_logged_in -->
     <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
     </td>
     <td class="gensmall" align="right" valign="bottom">
     <!-- BEGIN switch_user_logged_in -->
     <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
     <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
     <!-- END switch_user_logged_in -->
     <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
     </td>
     </tr>
    
    </table><!-- BEGIN catrow --><!-- BEGIN tablehead -->
    <div class="topCAT"><div class="tleCAT">{catrow.tablehead.L_FORUM}</div></div>
    <span style="display:block; height:1px; clear:both;"></span><!-- END tablehead -->

     <!-- BEGIN cathead -->
    <div class="topCAT"></div>
     <!-- END cathead -->
    
    <!-- BEGIN forumrow -->
    <div class="blocFRM"><div class="FRM"><div class="tleFRM"><a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></div><div class="descFRM">{catrow.forumrow.FORUM_DESC}</div><div class="sfFRM">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div><script type="text/javascript">$('.sfFRM').each(function(){$(this).html($(this).html().replace(/>, /g,"><br /> "));});</script><div class="lmsgFRM"><div class="nbFRM">{catrow.forumrow.TOPICS} S | {catrow.forumrow.POSTS} M</div>{catrow.forumrow.LAST_POST}</div><img src="{catrow.forumrow.FORUM_FOLDER_IMG}" class="imgFRM" /></div></div>
     <!-- END forumrow -->
    
    <!-- BEGIN catfoot -->
    <!-- END catfoot -->
    <!-- BEGIN tablefoot -->
 <span style="display:block; height:1px; clear:both;"></span>
    <!-- END tablefoot --><!-- END catrow -->

Partie CSS :
Code:
/* CODAGE GLOBAL */
body {
float:left; margin:0; margin-left:200px;  
width:750px; padding:0;
}
.bodyline {
margin:0;
padding:0; padding-left:10px;
}

/* HAUT CATEGORIES */
.topCAT {
margin:5px auto; width:750px;
}
/* TITRE CATEGORIES */
.tleCAT{
width:740px; padding:1px 0;
text-align:center;
background:black; /* MODIFIABLE */
}
.tleCAT h2{
font-size:32px; text-transform:uppercase; letter-spacing:3px;
font-family:Arial; color:white; /* MODIFIABLE */
}
/* BLOC FORUMS */
.blocFRM{
width:750px; margin:auto;
}
/* BLOC FORUM */
.FRM {
float:left; margin:5px 0;
width:375px;
opacity:0.8; transition:opacity 0.45s linear; -webkit-transition:opacity 0.45s linear;
}
.FRM:hover {
opacity:1;
}
/* TITRE FORUM */
.tleFRM {
width:340px; padding:10px 0 10px 25px;
text-transform:uppercase; text-align:left;
background:black; /* MODIFIABLE */
}
.tleFRM a{
letter-spacing:0; color:white !important; /* MODIFIABLE */
transition:all 0.45s linear; -webkit-transition:all 0.45s linear;
}
/* SURVOL TITRE FORUM */
.tleFRM:hover  a{
letter-spacing:2px; /* MODIFIABLE */
}
/* DESCRIPTION FORUM */
.descFRM {
display:inline-block; vertical-align:top;
width:230px; height:90px; padding:5px; overflow:auto;
font-size:9px; text-align:justify;
background:rgba(250,250,250,0.3); color:black; /* MODIFIABLE */
}
/* SOUS-FORUMS */
.sfFRM {
display:inline-block;
width:115px; height:90px; padding:5px; overflow:hidden;
text-align:left; text-transform:uppercase; font-size:11px;
background:#ccc;  /* MODIFIABLE */
}
/* LIEN SOUS-FORUMS */
.sfFRM a{
color:black !important; /* MODIFIABLE */
}
/* BLOC DERNIER MESSAGE FORUM */
.lmsgFRM {
display:inline-block; vertical-align:top;
width:230px; height:40px; padding:5px; overflow:hidden;
text-align:center; font-size:8px;
background-color:rgba(250,250,250,0.6); color:black; /* MODIFIABLE */
}
/* NOMBRE SUJETS ET MESSAGES FORUM */
.nbFRM {
margin-bottom:3px; width:230px; height:18px; padding-top:7px;
font-size:9px;
background:rgba(0,0,0,0.8); color:white; /* MODIFIABLE */
}
/* TAILLE PSEUDONYME DERNIER POSTEUR */
.lmsgFRM .gensmall {
font-size:8px; /* MODIFIABLE */
}
.lmsgFRM br {
display:none;
}
.lmsgFRM a{
margin:0 5px;
}
.lmsgFRM .sprite-icon_topic_latest {
margin-left:-12px; max-height:8px;
}
/* ICÔNES FORUM */
.imgFRM{
display:inline-block; vertical-align:top;
width:125px; height:50px;
}

Vous invitant désormais à m'exposer les deux problèmes évoqués.
Revenir en haut Aller en bas
MessageMerci ! Mer 10 Fév - 0:27
Bonsoir,

Je suis très heureuse que vous ayez accepté ma demande, en plus faite avec rapidité. Que demandez- de plus ?

Or, il y'a quelques beugs, j'ai fait un copier coller simple de vos codes, mais ça beug tout de même :

en sachant, que les liens utiles (règlement, contexte...) ne touchait pas la bannière. Et que j'ai préféré faire un forum à 800px, est-ce donc là le problème ?

Je n'ai pour l'instant aucun beug, hormis-ceux évoqué précédemment. En tout cas, aucun qui me vienne à l'idée !

Vous souhaitant, une agréable soirée.

Chaleureusement, Corpse,
Revenir en haut Aller en bas
MessageRe: Commande(s) et beug Mer 10 Fév - 4:50
avatar
Nombre de messages : 877
Date d'inscription : 04/07/2007
Logiciels : Photoshop CS6 - Flash CS6 - Notepad
Un éclaircissement quant à ce que vous considérez problématique m'aiderait grandement - les codes fournis apparaissant tout à fait fonctionnels sur votre image. La position de ces liens est régie par le CSS de la page d'accueil - qui ne relève visiblement nullement de ma responsabilité. Si vous désirez modifier l'emplacement de ce bloc, il vous faudra interagir avec la class de ce dernier.

Vous mentionniez par ailleurs :
Citation :
Et si vous pouviez par la suite, et si vous avez le temps bien sur, j'ai deux petits codes Template à régler.

Si vous signifiiez ainsi votre intention de solliciter la création de nouveaux éléments, vous pouvez évidemment rédiger l'ensemble de vos commandes en un unique jet à la suite de ce message.
Revenir en haut Aller en bas
MessageRemaniement de message Mer 10 Fév - 23:09
Je suis désolée, j'ai déformé tout votre forum. Cela m'apprendra à vouloir aller trop vite!

Je remet ma requête, sans beug.


Bonsoir !

Je suis désolée, en effet il n'y avait pas de beug avec le codage que vous m'avez fait, c'est moi qui ai mal procédé !

Je voulais vous faire part d'un beug que j'ai et que je n'arrive pas du tout à régler, si vous pouviez m'aider se serait très gentil de votre part. Bien évidemment, vous pouvez refuser, mais je vous nomme tout de même mon problème en image.

Beug 1
Tout est marqué sur l'image, pour vous aiguiller, voici la partie css du forum :
Code:
body{background-attachment:fixed;background-color:#828282;background-image:url(http://www.zupimages.net/up/16/06/pibo.jpg)
    margin-top:15px;
  margin-bottom:15px;}

#i_logo {
  margin-top:-1px;
  margin-bottom:15px;
}
    
.bodylinewidth{width:800px;
margin-left: 210px;
}

.bodyline
{
 background: #828282;
 padding:0px;
border-top:none;
  border-bottom:none;
  border-right:2px solid #828282;
  border-left:2px solid #828282;
  box-shadow:0px 0px 20px #EAEAEA;
}
/*_________Navigation ND___________*/

a.mainmenu{width:600px; font-size:12px;font-family: 'Roboto', sans-serif;text-transform:Uppercase;}
.menu{
border-bottom: 5px solid #E6E8F0;border-top: 5px solid #E6E8F0;
margin-top:60px;
padding-top: 60px;
}

/*______________________P.A______________________*/

      /* ajustements personnels */

      /* stylisation paragraphe contexte + choses à savoir : */
      #pa {
         font-family: sans-serif;
         font-size: 12px;
         position: relative;
      }

      /* stylisation titres */
      #pa h2 {
         font-family: 'Roboto', sans-serif;
         font-size: 15px;
         color: #eaeaea;
         text-transform: uppercase;
         text-align: center;
         font-style: italic;
         margin-bottom: 10px !important; /* = espace sous les titres */
      }

      /* stylisation liens de toute la PA */

      #pa a{
         text-decoration: none;
         color: #883A3A;
         -webkit-transition: all .2s ease-in-out;
         -moz-transition: all .2s ease-in-out;
         -ms-transition: all .2s ease-in-out;
         -o-transition: all .2s ease-in-out;
         transition: all .2s ease-in-out;
      }

      #pa a:hover{
         text-decoration: none;
         color: #883A3A;
      }

      /* stylisation format date des news */

      .date {
         font-weight: bold;
         color: #883A3A;
         font-size: 11px;
         text-transform: uppercase;
      }

      /* stylisation liens menu */
      ul#menu a {
         text-decoration: none;
         color: #883A3A;
         letter-spacing: 0px;
         font-size: 16px;
         -webkit-transition: all .2s ease-in-out;
         -moz-transition: all .2s ease-in-out;
         -ms-transition: all .2s ease-in-out;
         -o-transition: all .2s ease-in-out;
         transition: all .2s ease-in-out;
      }

      ul#menu a:hover {
         letter-spacing: 2px;
         font-weight: bold;
      }

      /* stylisation pseudo "staff" */

      .pseudo {
         margin: 5px 0px;
         font-weight: bold;
         font-size: 110%;
      }

   /* normalize */
   #pa h1,#pa h2,#pa h3,#pa h4,#pa h5,#pa h6, ul, p { margin: 0; padding: 0; font-weight: normal;}

   /* GÉNÉRAL */

   #pa {
      width: 800px; margin-left:-4px;}
    

   #container {
      width: 800px;
      overflow: hidden; margin-top:10px;
   }

   .left {
      width: 640px;
      float: left; margin-right: 10px;
      min-height: 150px;
   }

   .right {
      width: 126px; height: 421px;
      border: 2px solid #303030;
      float: left; padding: 10px;
      
   }

   /* contexte */
   #contexte {
      width: 616px; max-widht:716px;
      height: 136px; max-height:136px;
      padding: 10px; margin-bottom: 10px;
      border: 2px solid #303030;
   }

   img.contexteimg {
      width: 160px; height: 140px;
      margin: 0 10px 0 0;
      float: left;
   }

   .texte-contexte {
      width: 440px; height: 140px;
      padding-right: 5px; /* espace pour scrollbar */
      float: left; text-align: justify;
      overflow-y: auto; /* scrolling */
   }

   .texte-contexte p{   margin-bottom: 20px;}
   .texte-contexte p:last-child{   margin-bottom: 0px;}

   /* NEWS & CHOSES SE PASSANT */
   .twocols {
      float: left;
      width: 291px; height: 81px;
      border: 2px solid #303030;
  margin-right: 10px;
      padding: 10px;
      position: relative;
      overflow: hidden;
  text-align:justify
   }

   .twocols:nth-child(even) {
      margin-right: 0px;
   }

   .news img { width: 100%; height: auto;}

   .choses img {
      position: absolute;
      top: 0; left: 0;
      width: 100%; height: 105px;
      -webkit-transition: all 1s linear;
      -moz-transition: all 1s linear;
      -ms-transition: all 1s linear;
      -o-transition: all 1s linear;
      transition: all 1s linear;
      z-index: 1;
   }

   .choses:hover img {
      /* Pour faire disparaitre l'image au survol */
      position: absolute;
      width: 100%; height: 0px;
      top: 52.5px; left: 0;
   }

   .choses p {
      /* Positionnement du texte sous l'image + scroll */
      position: absolute; top: 0; left: 0;
      padding: 10px;
      width: 286px; height: 85px;
      overflow-y: auto;
      z-index: 0;
   }

   /* MEMBRES + NEWS + RECHERCHES */
   .threecols {
      float: left;
      width: 194px; height: 136px;
      border: 2px solid #303030;
      margin-right: 10px;
      padding: 10px;
      position: relative;
   }

.threecols2 {
      float: left;
      width: 160px; height: 136px;
      border: 2px solid #303030;
      margin-right: 10px;
      padding: 10px;
      position: relative;
   }
   .threecols:nth-child(2) {
      width: 216px;
   }

   .threecols:last-child {
      margin-right: 0px;
   }

   .memberofthemonth {
      width: 216px; height: 115px; padding-left : 15px; padding-right:15px;
   }
  
   .mom {
      float: left;
      width: 75px;
      margin-right: 6px;
      text-align: center;
   }

   .mom .pseudo { font-weight: bold;}

   .mom:nth-child(2), .research a:nth-child(odd) {
      margin-right: 0px;
   }

   .mom img {
      width: 75px; height: 75px;background-color:#303030;
   }
   .newscontent {
      height: 110px;
      overflow-y: auto;
   }

   .nouvelle {
      margin: 5px 0px;
      border-bottom: 1px dotted #303030;
      padding-bottom: 5px;
   }
  
   .research {text-align: center;overflow-y: auto;}
   .research a {
      display: inline-block;
      width: 50px;
      height: 50px;
      background: #303030;
      margin-left: 5px;
      margin-bottom: 10px;
      text-align: center;
   }

   .research a img{
      width: 50px; height: 50px;
   }

   /* STAFFS */

   .contentstaff {
      width: 126px;
      text-align: center;
      margin-bottom: 10px;
   }

   .contentstaff img {
      width: 126px; height: 80px;background: #303030;
   }

   /* PARTENAIRES */

   #footer {
      clear: both;
      width: 900px;
      padding-top: 10px !important;
   }

   #footer img {
      width: 50px; height: 50px;
      -webkit-transition: all .3s ease;
      -moz-transition: all .3s ease;
      -ms-transition: all .3s ease;
      -o-transition: all .3s ease;
      transition: all .3s ease;
   }

   #footer img:hover {
      -webkit-animation-origin: center center;
      -moz-animation-origin: center center;
      -ms-animation-origin: center center;
      -o-animation-origin: center center;
      animation-origin: center center;
      -webkit-transform: scale(1.2);
      -moz-transform: scale(1.2);
      -ms-transform: scale(1.2);
      -o-transform: scale(1.2);
      transform: scale(1.2);
   }

   #credits {
      position: absolute;
      bottom: 10px; right: 0;
   }

/* CODAGE GLOBAL */
body {
float:left; margin:0; margin-left:200px;  
width:800px; padding:0;
}
.bodyline {
margin:0;
padding:0; padding-left:10px;
}

/* HAUT CATEGORIES */
.topCAT {
margin:5px auto; width:800px;
}
/* TITRE CATEGORIES */
.tleCAT{
width:790px; padding:1px 0;
text-align:center;
background:black; /* MODIFIABLE */
}
.tleCAT h2{
font-size:32px; text-transform:uppercase; letter-spacing:3px;
font-family:Arial; color:white; /* MODIFIABLE */
}
/* BLOC FORUMS */
.blocFRM{
width:800px; margin:auto;
}
/* BLOC FORUM */
.FRM {
float:left; margin:5px 0;
width:400px;
opacity:0.8; transition:opacity 0.45s linear; -webkit-transition:opacity 0.45s linear;
}
.FRM:hover {
opacity:1;
}
/* TITRE FORUM */
.tleFRM {
width:365px; padding:10px 0 10px 25px;
text-transform:uppercase; text-align:left;
background:black; /* MODIFIABLE */
}
.tleFRM a{
letter-spacing:0; color:white !important; /* MODIFIABLE */
transition:all 0.45s linear; -webkit-transition:all 0.45s linear;
}
/* SURVOLEMENT TITRE FORUM */
.tleFRM:hover  a{
letter-spacing:2px; /* MODIFIABLE */
}
/* DESCRIPTION FORUM */
.descFRM {
display:inline-block; vertical-align:top;
width:250px; height:90px; padding:5px; overflow:auto;
font-size:9px; text-align:justify;
background:rgba(250,250,250,0.3); color:black; /* MODIFIABLE */
}
/* SOUS-FORUMS */
.sfFRM {
display:inline-block;
width:120px; height:90px; padding:5px; overflow:hidden;
text-align:left; text-transform:uppercase; font-size:11px;
background:#ccc;  /* MODIFIABLE */
}
/* LIEN SOUS-FORUMS */
.sfFRM a{
color:black !important; /* MODIFIABLE */
}
/* BLOC DERNIER MESSAGE FORUM */
.lmsgFRM {
display:inline-block; vertical-align:top;
width:250px; height:40px; padding:5px; overflow:hidden;
text-align:center; font-size:8px;
background-color:rgba(250,250,250,0.6); color:black; /* MODIFIABLE */
}
/* NOMBRE SUJETS ET MESSAGES FORUM */
.nbFRM {
margin-bottom:3px; width:250px; height:18px; padding-top:7px;
font-size:9px;
background:rgba(0,0,0,0.8); color:white; /* MODIFIABLE */
}
/* TAILLE PSEUDONYME DERNIER POSTEUR */
.lmsgFRM .gensmall {
font-size:8px; /* MODIFIABLE */
}
.lmsgFRM br {
display:none;
}
.lmsgFRM a{
margin:0 5px;
}
.lmsgFRM .sprite-icon_topic_latest {
margin-left:-12px; max-height:8px;
}
/* ICÔNES FORUM */
.imgFRM{
display:inline-block; vertical-align:top;
width:130px; height:50px;
}

/*______________________PRESENTATION DU SUJET______________________*/
/* TITRE MESSAGES */
.tleP {
text-align:left; font-size:10px;
color:white; /* MODIFIABLE */
}
/* PSEUDONYME */
.nameP {
width:60%; height:20px; padding:5px;
text-align:center; text-transform:uppercase;
background:#9777d5; /* MODIFIABLE */
}
/* CITER/EDITER/IP */
.toolsP {
width:40%; height:20px; padding:5px; text-align:right;
background:#dedede; /* MODIFIABLE */
}
/* APPARENCE MESSAGES */
div.postbody {
padding:10px; min-height:100px; margin-top:10px;
background:rgba(250,250,250,0.7); box-shadow:0 0 3px rgba(0,0,0,0.3); color:black; /* MODIFIABLE */
text-align:justify;
}
/* BLOC JOUEUR */
.tlP {
margin-right:-75px; margin-left:10px; margin-top:7px; width:200px; text-align:center;
}
/* BLOC AVATAR */
#blocAVA {
width:200px; height:400px; margin:-5px auto 0; overflow:hidden;
}
.blocAVA {
position:relative; width:200px; height:400px; overflow:hidden;
}
/* AVATAR */
.avaP {
width:200px; height:400px;
transition:transform 0.75s linear; -webkit-transition:transform 0.75s linear;
}
#blocAVA:hover .avaP {
transform:translateX(200px); -webkit-transform:translateX(200px);
}
/* BLOC INFORMATIONS JOUEUR */
.dtailS {
position:absolute; margin-top:-400px;
padding:5px; width:190px; height:390px; overflow:auto;
background:#191919; /* MODIFIABLE */
transform:translateX(-200px); -webkit-transform:translateX(-200px);
transition:transform 0.75s linear; -webkit-transition:transform 0.75s linear;
}
#blocAVA:hover .dtailS {
transform:translateX(0px); -webkit-transform:translateX(0px);
}
/* CONTENUS INFORMATIONS JOUEUR */
.dtailS div{
margin:5px auto;
width:170px;  padding:5px;
font-family:Arial; font-size:11px; text-align:justify;
color:white; background:rgba(250,250,250,0.3); /* MODIFIABLE */
}
/* TITRES INFORMATIONS JOUEUR */
.dtailS div span{
text-transform:uppercase; color:#9777d5; /* MODIFIABLE */
}
/* BLOC IMAGE RANG/RANG/IMAGES CONTACT */
#rankP {
margin-top:10px;
width:200px; padding-top:15px; border-radius:10px; overflow:hidden;
background:#ccc; box-shadow:inset 0 0 55px rgba(0,0,0,0.1); /* MODIFIABLE */
}
/* TEXTE RANG */
.rankP {
margin:auto;
text-transform:uppercase; text-align:center;
color:black; text-shadow:1px 1px 0 rgba(0,0,0,0.4); /* MODIFIABLE */
}
/* IMAGES CONTACT JOUEUR */
.ktactP {
position:relative; z-index:3; margin:auto; margin-top:5px; width:200px; text-align:center;
opacity:0.7;
}
/* IMAGE RANG */
.imgrankP img{
margin-top:-25px; width:200px;
transform:rotate(180deg); -webkit-transform:rotate(180deg);
}

/* QEEL */
#QEEL {
margin:auto; width:800px;
}
/* TITRE QEEL */
.tleQEEL {
display:block; width:800px; padding:15px 0;
text-align:right; text-transform:uppercase; font-family:Arial;
}
.tleQEEL a{
font-size:36px;
}
/* BLOC GAUCHE QEEL */
#blocQEEL {
display:inline-block; vertical-align:top;
}
.blocQEEL {
position:relative; width:300px; height:275px; overflow:hidden;
}

/* BLOC MEMBRES EN LIGNE/24H QEEL */
#ondayQEEL {
width:300px; height:265px; padding-top:10px; text-align:center;
background:rgba(250,250,250,0.3); /* MODIFIABLE */
transform:translateX(300px); -webkit-transform:translateX(300px);
transition:transform 0.80s linear; -webkit-transition:transform 0.80s linear;
}
#blocQEEL:hover #ondayQEEL {
transform:translateX(0px); -webkit-transform:translateX(0px);
}
#blocQEEL:hover img{
transform:translateX(-300px); -webkit-transform:translateX(-300px);
}
/* MEMBRES CONNECTES QEEL */
.onlineQEEL {
margin:auto; margin-bottom:5px;
width:255px; height:95px; padding:10px; overflow:hidden;
background:rgba(250,250,250,0.7); color:black;  /* MODIFIABLE */
font-size:10px; text-align:justify;
}
.onlineQEEL:hover {
overflow:auto;
}
/* 24H QEEL */
.dayQEEL {
margin:auto;
width:265px; height:125px; padding:5px; overflow:hidden;
background-color:rgba(250,250,250,0.7); color:black !important; /* MODIFIABLE */
font-size:10px; text-align:justify;
}
.dayQEEL:hover {
overflow:auto;
}
/* STATISTIQUES QEEL */
.stsQEEL {
display:inline-block; vertical-align:top;
width:275px; height:260px; padding-top:15px; overflow:hidden;
background:rgba(250,250,250,0.2); color:white; /* MODIFIABLE */
text-align:center; font-size:11px;
}
/* TITRES STATISTIQUES QEEL */
.stsQEEL div {
margin:5px auto; padding:5px 0; width:75%;
text-transform:uppercase; font-weight:bold; text-align:center;
border-bottom:1px solid black; /* MODIFIABLE */
}
/* ANNIVERSAIRES */
.anvQEEL {
display:block; margin:10px auto 0; width:75%; height:75px; overflow:hidden;
border:none; font-weight:normal; text-align:justify;
background:#dedede; /* MODIFIABLE */
transform:scale(0.5); -webkit-transform:scale(0.5); transition:transform 0.65s ease; -webkit-transition:transform 0.65s ease;
}
.anvQEEL:hover {
overflow:auto; transform:scale(1); -webkit-transform:scale(1);
}
.anvQEEL .row1{
padding:0; background:none !important;
}
/* BLOC DROITE QEEL */
#blocIIQEEL {
display:inline-block; vertical-align:top;
}
.blocIIQEEL {
position:relative; width:225px; height:275px; overflow:hidden;
}
#blocIIQEEL:hover .GQEEL {
transform:translateX(0px); -webkit-transform:translateX(0px);
}
#blocIIQEEL img {
position:absolute; width:225px; height:275px;
transition:transform 0.80s linear; -webkit-transition:transform 0.80s linear;
}
#blocIIQEEL:hover img{
transform:translateX(225px); -webkit-transform:translateX(225px);
}
/* BLOC GROUPES QEEL */
.GQEEL {
width:225px; height:255px; padding:10px 0; text-align:center;
background:rgba(250,250,250,0.3); /* MODIFIABLE */
transform:translateX(-225px); -webkit-transform:translateX(-225px); transition:transform 0.80s linear; -webkit-transition:transform 0.80s linear;
}
/* GROUPES QEEL */
.GQEEL a {
display:block; margin:0 5px; padding:5px;
height:15px; min-width:70px;
text-transform:uppercase; font-weight:bold; text-align:center;
font-size:16px; font-family:Arial; text-shadow:0 -1px 0 black; /* MODIFIABLE */
opacity:0.7; transition:all 0.45s linear; -webkit-transition:all 0.45s linear;
}
/* SURVOLEMENT GROUPES QEEL */
.GQEEL a:hover {
opacity:1;
}
/*___________________________Liens utiles_____________________*/
.liens_utile {
width:140px;
padding:5px;
background-color:#828282;
position:fixed;  
height:autopx;
right:170px;  
top:0px;
z-index:100;
font-size:15px;
text-align: center;
text-transform:Uppercase;
}

/*___________________________Bandeau gauche_____________________*/
.bandeau_gauche {
width:190px;
padding:5px;
background-color:#313131;
position:fixed;  
height:autopx;
left:0;  
top:0px;
z-index:100;
font-size:15px;
text-align: center;
text-transform:Uppercase;
}

.bandeau_titre1 {
font-size:15px;  
font-family:sans-serif;
color:#8F8CAC;
display:block;
text-indent:0px;
margin-top:0px;
text-align:center;  
}

.bandeau_blabla {
font-size:11px;   font-family:sans-serif;
text-align: center;
display:display;
text-indent:0px;
margin:10px;
}

.bandeau_lien {
background-color:#fefefe;
width:168px;
padding:5px;
height:11%;
overflow:hidden;
margin-left:0px;
}


.bandeau_lien_zoom {
font-size:11px;  font-family:sans-serif;
opacity:0.8;
text-align:center;
}

.bandeau_lien_zoom:hover {
font-size:12px;  font-family:sans-serif;
opacity:1;
text-align:center;
}
.bandeau_lien_zoom_d {
font-size:12px;  font-family:sans-serif;
opacity:0.8;
text-align:justify;
}

.bandeau_lien_zoom_d ::-webkit-scrollbar {
  width: 5px; /*largeur de la scrollbar verticale*/
  height: 0px; /*hauteur de la scrollbar horizontale*/
  background-color: #FEFEFE;
 
}
.bandeau_lien_zoom_d ::-webkit-scrollbar-track {
  background-color: #FEFEFE; /*couleur du fond de la scrollbar*/}
.bandeau_lien_zoom_d ::-webkit-scrollbar-thumb { /*la petite bande qui monte/descend*/
  background-color: #1D746B; /*couleur de l'ascenseur*/
  border-radius: 0px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;}

.bandeau_interphone2 {
text-align:justify;
font-size:11px;   font-family:sans-serif;
color: #090b06;
display:block;
}

.bandeau_interphone1 {
width:140px;
padding:5px;
height:7%;
overflow:autopx;
margin-left:0px;
}
/*___________________________ Scrollbar _____________________*/
 
/*modifier l'apparence des scrollbars de tout le forum*/
::-webkit-scrollbar {
  width: 5px; /*largeur de la scrollbar verticale*/
  height: 0px; /*hauteur de la scrollbar horizontale*/
  background-color: #EBEBEB;}
::-webkit-scrollbar-track {
  background-color: #EBEBEB; /*couleur du fond de la scrollbar*/}
::-webkit-scrollbar-thumb { /*la petite bande qui monte/descend*/
  background-color: #BB3132; /*couleur de l'ascenseur*/
  border-radius: 0px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;}

/*______________________enlever le message "édité x fois" dans les topics______________________*/

tr.post span.gensmall { display: none; }

/*______________________enlever le soulignement______________________*/

a:hover{
text-decoration: none !important;
}
 
a {
text-decoration: none !important;
}
 
a:link {
text-decoration: none;
}
 
a:visited {
text-decoration: none;
}

J'ai préféré tout mettre par prudence mais je suppose qu'il n'y a que la première partie à regarder.

Je pense aussi que le deuxième beug que je vais vous présenter, est relié au premier.

Beug 2


Pour finir, voici mes deux commandes :

Un queel :

Largeur maximale : 800px
Hauteur maximale : 400px
Schéma : Schéma
Éléments : Je pense que tout est suggéré sur le schéma. Si vous avez des questions, n'hésitez pas.
Images : Pour le titre "qui est en ligne" : Le titre ne fait pas "vraiment" partie du queel, il est en dehors en soit. Je ne sais pas si j'explique correctement.

Animations : Effet hover il me semble pour les groupes.
Informations supplémentaires : /

Un footer :

Largeur maximale : 800px
Hauteur maximale : 400px
Schéma : Schéma
Éléments : Je pense que tout est suggéré sur le schéma. Si vous avez des questions, n'hésitez pas.
Images : Pour le titre "qui est en ligne" : Le titre ne fait pas "vraiment" partie du queel, il est en dehors en soit. Je ne sais pas si j'explique correctement.

Animations : Effet hover il me semble pour les groupes.
Informations supplémentaires : /

Et si vous avez le temps :

Sujet

Largeur maximale : 800px
Hauteur maximale : auto
Schéma : Schéma
Éléments : Si ce que j'ai marqué, ce n'est pas possible, je pense surtout à l'effet opacity pour allez sur le profil etc. Je me chargerais de faire une autre esquisse.
Images : Aucune en particulière, après si vous voulez rajouter sur le bord de l'avatars une image de rang qui ressemble à la prison, c'est avec plaisir.
Animations : Tout est marqué sur l'image normalement.
Informations supplémentaires : A votre appréciation

Wooh. Tout ça, j'espère que vous accepterez mes demandes qui sont nombreuses, très nombreuses et je vous en serais très reconnaissante, je suis en tout cas, très contente de travailler avec vous ! Merci encore pour tout.

Chaleureusement, Corpse,
Revenir en haut Aller en bas
MessageRe: Commande(s) et beug Ven 12 Fév - 6:23
avatar
Nombre de messages : 877
Date d'inscription : 04/07/2007
Logiciels : Photoshop CS6 - Flash CS6 - Notepad
Remplacer l'intégralité du template index_body par :
Spoiler:
 


Remplacer l'intégralité du template viewtopic_body par :
Spoiler:
 

I. Créer une nouvelle page html :
Code:
<style type="text/css">.FOOTER {width:800px; height:65px; padding:10px 0; overflow:auto; text-align:center;}
.FOOTER a{margin:4px;}
.FOOTER a img{opacity:0.7; transition:opacity 0.45s ease; -webkit-transition:opacity 0.45s ease;}
.FOOTER a:hover img{opacity:1;}</style>
<!-- FOOTER --><div class="FOOTER" style="background:rgba(250,250,250,0.3);"><!-- LIGNE I - 8 PARTENAIRES 88*31 - I --><a href="..." target="_blank"><img src="http://www.aht.li/2827805/8831.png" /></a><!-- II --><a href="..." target="_blank"><img src="http://www.aht.li/2827805/8831.png" /></a><!-- III --><a href="..." target="_blank"><img src="http://www.aht.li/2827805/8831.png" /></a><!-- IV --><a href="..." target="_blank"><img src="http://www.aht.li/2827805/8831.png" /></a><!-- V --><a href="..." target="_blank"><img src="http://www.aht.li/2827805/8831.png" /></a><!-- VI --><a href="..." target="_blank"><img src="http://www.aht.li/2827805/8831.png" /></a><!-- VII --><a href="..." target="_blank"><img src="http://www.aht.li/2827805/8831.png" /></a><!-- VIII --><a href="..." target="_blank"><img src="http://www.aht.li/2827805/8831.png" /></a><!-- LIGNE II - 8 PARTENAIRES 88*31 - I --><a href="..." target="_blank"><img src="http://www.aht.li/2827805/8831.png" /></a><!-- II --><a href="..." target="_blank"><img src="http://www.aht.li/2827805/8831.png" /></a><!-- III --><a href="..." target="_blank"><img src="http://www.aht.li/2827805/8831.png" /></a><!-- IV --><a href="..." target="_blank"><img src="http://www.aht.li/2827805/8831.png" /></a><!-- V --><a href="..." target="_blank"><img src="http://www.aht.li/2827805/8831.png" /></a><!-- VI --><a href="..." target="_blank"><img src="http://www.aht.li/2827805/8831.png" /></a><!-- VII --><a href="..." target="_blank"><img src="http://www.aht.li/2827805/8831.png" /></a><!-- VIII --><a href="..." target="_blank"><img src="http://www.aht.li/2827805/8831.png" /></a></div>

II. Remplacer le lien de l'iframe du template index_body :

∞ Effectuer les modifications - ajout/actualisation de partenaire, directement à partir de la page html dédiée

Remplacer l'intégralité de la partie CSS par :
Code:
/* CODAGE GLOBAL */
body{
float:left; margin:0; margin-left:200px;
width:800px; padding:0;
background-attachment:fixed; background-color:#828282; background-image:url(http://www.zupimages.net/up/16/06/pibo.jpg);
}
 #i_logo {
margin-bottom:15px;
}
.bodyline {
background: #828282;
margin:0; padding:0;
border-right:2px solid #828282;
border-left:2px solid #828282;
box-shadow:0px 0px 20px #EAEAEA;
}
 
/*_________Navigation ND___________*/
a.mainmenu{
width:600px;
font-size:12px; font-family:Roboto; text-transform:uppercase;
}
.menu{
border-bottom: 5px solid #E6E8F0; border-top: 5px solid #E6E8F0;
margin-top:60px;
padding-top: 60px;
}

/*______________________P.A______________________*/
/* ajustements personnels */

/* stylisation paragraphe contexte + choses à savoir : */
#pa {
font-family: sans-serif; font-size: 12px;
position: relative;
}
 /* stylisation titres */
#pa h2 {
font-family: 'Roboto', sans-serif;  font-size: 15px;
color: #eaeaea;
text-transform: uppercase; text-align: center; font-style: italic;
margin-bottom: 10px !important; /* = espace sous les titres */
}
/* stylisation liens de toute la PA */
#pa a{
text-decoration: none;
color: #883A3A;
transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out;
}
#pa a:hover{
color: #883A3A;
}
/* stylisation format date des news */
.date {
font-weight: bold; font-size: 11px; text-transform: uppercase;
color: #883A3A;
}
/* stylisation liens menu */
ul#menu a {
text-decoration: none; letter-spacing: 0px; font-size: 16px;
color: #883A3A;
transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out;
}
ul#menu a:hover {
letter-spacing: 2px; font-weight: bold;
}
/* stylisation pseudo "staff" */
.pseudo {
margin: 5px 0px;
font-weight: bold; font-size: 110%;
}
 /* normalize */
#pa h1,#pa h2,#pa h3,#pa h4,#pa h5,#pa h6, ul, p { margin: 0; padding: 0; font-weight: normal;}

/* GÉNÉRAL */
#pa {
width: 800px; margin-left:-4px;
}
#container {
width: 800px; overflow: hidden; margin-top:10px;
}
.left {
float: left; margin-right: 10px;
width: 640px; min-height: 150px;
}
.right {
float: left; padding: 10px;
width: 126px; height: 421px;
border: 2px solid #303030;
}
/* contexte */
#contexte {
width:616px; max-width:716px; height: 136px; max-height:136px; padding: 10px; margin-bottom: 10px;
border: 2px solid #303030;
}
 img.contexteimg {
float: left; margin: 0 10px 0 0;
width: 160px; height: 140px;
}
.texte-contexte {
width: 440px; height: 140px;
padding-right: 5px; /* espace pour scrollbar */
float: left; text-align: justify;
overflow-y: auto; /* scrolling */
}
.texte-contexte p{  
margin-bottom: 20px;
}
.texte-contexte p:last-child{  
margin-bottom: 0px;
}
/* NEWS & CHOSES SE PASSANT */
.twocols {
 float: left; margin-right: 10px;
width: 291px; height: 81px; padding: 10px; overflow: hidden;
border: 2px solid #303030;
position: relative;
text-align:justify
}
.twocols:nth-child(even) {
margin-right: 0px;
}
.news img {
width: 100%; height: auto;
}
.choses img {
position: absolute; z-index: 1; top: 0; left: 0;
width: 100%; height: 105px;
transition: all 1s linear; -webkit-transition: all 1s linear; -moz-transition: all 1s linear;
}
.choses:hover img {
/* Pour faire disparaitre l'image au survol */
position: absolute; top: 52.5px; left: 0;
width: 100%; height: 0px;
 }
.choses p {
/* Positionnement du texte sous l'image + scroll */
position:absolute; z-index: 0; top: 0; left: 0;
width: 286px; height: 85px; padding: 10px; overflow-y: auto;
}
/* MEMBRES + NEWS + RECHERCHES */
.threecols {
position: relative; float: left; margin-right: 10px;
width: 194px; height: 136px; padding: 10px;
border: 2px solid #303030;
}
.threecols2 {
float: left;  position: relative; margin-right: 10px;
width: 160px; height: 136px; padding: 10px;
border: 2px solid #303030;
}
.threecols:nth-child(2) {
width: 216px;
}
.threecols:last-child {
margin-right: 0px;
}
.memberofthemonth {
width: 216px; height: 115px; padding-left : 15px; padding-right:15px;
 }
.mom {
float: left; margin-right: 6px;
width: 75px; text-align: center;
}
 .mom .pseudo {
font-weight: bold;
}
.mom:nth-child(2), .research a:nth-child(odd) {
margin-right: 0px;
}
.mom img {
width: 75px; height: 75px;
background-color:#303030;
}
.newscontent {
height: 110px; overflow-y: auto;
}
.nouvelle {
margin: 5px 0px;
border-bottom: 1px dotted #303030;
padding-bottom: 5px;
}
.research {
text-align: center; overflow-y: auto;
}
.research a {
display: inline-block; margin-left: 5px; margin-bottom: 10px;
width: 50px; height: 50px;
background: #303030;
text-align: center;
}
.research a img{
width: 50px; height: 50px;
}
/* STAFF */
.contentstaff {
margin-bottom: 10px; width: 126px;
text-align: center;
}
 .contentstaff img {
width: 126px; height:80px;
background:#303030;
}

#credits {
position: absolute; bottom:10px; right: 0;
}

/* HAUT CATEGORIES */
.topCAT {
margin:5px auto; width:798px;
}
/* TITRE CATEGORIES */
.tleCAT{
margin:auto; width:798px; padding:1px 0;
text-align:center;
background:black; /* MODIFIABLE */
}
.tleCAT h2{
font-size:32px; text-transform:uppercase; letter-spacing:3px;
font-family:Arial; color:white; /* MODIFIABLE */
}
/* BLOC FORUMS */
.blocFRM{
width:800px; margin:auto;
}
/* BLOC FORUM */
.FRM {
float:left; margin:5px 0 5px 1px;
width:399px;
opacity:0.7; transition:opacity 0.45s linear; -webkit-transition:opacity 0.45s linear;
}
.FRM:hover {
opacity:1;
}
/* TITRE FORUM */
.tleFRM {
width:370px; padding:10px 0 10px 27px;
text-transform:uppercase; text-align:left;
background:black; /* MODIFIABLE */
}
.tleFRM a{
letter-spacing:0; color:white !important; /* MODIFIABLE */
transition:all 0.45s linear; -webkit-transition:all 0.45s linear;
}
/* SURVOL TITRE FORUM */
.tleFRM:hover  a{
letter-spacing:2px; /* MODIFIABLE */
}
/* DESCRIPTION FORUM */
.descFRM {
display:inline-block; vertical-align:top;
width:262px; height:90px; padding:5px; overflow:auto;
font-size:9px; text-align:justify;
background:rgba(250,250,250,0.3); color:black; /* MODIFIABLE */
}
/* SOUS-FORUMS */
.sfFRM {
display:inline-block;
width:115px; height:90px; padding:5px; overflow:hidden;
text-align:left; text-transform:uppercase; font-size:11px;
background:#ccc;  /* MODIFIABLE */
}
/* LIEN SOUS-FORUMS */
.sfFRM a{
color:black !important; /* MODIFIABLE */
}
/* BLOC DERNIER MESSAGE FORUM */
.lmsgFRM {
display:inline-block; vertical-align:top;
width:262px; height:40px; padding:5px; overflow:hidden;
text-align:center; font-size:8px;
background-color:rgba(250,250,250,0.6); color:black; /* MODIFIABLE */
}
/* NOMBRE SUJETS ET MESSAGES FORUM */
.nbFRM {
margin-bottom:3px; width:262px; height:18px; padding-top:7px;
font-size:9px;
background:rgba(0,0,0,0.8); color:white; /* MODIFIABLE */
}
/* TAILLE PSEUDONYME DERNIER POSTEUR */
.lmsgFRM .gensmall {
font-size:8px; /* MODIFIABLE */
}
.lmsgFRM br {
display:none;
}
.lmsgFRM a{
margin:0 5px;
}
.lmsgFRM .sprite-icon_topic_latest {
margin-left:-12px; max-height:8px;
}
/* ICÔNES FORUM */
.imgFRM{
display:inline-block; vertical-align:top;
width:125px; height:50px;
}
 
/* PRESENTATION DU SUJET */
/* TITRE SUJET */
.tlePOST {
margin:auto;
width:780px; padding:15px 0;
background:grey; color:black; /* MODIFIABLE */
text-transform:uppercase; text-align:center;
}
.tlePOST h1 {
display:block;
font-size:32px;
}
/* CITER / EDITER / SUPPRIMER / IP */
.toolsPOST {
margin-left:25px;
}
/* DATE SUJET */
.datePOST {
width:5px; padding:5px; word-break:break-all;
font-size:11px; text-transform:uppercase; text-align:center;
}
/* APPARENCE MESSAGE */
div.postbody {
background:#ccc; color:black; /* MODIFIABLE */
width:545px; min-height:180px; padding:10px;
text-align:justify;
}
/* TAILLE MAXIMALE DES IMAGES APPARENCE MESSAGE */
div.postbody img {
max-width:525px;
}
/* BLOC JOUEUR */
.boxPOST {
margin-left:10px;
width:200px;
}
/* AVATAR */
.avaPOST {
width:200px; height:400px;
}
/* CONTACT */
.ktactPOST {
position:absolute; z-index:3; margin-top:-400px;
width:190px; height:390px; padding:5px; overflow:hidden; text-align:center;
background:rgba(0,0,0,0.7); /* MODIFIABLE */
opacity:0; transition:opacity 0.55s ease-in-out; -webkit-transition:opacity 0.55s ease-in-out;
}
.ktactPOST:hover {
opacity:1;
}
/* IMAGES CONTACT */
.ktactPOST img{
display:block; margin:10px auto;
}
/* PSEUDONYME */
.namePOST {
width:200px; padding:5px 0 0; text-align:center;
text-transform:uppercase; font-size:28px; letter-spacing:1px;
}
.namePOST a {
text-decoration: none !important;
}
/* TEXTE RANG */
.rankPOST {
width:200px; padding-bottom:5px; text-align:center;
font-size:12px; text-transform:uppercase;
}
/* INFORMATIONS JOUEUR */
.abtPOST {
width:190px; padding:5px;
background:rgba(250,250,250,0.4); color:black; /* MODIFIABLE */
font-size:11px;
}
.abtPOST img{
max-width:190px; width:190px; height:100px;
filter:grayscale(1); -webkit-filter:grayscale(1);
transition:all 0.55s ease-in-out; -webkit-transition:all 0.55s ease-in-out;
}
.abtPOST img:hover {
filter:grayscale(0); -webkit-filter:grayscale(0);
}
/* INTITULES INFORMATIONS JOUEUR */
.abtPOST span{
text-transform:uppercase; font-weight:bold; /* MODIFIABLE */
}
/* FEUILLE DE PERSONNAGE */
.rpgPOST{
margin-top:5px; font-size:11px;
color:black; /* MODIFIABLE */
}
/* IMAGE RANG */
.imgrankPOST {
max-width:200px;
}
 
/* LIENS FORUMS LUS/SUJETS & POSTEURS DU JOUR */
.lksSTATS {
padding:10px 0; text-align:center;
}
.lksSTATS .gensmall {
color:black; /* MODIFIABLE */
}

/* QEEL */
#QEEL {
margin:auto; width:800px;
}
/* TITRE QEEL */
.tleQEEL {
display:inline-block; vertical-align:top;
width:385px; height:50px;
}
/* DERNIER UTILISATEUR ENREGISTRE QEEL */
.lstQEEL {
display:inline-block; vertical-align:top;
width:415px; height:35px; padding-top:15px;
background:#3e3e3e; color:white; /* MODIFIABLE */
text-transform:uppercase; text-align:center; font-size:16px;
}
/* BLOCS POSITIONNEMENT */
.boxQEEL {
display:inline-block; vertical-align:top;
width:400px;
}
/* TITRES BLOCS QEEL */
.tleBQEEL {
width:400px; height:20px;
font-family:Arial; background:#0d1217; color:white; /* MODIFIABLE */
letter-spacing:2px; text-transform:uppercase; text-align:center;
}
/* STATISTIQUES */
.stsQEEL {
width:390px; height:90px; padding:5px; overflow:auto;
background:rgba(250,250,250,0.3); color:black; /* MODIFIABLE */
font-size:11px; text-align:justify;
}
/* MEMBRES CONNECTES */
.onlineQEEL {
width:390px; height:90px; padding:5px; overflow:auto;
background:rgba(250,250,250,0.3); color:black; /* MODIFIABLE */
font-size:11px; text-align:justify;
}
.onlineQEEL .row1 {
background:none; padding:0;
}
/* ANNIVERSAIRES QEEL */
.anvQEEL {
width:390px; height:90px; padding:5px; overflow:auto;
background:rgba(250,250,250,0.3); color:black; /* MODIFIABLE */
font-size:11px; text-align:justify;
}
.anvQEEL .row1{
background:none !important; padding:0 !important;
}
/* 24H */
.dayQEEL {
width:390px; height:90px; padding:5px; overflow:auto;
background:rgba(250,250,250,0.3); color:black; /* MODIFIABLE */
font-size:11px; text-align:justify;
}
.dayQEEL .row1 {
background:none; padding:0;
}
/* BLOC NOMS DES GROUPES QEEL */
.GQEEL {
width:800px; height:23px; padding:2px 0 0; overflow:auto;
background-color:rgba(0,0,0,0.5); color:black; /* MODIFIABLE */
text-align:center; font-size:16px; text-transform:uppercase;
}
/* NOM GROUPE QEEL */
.onglet {
display:inline-block; margin:0 5px;
opacity:0.5;
}
/* SURVOL NOM GROUPE QEEL */
.onglet_1 {
opacity:1; font-weight:bold;
}
/* DESCRIPTIFS GROUPES QEEL */
.blocGQEEL {
width:800px; margin:auto;
}
.contenu_onglet {
display:none;
width:790px; height:75px; padding:5px; overflow:auto;
font-size:11px; text-align:justify;
background:rgba(0,0,0,0.2); color:black; /* MODIFIABLE */
}
 
/* PARTENAIRES FOOTER */
.footerSIT {
margin:auto; margin-top:15px;
width:800px; height:85px; padding:0;
}
 
/*___________________________Liens utiles_____________________*/
.liens_utile {
position:fixed; right:170px; top:0; z-index:100;
width:140px; height:auto; padding:5px;
background-color:#828282;
font-size:15px; text-align:center; text-transform:uppercase;
}

/*___________________________Bandeau gauche_____________________*/
.bandeau_gauche {
position:fixed; left:0; top:0;  z-index:100;
width:190px; height:auto; padding:5px;
background-color:#313131;
font-size:15px; text-align:center; text-transform:uppercase;
}
.bandeau_titre1 {
display:block; margin-top:0;
text-align:center; font-size:15px;  font-family:sans-serif;
color:#8F8CAC;
text-indent:0px;
}
.bandeau_blabla {
display:display; margin:10px;
font-size:11px; font-family:sans-serif; text-align: center;
text-indent:0px;
}
.bandeau_lien {
background-color:#fefefe;
margin-left:0;
width:168px; height:11%; padding:5px; overflow:hidden;
}
.bandeau_lien_zoom {
text-align:center; font-size:11px;  font-family:sans-serif;
opacity:0.8;
}
.bandeau_lien_zoom:hover {
font-size:12px;  opacity:1;
 }
.bandeau_lien_zoom_d {
font-size:12px;  font-family:sans-serif; text-align:justify;
opacity:0.8;    
}
.bandeau_lien_zoom_d ::-webkit-scrollbar {
width: 5px; /*largeur de la scrollbar verticale*/
height: 0px; /*hauteur de la scrollbar horizontale*/
background-color: #FEFEFE;
}
.bandeau_lien_zoom_d ::-webkit-scrollbar-track {
background-color: #FEFEFE; /*couleur du fond de la scrollbar*/
}
.bandeau_lien_zoom_d ::-webkit-scrollbar-thumb { /*la petite bande qui monte/descend*/
background-color: #1D746B; /*couleur de l'ascenseur*/
border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px;
}
.bandeau_interphone2 {
display:block;
text-align:justify; font-size:11px;  font-family:sans-serif;
color: #090b06;
}
.bandeau_interphone1 {
margin-left:0;
width:140px; height:7%; padding:5px; overflow:auto;
}
/*___________________________ Scrollbar _____________________*/
 ::-webkit-scrollbar {
width: 5px; /*largeur de la scrollbar verticale*/
height: 0px; /*hauteur de la scrollbar horizontale*/
background-color: #EBEBEB;
}
::-webkit-scrollbar-track {
background-color: #EBEBEB; /*couleur du fond de la scrollbar*/
}
::-webkit-scrollbar-thumb { /*la petite bande qui monte/descend*/
background-color: #BB3132; /*couleur de l'ascenseur*/
border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px;
}

/*______________________enlever le soulignement______________________*/
a, a:focus, a:active, a:hover, a:link, a:visited {
text-decoration:none !important;
}
Revenir en haut Aller en bas
MessageRemerciement mais encore des beug. Ven 12 Fév - 12:10
Bonjour,
Bonjour,

Merci pour tout ce que vous avez fait ! C'est rapide et efficace.
Je suis vraiment contente de travailler avec vous.

J'ai fait un copier coller tout simple de tout vos codes. Mais il y a encore un léger soucis.

Je vous redirige vers le forum test : Forum test

• Le margin-left 200px, ne fonctionne toujours pas. Et il reste toujours une bande de environs 10px sur la droite, ce qui fait qu'il y a encore un trou entre la bannière et la fin de la largeur voulu pour le forum.

Et il y a des petits beugs il me semble pour le queel et les partenaires footer.

Je m'explique en image tout d'abord pour le queel : http://zupimages.net/up/16/06/y2m2.png

• Le titre qui est en ligne en image, c'est en dehors du queel, en soit. Il est centré et en dessous débute le vrai "queel" avec le "Bienvenue à ..." centré lui aussi.

• Et les autres images "les statistiques et Membre connecté il y 'a un petit padding top de 10.

• Le bleu c'est une bordure de 1px, je l'ai faite plus grosse sur le schéma pour qu'on la voit mieux.

Pour le footer :

http://zupimages.net/up/16/06/139r.png

• Les images ne sont pas alignées sur la deuxième ligne et sont collées. J'aimerais qu'elles soit toutes alignées et qu'il y est le même padding qu'entre chaque images sur une ligne mais cette fois ci, pour séparer les deux lignes. J'espère que vous comprenez ce que je suis en train de dire, j'ai beaucoup de mal à m'exprimer.

Donc je l'ai faite en image : http://zupimages.net/up/16/06/8k67.png

Pour le sujet

Je me suis encore une fois mal exprimée, ou mal schématisée, mais c'est compliqué de faire ressortir tout ce que l'on veut sur cacoo. Le site où je vais pour faire mes schémas.

• Pour la date sur le coté du sujet, je voulais quel soit mise de cette manière : http://zupimages.net/up/16/06/j445.png

• Pour l'avatar j'aimerais que lorsqu'on passe la souris, les champs de contact soit un peu espacés et tous alignés du coté droit, en mode Justify si vous voyez ce que je veux dire.

• Et j'aimerais que les Boutons : Nouveaux Sujet / Répondre au sujet soit en haut à droite, au dessus des boutons Citer éditer supprimer. Et qu'entre "Votre 1er sujet" et les Boutons Nouveau sujet/Répondre au sujet qu'il y ai plus de largeur entre ces deux élément, pour ne pas que ça fasse block.

Voilà, je suis désolée, je dois vous accaparer votre temps. En espérant que vous acceptiez tout de même malgré mes exigences de continuer à travailler avec moi.
Ce forum m'est très chères.

Bonne journée à vous,

Chaleureusement, Corpse.

Revenir en haut Aller en bas
Message/ Ven 12 Fév - 15:01
Re bonjour,

Je me permet un double post, pour vous informer, que j'ai réussi avec le footer.
Il fallait juste que je fasse un retour à la ligne entre les images. C'est parfait, merci encore pour votre travail !

- Ce matin, les catégories marchaient bien, c'était parfait, maintenant, elles ne s'affichent plus. Je me suis donc dit, que le cache était peut-être trop chargé. Je l'ai donc vidé. Mais rien n'y fait. Pourtant, elles sont bien dans le css, et ce matin, tout marchait bien. Je ne sais comment réagir face à ça.

En vous souhaitant une agréable journée,

Chaleureusement, Corpse,

Revenir en haut Aller en bas
MessageRe: Commande(s) et beug Sam 13 Fév - 4:47
avatar
Nombre de messages : 877
Date d'inscription : 04/07/2007
Logiciels : Photoshop CS6 - Flash CS6 - Notepad
Le résultat de votre forum test différant significativement du mien, quels paramètres avez-vous modifié à la suite de sa création ? Avez-vous activé l'optimisation du CSS ? Avez-vous déterminé la largeur du forum à l'endroit dédié du panneau d'administration - Général > Forum > Configuration > Structure des pages ?
Citation :
Et j'aimerais que les Boutons : Nouveaux Sujet / Répondre au sujet soit en haut à droite, au dessus des boutons Citer éditer supprimer. Et qu'entre "Votre 1er sujet" et les Boutons Nouveau sujet/Répondre au sujet qu'il y ai plus de largeur entre ces deux élément, pour ne pas que ça fasse block.

L'ajout de ces boutons exigeant une modification du template, il vous faudra ainsi vous contenter de ceux toujours disponibles au bas du sujet.

Afin de corriger l'apparence du QEEL & du sujet, remplacer l'intégralité de la partie CSS par :
Code:
/* CODAGE GLOBAL */
body{
float:left; margin:0; margin-left:200px !important;
width:800px; padding:0;
background-attachment:fixed; background-color:#828282; background-image:url(http://www.zupimages.net/up/16/06/pibo.jpg);
}
 #i_logo {
margin-bottom:15px;
}
.bodyline {
background: #828282;
margin:0; padding:0 !important;
border-right:2px solid #828282;
border-left:2px solid #828282;
box-shadow:0px 0px 20px #EAEAEA;
}
 
/*_________Navigation ND___________*/
a.mainmenu{
width:600px;
font-size:12px; font-family:Roboto; text-transform:uppercase;
}
.menu{
border-bottom: 5px solid #E6E8F0; border-top: 5px solid #E6E8F0;
margin-top:60px;
padding-top: 60px;
}

/*______________________P.A______________________*/
/* ajustements personnels */

/* stylisation paragraphe contexte + choses à savoir : */
#pa {
font-family: sans-serif; font-size: 12px;
position: relative;
}
 /* stylisation titres */
#pa h2 {
font-family: 'Roboto', sans-serif;  font-size: 15px;
color: #eaeaea;
text-transform: uppercase; text-align: center; font-style: italic;
margin-bottom: 10px !important; /* = espace sous les titres */
}
/* stylisation liens de toute la PA */
#pa a{
text-decoration: none;
color: #883A3A;
transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out;
}
#pa a:hover{
color: #883A3A;
}
/* stylisation format date des news */
.date {
font-weight: bold; font-size: 11px; text-transform: uppercase;
color: #883A3A;
}
/* stylisation liens menu */
ul#menu a {
text-decoration: none; letter-spacing: 0px; font-size: 16px;
color: #883A3A;
transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out;
}
ul#menu a:hover {
letter-spacing: 2px; font-weight: bold;
}
/* stylisation pseudo "staff" */
.pseudo {
margin: 5px 0px;
font-weight: bold; font-size: 110%;
}
 /* normalize */
#pa h1,#pa h2,#pa h3,#pa h4,#pa h5,#pa h6, ul, p { margin: 0; padding: 0; font-weight: normal;}

/* GÉNÉRAL */
#pa {
width: 800px; margin-left:-4px;
}
#container {
width: 800px; overflow: hidden; margin-top:10px;
}
.left {
float: left; margin-right: 10px;
width: 640px; min-height: 150px;
}
.right {
float: left; padding: 10px;
width: 126px; height: 421px;
border: 2px solid #303030;
}
/* contexte */
#contexte {
width:616px; max-width:716px; height: 136px; max-height:136px; padding: 10px; margin-bottom: 10px;
border: 2px solid #303030;
}
 img.contexteimg {
float: left; margin: 0 10px 0 0;
width: 160px; height: 140px;
}
.texte-contexte {
width: 440px; height: 140px;
padding-right: 5px; /* espace pour scrollbar */
float: left; text-align: justify;
overflow-y: auto; /* scrolling */
}
.texte-contexte p{  
margin-bottom: 20px;
}
.texte-contexte p:last-child{  
margin-bottom: 0px;
}
/* NEWS & CHOSES SE PASSANT */
.twocols {
 float: left; margin-right: 10px;
width: 291px; height: 81px; padding: 10px; overflow: hidden;
border: 2px solid #303030;
position: relative;
text-align:justify
}
.twocols:nth-child(even) {
margin-right: 0px;
}
.news img {
width: 100%; height: auto;
}
.choses img {
position: absolute; z-index: 1; top: 0; left: 0;
width: 100%; height: 105px;
transition: all 1s linear; -webkit-transition: all 1s linear; -moz-transition: all 1s linear;
}
.choses:hover img {
/* Pour faire disparaitre l'image au survol */
position: absolute; top: 52.5px; left: 0;
width: 100%; height: 0px;
 }
.choses p {
/* Positionnement du texte sous l'image + scroll */
position:absolute; z-index: 0; top: 0; left: 0;
width: 286px; height: 85px; padding: 10px; overflow-y: auto;
}
/* MEMBRES + NEWS + RECHERCHES */
.threecols {
position: relative; float: left; margin-right: 10px;
width: 194px; height: 136px; padding: 10px;
border: 2px solid #303030;
}
.threecols2 {
float: left;  position: relative; margin-right: 10px;
width: 160px; height: 136px; padding: 10px;
border: 2px solid #303030;
}
.threecols:nth-child(2) {
width: 216px;
}
.threecols:last-child {
margin-right: 0px;
}
.memberofthemonth {
width: 216px; height: 115px; padding-left : 15px; padding-right:15px;
 }
.mom {
float: left; margin-right: 6px;
width: 75px; text-align: center;
}
 .mom .pseudo {
font-weight: bold;
}
.mom:nth-child(2), .research a:nth-child(odd) {
margin-right: 0px;
}
.mom img {
width: 75px; height: 75px;
background-color:#303030;
}
.newscontent {
height: 110px; overflow-y: auto;
}
.nouvelle {
margin: 5px 0px;
border-bottom: 1px dotted #303030;
padding-bottom: 5px;
}
.research {
text-align: center; overflow-y: auto;
}
.research a {
display: inline-block; margin-left: 5px; margin-bottom: 10px;
width: 50px; height: 50px;
background: #303030;
text-align: center;
}
.research a img{
width: 50px; height: 50px;
}
/* STAFF */
.contentstaff {
margin-bottom: 10px; width: 126px;
text-align: center;
}
 .contentstaff img {
width: 126px; height:80px;
background:#303030;
}

#credits {
position: absolute; bottom:10px; right: 0;
}

/* HAUT CATEGORIES */
.topCAT {
margin:5px auto; width:798px;
}
/* TITRE CATEGORIES */
.tleCAT{
margin:auto; width:798px; padding:1px 0;
text-align:center;
background:black; /* MODIFIABLE */
}
.tleCAT h2{
font-size:32px; text-transform:uppercase; letter-spacing:3px;
font-family:Arial; color:white; /* MODIFIABLE */
}
/* BLOC FORUMS */
.blocFRM{
width:800px; margin:auto;
}
/* BLOC FORUM */
.FRM {
float:left; margin:5px 0 5px 1px;
width:399px;
opacity:0.7; transition:opacity 0.45s linear; -webkit-transition:opacity 0.45s linear;
}
.FRM:hover {
opacity:1;
}
/* TITRE FORUM */
.tleFRM {
width:370px; padding:10px 0 10px 27px;
text-transform:uppercase; text-align:left;
background:black; /* MODIFIABLE */
}
.tleFRM a{
letter-spacing:0; color:white !important; /* MODIFIABLE */
transition:all 0.45s linear; -webkit-transition:all 0.45s linear;
}
/* SURVOL TITRE FORUM */
.tleFRM:hover  a{
letter-spacing:2px; /* MODIFIABLE */
}
/* DESCRIPTION FORUM */
.descFRM {
display:inline-block; vertical-align:top;
width:262px; height:90px; padding:5px; overflow:auto;
font-size:9px; text-align:justify;
background:rgba(250,250,250,0.3); color:black; /* MODIFIABLE */
}
/* SOUS-FORUMS */
.sfFRM {
display:inline-block;
width:115px; height:90px; padding:5px; overflow:hidden;
text-align:left; text-transform:uppercase; font-size:11px;
background:#ccc;  /* MODIFIABLE */
}
/* LIEN SOUS-FORUMS */
.sfFRM a{
color:black !important; /* MODIFIABLE */
}
/* BLOC DERNIER MESSAGE FORUM */
.lmsgFRM {
display:inline-block; vertical-align:top;
width:262px; height:40px; padding:5px; overflow:hidden;
text-align:center; font-size:8px;
background-color:rgba(250,250,250,0.6); color:black; /* MODIFIABLE */
}
/* NOMBRE SUJETS ET MESSAGES FORUM */
.nbFRM {
margin-bottom:3px; width:262px; height:18px; padding-top:7px;
font-size:9px;
background:rgba(0,0,0,0.8); color:white; /* MODIFIABLE */
}
/* TAILLE PSEUDONYME DERNIER POSTEUR */
.lmsgFRM .gensmall {
font-size:8px; /* MODIFIABLE */
}
.lmsgFRM br {
display:none;
}
.lmsgFRM a{
margin:0 5px;
}
.lmsgFRM .sprite-icon_topic_latest {
margin-left:-12px; max-height:8px;
}
/* ICÔNES FORUM */
.imgFRM{
display:inline-block; vertical-align:top;
width:125px; height:50px;
}
 
/* PRESENTATION DU SUJET */
/* TITRE SUJET */
.tlePOST {
margin:auto;
width:780px; padding:15px 0;
background:grey; color:black; /* MODIFIABLE */
text-transform:uppercase; text-align:center;
}
.tlePOST h1 {
display:block;
font-size:32px;
}
/* CITER / EDITER / SUPPRIMER / IP */
.toolsPOST {
margin-left:25px;
}
/* DATE SUJET */
.datePOST {
position:absolute; margin-top:305px;
height:5px; width:300px;
font-size:10px; text-transform:uppercase; text-align:right;
transform:rotate(-90deg); -webkit-transform:rotate(-90deg); transform-origin:top left; -webkit-transform-origin:top left;
}
/* APPARENCE MESSAGE */
div.postbody {
margin-left:15px;
background:#ccc; color:black; /* MODIFIABLE */
width:545px; min-height:380px; padding:10px;
text-align:justify;
}
/* TAILLE MAXIMALE DES IMAGES APPARENCE MESSAGE */
div.postbody img {
max-width:525px;
}
/* BLOC JOUEUR */
.boxPOST {
margin-left:10px;
width:200px;
}
/* AVATAR */
.avaPOST {
width:200px; height:400px;
}
/* CONTACT */
.ktactPOST {
position:absolute; z-index:3; margin-top:-400px;
width:190px; height:390px; padding:5px; overflow:hidden; text-align:right;
background:rgba(0,0,0,0.7); /* MODIFIABLE */
opacity:0; transition:opacity 0.55s ease-in-out; -webkit-transition:opacity 0.55s ease-in-out;
}
.ktactPOST:hover {
opacity:1;
}
/* IMAGES CONTACT */
.ktactPOST a{
display:block; margin:20px auto;
width:180px; text-align:right;
}
/* PSEUDONYME */
.namePOST {
width:200px; padding:5px 0 0; text-align:center;
text-transform:uppercase; font-size:28px; letter-spacing:1px;
}
.namePOST a {
text-decoration: none !important;
}
/* TEXTE RANG */
.rankPOST {
width:200px; padding-bottom:5px; text-align:center;
font-size:12px; text-transform:uppercase;
}
/* INFORMATIONS JOUEUR */
.abtPOST {
width:190px; padding:5px;
background:rgba(250,250,250,0.4); color:black; /* MODIFIABLE */
font-size:11px;
}
.abtPOST img{
max-width:190px; width:190px; height:100px;
filter:grayscale(1); -webkit-filter:grayscale(1);
transition:all 0.55s ease-in-out; -webkit-transition:all 0.55s ease-in-out;
}
.abtPOST img:hover {
 filter:grayscale(0); -webkit-filter:grayscale(0);
}
/* INTITULES INFORMATIONS JOUEUR */
.abtPOST span{
text-transform:uppercase; font-weight:bold; /* MODIFIABLE */
}
/* FEUILLE DE PERSONNAGE */
.rpgPOST{
margin-top:5px; font-size:11px;
color:black; /* MODIFIABLE */
}
/* IMAGE RANG */
.imgrankPOST {
max-width:200px;
}
 
/* LIENS FORUMS LUS/SUJETS & POSTEURS DU JOUR */
.lksSTATS {
padding:10px 0; text-align:center;
}
.lksSTATS .gensmall {
color:black; /* MODIFIABLE */
}

/* QEEL */
#QEEL {
margin:auto; width:800px;
}
/* TITRE QEEL */
.tleQEEL {
margin:auto; margin-bottom:10px;
width:385px; height:50px;
}
/* DERNIER UTILISATEUR ENREGISTRE QEEL */
.lstQEEL {
width:800px; height:35px; padding-top:15px;
background:#3e3e3e; color:white; /* MODIFIABLE */
text-transform:uppercase; text-align:center; font-size:16px;
}
/* BLOCS POSITIONNEMENT */
.boxQEEL {
display:inline-block; vertical-align:top;
width:400px;
}
/* TITRES BLOCS QEEL */
.tleBQEEL {
width:400px; height:20px; padding:5px 0;
font-family:Arial; background:#0d1217; color:white; /* MODIFIABLE */
letter-spacing:2px; text-transform:uppercase; text-align:center;
}
/* STATISTIQUES */
.stsQEEL {
width:388px; height:90px; padding:5px; overflow:auto;
background:rgba(250,250,250,0.3); color:black; border-right:1px solid black; border-left:1px solid black; /* MODIFIABLE */
font-size:11px; text-align:justify;
}
/* MEMBRES CONNECTES */
.onlineQEEL {
width:389px; height:90px; padding:5px; overflow:auto;
background:rgba(250,250,250,0.3); color:black; border-right:1px solid black; /* MODIFIABLE */
font-size:11px; text-align:justify;
}
.onlineQEEL .row1 {
background:none; padding:0;
}
/* ANNIVERSAIRES QEEL */
.anvQEEL {
width:388px; height:90px; padding:5px; overflow:auto;
background:rgba(250,250,250,0.3); color:black; border-right:1px solid black; border-left:1px solid black; /* MODIFIABLE */
font-size:11px; text-align:justify;
}
.anvQEEL .row1{
background:none !important; padding:0 !important;
}
/* 24H */
.dayQEEL {
width:389px; height:90px; padding:5px; overflow:auto;
background:rgba(250,250,250,0.3); color:black; border-right:1px solid black; /* MODIFIABLE */
font-size:11px; text-align:justify;
}
.dayQEEL .row1 {
background:none; padding:0;
}
/* BLOC NOMS DES GROUPES QEEL */
.GQEEL {
width:800px; height:23px; padding:2px 0 0; overflow:auto;
background-color:rgba(0,0,0,0.5); color:black; /* MODIFIABLE */
text-align:center; font-size:16px; text-transform:uppercase;
}
/* NOM GROUPE QEEL */
.onglet {
display:inline-block; margin:0 5px;
opacity:0.5;
}
/* SURVOL NOM GROUPE QEEL */
.onglet_1 {
opacity:1; font-weight:bold;
}
/* DESCRIPTIFS GROUPES QEEL */
.blocGQEEL {
width:800px; margin:auto;
}
.contenu_onglet {
display:none;
width:790px; height:75px; padding:5px; overflow:auto;
font-size:11px; text-align:justify;
background:rgba(0,0,0,0.2); color:black; /* MODIFIABLE */
}
 
/* PARTENAIRES FOOTER */
.footerSIT {
margin:auto; margin-top:15px;
width:800px; height:85px; padding:0;
}
 
/*___________________________Liens utiles_____________________*/
.liens_utile {
position:fixed; right:170px; top:0; z-index:100;
width:140px; height:auto; padding:5px;
background-color:#828282;
font-size:15px; text-align:center; text-transform:uppercase;
}

/*___________________________Bandeau gauche_____________________*/
.bandeau_gauche {
position:fixed; left:0; top:0;  z-index:100;
width:190px; height:auto; padding:5px;
background-color:#313131;
font-size:15px; text-align:center; text-transform:uppercase;
}
.bandeau_titre1 {
display:block; margin-top:0;
text-align:center; font-size:15px;  font-family:sans-serif;
color:#8F8CAC;
text-indent:0px;
}
.bandeau_blabla {
display:display; margin:10px;
font-size:11px; font-family:sans-serif; text-align: center;
text-indent:0px;
}
.bandeau_lien {
background-color:#fefefe;
margin-left:0;
width:168px; height:11%; padding:5px; overflow:hidden;
}
.bandeau_lien_zoom {
text-align:center; font-size:11px;  font-family:sans-serif;
opacity:0.8;
}
.bandeau_lien_zoom:hover {
font-size:12px;  opacity:1;
 }
.bandeau_lien_zoom_d {
font-size:12px;  font-family:sans-serif; text-align:justify;
opacity:0.8;    
}
.bandeau_lien_zoom_d ::-webkit-scrollbar {
width: 5px; /*largeur de la scrollbar verticale*/
height: 0px; /*hauteur de la scrollbar horizontale*/
background-color: #FEFEFE;
}
.bandeau_lien_zoom_d ::-webkit-scrollbar-track {
background-color: #FEFEFE; /*couleur du fond de la scrollbar*/
}
.bandeau_lien_zoom_d ::-webkit-scrollbar-thumb { /*la petite bande qui monte/descend*/
background-color: #1D746B; /*couleur de l'ascenseur*/
border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px;
}
.bandeau_interphone2 {
display:block;
text-align:justify; font-size:11px;  font-family:sans-serif;
color: #090b06;
}
.bandeau_interphone1 {
margin-left:0;
width:140px; height:7%; padding:5px; overflow:auto;
}
/*___________________________ Scrollbar _____________________*/
 ::-webkit-scrollbar {
width: 5px; /*largeur de la scrollbar verticale*/
height: 0px; /*hauteur de la scrollbar horizontale*/
background-color: #EBEBEB;
}
::-webkit-scrollbar-track {
background-color: #EBEBEB; /*couleur du fond de la scrollbar*/
}
::-webkit-scrollbar-thumb { /*la petite bande qui monte/descend*/
background-color: #BB3132; /*couleur de l'ascenseur*/
border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px;
}

/*______________________enlever le soulignement______________________*/
a, a:focus, a:active, a:hover, a:link, a:visited {
text-decoration:none !important;
}
Revenir en haut Aller en bas
MessageGénial! Sam 13 Fév - 9:20
Bonjour,

Je voulais vous remercier pour tout le travail que vous avez fait pour moi.
Il y a encore un décalage entre la bannière et la fin du forum, mais ce n'est pas un gros soucis.

Je suis extrêmement contente de tout ce que vous avez fait. Vraiment, je suis épatée!

En tout cas, un gros lien de crédit vous sera dédié, vous le méritez amplement, avec toutes vos créations en libre service, vos réponses rapides et efficaces.

Encore merci pour tout, bon courage pour votre journée, je reviendrais vers vous lorsque j'en aurais besoin, ça c'est sur !

Chaleureusement Corpse,

Encore merci !
Revenir en haut Aller en bas
Page 1 sur 1

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
CCCrush. :: Exposition NLDD :: Intruders :: Réalisés-