Design non fixe

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

Design non fixe

Message par Gravir le Dim 13 Aoû 2017 - 20:47

Détails techniques

Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox, Google Chrome, Internet Explorer
Capture d'écran du problème : https://i11.servimg.com/u/f11/19/37/01/56/bug10.jpg (screen 1) 
https://i11.servimg.com/u/f11/19/37/01/56/bug210.jpg (screen 2)
Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : Depuis la mise en place du nouveau design du forum
Lien du forum : http://www.yourworldbeta.com/

Description du problème

Bonsoir,

J'ai un petit problème qui persiste depuis quelques heures déjà depuis la mise en place du nouveau design du forum.

- Premièrement, la bannière sur le premier screen semble dépassé, sauf que pour les autres utilisateurs, elle ne dépasse pas à priori à -mon exception, comment régler le problème?
- Deuxièmement, quand on réduit la taille de la fenêtre du forum, tout s'entasse alors que normalement ça ne devrait pas faire, sur le screen, on peut voir la fenêtre réduit mais même si elle est légèrement réduit, la bannière aura tendance à s’agrandir de plus en plus, peut être que les deux problèmes sont liés?

Merci de m'aider, et bonne soirée à vous
avatar

Gravir
Nouveau membre

Messages : 10
Inscrit(e) le : 23/01/2016

http://thesimsh.forumactif.org/
Gravir a été remercié(e) par l'auteur de ce sujet.

Re: Design non fixe

Message par Self le Lun 14 Aoû 2017 - 11:14

Hello,

Il faut que je révise un peu mais je pense pouvoir vous aider et si mes souvenirs sont bon j'aurais besoin du contenu de votre template index_body et de votre feuille CSS s'il vous plait Smile .
avatar

Self
Membre actif

Masculin
Messages : 3718
Inscrit(e) le : 13/06/2013

Self a été remercié(e) par l'auteur de ce sujet.

Re: Design non fixe

Message par Gravir le Lun 14 Aoû 2017 - 13:10

@Self a écrit:Hello,

Il faut que je révise un peu mais je pense pouvoir vous aider et si mes souvenirs sont bon j'aurais besoin du contenu de votre template index_body et de votre feuille CSS s'il vous plait Smile .

Oui bien sur,
voici pour l'index_body
Code:
{JAVASCRIPT}
<!-- BEGIN message_admin_index -->
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
<!-- BEGIN message_admin_titre -->
<tr>
<td class="catHead" height="28"><span class="cattitle">{message_admin_index.message_admin_titre.MES_TITRE}</span></td>
</tr>
<!-- END message_admin_titre -->
<!-- BEGIN message_admin_txt -->
<tr>
<td class="row1" rowspan="3" align="center" valign="middle">
<div class="gensmall">{message_admin_index.message_admin_txt.MES_TXT}</div>
</td>
</tr>
<!-- END message_admin_txt -->
</table>
<!-- END message_admin_index -->

<!-- BEGIN switch_user_login_form_header -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
<!-- BEGIN switch_fb_connect_no -->
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
<tr>
<td class="row1" align="center">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td><span class="genmed">{L_USERNAME}:</span>&nbsp;</td>
<td><input class="post" type="text" size="10" name="username"/>&nbsp;</td>
<td>
<input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
<span class="gensmall">{L_AUTO_LOGIN}</span>&nbsp;
</td>
</tr>

<tr>
<td><span class="genmed">{L_PASSWORD}:</span>&nbsp;</td>
<td><input class="post" type="password" size="10" name="password"/>&nbsp;</td>
<td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
</tr>
</table>
</td>
</tr>
</table>
<!-- END switch_fb_connect_no -->

<!-- BEGIN switch_fb_connect -->
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
<tr>
<td valign="top" width="100%" class="row1" align="center">
<table width="100%">
<tr>
<td width="55%" valign="middle" align="right">
<table class="right">
<tr>
<td><span class="genmed">{L_USERNAME}:</span>&nbsp;</td>
<td><input class="post" type="text" size="10" name="username"/>&nbsp;</td>
<td>
<input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
<span class="gensmall">{L_AUTO_LOGIN}</span>&nbsp;
</td>
</tr>

<tr>
<td><span class="genmed">{L_PASSWORD}:</span>&nbsp;</td>
<td><input class="post" type="password" size="10" name="password"/>&nbsp;</td>
<td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
</tr>
</table>
</td>
<td width="10%" align="center" valign="middle">
<span class="genmed fb_or">{switch_user_login_form_header.switch_fb_connect.L_OR}</span>
</td>
<td width="35%" class="align_gauche"><fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" scope="{switch_user_login_form_footer.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_footer.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button></td>
</tr>
</table>
</td>
</tr>
</table>
<!-- END switch_fb_connect -->
</form>
<!-- END switch_user_login_form_header -->
{CHATBOX_TOP}
{BOARD_INDEX}
<table class="forumline" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="50%" valign="top">
<!-- BEGIN switch_user_logged_in -->
<span class="gensmall"><a href="{U_MARK_READ}" class="gensmall">{L_MARK_FORUMS_READ}</a></span>
<!-- END switch_user_logged_in -->
<!-- BEGIN switch_delete_cookies -->
<br /><span class="gensmall"><a href="{switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall" rel="nofollow">{switch_delete_cookies.L_DELETE_COOKIES}</a></span>
<!-- END switch_delete_cookies -->
</td>
<td width="50%" align="right">
<span class="gensmall">
<a href="{U_TODAY_ACTIVE}" class="gensmall">{L_TODAY_ACTIVE}</a><br />
<a href="{U_TODAY_POSTERS}" class="gensmall">{L_TODAY_POSTERS}</a><br />
<a href="{U_OVERALL_POSTERS}" class="gensmall">{L_OVERALL_POSTERS}</a>
<!-- BEGIN switch_on_index -->
<!-- BEGIN switch_delete_cookies -->
<br /><a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall" rel="nofollow">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
<!-- END switch_delete_cookies -->
<!-- END switch_on_index -->
</span>
</td>
</tr>
</table>

<!-- BEGIN switch_user_login_form_footer -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
<!-- BEGIN switch_fb_connect_no -->
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
<tr>
<td class="row1" align="center">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td><span class="genmed">{L_USERNAME}:</span>&nbsp;</td>
<td><input class="post" type="text" size="10" name="username"/>&nbsp;</td>
<td>
<input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
<span class="gensmall">{L_AUTO_LOGIN}</span>&nbsp;
</td>
</tr>

<tr>
<td><span class="genmed">{L_PASSWORD}:</span>&nbsp;</td>
<td><input class="post" type="password" size="10" name="password"/>&nbsp;</td>
<td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
</tr>
</table>
</td>
</tr>
</table>
<!-- END switch_fb_connect_no -->

<!-- BEGIN switch_fb_connect -->
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
<tr>
<td valign="top" width="100%" class="row1" align="center">
<table width="100%">
<tr>
<td width="55%" valign="middle">
<table class="right">
<tr>
<td><span class="genmed">{L_USERNAME}:</span>&nbsp;</td>
<td><input class="post" type="text" size="10" name="username"/>&nbsp;</td>
<td>
<input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
<span class="gensmall">{L_AUTO_LOGIN}</span>&nbsp;
</td>
</tr>

<tr>
<td><span class="genmed">{L_PASSWORD}:</span>&nbsp;</td>
<td><input class="post" type="password" size="10" name="password"/>&nbsp;</td>
<td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
</tr>
</table>
</td>
<td width="10%" align="center" valign="middle">
<span class="genmed fb_or">{switch_user_login_form_footer.switch_fb_connect.L_OR}</span>
</td>
<td width="35%" class="align_gauche"><fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" scope="{switch_user_login_form_footer.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_footer.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button></td>
</tr>
</table>
</td>
</tr>
</table>
<!-- END switch_fb_connect -->
</form>
<!-- END switch_user_login_form_footer -->



<!-- BEGIN disable_viewonline -->

<div class="forumline2">

  <div class="categorie_titre"><h2>Qui est en ligne ?</h2></div>
  
  <div class="qeel1">{TOTAL_POSTS} - 
{TOTAL_USERS} - 
{NEWEST_USER}</div>
  
  <div class="qeel4"><table>{TOTAL_USERS_ONLINE}<br />{LOGGED_IN_USER_LIST}</table></div>
  
  <div class="qeel1">{RECORD_USERS}</div>
  
  <div class="qeel2"><table>{L_CONNECTED_MEMBERS}</table></div><div class="qeel3"><table>{L_WHOSBIRTHDAY_TODAY}
  {L_WHOSBIRTHDAY_WEEK}</table></div>
  
  <div style="clear: both;"></div>
  
  <div class="qeel5">{GROUP_LEGEND}</div>
  
</div>

<!-- END disable_viewonline -->



{CHATBOX_BOTTOM}
<br clear="all" />
<!-- BEGIN switch_legend -->
<table border="0" cellspacing="3" cellpadding="0" align="center">
<tr>
<td align="center" width="20"><img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" /></td>
<td><span class="gensmall">{L_NEW_POSTS}</span></td>
<td></td>
<td align="center" width="20"><img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" /></td>
<td><span class="gensmall">{L_NO_NEW_POSTS}</span></td>
<td>&nbsp;&nbsp;</td>
<td align="center" width="20"><img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" /></td>
<td><span class="gensmall">{L_FORUM_LOCKED}</span></td>
</tr>
</table>
<!-- END switch_legend -->

{AUTO_DST}

<!-- BEGIN switch_fb_index_login -->
<div id="fb-root"></div>
<script>
    FB.init({
      appId      : {switch_fb_index_login.FACEBOOK_APP_ID}, 
      cookie     : true,
      xfbml      : true,
      oauth      : true,
      version    : 'v2.3'
    });

  (function(d, s, id){
     var js, fjs = d.getElementsByTagName(s)[0];
     if (d.getElementById(id)) {return;}
     js = d.createElement(s); js.id = id;
     js.src = "//connect.facebook.net/en_US/sdk.js";
     fjs.parentNode.insertBefore(js, fjs);
   }(document, 'script', 'facebook-jssdk'));
</script>
<!-- END switch_fb_index_login -->

et pour le CCS, voici

Code:
body
{
  background: url(https://www.habbox.com/images/calvin/archive/images/backgrounds/tiles/homes/27.gif); /* lien motif de fond */
  margin: auto;
  letter-spacing: 0px;
}
.bodylinewidth
{
  width: 900px;
  margin: auto;
  background: #D4D4D4; /* couleur de fond interieure */
}
.bodyline
{
  padding: 0;
}
a:link, a:hover
{
  text-decoration: none !important;
  font-weight: normal !important;
}

/* HEADER ET NAVIGATION */
#navigation
{
  width: 900px;
  margin: auto;
  background: #E4E4E4; /* couleur de fond navigation */
  text-align: right;
  padding: 3px 0;
}
#navigation img
{
  display: none;
}
#navigation a.mainmenu
{
  font-family: 'Arial';
  font-size: 10px;
  font-variant: small-caps;
}
#bloc_ban
{
  position: relative;
  z-index: 11;
  width: 900px;
  margin: auto; 
  height: 500px;
  overflow: hidden;
  background: url(http://i.imgur.com/3hyU1Hz.png); /* banniere */
  border-bottom: 55px solid #E4E4E4; /* bordure sous banniere */
}
#render1
{
  position: absolute;
  width: 400px;
  height: 500px;
  background: url(http://i.imgur.com/6FOITA5.png); /* render de gauche */
  margin-left: -150px; /* decalage du render */
  transition: 1s;
}
#render2
{
  position: absolute;
  width: 400px;
  height: 500px;
  background: url(http://i.imgur.com/ikD12xR.png); /* render de droite */
  margin-left: 730px; /* decalage du render */
  transition: 1s;
}
#bloc_ban:hover #render1
{
  margin-left: -100px; /* decalage du render gauche au survol de banniere - pour pas de decalage mettre la meme marge que plus haut */
  transition: 1s;
}
#bloc_ban:hover #render2
{
  margin-left: 680px; /* decalage du render gauche au survol de banniere - pour pas de decalage mettre la meme marge que plus haut */
  transition: 1s;
}
#render1:hover
{
  margin-left: 0px !important; /* decalage du render gauche au survol de lui-meme - pour pas de decalage mettre la meme marge que plus haut */
  transition: 2s !important;
}
#render2:hover
{
  margin-left: 580px !important; /* decalage du render gauche au survol de lui-meme - pour pas de decalage mettre la meme marge que plus haut */
  transition: 2s !important;
}
/* toutes les marges des renders sont a adapter selon leur taille */
#render1_bloc, #render2_bloc
{
  position: absolute;
  width: 220px;
  height: 240px;
  background: #D8DADC; /* couleur de fond du bloc apparaissant au survol des deux renders */
  border: 3px double #364067; /* bordures des cadres textes sur les renders */
  opacity: 0;
  transform: rotate(-20deg);
  margin-left: 80px;
  margin-top: 240px;
  transition-duration: 2s;
}
#render1:hover #render1_bloc, #render2:hover #render2_bloc
{
  opacity: 0.9;
  transform: rotate(0deg);
  transition-duration: 1s;
  transition-delay: 1s;
}
#titre_forum
{
  position: relative; 
  z-index: 11;
  text-align: center;
  font-family: 'Oswald', sans-serif;
  font-size: 50px;
  margin-top: -25px;
  color: #364067; /* couleur du titre du forum sous la banniere */
}
#sous_titre_forum
{
  text-align: center;
  font-family: 'PT Mono', ;
  font-size: 11px;
  letter-spacing: 10px; /* espacement des lettres du sous-titre */
  color: #444341; /* couleur du sous-titre du forum */
}
.ban_titre /* mise en forme des titres des cadres textes apparaissant sur les renders */
{
  text-align: center;
  font-family: 'Oswald', sans-serif;
  color: #364067;
  font-size: 18px;
}
.ban_contenu /* mise en forme du contenu texte des cadres apparaissant sur les renders */
{
  width: 200px;
  margin: auto;
  height: 200px;
  overflow: auto;
  font-size: 10px;
  text-align: justify;
}

/* COLONNE */
#colonne
{
  position: fixed;
  width: 16%;
  height: 100%;
  top: 0;
  left: 0; /* pour coller a droite mettre right a la place de left */
  background: url(http://i.imgur.com/aktlZpp.png) bottom left no-repeat #1f1e1d; /* couleur et image de fond colonne */
  overflow-x: hidden;
  overflow-y: auto;
}
.colonne_titre /* titre du haut de la colonne */
{
  padding: 10px 0;
  text-align: center;
  font-family: 'Oswald', sans-serif;
  color: #FFFFFF;
  font-size: 24px;
}
.colonne_paragraphe /* premier paragraphe de la colonne */
{
  font-size: 10px;
  text-align: justify;
  background: url(http://i.imgur.com/4rK3DBa.png);
  padding: 5px;
}
.colonne_liens
{
  margin: 25px 0;
}
.colonne_liens a /* mise en forme des liens rapides */
{
  display: block;
  width: 93%;
  background: #D9DBDC;
  margin: 5px 0;
  padding: 3px 3px;
  color: #000000;
  font-size: 10px;
  font-variant: small-caps;
  font-family: 'Oswald';
  text-shadow: 0px 0px 0px #364067;
  border-left: 5px solid #364067;
  transition: 1s;
  opacity: 0.9;
}
.colonne_liens a:hover
{
  border-left: 5px solid #364067;
  text-shadow: 0px 0px 2px #364067;
}
.colonne_savoir /* bloc savoir au milieu de la colonne */
{
  width: 65%;
  margin: auto;
  max-height: 40%;
  overflow: auto;
  background: #D8DADC;
  border: 3px double #364067;
  opacity: 0.9;
}
.savoir_titre /* titre du bloc savoir */
{
  text-align: center;
  font-family: 'Six Caps', sans-serif;
  color: #364067;
  font-size: 18px;
}
.savoir_contenu /* contenu du bloc savoir */
{
  text-align: justify;
  font-size: 11px;
  padding: 10px;
}

/* CATEGORIES */

.forumline /* mise en forme de tout les blocs cadres interieurs */
{
  width: 95%;
  margin: 20px auto !important;
  background: #D9DBDC;
  padding: 10px;
}
.forumline2 /* mise en forme des blocs des categories */
{
  width: 93%;
  margin: 20px auto !important;
  background: #D9DBDC;
  padding: 10px;
}
.categorie_titre h2 /* mise en forme du titre de categorie */
{
  dispay: block;
  font-family: 'Oswald', sans-serif;
  font-size: 28px;
  text-align: center;
  color: #82889E;
  font-weight: normal;
  text-shadow: 1px 1px 0px #1f1e1d;
  border-bottom: 1px solid #444341;
  padding-bottom: 2px;
}
.forum_bloc /* mise en forme du bloc forum */
{
  width: 95%;
  height: 120px;
  padding: 10px;
  overflow: hidden;
  margin: 20px auto;
  background: #EBECEC;
  opacity: 0.9; /* opacite du bloc forum - mettre 1 pour le laisser normal */
  transition: 500ms;
}
.forum_bloc:hover
{
  opacity: 1;
}
.forum_left /* partie gauche du bloc forum avec description et effet coulissant */
{
  position: absolute;
  width: 400px;
  height: 120px;
  overflow: hidden;
}
.illu /* image de description */
{
  position: absolute;
  z-index: 1;
}
.description_contenu /* contenu de description */
{
  position: absolute;
  z-index: 2;
  margin-left: -400px;
  background: #BDBDBA;
  width: 400px;
  height: 75px; /* hauteur de description */
  overflow: auto;
  text-align: justify;
  font-family: 'Arial', ;
  font-size: 11px;
  letter-spacing: 2px;
  color: #444341;
  line-height: 10px; /* espace entre les lignes texte */
  padding-bottom: 2px;
  border-bottom: 1px solid #1f1e1d; /* bordures entre description et sousforum */
  transition: 1s;
}
.forum_left:hover .description_contenu, .forum_left:hover .sous_forum
{
  margin-left: 0;
}
.sous_forum /* mise en forme des sous forum */
{
  position: absolute;
  z-index: 2;
  width: 400px;
  height: 43px;
  overflow: auto;
  margin-top: 75px;
  padding-top: 2px;
  margin-left: -400px;
  background: #BDBDBA;
  text-align: center;
  transition: 1s;
}
.sous_forum a /* liens des sous forum */
{
  color: #596D99;
  font-size: 11px;
  font-family: 'Arial', ;
  text-transform: uppercase;
}
.sous_forum img
{
  vertical-align: middle;
}
.forum_stats /* zone des stats du forum */
{
  position: absolute;
  width: 150px;
  height: 120px;
  text-align: center;
  margin-left: 400px;
  font-family: 'Arial', ;
  font-size: 11px;
  letter-spacing: 6px;
  color: #444341;
}
.stats1 /* mise en forme des chiffres de stats */
{
  display: block;
  font-family: 'Arial', sans-serif;
  font-size: 15px;
}
.forum_right /* partie droite du bloc forum */
{
  position: absolute;
  margin-left: 550px;
  width: 245px;
  text-align: center;
  height: 120px;
  overflow: auto;
}
.forum_name a /* lien vers le forum */
{
  display: block;
  margin-bottom: 15px;
  font-family: 'Oswald', sans-serif;
  font-size: 15px;
  font-weight: normal !important;
  color: #364167 !important;
  opacity: 1;
  transition: 500ms;
}
.forum_name:hover
{
  text-shadow: 0px 0px 4px #364167;
  opacity: 0.8;
}
.last_mess /* dernier message */
{
  font-family: 'Arial', ;
  font-size: 12px;
}
.forum_icone /* icone old new lock du forum */
{
  position: absolute;
  margin-left: 776px;
  margin-top: 25px;
  transform: rotate(0deg);
}
/* TITRES ZONES DE SAISIES ET BOUTONS */

input, select, textarea /* mise en forme des zones de saisie */
{
  background: #C6C3C1;
  padding: 3px;
  box-shadow: 0px 0px 0px #BABAB9;
  border: none;
  transition: 500ms;
}
input:focus, select:focus, textarea:focus /* mise en forme des zones de saisie selectionnees */
{
  box-shadow: 0px 0px 3px #CECECE;
}
.mainoption, .liteoption /* mise en forme des boutons */
{
  background: #B4B4B4;
  color: #8E8E8E;
  cursor: pointer;
  transition: 500ms;
}
.mainoption:hover, .liteoption:hover /* mise en forme des boutons au survol */
{
  color: #8E8E8E;
}
td.catHead, th.thHead, td.catSides, td.spaceRow, th.thSides, th, th.thBottom, th.thCornerL, th.thCornerR, th.thHead, th.thLeft, th.thRight, th.thSides, th.thTop
/* mise en forme des titres de tableaux */
{
  text-align: center;
  font-family: 'Arial', sans-serif;
  color: #A7A7A7;
  font-size: 28px;
  font-weight: normal;
}
h1.pagetitle /* mise en forme de titre */
{
  font-size: 28px;
  letter-spacing: 2px;
  font-weight: normal;
}
.cattitle, .secondarytitle h2 /* mise en forme de titre */
{
  font-size: 28px;
  font-weight: normal;
}
/* PROFIL */
.profil
{
  width: 200px;
  margin: 5px;
}
.rang /* mise en forme du rang texte penche sur le cote de l avatar */
{
  position: absolute;
  height: 20px;
  width: 320px;
  transform: rotate(-90deg);
  text-align: center;
  font-family: 'Arial', ;
  font-size: 11px;
  letter-spacing: 5px;
  line-height: 9px;
  text-shadow: 0px 0px 3px #A7A7A7;
  margin-left: -170px;
  margin-top: 153px;
}
.pseudo /* mise en forme du pseudo */
{
  width: 206px;
  background: #C2C2C2;
  font-family: 'Oswald', sans-serif;
  font-size: 18px;
  text-align: center;
  letter-spacing: 3px; /* espacement des lettres */
}
.pseudo strong
{
  font-weight: normal !important;
}
.ava_img
{
  width: 200px; /* taille emplacement avatar */
  height: 320px; /* taille emplacement avatar */
  overflow: hidden;
  background: #E3E3E3;
  border: 3px double #4D537B; /* bordure avatar */
}
.profil_bloc
{
  position: absolute;
  width: 200px;
  height: 320px;
  margin-top: 3px;
  margin-left: 3px;
  overflow: hidden;
}
.profil_contenu /* mise en forme du contenu du profil */
{
  position: absolute;
  width: 190px;
  height: 310px;
  background: #E8E8E8; /* couleur de fond du bloc info profil */
  overflow: auto;
  opacity: 0;
  padding: 5px;
  font-family: 'Arial', ;
  font-size: 12px;
  margin-top: 310px;
  margin-left: 190px;
  transition: 1s; /* duree de la transition apparition du profil */
}
.profil:hover .profil_contenu
{
  width: 190px;
  height: 310px;
  opacity: 0.9;
  margin-left: 0;
  margin-top: 0;
}
.post_date /* mise en forme de la date du message */
{
  font-family: 'Arial', ;
  font-size: 11px;
  letter-spacing: 5px;
  padding-bottom: 5px;
  border-bottom: 1px solid #E8E8E8;
}
.message_contenu /* mise en forme des messages */
{
  padding: 20px; /* marge interieure */
  text-align: justify; /* texte justifie */
  font-size: 14px; /* taille de police */
  line-height: 14px; /* hauteur de ligne */
}
.code, .quote, .spoiler_closed, .spoiler_content
{
  padding: 5px;
  background: #E8E8E8;
  border: 3px double #E8E8E8;
  color: #A3A3A3;
}

/* EDITEUR DE MESSAGE */
.sceditor-container /* contenu editeur */
{
  background: #E8E8E8 !important;
  border: none !important;
}
.sceditor-toolbar /* barre contenant les boutons */
{
  background: #E8E8E8 !important;
  border-bottom: 2px solid #FFFFFF !important;
}
.sceditor-group /* groupes de boutons */
{
  background: #E8E8E8 !important;
}
a.sceditor-button /* boutons */
{
  background: #DADADA !important;
}
.sceditor-container textarea, .sceditor-container iframe /* zone de saisie texte */
{
  padding: 5px !important;
  color: #57554C !important;
  font-size: 11px !important;
}

/* QEEL */
.qeel1 /* petit texte */
{
  text-align: center;
  font-family: 'Arial', ;
  font-size: 12px;
  letter-spacing: 2px;
  color: #444341;
}
.qeel2, .qeel3 /* blocs en deux colonnes */
{
  width: 46%;
  height: 120px;
  padding: 10px;
  overflow: auto;
  margin: 20px auto;
  background: #EBECEC;
}
.qeel2
{
  float: left;
}
.qeel3
{
  float: right;
}
.qeel4 /* bloc large */
{
  width: 95%;
  height: 60px;
  padding: 10px;
  overflow: auto;
  margin: 20px auto;
  background: #EBECEC;
  font-size: 12px;
}
.qeel5 /* zone des groupes */
{
  width: 90%;
  text-align: center;
  color: #1f1e1d;
}
.qeel5 a /* groupes liens */
{
  font-family: 'Oswald', sans-serif;
  font-size: 14px;
}
/* SUPPRESSION DES BORDURES */

    .row3Right, th
    {
    border: none !important;
    }
    .thHead
    {
    border: none !important;
    }
    .thCornerL, .thCornerR, .thTop
    {
    border: none !important;
    }
    .thLeft, .thRight
    {
    border-left: none !important;
    border-right: none !important;
    }
    .catLeft, .catRight
    {
    border: none! important;
    }
    .catHead
    {
    border: none !important;
    }
    .catBottom
    {
    border: none !important;
    }


Dernière édition par Chacha le Lun 14 Aoû 2017 - 14:06, édité 1 fois (Raison : Codes mis entre balises code)
avatar

Gravir
Nouveau membre

Messages : 10
Inscrit(e) le : 23/01/2016

http://thesimsh.forumactif.org/
Gravir a été remercié(e) par l'auteur de ce sujet.

Re: Design non fixe

Message par Gravir le Lun 14 Aoû 2017 - 13:22

J'ai également comme templates modifiés index_box, overall__header, topics_list_box, viewtopic_body
avatar

Gravir
Nouveau membre

Messages : 10
Inscrit(e) le : 23/01/2016

http://thesimsh.forumactif.org/
Gravir a été remercié(e) par l'auteur de ce sujet.

Re: Design non fixe

Message par Self le Lun 14 Aoû 2017 - 17:41

D'accord, donc je suis un peu rouillé désolé, je vous ai demandé le mauvais template, c'est le overall_header qu'il me faut.
avatar

Self
Membre actif

Masculin
Messages : 3718
Inscrit(e) le : 13/06/2013

Self a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum