Problème d'affichage

2 participants

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

Résolu Problème d'affichage

Message par kiona Jeu 30 Juin 2016 - 14:49

Détails techniques


Version du forum : phpBB2
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Google Chrome, Internet Explorer, Safari
Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : Plusieurs mois
Lien du forum : The-divergente.forumactif.org

Description du problème

Bonjour,

Quand je fais les codes sur mon forum test, le résultat est comme je le souhaite. Mais une fois que je le poste sur le forum concerner, le résultat n'est plus le même.

Pourtant les codes et la version du forum sont les mêmes.

Version forum test :
Problème d'affichage 1467290763-20160630-144538

Version forum:
Problème d'affichage 1467290226-20160630-142142

Merci par avance pour votre aide.


Dernière édition par kiona le Ven 1 Juil 2016 - 20:30, édité 1 fois
kiona

kiona
Nouveau membre

Féminin
Messages : 15
Inscrit(e) le : 16/10/2010

http://the-divergente.forumactif.org
kiona a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'affichage

Message par Siiicreete Jeu 30 Juin 2016 - 15:32

Bonjour,

Est-ce qu'il serait possible d'avoir le template modifié et la partie css correspondant ?

Cordialement,
avatar

Siiicreete
**

Masculin
Messages : 67
Inscrit(e) le : 17/03/2011

http://bewitchingrpg.forumgratuit.org/
Siiicreete a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'affichage

Message par kiona Jeu 30 Juin 2016 - 19:34

viewtopic_body

Code:
<script type="text/javascript">
//<![CDATA[
var multiquote_img_off = '{JS_MULTIQUOTE_IMG_OFF}', multiquote_img_on = '{JS_MULTIQUOTE_IMG_ON}', _atr = '{JS_DIR}addthis/', _ati = '{PATH_IMG_FA}addthis/'{ADDTHIS_LANG}, addthis_localize = { share_caption: "{L_SHARE_CAPTION}", email: "{L_EMAIL}", email_caption: "{L_EMAIL_CAPTION}", favorites: "{L_SHARE_BOOKMARKS}", print: "{L_PRINT}", more: "{L_MORE}" };
$(function(){
  _atc.cwait = 0;
  $('.addthis_button').mouseup(function(){
      if ($('#at15s').css('display') == 'block') {
        addthis_close();
        addthis_close();
      }
  });
});
//]]>
</script>

<table width="100%" border="0" cellspacing="2" cellpadding="0">
  <tr>
      <td align="left" valign="middle" nowrap="nowrap">
        <span class="nav">
        <!-- BEGIN switch_user_authpost -->
        <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}one" alt="{L_POST_NEW_TOPIC}" align="middle" border="0" /></a> 
        <!-- END switch_user_authpost -->
        <!-- BEGIN switch_user_authreply -->
        <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" id="i_reply" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>
        <!-- END switch_user_authreply -->
        </span>
      </td>
      <td align="left" valign="middle" nowrap="nowrap">
        <!-- BEGIN switch_twitter_btn -->
        <span id="twitter_btn" style="margin-left: 6px; ">
        <a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal">Tweet</a>
        <script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
        </span>
        <!-- END switch_twitter_btn -->
        <!-- BEGIN switch_fb_likebtn -->
        <span id="fb_likebtn" style="margin-left: 6px; ">
            <iframe src="http://www.facebook.com/plugins/like.php?href={FORUM_URL}{TOPIC_URL}&layout=button_count&show_faces=false&width=100&action=like&colorscheme=light&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100px; height:21px;" allowTransparency="true"></iframe>
        </span>
        <!-- END switch_fb_likebtn -->
      </td>
      <td class="nav" valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td>
      <td align="right" valign="bottom" nowrap="nowrap" width="100%">
        <span class="gensmall bold">
            <a class="addthis_button" href="http://www.addthis.com/bookmark.php?v=250&pub=forumotion">{L_SHARE}</a>
            |
            <script type="text/javascript">//<![CDATA[
              var url_favourite = '{U_FAVOURITE_JS_PLUS_MENU}';
              var url_newposts = '{U_NEWPOSTS_JS_PLUS_MENU}';
              var url_egosearch = '{U_EGOSEARCH_JS_PLUS_MENU}';
              var url_unanswered = '{U_UNANSWERED_JS_PLUS_MENU}';
              var url_watchsearch = '{U_WATCHSEARCH_JS_PLUS_MENU}';
              var url_tellfriend = '{U_TELLFRIEND_JS_PLUS_MENU}';
              insert_plus_menu('f{FORUM_ID}&t={TOPIC_ID}','{JS_SESSION_ID}', {JS_AUTH_FAVOURITES});
            //]]>
            </script>
        </span>
      </td>
  </tr>
</table>

<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
  <tr align="right">
      <td class="catHead" colspan="3" height="28">
        <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
              <td width="9%" class="noprint"> </td>
              <td align="center" class="t-title">
                  <h1 class="cattitle"> {TOPIC_TITLE}</h1>
              </td>
              <td align="right" width="9%" class="browse-arrows"><a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#bottom">{L_GOTO_DOWN}</a> </td>
            </tr>
        </table>
      </td>
  </tr>
  <!-- BEGIN topicpagination -->
  <tr>
      <td class="row1 pagination" colspan="2" align="right" valign="top"><span class="gensmall">{PAGINATION}</span></td>
  </tr>
  <!-- END topicpagination -->
  {POLL_DISPLAY}
  <tr>
      <th class="thLeft" nowrap="nowrap" width="150px" height="26">{L_AUTHOR}</th>
      <th class="thRight" nowrap="nowrap" colspan="2">{L_MESSAGE}</th>
  </tr>
  <!-- BEGIN postrow -->
  <!-- BEGIN displayed -->
  <tr class="post">
      <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150">
        <div id="profil_head">
            <span class="postdetails poster-profile">
                              <center>{postrow.displayed.ONLINE_IMG}<span class="cadreavatar">{postrow.displayed.POSTER_AVATAR}</span></center>
                                  <center><div class="rang">{postrow.displayed.RANK_IMAGE}<br />{postrow.displayed.POSTER_RANK}</div></center>
           
                                  <div class="statsprof"><span class="name"><div id="name"><a name="{postrow.displayed.U_POST_ID}"></a><strong>{postrow.displayed.POSTER_NAME}</strong></div></span><div class="points"></div><!-- BEGIN profile_field -->
            {postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
     
                                    <!-- END profile_field -->  {postrow.displayed.POSTER_RPG}
                                    <div class="points"></div></div>
         
        </span><br />
        <img src="http://2img.net/i/fa/empty.gif" alt="" style="width:150px;height:1px" />
      </td><div>
      <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="100%" height="28" colspan="2">
        <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
              <td><span class="postdetails"><img src="{postrow.displayed.MINI_POST_IMG}" alt="{postrow.displayed.L_MINI_POST_ALT}" title="{postrow.displayed.L_MINI_POST_ALT}" border="0" />{L_POST_SUBJECT}: {postrow.displayed.POST_SUBJECT}  <img src="{postrow.displayed.MINI_TIME_IMG}" alt="" border="0" />{postrow.displayed.POST_DATE}</span></td>
              <td valign="top" nowrap="nowrap" class="post-options">
                  {postrow.displayed.THANK_IMG} {postrow.displayed.MULTIQUOTE_IMG} {postrow.displayed.QUOTE_IMG} {postrow.displayed.EDIT_IMG} {postrow.displayed.DELETE_IMG} {postrow.displayed.IP_IMG} {postrow.displayed.REPORT_IMG}
              </td>
            </tr>
            <tr>
              <td colspan="2" class="hr">
                  <hr />
              </td>
            </tr>
            <tr>
              <td colspan="2">
                  <!-- BEGIN switch_vote_active -->
                  <div class="vote gensmall">
                    <!-- BEGIN switch_vote -->
                    <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}">+</a></div>
                    <!-- END switch_vote -->

                    <!-- BEGIN switch_bar -->
                    <div class="vote-bar" title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}">
                        <!-- BEGIN switch_vote_plus -->
                        <div class="vote-bar-plus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_plus.HEIGHT_PLUS}px;"></div>
                        <!-- END switch_vote_plus -->

                        <!-- BEGIN switch_vote_minus -->
                        <div class="vote-bar-minus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_minus.HEIGHT_MINUS}px;"></div>
                        <!-- END switch_vote_minus -->
                    </div>
                    <!-- END switch_bar -->

                    <!-- BEGIN switch_no_bar -->
                    <div title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}" class="vote-no-bar">----</div>
                    <!-- END switch_no_bar -->

                    <!-- BEGIN switch_vote -->
                    <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}">-</a></div>
                    <!-- END switch_vote -->
                  </div>
                  <!-- END switch_vote_active -->

                  <div class="postbody">

                    <div>{postrow.displayed.MESSAGE}</div>

                    <!-- BEGIN switch_attachments -->
                    <dl class="attachbox">
                        <dt>{postrow.displayed.switch_attachments.L_ATTACHMENTS}</dt>
                        <dd>
                          <!-- BEGIN switch_post_attachments -->
                          <dl class="file">
                              <dt>
                                <img src="{postrow.displayed.switch_attachments.switch_post_attachments.U_IMG}" />

                                <!-- BEGIN switch_dl_att -->
                                <a class="postlink" href="{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.U_ATTACHMENT}">{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT}</a> {postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT_DEL}
                                <!-- END switch_dl_att -->

                                <!-- BEGIN switch_no_dl_att -->
                                {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT} {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT_DEL}
                                <!-- END switch_no_dl_att -->
                              </dt>

                              <!-- BEGIN switch_no_comment -->
                              <dd>
                                <em>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_comment.ATTACHMENT_COMMENT}</em>
                              </dd>
                              <!-- END switch_no_comment -->

                              <!-- BEGIN switch_no_dl_att -->
                              <dd>
                                <em><strong>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.TEXT_NO_DL}</strong></em>
                              </dd>
                              <!-- END switch_no_dl_att -->

                              <dd>({postrow.displayed.switch_attachments.switch_post_attachments.FILE_SIZE}) {postrow.displayed.switch_attachments.switch_post_attachments.NB_DL}</dd>
                          </dl>
                          <!-- END switch_post_attachments -->
                        </dd>
                    </dl>
                    <!-- END switch_attachments -->

                    <div class="clear"></div>
                    <div class="signature_div">
                        {postrow.displayed.SIGNATURE}
                    </div>

                  </div>
                  <span class="gensmall">{postrow.displayed.EDITED_MESSAGE}</span>
              </td>
            </tr>
        </table>
      </td>
  </tr>
  <tr>
      <td class="{postrow.displayed.ROW_CLASS} browse-arrows"{postrow.displayed.THANK_BGCOLOR} align="center" valign="middle" width="150">
        <a href="#top">{L_BACK_TO_TOP}</a> <a href="#bottom">{L_GOTO_DOWN}</a>
      </td>
      <td class="{postrow.displayed.ROW_CLASS} messaging gensmall"{postrow.displayed.THANK_BGCOLOR} width="100%" height="28">
        <table border="0" cellspacing="0" cellpadding="0">
            <tr>
              <td valign="middle">
                  {postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}<!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT}<!-- END contact_field -->
              </td>
            </tr>
        </table>
      </td>
  </tr>
  <!-- BEGIN first_post_br -->
</table>
<br />
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
  <tr>
      <th class="thLeft" nowrap="nowrap" width="150px" height="26">{L_AUTHOR}</th>
      <th class="thRight" nowrap="nowrap" colspan="2">{L_MESSAGE}</th>
  </tr>
  <!-- END first_post_br -->
  <!-- END displayed -->
  <!-- BEGIN hidden -->
  <tr>
      <td class="postdetails {postrow.hidden.ROW_CLASS}" colspan="2" align="center">{postrow.hidden.MESSAGE}</td>
  </tr>
  <!-- END hidden -->
  <!-- END postrow -->
  <!-- BEGIN no_post -->
  <tr align="center">
      <td class="row1" colspan="3" height="28">
        <span class="genmed">{no_post.L_NO_POST}</span>
      </td>
  </tr>
  <!-- END no_post -->
  <tr align="right">
      <td class="catBottom" colspan="3" height="28">
        <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
              <td width="9%" class="noprint"> </td>
              <td align="center" class="t-title"><a name="bottomtitle"></a><h1 class="cattitle">{TOPIC_TITLE}</h1></td>
              <td align="right" nowrap="nowrap" width="9%" class="browse-arrows"><a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#top">{L_BACK_TO_TOP}</a> </td>
            </tr>
        </table>
      </td>
  </tr>
</table>

<!-- BEGIN promot_trafic -->
<table class="forumline" width="100%" border="0" cellpadding="1" cellspacing="0" id="ptrafic_close" style="display:none;margin: 1px 0px 1px 0px">
  <tr>
      <td class="catBottom" height="28">
        <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
              <td valign="top"><h1 class="cattitle"> {PROMOT_TRAFIC_TITLE}</h1></td>
              <td align="right" valign="middle" width="10"><span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_MORE_IMG}" alt="+" align="middle" border="0" /></a></span></td>
            </tr>
        </table>
      </td>
  </tr>
</table>

<table class="forumline" width="100%" border="0" cellpadding="1" cellspacing="0" id="ptrafic_open" style="display:'';margin: 1px 0px 1px 0px">
  <tr>
      <td class="catBottom" height="28">
        <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
              <td valign="top"><h1 class="cattitle"> {PROMOT_TRAFIC_TITLE}</h1></td>
              <td align="right" valign="middle" width="10"><span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_LESS_IMG}" alt="-" align="middle" border="0" /></a></span></td>
            </tr>
        </table>
      </td>
  </tr>
  <tr>
      <td class="row2 postbody" valign="top">
        <!-- BEGIN link -->
        » <a style="text-decoration:none" href="{promot_trafic.link.U_HREF}" target="_blank" title="{promot_trafic.link.TITLE}">{promot_trafic.link.TITLE}</a><br />
        <!-- END link -->
      </td>
  </tr>
</table>
<!-- END promot_trafic -->

<table class="forumline noprint" width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
      <td class="row2" valign="top" {COLSPAN_PAGINATION} width="150"><span class="gensmall">{PAGE_NUMBER}</span></td>
      <!-- BEGIN topicpagination -->
      <td class="row1" align="right" valign="top" ><span class="gensmall">{PAGINATION}</span></td>
      <!-- END topicpagination -->
  </tr>
  <!-- BEGIN switch_user_logged_in -->
  <!-- BEGIN watchtopic -->
  <tr>
      <td class="row2" colspan="2" align="right" valign="top"><span class="gensmall">{S_WATCH_TOPIC}</span></td>
  </tr>
  <!-- END watchtopic -->
  <!-- END switch_user_logged_in -->
  <tr>
      <td class="row2" colspan="2" align="center" style="padding:0px">
        <!-- BEGIN switch_user_logged_in -->
        <a name="quickreply"></a>
        {QUICK_REPLY_FORM}<br />
        <!-- END switch_user_logged_in -->
      </td>
  </tr>
  <tr>
      <td style="margin:0; padding: 0;" colspan="2">
        <table border="0" cellpadding="0" width="100%" cellspacing="0" id="info_open" style="display:''">
            <tbody>
      <!-- BEGIN show_permissions -->
      <tr>
        <td class="row2" valign="top" width="25%"><span class="gensmall">{L_TABS_PERMISSIONS}</span></td>
        <td class="row1" valign="top" width="75%"><span class="gensmall">{S_AUTH_LIST}</span></td>
      </tr>
      <!-- END show_permissions -->
      <tr>
        <td class="catBottom" colspan="2" height="28">
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
              <tr>
                  <td valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td>
                  <!-- BEGIN show_permissions -->
                  <td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_LESS_IMG}" alt="-" align="middle" border="0" /></a></span></td>
                  <!-- END show_permissions -->
              </tr>
            </table>
        </td>
      </tr>
  </tbody>
        </table>
      </td>
  </tr>
  <tr>
      <td style="margin:0; padding: 0;" colspan="2">
        <table border="0" cellpadding="0" cellspacing="0" width="100%" id="info_close" style="display:none;">
            <tbody>
      <tr>
        <td class="catBottom" colspan="2" height="28">
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
              <tr>
                  <td valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td>
                  <td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_MORE_IMG}" alt="+" align="middle" border="0" /></a></span></td>
              </tr>
            </table>
        </td>
      </tr>
  </tbody>
        </table>
      </td>
  </tr>
</table>

<form action="{S_JUMPBOX_ACTION}" method="get" name="jumpbox" onsubmit="if(document.jumpbox.f.value == -1){return false;}">
<table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
  <tr>
      <td align="left" valign="middle" nowrap="nowrap" {WIDTH_GALLERY}>
        <span class="nav">
            <!-- BEGIN switch_user_authpost -->
            <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}Newtopic" alt="{L_POST_NEW_TOPIC}" align="middle" border="0" /></a> 
            <!-- END switch_user_authpost -->
            <!-- BEGIN switch_user_authreply -->
            <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>
            <!-- END switch_user_authreply -->
        </span>
      </td>

      <!-- BEGIN viewtopic_bottom -->
      <td align="right" nowrap="nowrap"><span class="gensmall">{L_JUMP_TO}: {S_JUMPBOX_SELECT} <input class="liteoption" type="submit" value="{L_GO}" /></span></td>
      <!-- END viewtopic_bottom -->

      <!-- BEGIN moderation_panel -->
      <td align="center">
        <span class="gensmall">{moderation_panel.U_YOUR_PERSONAL_MODERATE}</span>
      </td>
      <td align="center" width="250">
        <span class="gensmall"> </span>
      </td>
      <!-- END moderation_panel -->
  </tr>
</table>
</form>

<!-- BEGIN viewtopic_bottom -->
<table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
  <tr>
      <td colspan="2" align="left" valign="top" nowrap="nowrap"><br />{S_TOPIC_ADMIN}<br />
        <form name="action" method="get" action="{S_FORM_MOD_ACTION}">
            <input type="hidden" name="t" value="{TOPIC_ID}" />

            <!-- <input type="hidden" name="sid" value="{S_SID}" /> -->
            <input type="hidden" name="{SECURE_ID_NAME}" value="{SECURE_ID_VALUE}" />

            <span class="gen">{L_MOD_TOOLS}<br />{S_SELECT_MOD}&nbsp;<input class="liteoption" type="submit" value="{L_GO}" /></span>
        </form>
      </td>
  </tr>
</table>
<!-- END viewtopic_bottom -->

<!-- BEGIN switch_image_resize -->
<script type="text/javascript">
//<![CDATA[
$(resize_images({ 'selector' : '.postbody', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} }));
//]]>
</script>
<!-- END switch_image_resize -->
<script src="{JS_DIR}addthis/addthis_widget.js" type="text/javascript"></script>

Et mes codes css

Code:
.statsprof img {max-width: 180px;}

.statsprof { /* Les informations du profil */
padding-top: 5px;
background-color: #605869;
width: 180px;
-webkit-border-radius: 14px;
-moz-border-radius: 14px;
border-radius: 14px;
text-align:justify;
padding-right: 8px;
padding-left: 8px;
border: solid 5px #605869
  repeat: none;
  align: center;
  margin-left: 30px;
  padding: 5px;
  padding-bottom: 15px;
}

.points{border-bottom: 5px dotted #9C9B9C} /* les pointillés */
.rang{-webkit-border-bottom-right-radius: 50px;
-webkit-border-bottom-left-radius: 50px;
-moz-border-radius-bottomright: 50px;
-moz-border-radius-bottomleft: 50px;
border-bottom-right-radius: 50px;
border-bottom-left-radius: 50px;
margin: 5px;
  width: 150px;
  align: center;
background-color: #605869;
  margin-left: 30px;
  padding-top: 10px;
  margin-top: -7px;
}

#profil_head /* L'encadrement général de ton profil et avatar */
{padding-top: 5px;
background-color: #605869;
  border:2px solid #605869;
width: 235px;
-webkit-border-radius: 14px;
-moz-border-radius: 14px;
border-radius: 14px;
text-align:justify;
padding-right: 8px;
padding-left: 8px;
}

#name /* le pseudo */
{
text-decoration: none;
text-align:center;
FONT-FAMILY: courier new;
text-transform:uppercase;
font-size: 22;
letter-spacing: 2px;
text-shadow: #2d2020 1px 1px 5px;

}
 
.postdetails.poster-profile a img { /* L'avatar et son encadrement */
  -webkit-border-radius: 35px;
-moz-border-radius: 35px;
border-radius: 35px;
border: 5px solid #605869;
}
kiona

kiona
Nouveau membre

Féminin
Messages : 15
Inscrit(e) le : 16/10/2010

http://the-divergente.forumactif.org
kiona a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'affichage

Message par Siiicreete Jeu 30 Juin 2016 - 20:37

Bonsoir,

Tout d'abord, j'ai remarqué une "class" dans votre template qui ne se trouve pas dans votre CSS :

Code:
<span class="cadreavatar">{postrow.displayed.POSTER_AVATAR}</span>

En l'occurence "cadreavatar".

Cordialement,
avatar

Siiicreete
**

Masculin
Messages : 67
Inscrit(e) le : 17/03/2011

http://bewitchingrpg.forumgratuit.org/
Siiicreete a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'affichage

Message par kiona Ven 1 Juil 2016 - 9:18

Bonjour,

J'avais créer un CSS au nom de "cadreavatar" mais ça ne fonctionnait pas donc je l'ai supprimé Embarassed Embarassed sans modifier mon template Embarassed

Mais est ce utile de le créer alors que j'ai l'impression que le css "#profil_head" reviens à la même chose ?

Cordialement,
kiona

kiona
Nouveau membre

Féminin
Messages : 15
Inscrit(e) le : 16/10/2010

http://the-divergente.forumactif.org
kiona a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'affichage

Message par Siiicreete Ven 1 Juil 2016 - 13:29

Serait-il possible d'avoir le template et le CSS du forum test ?
avatar

Siiicreete
**

Masculin
Messages : 67
Inscrit(e) le : 17/03/2011

http://bewitchingrpg.forumgratuit.org/
Siiicreete a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'affichage

Message par kiona Ven 1 Juil 2016 - 17:17

Bonsoir,

oici le template :
Code:
<script type="text/javascript">
//<![CDATA[
var multiquote_img_off = '{JS_MULTIQUOTE_IMG_OFF}', multiquote_img_on = '{JS_MULTIQUOTE_IMG_ON}', _atr = '{JS_DIR}addthis/', _ati = '{PATH_IMG_FA}addthis/'{ADDTHIS_LANG}, addthis_localize = { share_caption: "{L_SHARE_CAPTION}", email: "{L_EMAIL}", email_caption: "{L_EMAIL_CAPTION}", favorites: "{L_SHARE_BOOKMARKS}", print: "{L_PRINT}", more: "{L_MORE}" };
$(function(){
  _atc.cwait = 0;
  $('.addthis_button').mouseup(function(){
      if ($('#at15s').css('display') == 'block') {
        addthis_close();
        addthis_close();
      }
  });
});
//]]>
</script>

<table width="100%" border="0" cellspacing="2" cellpadding="0">
  <tr>
      <td align="left" valign="middle" nowrap="nowrap">
        <span class="nav">
        <!-- BEGIN switch_user_authpost -->
        <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}one" alt="{L_POST_NEW_TOPIC}" align="middle" border="0" /></a> 
        <!-- END switch_user_authpost -->
        <!-- BEGIN switch_user_authreply -->
        <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" id="i_reply" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>
        <!-- END switch_user_authreply -->
        </span>
      </td>
      <td align="left" valign="middle" nowrap="nowrap">
        <!-- BEGIN switch_twitter_btn -->
        <span id="twitter_btn" style="margin-left: 6px; ">
        <a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal">Tweet</a>
        <script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
        </span>
        <!-- END switch_twitter_btn -->
        <!-- BEGIN switch_fb_likebtn -->
        <span id="fb_likebtn" style="margin-left: 6px; ">
            <iframe src="http://www.facebook.com/plugins/like.php?href={FORUM_URL}{TOPIC_URL}&layout=button_count&show_faces=false&width=100&action=like&colorscheme=light&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100px; height:21px;" allowTransparency="true"></iframe>
        </span>
        <!-- END switch_fb_likebtn -->
      </td>
      <td class="nav" valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td>
      <td align="right" valign="bottom" nowrap="nowrap" width="100%">
        <span class="gensmall bold">
            <a class="addthis_button" href="http://www.addthis.com/bookmark.php?v=250&pub=forumotion">{L_SHARE}</a>
            |
            <script type="text/javascript">//<![CDATA[
              var url_favourite = '{U_FAVOURITE_JS_PLUS_MENU}';
              var url_newposts = '{U_NEWPOSTS_JS_PLUS_MENU}';
              var url_egosearch = '{U_EGOSEARCH_JS_PLUS_MENU}';
              var url_unanswered = '{U_UNANSWERED_JS_PLUS_MENU}';
              var url_watchsearch = '{U_WATCHSEARCH_JS_PLUS_MENU}';
              var url_tellfriend = '{U_TELLFRIEND_JS_PLUS_MENU}';
              insert_plus_menu('f{FORUM_ID}&t={TOPIC_ID}','{JS_SESSION_ID}', {JS_AUTH_FAVOURITES});
            //]]>
            </script>
        </span>
      </td>
  </tr>
</table>

<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
  <tr align="right">
      <td class="catHead" colspan="3" height="28">
        <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
              <td width="9%" class="noprint"> </td>
              <td align="center" class="t-title">
                  <h1 class="cattitle"> {TOPIC_TITLE}</h1>
              </td>
              <td align="right" width="9%" class="browse-arrows"><a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#bottom">{L_GOTO_DOWN}</a> </td>
            </tr>
        </table>
      </td>
  </tr>
  <!-- BEGIN topicpagination -->
  <tr>
      <td class="row1 pagination" colspan="2" align="right" valign="top"><span class="gensmall">{PAGINATION}</span></td>
  </tr>
  <!-- END topicpagination -->
  {POLL_DISPLAY}
  <tr>
      <th class="thLeft" nowrap="nowrap" width="150px" height="26">{L_AUTHOR}</th>
      <th class="thRight" nowrap="nowrap" colspan="2">{L_MESSAGE}</th>
  </tr>
  <!-- BEGIN postrow -->
<!-- BEGIN displayed -->
  <tr class="post">
      <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150">
        <div id="profil_head">
            <span class="postdetails poster-profile">
                              <center>{postrow.displayed.ONLINE_IMG}<span class="cadreavatar">{postrow.displayed.POSTER_AVATAR}</span></center>
                                  <center><div class="rang">{postrow.displayed.RANK_IMAGE}<br />{postrow.displayed.POSTER_RANK}</div></center>
           
                                  <div class="statsprof"><span class="name"><div id="name"><a name="{postrow.displayed.U_POST_ID}"></a><strong>{postrow.displayed.POSTER_NAME}</strong></div></span><div class="points"></div><!-- BEGIN profile_field -->
            {postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
                                    <!-- END profile_field --><div class="points"></div></div>
            {postrow.displayed.POSTER_RPG}
        </span><br />
        <img src="http://2img.net/i/fa/empty.gif" alt="" style="width:150px;height:1px" />
      </td><div>
      <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="100%" height="28" colspan="2">
        <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
              <td><span class="postdetails"><img src="{postrow.displayed.MINI_POST_IMG}" alt="{postrow.displayed.L_MINI_POST_ALT}" title="{postrow.displayed.L_MINI_POST_ALT}" border="0" />{L_POST_SUBJECT}: {postrow.displayed.POST_SUBJECT}  <img src="{postrow.displayed.MINI_TIME_IMG}" alt="" border="0" />{postrow.displayed.POST_DATE}</span></td>
              <td valign="top" nowrap="nowrap" class="post-options">
                  {postrow.displayed.THANK_IMG} {postrow.displayed.MULTIQUOTE_IMG} {postrow.displayed.QUOTE_IMG} {postrow.displayed.EDIT_IMG} {postrow.displayed.DELETE_IMG} {postrow.displayed.IP_IMG} {postrow.displayed.REPORT_IMG}
              </td>
            </tr>
            <tr>
              <td colspan="2" class="hr">
                  <hr />
              </td>
            </tr>
            <tr>
              <td colspan="2">
                  <!-- BEGIN switch_vote_active -->
                  <div class="vote gensmall">
                    <!-- BEGIN switch_vote -->
                    <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}">+</a></div>
                    <!-- END switch_vote -->

                    <!-- BEGIN switch_bar -->
                    <div class="vote-bar" title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}">
                        <!-- BEGIN switch_vote_plus -->
                        <div class="vote-bar-plus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_plus.HEIGHT_PLUS}px;"></div>
                        <!-- END switch_vote_plus -->

                        <!-- BEGIN switch_vote_minus -->
                        <div class="vote-bar-minus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_minus.HEIGHT_MINUS}px;"></div>
                        <!-- END switch_vote_minus -->
                    </div>
                    <!-- END switch_bar -->

                    <!-- BEGIN switch_no_bar -->
                    <div title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}" class="vote-no-bar">----</div>
                    <!-- END switch_no_bar -->

                    <!-- BEGIN switch_vote -->
                    <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}">-</a></div>
                    <!-- END switch_vote -->
                  </div>
                  <!-- END switch_vote_active -->

                  <div class="postbody">

                    <div>{postrow.displayed.MESSAGE}</div>

                    <!-- BEGIN switch_attachments -->
                    <dl class="attachbox">
                        <dt>{postrow.displayed.switch_attachments.L_ATTACHMENTS}</dt>
                        <dd>
                          <!-- BEGIN switch_post_attachments -->
                          <dl class="file">
                              <dt>
                                <img src="{postrow.displayed.switch_attachments.switch_post_attachments.U_IMG}" />

                                <!-- BEGIN switch_dl_att -->
                                <a class="postlink" href="{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.U_ATTACHMENT}">{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT}</a> {postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT_DEL}
                                <!-- END switch_dl_att -->

                                <!-- BEGIN switch_no_dl_att -->
                                {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT} {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT_DEL}
                                <!-- END switch_no_dl_att -->
                              </dt>

                              <!-- BEGIN switch_no_comment -->
                              <dd>
                                <em>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_comment.ATTACHMENT_COMMENT}</em>
                              </dd>
                              <!-- END switch_no_comment -->

                              <!-- BEGIN switch_no_dl_att -->
                              <dd>
                                <em><strong>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.TEXT_NO_DL}</strong></em>
                              </dd>
                              <!-- END switch_no_dl_att -->

                              <dd>({postrow.displayed.switch_attachments.switch_post_attachments.FILE_SIZE}) {postrow.displayed.switch_attachments.switch_post_attachments.NB_DL}</dd>
                          </dl>
                          <!-- END switch_post_attachments -->
                        </dd>
                    </dl>
                    <!-- END switch_attachments -->

                    <div class="clear"></div>
                    <div class="signature_div">
                        {postrow.displayed.SIGNATURE}
                    </div>

                  </div>
                  <span class="gensmall">{postrow.displayed.EDITED_MESSAGE}</span>
              </td>
            </tr>
        </table>
      </td>
  </tr>
  <tr>
      <td class="{postrow.displayed.ROW_CLASS} browse-arrows"{postrow.displayed.THANK_BGCOLOR} align="center" valign="middle" width="150">
        <a href="#top">{L_BACK_TO_TOP}</a> <a href="#bottom">{L_GOTO_DOWN}</a>
      </td>
      <td class="{postrow.displayed.ROW_CLASS} messaging gensmall"{postrow.displayed.THANK_BGCOLOR} width="100%" height="28">
        <table border="0" cellspacing="0" cellpadding="0">
            <tr>
              <td valign="middle">
                  {postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}<!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT}<!-- END contact_field -->
              </td>
            </tr>
        </table>
      </td>
  </tr>
  <!-- BEGIN first_post_br -->
</table>
<br />
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
  <tr>
      <th class="thLeft" nowrap="nowrap" width="150px" height="26">{L_AUTHOR}</th>
      <th class="thRight" nowrap="nowrap" colspan="2">{L_MESSAGE}</th>
  </tr>
  <!-- END first_post_br -->
  <!-- END displayed -->
  <!-- BEGIN hidden -->
  <tr>
      <td class="postdetails {postrow.hidden.ROW_CLASS}" colspan="2" align="center">{postrow.hidden.MESSAGE}</td>
  </tr>
  <!-- END hidden -->
  <!-- END postrow -->
  <!-- BEGIN no_post -->
  <tr align="center">
      <td class="row1" colspan="3" height="28">
        <span class="genmed">{no_post.L_NO_POST}</span>
      </td>
  </tr>
  <!-- END no_post -->
  <tr align="right">
      <td class="catBottom" colspan="3" height="28">
        <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
              <td width="9%" class="noprint"> </td>
              <td align="center" class="t-title"><a name="bottomtitle"></a><h1 class="cattitle">{TOPIC_TITLE}</h1></td>
              <td align="right" nowrap="nowrap" width="9%" class="browse-arrows"><a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#top">{L_BACK_TO_TOP}</a> </td>
            </tr>
        </table>
      </td>
  </tr>
</table>

<!-- BEGIN promot_trafic -->
<table class="forumline" width="100%" border="0" cellpadding="1" cellspacing="0" id="ptrafic_close" style="display:none;margin: 1px 0px 1px 0px">
  <tr>
      <td class="catBottom" height="28">
        <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
              <td valign="top"><h1 class="cattitle"> {PROMOT_TRAFIC_TITLE}</h1></td>
              <td align="right" valign="middle" width="10"><span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_MORE_IMG}" alt="+" align="middle" border="0" /></a></span></td>
            </tr>
        </table>
      </td>
  </tr>
</table>

<table class="forumline" width="100%" border="0" cellpadding="1" cellspacing="0" id="ptrafic_open" style="display:'';margin: 1px 0px 1px 0px">
  <tr>
      <td class="catBottom" height="28">
        <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
              <td valign="top"><h1 class="cattitle"> {PROMOT_TRAFIC_TITLE}</h1></td>
              <td align="right" valign="middle" width="10"><span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_LESS_IMG}" alt="-" align="middle" border="0" /></a></span></td>
            </tr>
        </table>
      </td>
  </tr>
  <tr>
      <td class="row2 postbody" valign="top">
        <!-- BEGIN link -->
        » <a style="text-decoration:none" href="{promot_trafic.link.U_HREF}" target="_blank" title="{promot_trafic.link.TITLE}">{promot_trafic.link.TITLE}</a><br />
        <!-- END link -->
      </td>
  </tr>
</table>
<!-- END promot_trafic -->

<table class="forumline noprint" width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
      <td class="row2" valign="top" {COLSPAN_PAGINATION} width="150"><span class="gensmall">{PAGE_NUMBER}</span></td>
      <!-- BEGIN topicpagination -->
      <td class="row1" align="right" valign="top" ><span class="gensmall">{PAGINATION}</span></td>
      <!-- END topicpagination -->
  </tr>
  <!-- BEGIN switch_user_logged_in -->
  <!-- BEGIN watchtopic -->
  <tr>
      <td class="row2" colspan="2" align="right" valign="top"><span class="gensmall">{S_WATCH_TOPIC}</span></td>
  </tr>
  <!-- END watchtopic -->
  <!-- END switch_user_logged_in -->
  <tr>
      <td class="row2" colspan="2" align="center" style="padding:0px">
        <!-- BEGIN switch_user_logged_in -->
        <a name="quickreply"></a>
        {QUICK_REPLY_FORM}<br />
        <!-- END switch_user_logged_in -->
      </td>
  </tr>
  <tr>
      <td style="margin:0; padding: 0;" colspan="2">
        <table border="0" cellpadding="0" width="100%" cellspacing="0" id="info_open" style="display:''">
            <tbody>
      <!-- BEGIN show_permissions -->
      <tr>
        <td class="row2" valign="top" width="25%"><span class="gensmall">{L_TABS_PERMISSIONS}</span></td>
        <td class="row1" valign="top" width="75%"><span class="gensmall">{S_AUTH_LIST}</span></td>
      </tr>
      <!-- END show_permissions -->
      <tr>
        <td class="catBottom" colspan="2" height="28">
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
              <tr>
                  <td valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td>
                  <!-- BEGIN show_permissions -->
                  <td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_LESS_IMG}" alt="-" align="middle" border="0" /></a></span></td>
                  <!-- END show_permissions -->
              </tr>
            </table>
        </td>
      </tr>
  </tbody>
        </table>
      </td>
  </tr>
  <tr>
      <td style="margin:0; padding: 0;" colspan="2">
        <table border="0" cellpadding="0" cellspacing="0" width="100%" id="info_close" style="display:none;">
            <tbody>
      <tr>
        <td class="catBottom" colspan="2" height="28">
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
              <tr>
                  <td valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td>
                  <td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_MORE_IMG}" alt="+" align="middle" border="0" /></a></span></td>
              </tr>
            </table>
        </td>
      </tr>
  </tbody>
        </table>
      </td>
  </tr>
</table>

<form action="{S_JUMPBOX_ACTION}" method="get" name="jumpbox" onsubmit="if(document.jumpbox.f.value == -1){return false;}">
<table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
  <tr>
      <td align="left" valign="middle" nowrap="nowrap" {WIDTH_GALLERY}>
        <span class="nav">
            <!-- BEGIN switch_user_authpost -->
            <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}Newtopic" alt="{L_POST_NEW_TOPIC}" align="middle" border="0" /></a> 
            <!-- END switch_user_authpost -->
            <!-- BEGIN switch_user_authreply -->
            <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>
            <!-- END switch_user_authreply -->
        </span>
      </td>

      <!-- BEGIN viewtopic_bottom -->
      <td align="right" nowrap="nowrap"><span class="gensmall">{L_JUMP_TO}: {S_JUMPBOX_SELECT} <input class="liteoption" type="submit" value="{L_GO}" /></span></td>
      <!-- END viewtopic_bottom -->

      <!-- BEGIN moderation_panel -->
      <td align="center">
        <span class="gensmall">{moderation_panel.U_YOUR_PERSONAL_MODERATE}</span>
      </td>
      <td align="center" width="250">
        <span class="gensmall"> </span>
      </td>
      <!-- END moderation_panel -->
  </tr>
</table>
</form>

<!-- BEGIN viewtopic_bottom -->
<table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
  <tr>
      <td colspan="2" align="left" valign="top" nowrap="nowrap"><br />{S_TOPIC_ADMIN}<br />
        <form name="action" method="get" action="{S_FORM_MOD_ACTION}">
            <input type="hidden" name="t" value="{TOPIC_ID}" />

            <!-- <input type="hidden" name="sid" value="{S_SID}" /> -->
            <input type="hidden" name="{SECURE_ID_NAME}" value="{SECURE_ID_VALUE}" />

            <span class="gen">{L_MOD_TOOLS}<br />{S_SELECT_MOD}&nbsp;<input class="liteoption" type="submit" value="{L_GO}" /></span>
        </form>
      </td>
  </tr>
</table>
<!-- END viewtopic_bottom -->

<!-- BEGIN switch_image_resize -->
<script type="text/javascript">
//<![CDATA[
$(resize_images({ 'selector' : '.postbody', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} }));
//]]>
</script>
<!-- END switch_image_resize -->
<script src="{JS_DIR}addthis/addthis_widget.js" type="text/javascript"></script>

Et le CSS:
Code:
.navig {
position: absolute;
top: 0px;
width: 100%;
background-color: #8996B7;
border-bottom: 3px solid #BAC0E7;
}


.info_bulle{
 position:relative;
 text-decoration:none;
 font-variant:small-caps;
 color:#b3755a;
 }
 
.info_bulle:hover{
 color:#b3755a;
 border-bottom: 1px dotted #b3755a;
 letter-spacing:1px;
 font-weight:bold;
 }
 
.info_bulle span{
 display:none;
 color:#2f2c2a;
 font-weight:normal;
 font-variant:normal;
 text-align:center;
}

.info_bulle:hover span{
 display:inline;
 width:400px;
 height:200px;
 background-color:#d3afa0;
 border:1px dashed #7d4c36;

position: absolute;
 top: 12px;
left: 8px;
}

.statsprof { /* Les informations du profil */
padding-top: 5px;
background-color: #F5EEDF;
width: 180px;
-webkit-border-radius: 14px;
-moz-border-radius: 14px;
border-radius: 14px;
text-align:justify;
padding-right: 8px;
padding-left: 8px;
border: solid 5px #9AD3F2;
  repeat: none;
  align: center;
  margin-left: 30px;
  padding: 5px;
  padding-bottom: 15px;
}

.points{border-bottom: 5px dotted #9AD3F2} /* les pointillés */
.rang{-webkit-border-bottom-right-radius: 50px;
-webkit-border-bottom-left-radius: 50px;
-moz-border-radius-bottomright: 50px;
-moz-border-radius-bottomleft: 50px;
border-bottom-right-radius: 50px;
border-bottom-left-radius: 50px;
margin: 5px;
  width: 150px;
  align: center;
background-color: #F5EEDF;
  margin-left: 30px;
  padding-top: 10px;
  margin-top: -7px;
}

#profil_head /* L'encadrement général de ton profil et avatar */
{padding-top: 5px;
background-color: #9AD3F2;
  border:2px solid #9AD3F2;
width: 235px;
-webkit-border-radius: 14px;
-moz-border-radius: 14px;
border-radius: 14px;
text-align:justify;
padding-right: 8px;
padding-left: 8px;
}

#name /* le pseudo */
{
text-decoration: none;
text-align:center;
FONT-FAMILY: courier new;
text-transform:uppercase;
font-size: 22;
letter-spacing: 2px;
text-shadow: #2d2020 1px 1px 5px;
}

  .statsprof img  {max-width:170px;
    }
 
.postdetails.poster-profile a img { /* L'avatar et son encadrement */
  -webkit-border-radius: 35px;
-moz-border-radius: 35px;
border-radius: 35px;
border: 5px solid #F5EEDF;
}

/*BANNIÈRE DE FOND*/

  .ban1 { background-image: url('http://img11.hostingpics.net/pics/561937Header.png');
background-repeat: no-repeat, repeat;
background-attachment: scroll, no-scroll;
background-position: center, top-center;
background-position: top center, bottom center;}


.bodyline {
-moz-border-radius:15px;
-webkit-border-radius:15px;
border-radius:15px;
margin-bottom : 25px;
}

#i_logo
{
height: 540px;
}

.code{
  width: 550px;
  }

/*LIENS*/
a {
font-variant: small-caps;
font-size: 14px !important;
}

.fiche_fond {
  opacity: 0.7;
  margin: auto;
 background-image: url(\'http://img4.hostingpics.net/pics/699652ville.png\');
  box-shadow: 2px 2px 2px #000;
  border-radius: 20px;
  width: 780px;
 color: #000000;
 text-shadow: 1px 1px 0px #575654
  border-bottom: 3px solid #fff;
  text-align: justify;
}
.fiche_cadre {
  width: 320px;
  border-radius: 20px;
  background-color: #C7C7C7;
  margin-top: -48px;
  margin-left: 35px;
 padding: 8px;
  font-size: 14px;
  font-family: georgia;
  text-align: justify;
  }
 .fiche_cadre_3 {
  width: 320px;
  height: 100px;
  border-radius: 20px;
  background-color: #C7C7C7;
  margin-top: -48px;
  margin-left: 35px;
 padding: 8px;
  font-size: 14px;
  font-family: georgia;
  text-align: justify;
  }

a.lesliens{
  text-decoration:none;
 margin-left: 15px;
  font-family: georgia;
 font-size: 16px;
  color: #ffffff;
 text-shadow: 1px 1px 1px #000;
  }
#fiche_sous-titre {
  margin-left: 20px;
  font-size: 30px;
 text-transform: uppercase;
 font-family: georgia;
 color: #333333;
 text-shadow: 1px 1px 0px #000;
 white-space: nowrap;
}
.fiche_space {
  font-size: 50px;
  color: #FAB854;
  }
.fiche_space2 {
  font-size: 50px;
  color: #FAB854;
  text-align: right;
  }
#scene3D{
    width:100px;
    height:80px;
    margin: 2px auto;
    -webkit-perspective:500px;
    -moz-perspective:500px;
    -ms-perspective:500px;
    -o-perspective:500px;
    perspective:500px;
   
}
#flip div{
    position:absolute;
    width:100px;
    height:80px;
    -webkit-backface-visibility:hidden;
    -moz-backface-visibility:hidden;
    -ms-backface-visibility:hidden;
    -o-backface-visibility:hidden;
    backface-visibility:hidden;
}

#flip div:first-child{
    background:#F6FEFE;
    -webkit-transform: rotateX(180deg);
    -moz-transform: rotateX(180deg);
    -ms-transform: rotateX(180deg);
    -o-transform: rotateX(180deg);
    transform: rotateX(180deg);
}
#flip div:first-child p{
    color:#000000;
    font-style:italic;
   
    text-align:center;   
}
#flip{
    width:100px;
    height:80px;
    -webkit-transform: rotateX(0deg);
    -webkit-transition: all 1s ease;
    -webkit-transform-style: preserve-3d;
    -moz-transform: rotateX(0deg);
    -moz-transition: all 1s ease;
    -moz-transform-style: preserve-3d;
    -ms-transform: rotateX(0deg);
    -ms-transition: all 1s ease;
    -ms-transform-style: preserve-3d;
    -o-transform: rotateX(0deg);
    -o-transition: all 1s ease;
    -o-transform-style: preserve-3d;
    transform: rotateX(0deg);
    transition: all 1s ease;
    transform-style: preserve-3d;

}
#scene3D:hover #flip{
    -webkit-transform: rotateX(180deg);
    -moz-transform: rotateX(180deg);
    -ms-transform: rotateX(180deg);
    -o-transform: rotateX(180deg);
    transform: rotateX(180deg);
}
#ascene3D{
    width:100px;
    height:80px;
    margin: 2px auto;
    -webkit-perspective:500px;
    -moz-perspective:500px;
    -ms-perspective:500px;
    -o-perspective:500px;
    perspective:500px;
   
}
#aflip div{
    position:absolute;
    width:100px;
    height:80px;
    -webkit-backface-visibility:hidden;
    -moz-backface-visibility:hidden;
    -ms-backface-visibility:hidden;
    -o-backface-visibility:hidden;
    backface-visibility:hidden;
}

#aflip div:first-child{
    background:#F6FEFE;
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
}
#aflip div:first-child p{
    color:#000;
    font-style:italic;
    text-align:center;   
}
#aflip{
    width:100px;
    -webkit-transform: rotateY(0deg);
    -webkit-transition: all 1s ease;
    -webkit-transform-style: preserve-3d;
    -moz-transform: rotateY(0deg);
    -moz-transition: all 1s ease;
    -moz-transform-style: preserve-3d;
    -ms-transform: rotateY(0deg);
    -ms-transition: all 1s ease;
    -ms-transform-style: preserve-3d;
    -o-transform: rotateY(0deg);
    -o-transition: all 1s ease;
    -o-transform-style: preserve-3d;
    transform: rotateX(0deg);
    transition: all 1s ease;
    transform-style: preserve-3d;

}
#ascene3D:hover #aflip{
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

/*|__________ DEBUT DES MODIFICATIONS DE L\'AFFICHAGE DES CATEGORIES __________*/

table.haut_cate{
  width:1000px;
  height:182px;
  background-image:url('http://image.noelshack.com/fichiers/2016/26/1467306665-haut-copi20e.png');
  background-repeat:no-repeat;
  margin:auto;
  }
 
table.haut_cate h2{
  width:600px;
  margin-left:95px;
  margin-right:auto;
  font-variant:small-caps;
  font-size:14px;
  color:#fff;
  text-shadow: 1px 1px 2px #8f8175;
  }
 
div.milieu_cate{
  background-image:url('http://image.noelshack.com/fichiers/2016/26/1467140823-centre-div20.png');
  background-repeat:repeat-y;
  width:1000px;
  margin:auto;
  }
 
table.forumline{
  background-color:transparent !important;
  border:0!important;
  }
 
table.forumline td.index_cate{ 
  background-color:transparent !important;
  border-bottom:1px solid grey;
  }
 
table.bas_cate{
  width:1000px;
  height:193px;
  background-image:url('http://image.noelshack.com/fichiers/2016/26/1467223273-bas-copie20.png');
  background-repeat:no-repeat;
  margin:auto;
  }
 
/*|__________ FIN DES MODIFICATIONS DE L\'AFFICHAGE DES CATEGORIES __________*/


/*CHATBOX*/
body.chatbox {
background-image: url():
background-repeat: repeat;
}

#chatbox_header .cattitle strong {
display: none;
}

#chatbox_header .cattitle:before {
content: "La faction avant les liens du sang";
color: #CAB286;
}


/*IMAGE DE FOND DES MESSAGES ET AUTRE*/
td.row1{background-image: url()
background-repeat: repeat;}
td.row2{background-image: url()
background-repeat: repeat;}
td.row3, td.row3Right {background-image: url()
background-repeat: repeat;}

/*CATEGORIES*/
.cate_titre
{
  width: 95%;
  margin: auto;
  font-size: 25px !important;
  text-align: center;
}
.categorie
{
  width: 95%;
  margin: auto;

}
.forum
{
  width: 95%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 5px;
  margin-bottom: 5px;
  background-image: url()
  border: 1px solid #1F131D;
  border-radius: 10px 0px 10px 0px;
  padding: 2px;
}
.forumlink
{
  display: block;
  width: 600px;
  font-variant: small-caps;
  letter-spacing: 2px;
  padding-left: 20px;
  color: #52414f !important;
}
.forumlink a
{
  display: block;
  width: 520px;
  font-size: 18px;
  border-bottom: 2px dotted #271921;
  text-decoration: none !important;
}
.description
{
  display: block;
  width: 550px;
  margin: auto;
  font-size: 11px;
  text-align: justify;
}
.illu
{
  float: right;
  margin-left: 10px;
  margin-bottom: 10px;
  border: 1px solid #c0c0c0;
  background: #e9e9e6;
  padding: 5px;
}

.stats_last
{
  display: block;
  width: 150px;
  margin: auto;
  background-image: url()
  padding: 10px;
  border-left: 4px solid #0a0408;
  border-right: 4px solid #0a0408;
  border-top: 2px solid #0a0408;
  border-bottom: 2px solid #0a0408;
  border-radius: 500px;
}
.stats
{
  display: block;
  text-align: center;
  font-size: 10px;
  color: #f1e4a7 !important;
  border-bottom: 1px dotted #FFFFFF;
  padding-bottom: 4px;
  margin-bottom: 4px;
}
.last
{
  display: block;
  text-align: center;
  font-size: 11px;
  color: #f1e4a7 !important;
}
.sous_forum
{
  display: block;
  width: 95%;
  margin: auto;
  background: #1F131D;
  border-radius: 20px;
  padding: 2px;
  text-align: center;
}


*TITRES*/
.titr {
  font-family: Cookie; font-size: 55px;
  line-height: 80%; letter-spacing: 0px; position: relative; right: 9px;
  color:#727378;
  margin-top: -5px;
}

.titr2 {
  font-family: "Englebert"; line-height: 22px;
  margin-top:2px;
  letter-spacing: 0px;
  text-align: center;
  font-size: 15px;
  color: #CBB5B8;
}

.titr2:hover {
  color:white;
}

/*BLOC CONTEXTE*/
.catei {
  width: 205px;
  height: 225px;
  border: 2px solid #7996A2;
  background-color:transparent;
  border-radius: 2px 2px 2px 2px;
}

.cateititre {
  background-color:transparent;
  font-family: 'Redressed';
  color: #727378;
  font-size: 14px;
  text-align: center;}

.catei_description {
  position: relative;
  width: 200px;
  height: 205px;
  z-index: 1;
  margin-top: 2px;
  text-align: justify;
  font-size: 10px;
  font-family: arial;
  color: #FFFFFF;
  padding: 1px;
  overflow: auto;
}

/*BLOC STAFF*/
.q3 {
  background-color: transparent;
  border: 2px solid #7996A2;
  text-align:center;
  border-radius: 1px 1px 1px 1px;
  width: 740px;
  height: 100px;
}

/*SLIDE*/
.wow {
  font-family: georgia;
  opacity:0.0;
  font-size:12px;
  color: black;
  text-align: center;
  width: 110px;
  height: 80px;
  background-color:#transparent;
  -webkit-transition: opacity .6s linear;
  -moz-transition: opacity .6s linear;
  -o-transition: opacity .6s linear;
}

.wow:hover {
  opacity: 1
}


/*TOP PARTENAIRE*/
.cad {
  width: 280px;
  height: 70px;
  border: 2px solid #7996A2;
  color: #FFFFFF;
  background-color: transparent;
  border-radius: 2px 2px 2px 2px;
}

.topS {
  color: #C2B496;
  font-size: 14px;
}

/*MEMBRE DU MOIS*/
.cadm {
  width: 280px;
  height: 140px;
  border: 2px solid #7996A2;
  background-color: transparent;;
  border-radius: 2px 2px 2px 2px;
}

/*SLIDE*/
.wow2 {
  font-family: georgia;
  opacity:0.0; 
  font-size:12px;
  color: black;
  text-align: center;
  width: 130px;
  height: 50px;
  background-color:transparent;
  -webkit-transition: opacity .6s linear;
  -moz-transition: opacity .6s linear;
  -o-transition: opacity .6s linear;
}

.wow2:hover {
  opacity: 1
}

/*NEWS*/
.new {
  width: 230px;
  height: 220px;
  border: 2px solid #7996A2;
  background-color: transparent;
  border-radius: 2px 2px 2px 2px;
}

.cred {
  width: 225px;
  height: 200px;
  text-align: justify;
  font-size: 11px;
  font-family: arial;
  color: #FFFFFF;
  padding: 1px;
  overflow: auto;
}

.cate {
  width: 362px;
  height: 125px;
  overflow: hidden;
  border: 2px solid #7996A2;
  background-color: transparent;
  border-radius: 2px 2px 2px 2px;
}

/*PV&SCENARIOS*/
.q5{
  display: block;
  border: 2px solid #7996A2;
  background-color: transparent;
  text-align:center;
  padding:1px;
  border-radius: 2px 2px 2x 2x;
  width: 735px;
  height: 120px;
}

.wow3{
  font-family: georgia;
  opacity:0.0; 
  font-size:10px;
  color: black;
  text-align: center;
  width: 105px;
  height: 50px;
  background-color:transparent;
  -webkit-transition: opacity .6s linear;
  -moz-transition: opacity .6s linear;
  -o-transition: opacity .6s linear;
}

.wow3:hover {
  opacity: 1
}


.center {
  margin-right: -7px;
}

.cellule_pv0{
 margin-left: -345;
}
.cellule_pv1 {
  margin-left: -245;
}
/* FOOTER */
#page-footer a
{  font-size: 10px; }
kiona

kiona
Nouveau membre

Féminin
Messages : 15
Inscrit(e) le : 16/10/2010

http://the-divergente.forumactif.org
kiona a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'affichage

Message par Siiicreete Ven 1 Juil 2016 - 19:40

Bonsoir,

Je me suis aperçu que les couleurs de votre CSS n'étaient pas les mêmes que sur les photos, le problème est-il survenu après modification de celui-ci ?
avatar

Siiicreete
**

Masculin
Messages : 67
Inscrit(e) le : 17/03/2011

http://bewitchingrpg.forumgratuit.org/
Siiicreete a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'affichage

Message par kiona Ven 1 Juil 2016 - 19:47

Nous avons changer le design hier, mais le resultat reste toujours le même.
Spoiler:
kiona

kiona
Nouveau membre

Féminin
Messages : 15
Inscrit(e) le : 16/10/2010

http://the-divergente.forumactif.org
kiona a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'affichage

Message par Siiicreete Ven 1 Juil 2016 - 20:07

J'ai trouvé la source de votre problème, elle venait de votre CSS, vous aviez mis du texte (/* texte */) à l'intérieur des codes comme par exemple là :

Code:
#name /* le pseudo */
{
text-decoration: none;
text-align:center;
FONT-FAMILY: courier new;
text-transform:uppercase;
font-size: 22;
letter-spacing: 2px;
text-shadow: #2d2020 1px 1px 5px;
}

Donc voilà j'ai rectifié et normalement tout va bien :

Code:
.navig {
position: absolute;
top: 0px;
width: 100%;
background-color: #8996B7;
border-bottom: 3px solid #BAC0E7;
}


.info_bulle{
 position:relative;
 text-decoration:none;
 font-variant:small-caps;
 color:#b3755a;
 }
 
.info_bulle:hover{
 color:#b3755a;
 border-bottom: 1px dotted #b3755a;
 letter-spacing:1px;
 font-weight:bold;
 }
 
.info_bulle span{
 display:none;
 color:#2f2c2a;
 font-weight:normal;
 font-variant:normal;
 text-align:center;
}

.info_bulle:hover span{
 display:inline;
 width:400px;
 height:200px;
 background-color:#d3afa0;
 border:1px dashed #7d4c36;

position: absolute;
 top: 12px;
left: 8px;
}

/* Les informations du profil */

.statsprof {
padding-top: 5px;
background-color: #F5EEDF;
width: 180px;
-webkit-border-radius: 14px;
-moz-border-radius: 14px;
border-radius: 14px;
text-align:justify;
padding-right: 8px;
padding-left: 8px;
border: solid 5px #9AD3F2;
  repeat: none;
  align: center;
  margin-left: 30px;
  padding: 5px;
  padding-bottom: 15px;
}

/* les pointillés */

.points{border-bottom: 5px dotted #9AD3F2}

.rang{-webkit-border-bottom-right-radius: 50px;
-webkit-border-bottom-left-radius: 50px;
-moz-border-radius-bottomright: 50px;
-moz-border-radius-bottomleft: 50px;
border-bottom-right-radius: 50px;
border-bottom-left-radius: 50px;
margin: 5px;
  width: 150px;
  align: center;
background-color: #F5EEDF;
  margin-left: 30px;
  padding-top: 10px;
  margin-top: -7px;
}

/* L'encadrement général de ton profil et avatar */

#profil_head
{padding-top: 5px;
background-color: #9AD3F2;
  border:2px solid #9AD3F2;
width: 235px;
-webkit-border-radius: 14px;
-moz-border-radius: 14px;
border-radius: 14px;
text-align:justify;
padding-right: 8px;
padding-left: 8px;
}

/* le pseudo */

#name
{
text-decoration: none;
text-align:center;
FONT-FAMILY: courier new;
text-transform:uppercase;
font-size: 22;
letter-spacing: 2px;
text-shadow: #2d2020 1px 1px 5px;
}

  .statsprof img  {max-width:170px;
    }
 
/* L'avatar et son encadrement */

.postdetails.poster-profile a img {
  -webkit-border-radius: 35px;
-moz-border-radius: 35px;
border-radius: 35px;
border: 5px solid #F5EEDF;
}

/*BANNIÈRE DE FOND*/

  .ban1 { background-image: url('http://img11.hostingpics.net/pics/561937Header.png');
background-repeat: no-repeat, repeat;
background-attachment: scroll, no-scroll;
background-position: center, top-center;
background-position: top center, bottom center;}


.bodyline {
-moz-border-radius:15px;
-webkit-border-radius:15px;
border-radius:15px;
margin-bottom : 25px;
}

#i_logo
{
height: 540px;
}

.code{
  width: 550px;
  }

/*LIENS*/
a {
font-variant: small-caps;
font-size: 14px !important;
}

.fiche_fond {
  opacity: 0.7;
  margin: auto;
 background-image: url(\'http://img4.hostingpics.net/pics/699652ville.png\');
  box-shadow: 2px 2px 2px #000;
  border-radius: 20px;
  width: 780px;
 color: #000000;
 text-shadow: 1px 1px 0px #575654
  border-bottom: 3px solid #fff;
  text-align: justify;
}
.fiche_cadre {
  width: 320px;
  border-radius: 20px;
  background-color: #C7C7C7;
  margin-top: -48px;
  margin-left: 35px;
 padding: 8px;
  font-size: 14px;
  font-family: georgia;
  text-align: justify;
  }
 .fiche_cadre_3 {
  width: 320px;
  height: 100px;
  border-radius: 20px;
  background-color: #C7C7C7;
  margin-top: -48px;
  margin-left: 35px;
 padding: 8px;
  font-size: 14px;
  font-family: georgia;
  text-align: justify;
  }

a.lesliens{
  text-decoration:none;
 margin-left: 15px;
  font-family: georgia;
 font-size: 16px;
  color: #ffffff;
 text-shadow: 1px 1px 1px #000;
  }
#fiche_sous-titre {
  margin-left: 20px;
  font-size: 30px;
 text-transform: uppercase;
 font-family: georgia;
 color: #333333;
 text-shadow: 1px 1px 0px #000;
 white-space: nowrap;
}
.fiche_space {
  font-size: 50px;
  color: #FAB854;
  }
.fiche_space2 {
  font-size: 50px;
  color: #FAB854;
  text-align: right;
  }
#scene3D{
    width:100px;
    height:80px;
    margin: 2px auto;
    -webkit-perspective:500px;
    -moz-perspective:500px;
    -ms-perspective:500px;
    -o-perspective:500px;
    perspective:500px;
   
}
#flip div{
    position:absolute;
    width:100px;
    height:80px;
    -webkit-backface-visibility:hidden;
    -moz-backface-visibility:hidden;
    -ms-backface-visibility:hidden;
    -o-backface-visibility:hidden;
    backface-visibility:hidden;
}

#flip div:first-child{
    background:#F6FEFE;
    -webkit-transform: rotateX(180deg);
    -moz-transform: rotateX(180deg);
    -ms-transform: rotateX(180deg);
    -o-transform: rotateX(180deg);
    transform: rotateX(180deg);
}
#flip div:first-child p{
    color:#000000;
    font-style:italic;
   
    text-align:center;   
}
#flip{
    width:100px;
    height:80px;
    -webkit-transform: rotateX(0deg);
    -webkit-transition: all 1s ease;
    -webkit-transform-style: preserve-3d;
    -moz-transform: rotateX(0deg);
    -moz-transition: all 1s ease;
    -moz-transform-style: preserve-3d;
    -ms-transform: rotateX(0deg);
    -ms-transition: all 1s ease;
    -ms-transform-style: preserve-3d;
    -o-transform: rotateX(0deg);
    -o-transition: all 1s ease;
    -o-transform-style: preserve-3d;
    transform: rotateX(0deg);
    transition: all 1s ease;
    transform-style: preserve-3d;

}
#scene3D:hover #flip{
    -webkit-transform: rotateX(180deg);
    -moz-transform: rotateX(180deg);
    -ms-transform: rotateX(180deg);
    -o-transform: rotateX(180deg);
    transform: rotateX(180deg);
}
#ascene3D{
    width:100px;
    height:80px;
    margin: 2px auto;
    -webkit-perspective:500px;
    -moz-perspective:500px;
    -ms-perspective:500px;
    -o-perspective:500px;
    perspective:500px;
   
}
#aflip div{
    position:absolute;
    width:100px;
    height:80px;
    -webkit-backface-visibility:hidden;
    -moz-backface-visibility:hidden;
    -ms-backface-visibility:hidden;
    -o-backface-visibility:hidden;
    backface-visibility:hidden;
}

#aflip div:first-child{
    background:#F6FEFE;
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
}
#aflip div:first-child p{
    color:#000;
    font-style:italic;
    text-align:center;   
}
#aflip{
    width:100px;
    -webkit-transform: rotateY(0deg);
    -webkit-transition: all 1s ease;
    -webkit-transform-style: preserve-3d;
    -moz-transform: rotateY(0deg);
    -moz-transition: all 1s ease;
    -moz-transform-style: preserve-3d;
    -ms-transform: rotateY(0deg);
    -ms-transition: all 1s ease;
    -ms-transform-style: preserve-3d;
    -o-transform: rotateY(0deg);
    -o-transition: all 1s ease;
    -o-transform-style: preserve-3d;
    transform: rotateX(0deg);
    transition: all 1s ease;
    transform-style: preserve-3d;

}
#ascene3D:hover #aflip{
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

/*|__________ DEBUT DES MODIFICATIONS DE L\'AFFICHAGE DES CATEGORIES __________*/

table.haut_cate{
  width:1000px;
  height:182px;
  background-image:url('http://image.noelshack.com/fichiers/2016/26/1467306665-haut-copi20e.png');
  background-repeat:no-repeat;
  margin:auto;
  }
 
table.haut_cate h2{
  width:600px;
  margin-left:95px;
  margin-right:auto;
  font-variant:small-caps;
  font-size:14px;
  color:#fff;
  text-shadow: 1px 1px 2px #8f8175;
  }
 
div.milieu_cate{
  background-image:url('http://image.noelshack.com/fichiers/2016/26/1467140823-centre-div20.png');
  background-repeat:repeat-y;
  width:1000px;
  margin:auto;
  }
 
table.forumline{
  background-color:transparent !important;
  border:0!important;
  }
 
table.forumline td.index_cate{ 
  background-color:transparent !important;
  border-bottom:1px solid grey;
  }
 
table.bas_cate{
  width:1000px;
  height:193px;
  background-image:url('http://image.noelshack.com/fichiers/2016/26/1467223273-bas-copie20.png');
  background-repeat:no-repeat;
  margin:auto;
  }
 
/*|__________ FIN DES MODIFICATIONS DE L\'AFFICHAGE DES CATEGORIES __________*/


/*CHATBOX*/
body.chatbox {
background-image: url():
background-repeat: repeat;
}

#chatbox_header .cattitle strong {
display: none;
}

#chatbox_header .cattitle:before {
content: "La faction avant les liens du sang";
color: #CAB286;
}


/*IMAGE DE FOND DES MESSAGES ET AUTRE*/
td.row1{background-image: url()
background-repeat: repeat;}
td.row2{background-image: url()
background-repeat: repeat;}
td.row3, td.row3Right {background-image: url()
background-repeat: repeat;}

/*CATEGORIES*/
.cate_titre
{
  width: 95%;
  margin: auto;
  font-size: 25px !important;
  text-align: center;
}
.categorie
{
  width: 95%;
  margin: auto;

}
.forum
{
  width: 95%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 5px;
  margin-bottom: 5px;
  background-image: url()
  border: 1px solid #1F131D;
  border-radius: 10px 0px 10px 0px;
  padding: 2px;
}
.forumlink
{
  display: block;
  width: 600px;
  font-variant: small-caps;
  letter-spacing: 2px;
  padding-left: 20px;
  color: #52414f !important;
}
.forumlink a
{
  display: block;
  width: 520px;
  font-size: 18px;
  border-bottom: 2px dotted #271921;
  text-decoration: none !important;
}
.description
{
  display: block;
  width: 550px;
  margin: auto;
  font-size: 11px;
  text-align: justify;
}
.illu
{
  float: right;
  margin-left: 10px;
  margin-bottom: 10px;
  border: 1px solid #c0c0c0;
  background: #e9e9e6;
  padding: 5px;
}

.stats_last
{
  display: block;
  width: 150px;
  margin: auto;
  background-image: url()
  padding: 10px;
  border-left: 4px solid #0a0408;
  border-right: 4px solid #0a0408;
  border-top: 2px solid #0a0408;
  border-bottom: 2px solid #0a0408;
  border-radius: 500px;
}
.stats
{
  display: block;
  text-align: center;
  font-size: 10px;
  color: #f1e4a7 !important;
  border-bottom: 1px dotted #FFFFFF;
  padding-bottom: 4px;
  margin-bottom: 4px;
}
.last
{
  display: block;
  text-align: center;
  font-size: 11px;
  color: #f1e4a7 !important;
}
.sous_forum
{
  display: block;
  width: 95%;
  margin: auto;
  background: #1F131D;
  border-radius: 20px;
  padding: 2px;
  text-align: center;
}


*TITRES*/
.titr {
  font-family: Cookie; font-size: 55px;
  line-height: 80%; letter-spacing: 0px; position: relative; right: 9px;
  color:#727378;
  margin-top: -5px;
}

.titr2 {
  font-family: "Englebert"; line-height: 22px;
  margin-top:2px;
  letter-spacing: 0px;
  text-align: center;
  font-size: 15px;
  color: #CBB5B8;
}

.titr2:hover {
  color:white;
}

/*BLOC CONTEXTE*/
.catei {
  width: 205px;
  height: 225px;
  border: 2px solid #7996A2;
  background-color:transparent;
  border-radius: 2px 2px 2px 2px;
}

.cateititre {
  background-color:transparent;
  font-family: 'Redressed';
  color: #727378;
  font-size: 14px;
  text-align: center;}

.catei_description {
  position: relative;
  width: 200px;
  height: 205px;
  z-index: 1;
  margin-top: 2px;
  text-align: justify;
  font-size: 10px;
  font-family: arial;
  color: #FFFFFF;
  padding: 1px;
  overflow: auto;
}

/*BLOC STAFF*/
.q3 {
  background-color: transparent;
  border: 2px solid #7996A2;
  text-align:center;
  border-radius: 1px 1px 1px 1px;
  width: 740px;
  height: 100px;
}

/*SLIDE*/
.wow {
  font-family: georgia;
  opacity:0.0;
  font-size:12px;
  color: black;
  text-align: center;
  width: 110px;
  height: 80px;
  background-color:#transparent;
  -webkit-transition: opacity .6s linear;
  -moz-transition: opacity .6s linear;
  -o-transition: opacity .6s linear;
}

.wow:hover {
  opacity: 1
}


/*TOP PARTENAIRE*/
.cad {
  width: 280px;
  height: 70px;
  border: 2px solid #7996A2;
  color: #FFFFFF;
  background-color: transparent;
  border-radius: 2px 2px 2px 2px;
}

.topS {
  color: #C2B496;
  font-size: 14px;
}

/*MEMBRE DU MOIS*/
.cadm {
  width: 280px;
  height: 140px;
  border: 2px solid #7996A2;
  background-color: transparent;;
  border-radius: 2px 2px 2px 2px;
}

/*SLIDE*/
.wow2 {
  font-family: georgia;
  opacity:0.0; 
  font-size:12px;
  color: black;
  text-align: center;
  width: 130px;
  height: 50px;
  background-color:transparent;
  -webkit-transition: opacity .6s linear;
  -moz-transition: opacity .6s linear;
  -o-transition: opacity .6s linear;
}

.wow2:hover {
  opacity: 1
}

/*NEWS*/
.new {
  width: 230px;
  height: 220px;
  border: 2px solid #7996A2;
  background-color: transparent;
  border-radius: 2px 2px 2px 2px;
}

.cred {
  width: 225px;
  height: 200px;
  text-align: justify;
  font-size: 11px;
  font-family: arial;
  color: #FFFFFF;
  padding: 1px;
  overflow: auto;
}

.cate {
  width: 362px;
  height: 125px;
  overflow: hidden;
  border: 2px solid #7996A2;
  background-color: transparent;
  border-radius: 2px 2px 2px 2px;
}

/*PV&SCENARIOS*/
.q5{
  display: block;
  border: 2px solid #7996A2;
  background-color: transparent;
  text-align:center;
  padding:1px;
  border-radius: 2px 2px 2x 2x;
  width: 735px;
  height: 120px;
}

.wow3{
  font-family: georgia;
  opacity:0.0; 
  font-size:10px;
  color: black;
  text-align: center;
  width: 105px;
  height: 50px;
  background-color:transparent;
  -webkit-transition: opacity .6s linear;
  -moz-transition: opacity .6s linear;
  -o-transition: opacity .6s linear;
}

.wow3:hover {
  opacity: 1
}


.center {
  margin-right: -7px;
}

.cellule_pv0{
 margin-left: -345;
}
.cellule_pv1 {
  margin-left: -245;
}
/* FOOTER */
#page-footer a
{  font-size: 10px; }

Cordialement,
avatar

Siiicreete
**

Masculin
Messages : 67
Inscrit(e) le : 17/03/2011

http://bewitchingrpg.forumgratuit.org/
Siiicreete a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'affichage

Message par kiona Ven 1 Juil 2016 - 20:26

C'était vraiment tout bête, merci beaucoup pour ton aide Very Happy
kiona

kiona
Nouveau membre

Féminin
Messages : 15
Inscrit(e) le : 16/10/2010

http://the-divergente.forumactif.org
kiona a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'affichage

Message par Siiicreete Ven 1 Juil 2016 - 20:28

De rien Razz J'ai essayé des tas de trucs et au final c'était simplement ça !

Bonne continuation
avatar

Siiicreete
**

Masculin
Messages : 67
Inscrit(e) le : 17/03/2011

http://bewitchingrpg.forumgratuit.org/
Siiicreete a été remercié(e) par l'auteur de ce sujet.

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

- Sujets similaires

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