Pseudo des message qui ne grossit pas

3 participants

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

Résolu Pseudo des message qui ne grossit pas

Message par Hansie.Z Sam 4 Mai 2013 - 1:35

Bonjour/ Bonsoir.

Je viens de créer un forum, il n'est pas encore terminé notemment sur l'apparence des catégories/forums ect. Mais j'ai beau essayer de grossir les noms dans les messages, ça ne marche pas. J'aimerais juste le grossir, j'ai essayer sur templates, css, je comprend vraiment pas pourquoi ça ne marche pas.

Voici le lien du forum:
http://shingeki-rpg.forumactif.org/
(le pseudo s'affiche quand la souris passe au dessus de l'avatar)

J'ai modifié index_body, overall_header, et viewtopic_body que voici à la suite:

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>

<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>
            <!-- BEGIN switch_plus_menu -->
            |
            <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>
            <!-- END switch_plus_menu -->
        </span>
      </td>
  </tr>
</table>

<center><h1 class="cattitle"> {TOPIC_TITLE}</h1></center>

<table style="width: 50%; margin: auto; text-align: center;">{POLL_DISPLAY}</table>


<div class="bloc_message">
  <span class="gensmall" align="right">{PAGINATION}</span>
  <!-- BEGIN postrow -->
<!-- BEGIN displayed -->
 
  <div style="clear: both;"></div>
 
  <div class="profil">
   
    <div id="englob">
      <div class="imgp"><div class="ProfilInfobulle"><span class="avatar_profil">{postrow.displayed.POSTER_AVATAR}</span></div></div>
  <div class="infosp"><br /><br />
    <div class="name"><strong><center><div style="font-family: chiller; font-size: 32px; text-shadow: black 0px 0px 1px; letter-spacing: 1px;"><div class="poster_name"><span class="pseudo_membre"><a name="{postrow.displayed.U_POST_ID}"></a> <font size=5pt>{postrow.displayed.POSTER_NAME}</font></span></div></div></center></strong></div><br />
    <center><div style="font-family: times new roman; color: white; font-size: 13pt; text-shadow: black 0px 0px 1px; letter-spacing: 1px;"> <span class="rang">"{postrow.displayed.POSTER_RANK}"</span></div></center><br />
  </div> <!-- BEGIN profile_field -->
      <div class="profil_contenu">{postrow.displayed.POSTER_RPG}{postrow.displayed.profile_field.LABEL}{postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
      <span class="option_profil">{postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG} <span class="online">{postrow.displayed.ONLINE_IMG}</span><!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT}<!-- END contact_field --></span>
    </div>
    </div>
</div>
    <!-- END profile_field -->
 
  <div class="message">
     
<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 class="message_contenu">{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>
  </div> 
</div>



  <!-- BEGIN first_post_br -->
<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>
<table class="forumline noprint" width="100%" border="0" cellspacing="0" cellpadding="0" style="margin: 0 0 1px 0; border-top: 0px;">
  <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 -->
</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 -->

<!-- BEGIN switch_forum_rules -->
<table id="forum_rules" class="forumline" width="100%" border="0" cellspacing="0" cellpadding="0" style="margin: 1px 0px 1px 0px">
  <tbody>
      <tr>
        <td class="catBottom">
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
              <tbody>
                  <tr>
                    <td valign="top">
                        <h1 class="cattitle"> {L_FORUM_RULES}</h1>
                    </td>
                  </tr>
              </tbody>
            </table>
        </td>
      </tr>
      <tr>
        <td class="row1 clearfix">
            <table>
              <tr>
                  <!-- BEGIN switch_forum_rule_image -->
                  <td class="logo">
                    <img src="{RULE_IMG_URL}" />
                  </td>
                  <!-- END switch_forum_rule_image -->
                  <td class="rules postbody">
                    {RULE_MSG}
                  </td>
              </tr>
            </table>
        </td>
      </tr>
  </tbody>
</table>
<!-- END switch_forum_rules -->

<table class="forumline noprint" width="100%" border="0" cellspacing="0" cellpadding="0">
  <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} <input class="liteoption" type="submit" value="{L_GO}" /></span>
        </form>
      </td>
  </tr>
</table>
<!-- END viewtopic_bottom -->

</table>

<!-- 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 voici mon css:

Code:


a:hover { cursor:crosshair; }

body
{
  background-image:url('http://i75.servimg.com/u/f75/17/89/33/47/sans_t11.jpg');
}

u{border-bottom: 0px solid;
  border-color:#B0ADA0;
  text-decoration: none;
-moz-border-radius:3px;}

I{border-bottom:none;
  color:#000000;
  text-decoration: none;
}

a:hover {
text-decoration: none ;
  color: #bd2802 ;
  border-bottom: 0px dotted black;
}

.bodylinewidth {
width:60%}

a img {
border: none;
}

a.mainmenu{
 
 text-decoration: none;
 color : Black;
  font-size: 22px;
  font-family: chiller;
}
a.mainmenu:hover{
 
 text-decoration: none;
 color : #ad2828;
  transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
 }

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

.img_toto{
  -moz-transform: all; -webkit-transform: all; transform: all; -o-transform: all; -htm-transform: all; -ms-transform: all; -khtml-transform: all;
    -moz-transition: 3s; -webkit-transition: 3s; transition:3s; -o-transition: 3s; -htm-transition: 3s; -ms-transition: 3s; -khtml-transition: 3s;
  padding:2px;
  filter: alpha (opacity=50);
  -moz-opacity: 0.50;
  opacity: 0.50; }

  .img_toto:hover{
 
  -moz-transform: all; -webkit-transform: all; transform: all; -o-transform: all; -htm-transform: all; -ms-transform: all; -khtml-transform: all;
    -moz-transition: 2s; -webkit-transition: 2s; transition: 2s; -o-transition: 2s; -htm-transition: 2s; -ms-transition: 2s; -khtml-transition: 2s;
  padding:2px;
  filter: alpha (opacity=10);
  -moz-opacity: 1.0;
  opacity: 1.0; }
 
/*--- Cette partie correspond à l'affichage des sous-forums ---*/

.forum-sousforum {
      color: #2b6871;
      border: 3px solid #347a84;
      border-top: 1px !important;
      -moz-border-radius-bottomleft: 14px;
      -moz-border-radius-bottomright: 14px;
      -webkit-border-bottom-right-radius: 14px;
      -webkit-border-bottom-left-radius: 14px;
      border-bottom-right-radius: 14px;
      border-bottom-left-radius: 14px;
      margin: auto;
      padding: 4px;
      color: #c6793b;
      width: 50%;
      text-align: center;
      height: 20px;
      font-size: 11px;
}



.genmed a,.genmed a:active{
font-size:0.8em;
text-decoration:none;
}
.genmed a:hover{
text-decoration:underline;
}

/*____________________ DEBUT MISES EN FORME DIVERSES ____________________*/

.bodylinewidth {
  width: 800px;
  margin-left: auto;
  margin-right: auto;
  margin-top: -9px;
  margin-bottom: -50px;
}

.bodyline {
  background-color: #c7775a;
border-left: 8px solid #963a3a;
border-right: 8px solid #963a3a;
box-shadow: 0px 0px 40px #f58b44;
}

#i_logo {
margin-top: -10px;
margin-bottom: -55px;
margin-left: -10px;
margin-right: -14px;
}

a {
font-size: 11px;
text-decoration: none !important;
}

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

::-moz-selection {
background: #762e27;
color:#efe7d1;
}
 
::selection {
background: #762e27;
color:#efe7d1;
}

.row3Right
{
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;
}

/*______________________ FIN MISES EN FORME DIVERSES ____________________*/


/*_____________________________ DEBUT CHATBOX ___________________________*/

#chatbox p{
  font : verdana;}

body.chatbox {
background-img: url('http://i44.servimg.com/u/f44/17/94/62/37/fond_d10.jpg');
background-repeat: repeat;
}

#chatbox_header .cattitle strong {
display: none;
}

.chatbox_header .cattitle:before {
content: "Le gouffre aux titans";
}

.chatbox_row_1,.chatbox_row_2,.chatbox_row_3 { background: none !important; }

/*_______________________________ FIN CHATBOX ___________________________*/


/*_____________________________ DEBUT SCROLLBAR _________________________*/

::-webkit-scrollbar {
width: 10px;
background: #ffffff;
}
 
::-webkit-scrollbar-track {
border-radius: 10px;
}
 
::-webkit-scrollbar-thumb {
border-radius: 10px;
background: #c94a4a;
}
 
/*______________________________ FIN SCROLLBAR ___________________________*/

 


/*________________________ DEBUT CODE, SPOILER, CITATION ____________________*/

/*Code*/
.code {
padding: 20px;
background-image: url('http://img15.hostingpics.net/pics/265178iPadwallpaperwood203856.jpg');
border:0!important;
border-radius: 30px;
text-align: justify;
color: #b8a185;
}
 
/*citation*/
.quote
{
padding: 20px;
background-image: url('http://img15.hostingpics.net/pics/265178iPadwallpaperwood203856.jpg');
border:0!important;
border-radius: 30px;
text-align: justify;
color: #b8a185;
}
 
/*spoiler*/
 
.spoiler_closed hidden,  .spoiler_content, .spoiler_closed
{
padding: 20px;
background-image: url('http://img15.hostingpics.net/pics/265178iPadwallpaperwood203856.jpg');
border:0!important;
border-radius: 30px;
text-align: justify;
font-size: 11px !important;
color: #b8a185;
}

/*_________________________ FIN CODE, SPOILER, CITATION _____________________*/




/*|______________________________ DEBUT QEEL _______________________________*/

.groupe {
margin-top: -80px;
margin-left: 20px;
}

.groupes{
font-size: 20px;
text-decoration: none !important;
font-family: 'Norican', cursive;
}

.statsqeel {
margin-top: -50px;
}

.loggeduserlist {
height: 30px;
overflow: auto;
}

/*|________________________________ FIN QEEL ________________________________*/


/*|________________________ DEBUT AFFICHAGE SUJETS __________________________*/

.bulle {
  background-color: #fff3d2;
  border-radius: 20px;
  font-size: 11px;
  padding: 30px;
}

.fleche {
  position: relative;
  top: 150%;
  margin-left: -23px;
}

.titre {
  font-family: "Lauren Script";
  font-size: 18px;
  text-align: center;
}

.cadreavatar {
width: 100px;
border-radius: 5px;
border: 3px solid #fff3d2;
margin-top: 10px;
}

.name {
  font-size: 47px;
  text-size: 47px;
  text-transform: uppercase;
}

.profil {
  background-image: url('http://i44.servimg.com/u/f44/17/94/62/37/fond_d11.png');
  border-radius: 17px;
  padding: 2px;
}

/* NAVIGATION */

.navig {
top: 0px;
position: fixed;
  z-index: 999;
  width: 100%;
  background-color: #a88c79;
  border-bottom: 3px solid #963a3a;
  text-align: center;
  padding: 0px;
  color: #a82d1c;
}

.postdetails.poster-profile a img {
margin: auto;
display: block;
margin-bottom: -10px;
}

input,textarea, select {
-moz-border-radius-bottomleft:9px;
-moz-border-radius-bottomright:9px;
-moz-border-radius-topleft:9px;
-moz-border-radius-topright:9px;
}

/*CATEGORIE*/
th.secondarytitle h2 img { display: inline!important; position: center;}
th.secondarytitle h2 .txt-title { display: none;}

/*--- Cette partie correspond à la description du forum ---*/
.forum-description {
      margin: auto;
      padding: 10px;
      color: #000000;
      width: 80%;
      border: 3px solid #000000;
      -moz-border-radius: 14px;
      -webkit-border-radius: 14px;
      font-size: 12px;
}

/*--- Cette partie correspond à l'onglet "X messages dans X sujets" ---*/
.forum-stats {
      -moz-border-radius-topleft: 20px;
      -moz-border-radius-topright: 20px;
      -webkit-border-top-right-radius: 20px;
      -webkit-border-top-left-radius: 20px;
      border-top-right-radius: 20px;
      border-top-left-radius: 20px;
      border-bottom: 0 none !important;
      border-left: 3px solid #000000;
      border-right: 3px solid #000000;
      border-top: 3px solid #000000;
      color: white;
      font-size: 11px;
      font-style: italic;
      height: 14px;
      left: 280px;
      padding: 3px;
      position: relative;
      text-align: center;
      width: 200px;
}

/*--- Cette partie correspond à l'affichage des sous-forums ---*/

.statistiques{
  -moz-border-radius:10px;
-webkit-border-radius:10px;
 -ô-border-radius: 10px;
-khtml-border-radius:10px;
border-radius:10px;
  border: 2px solid #1a5780;
box-shadow: 4px 4px 6px white;
background-image: url("http://i77.servimg.com/u/f77/18/09/35/09/qeel13.jpg");
background-repeat: no-repeat;
background-position: center;
  background-color: #262626;
height:510px;}

.groupes
{
  padding: 0px;
  position: relative;
  z-index: 2;
  display: block;
  width: 100%;
  color: #454545;
font-family: chiller;
font-size: 29px;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 1px;
text-shadow: 1px 1px 4px black;
    transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}

.groupes:hover
{
  text-shadow: 1px 1px 4px black;
  letter-spacing: 4px;
    transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}

.bodyline {
        -moz-border-radius: 0px;      /* Firefox */
        -webkit-border-radius: 0px;  /* Chrome, Safari, Opera */
        border-radius: 0px;              /* Chrome et format standard */
        border:0px  solid;
}

input,textarea, select {
  color: #471212;
  font: normal 11px Verdana,Arial,Helvetica,sans-serif;
    border: #54b9e8;
    border-left-style: solid;
    border-left-width: 2.5px;
    border-right-style: solid;
    border-right-width: 2.5px;
    background-color: #c0e1f0;
-moz-border-radius: 10px 10px 10px 10px;
padding-left: 3px;
  }


/* TITRES DES CATEGORIE */


a.forumlink
{
  padding: 10px;
  position: relative;
  z-index: 2;
  display: block;
  text-decoration: !important url(http://i72.servimg.com/u/f72/18/22/90/44/textci10.jpg);
  width: 100%;
  color: #454545;
  text-align: center;
font-family: Chiller;
font-size: 31px;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 1px;
text-shadow: 3px 3px 3px black;
    transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
a.forumlink:hover
{
  text-shadow: 3px 3px 3px black;
  letter-spacing: 4px;
    transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}

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

a {
    text-decoration: none;
}

/* INFO BULLES */
        .infobulle{position: relative;z-index: 0;}
       
        .infobulle:hover{background-color: transparent;z-index: 50;}
       
        .infobulle span{
        position: absolute;
        background-image: url("");
        padding: 5px;
        left: -1000px;
        visibility: hidden;
        color: #54b9e8;}
       
        .infobulle span img{border: 1px;padding: 5px;}
       
        .infobulle:hover span{
        visibility: visible;
        top: 15px;
        left: 20px;
        width: 150px ;
        color:black;
        border: 2px double white;
        -moz-border-radius: 12px;
        -webkit-border-radius: 12px;
        border-radius: 12px;}


.forumline
{
  -moz-border-radius:10px;
-webkit-border-radius:10px;
-ô-border-radius:10px;
-khtml-border-radius:10px;
border-radius:10px;
  border: 2px solid darkred;
box-shadow: 4px 4px 6px black;}

.poster-profile a img
{
  border: 2px solid #1a5780;
  padding: 7px;
  background-color: gray;
 
}
 
.postdetails.poster-profile a img
{
-webkit-border-radius: 19px;
border-radius: 19px;
}


/*CATEGORIE*/
{
  font-family: georgia;
font-size: 15pt;
text-shadow: black 0px 0px 1px;
letter-spacing: -1px;
}
th.secondarytitle h2 img { display: inline!important; position: center;}
th.secondarytitle h2 .txt-title { display: none;}

.sforum
{
  position: relative;
  z-index: 3;
  display: block;
  height: 0;
    background: #191817;
  color: #b5b5b5;
  overflow: hidden;
    transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}

/* MISE EN FORME DES CATEGORIES ET FORUMS */

.catetitre_bloc
{
position: relative;
z-index: 1;
display: block;
width: 90%;
height: 20px;
margin-left: auto;
margin-right : auto;
background-color: #a8a8a8;
transform: rotate(5deg);
-moz-transform: rotate(5deg);
-o-transform: rotate(5deg);
-webkit-transform: rotate(5deg);
-htm-transform: rotate(5deg);
  border-radius: 15px 10px 15px 10px;
  -moz-border-radius-bottomright: 10;
  -moz-border-radius-bottomleft: 10;
}

.catetitre_content
{
position: absolute;
z-index: 2;
display: block;
width: 950px;
margin-left: auto;
  margin-right: auto;
  margin-top: -40px;
text-align: center;
padding: 2px;
  border-bottom: 3px dotted #191817;
  border-radius: 15px 10px 15px 10px;
  -moz-border-radius-bottomright: 10;
  -moz-border-radius-bottomleft: 10;
}

.catetitre
{
color: #454545;
font-family: arial;
font-size: 26px;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 1px;
text-shadow: 1px 1px 0px #000000;
  border-radius: 15px 10px 15px 10px;
  -moz-border-radius-bottomright: 10;
  -moz-border-radius-bottomleft: 10;
}

.description
{
  display: block;
  width: 380px;
  margin: auto;
  height: 95px;
  overflow: hidden;
  border: 0px solid #9c9c9c;
  box-shadow: 1px 1px 1px #191817;
  -moz-box-shadow: 1px 1px 1px #191817;
  -htm-box-shadow: 1px 1px 1px #191817;
  -webkit-box-shadow: 1px 1px 1px #191817;
  -o-box-shadow: 1px 1px 1px #191817;
  border-radius: 15px 10px 15px 10px;
  -moz-border-radius-bottomright: 10;
  -moz-border-radius-bottomleft: 10;
}
.description_contenu
{
  width: 100%;
  position: absolute;
  display: block;
  width: 380px;
  height: 95px;
  overflow: auto;
  background-color: #191817;
  font-size: 10px;
  color: #9c9c9c;
  text-align: jutsify;
  padding: 0px;
  opacity: 0;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  filter: alpha(opacity=0);
  transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
  border-radius: 15px 10px 15px 10px;
  -moz-border-radius-bottomright: 10;
  -moz-border-radius-bottomleft: 10;
}
.description_contenu:hover
{
  opacity: 0.7;
  -moz-opacity: 0.7;
  -khtml-opacity: 0.7;
  filter: alpha(opacity=50);
  transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
  border-radius: 15px 10px 15px 10px;
  -moz-border-radius-bottomright: 10;
  -moz-border-radius-bottomleft: 10;
}

.ouverture_sousforum
{
  position: relative;
  z-index: 3;
  display: block;
  float: right;
  width: 120px;
  margin-right: 20px;
  background: #191817;
  color: #b5b5b5;
  font-size: 11px;
  text-align: center;
  padding: 4px;
  -webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
}
 
.sous_forum:hover .sforum
{
  height: 50px;
  background: #191817;
  color: #b5b5b5;
  padding: 4px;
  overflow: auto;
    transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.sous_forum a
{
  color: #b5b5b5 !important;
  text-shadow: 1px 1px 0px #000000;
}
.sous_forum a:hover
{
  color: #ffffff !important;
}
       
.clear{
  clear: both;}
 
.contenu{
  color: #000;
  list-style: none;}
 

.titre {
font-family:Georgia;
font-size:35px;
color:indianred;
text-shadow: 2px 2px 6px grey; }

.titre1 {
font-family:Georgia;
font-size:25px;
color: silver; 
text-align:left;
 border-bottom: 3px dotted indianred;
margin-left:15px;}

.petitcadre {
width: 450px;
background-color:silver;
padding:10px;
color:black;
align:left;
text-align:left; }



.cadrerond {
width: 400px;
height;220px;
background-color:silver;
border-radius:25px;
box-shadow: 2px 2px 6px grey;
padding:10px;
align:center;
text-align:left; }

.champs {
color:black;
font-style: bold;
text-align:left; }

.champs2 {
color:indianred;
font-style: bold; }

.icon {
margin-right:8px;
border:8px solid indianred;
}



::-moz-selection {
background: #762e27;
color:#efe7d1;
}
 
::selection {
background: #762e27;
color:#efe7d1;
}

.row3Right
{
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;
}



/* FOOTER */

#page-footer a
{
  font-size: 21px;
  color: black !important;
  font-family: chiller;
}
#page-footer a:hover
{
  color: #ad2828 !important;
  transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}


/* ======================================
Personnalisation de la structure du QEEL
fait par Faucon pour CSS ACTIF
=========================================
Début du code
=========================================*/

/*zone groupes*/
.groupes {/*aspect des groupes*/
font-size: 31px;
text-shadow: gray 0px 0px 4px ;
font-family: Chiller
}

.onglet{
  float: left;
  padding: 2px;
  margin-right: 4px;
  margin-left: 85px;
  margin-bottom: -1px;
  color: #000;

  border: 1px solid #ff;
  -moz-border-radius-topleft: 8px 8px;
  -moz-border-radius-topright: 8px 8px;
  -webkit-border-top-right-radius: 8px 8px;
  -webkit-border-top-left-radius: 8px 8px;
  border-top-right-radius: 8px 8px;
  border-top-left-radius: 8px 8px;
  cursor: pointer;
  width: 18%;
  list-style: none;}
   
.onglet_selected{
  float: left;
  padding: 2px;
  margin-right: 4px;
  margin-left: 85px;
  margin-bottom: -1px;
  color: #000;

  border-top: 1px solid #ff00000;
  border-right: 1px solid #ff;
  border-left: 1px solid #ff;
  border-bottom: none !important;
  -moz-border-radius-topleft: 8px 8px;
  -moz-border-radius-topright: 8px 8px;
  -webkit-border-top-right-radius: 8px 8px;
  -webkit-border-top-left-radius: 8px 8px;
  border-top-right-radius: 8px 8px;
  border-top-left-radius: 8px 8px;
  cursor: pointer;
  width: 18%;
  list-style: none;}
 
.onglet:hover{
 float: left;
  padding: 2px;
  margin-right: 4px;
  margin-left: 85px;
  margin-bottom: -1px;
  color: #000;

  border-top: 1px solid #ff00000;
  border-right: 1px solid #ff;
  border-left: 1px solid #ff;
  border-bottom: none !important;
  -moz-border-radius-topleft: 8px 8px;
  -moz-border-radius-topright: 8px 8px;
  -webkit-border-top-right-radius: 8px 8px;
  -webkit-border-top-left-radius: 8px 8px;
  border-top-right-radius: 8px 8px;
  border-top-left-radius: 8px 8px;
  cursor: pointer;
  width: 18%;
  list-style: none;}

/*zone de description des groupes*/
.descgroupes { /*description des groupes*/
width:400px;
  height: 300px;
padding: 5px;
box-shadow:0px 0px 10px black;
-moz-box-shadow: 0px 0px 10px black;
-webkit-box-shadow: 0px 0px 10px black;
  background-image: url(http://i82.servimg.com/u/f82/18/28/03/90/fond_g14.jpg);
  margin: 8px;
}

#mon_contenu, .descgroupes { height : 190px; }
.mon_contenu { display:none; }
 
/*zone des statistiques*/
.stats { /*partie statistique du forum*/
width:400px;
height:200;
text-align: justify;
padding: 5px;
box-shadow:0px 0px 10px black;
-moz-box-shadow: 0px 0px 10px black;
-webkit-box-shadow: 0px 0px 10px black;
  background-image: url(http://i82.servimg.com/u/f82/18/28/03/90/fond_m10.jpg);
  margin: 8px;
}
.membreconnecte{ /*partie membres connéctés*/
overflow: auto;
height: 75px;
padding: 5px;
box-shadow:0px 0px 10px black;
-moz-box-shadow: 0px 0px 10px black;
-webkit-box-shadow: 0px 0px 10px black;
  background-image: url(http://i82.servimg.com/u/f82/18/28/03/90/dernie10.jpg);
  margin: 8px;
}

/* ======================================
Personnalisation de la structure du QEEL
fait par Faucon pour CSS ACTIF
=========================================
Fin du code
=========================================*/


/* Code par Hiro pour CSSACTIF
  Merci de ne pas supprimer cette mention
  (http://www.css-actif.com) */

#englob { /* Encadrement global des 2 divs */
    position: relative;
    width:200px;
    height:300px;
    border:4px solid #963a3a; /* La vilaine bordure rouge */
    overflow:hidden; /* Permet de cacher ce qui dépasse */
 border-radius: 17px 17px 17px 17px;
      -moz-border-radius-bottomleft: 14px;
      -moz-border-radius-bottomright: 14px;
      -webkit-border-bottom-right-radius: 14px;
      -webkit-border-bottom-left-radius: 14px;
 
}

.imgp {
   
 
  background: gray; /* le bg  de la div qui contient l'avatar */
    position:absolute; /* Laissez comme ceci */
  overflow:hidden; /* Permet de cacher ce qui dépasse */
    top:0;/* Laissez comme ceci */
    left:0;/* Laissez comme ceci */
    width:100%;/* Laissez comme ceci */
    height:100%;/* Laissez comme ceci */
    z-index:2;/* La position par rapport à l'autre div qui contient les infos */
  -webkit-transition:all 0.5s;/* Laissez comme ceci */
    -moz-transition:all 0.5s;/* Laissez comme ceci */
    -o-transition:all 0.5s;/* Laissez comme ceci */
    -ms-transition:all 0.5s;/* Laissez comme ceci */
    transition:all 0.5s;/* Laissez comme ceci */
  border-radius: 14px 14px 14px 14px;
      -moz-border-radius-bottomleft: 14px;
      -moz-border-radius-bottomright: 14px;
      -webkit-border-bottom-right-radius: 14px;
      -webkit-border-bottom-left-radius: 14px;
}

#englob:hover > .imgp {
  overflow:hidden; /* Permet de cacher ce qui dépasse */
  opacity: 0.4;
  -moz-opacity: 0.4;
  -khtml-opacity: 0.4;
  filter: alpha(opacity=20);
  transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
  border-radius: 14px 14px 14px 14px;
      -moz-border-radius-bottomleft: 14px;
      -moz-border-radius-bottomright: 14px;
      -webkit-border-bottom-right-radius: 14px;
      -webkit-border-bottom-left-radius: 14px;
}

.infosp {

  background: black; /* le bg  de la div qui contient les infos*/
    position:absolute;/* Laissez comme ceci */
  overflow:hidden; /* Permet de cacher ce qui dépasse */
    top:0;/* Laissez comme ceci */
    left:0;/* Laissez comme ceci */
    width:100%;/* Laissez comme ceci */
    height:100%;/* Laissez comme ceci */
    z-index:0;/* La position par rapport à l'autre div qui contient les infos (ici en dessous)*/
    opacity:0;/* on met l'opacité à zero pour un effet stylé ;) */
    margin-left:-200px;/* on décale la div de 200px, elle est invisible grâce a l'overflow:hidden de #englob */
    -webkit-transition:all 0.5s;/* Laissez comme ceci */
    -moz-transition:all 0.5s;/* Laissez comme ceci */
    -o-transition:all 0.5s;/* Laissez comme ceci */
    -ms-transition:all 0.5s;/* Laissez comme ceci */
    transition:all 0.5s;/* Laissez comme ceci */
  border-radius: 14px 14px 14px 14px;
      -moz-border-radius-bottomleft: 14px;
      -moz-border-radius-bottomright: 14px;
      -webkit-border-bottom-right-radius: 14px;
      -webkit-border-bottom-left-radius: 14px;
}

#englob:hover > .infosp {
 
  opacity:1;/* Lorsque la souris passe sur la div #englob, on augmente l'opacité des infos */
  margin-left:0px;/* et on décale cette div à 0px (position par défaut) */
  overflow:hidden; /* Permet de cacher ce qui dépasse */
  border-radius: 14px 14px 14px 14px;
      -moz-border-radius-bottomleft: 14px;
      -moz-border-radius-bottomright: 14px;
      -webkit-border-bottom-right-radius: 14px;
      -webkit-border-bottom-left-radius: 14px;
}

div.ProfilInfobulle {
  position: relative; /* on définit le bloc comme élément de référence */
  cursor:pointer; /*donne au curseur la forme de petite main, comme sur un lien*/
}

div.ProfilInfobulle > div{
  display: none; /* masque l’infobulle par défaut */
}

div.ProfilInfobulle:hover {
  background: none; /* correction d'un bug IE */
  z-index: 500; /* on s'arrange pour que notre bloc soit au dessus des autres en cas de conflit */
}

/* Lorsqu'on survole le contenu du bloc */
div.ProfilInfobulle:hover > div{
  display: block; /* Affiche l’infobulle (on peut aussi utiliser inline au lieu de block) */

  /* on positionne notre infobulle par rapport au bloc conteneur */
  position: absolute;
  top: 5px; /* 5px par rapport au haut du bloc .ProfilInfobulle (= par rapport à l’avatar) */
  left: 15px; /* 15 px par rapport à la gauche du bloc .ProfilInfobulle */

  /* Et puis on rajoute tous les éléments de mise en forme de l’infobulle */
  background: #ebebeb; /* arrière-plan de l’infobulle */
  color: black; /* texte dans l’infobulle */
  padding: 3px; /* marges internes par rapport aux bords */
  border: 1px dotted black; /* bordures de votre infobulle : épaisseur style couleur*/
  width:180px; /* largeur de l’infobulle */
  -moz-border-radius: 7px 0px 7px 0px ; /*angles arrondis*/
  -webkit-border-radius: 7px 0px 7px 0px ; /*angles arrondis*/
  border-radius: 7px 0px 7px 0px ; /*angles arrondis*/
  -moz-box-shadow: 0px 0px 4px #000; /*ombre portée*/
  -webkit-box-shadow: 0px 0px 4px #000; /*ombre portée*/
  box-shadow: 0px 0px 4px #000; /*ombre portée*/
  font-size:10px; /*taille de la police */
  color:#000; /* couleur de la police */
}

/* CADRE MODOS */
    /* MODOVERT */
.modovert
{
  background: #F6FAF9;
  -moz-border-radius: 9px;
  -webkitborder-radius: 9px;
  border-radius: 9px;
  border: 1px solid green;
  color: green;
  font-weight: bold;
  width: 80%;
  margin: auto;
  box-shadow: 0 0 4px green;
}

/* MISE EN FORME DU PROFIL ET DES MESSAGES */

.bloc_message
{
  max-width: 894px;
  margin: auto;
}
.profil
{
  width: 100%;
  height: 306px;
  background: #9a8a79;
  border-top: 1px solid #665f57;
  border-left: 1px solid #665f57;
  border-right: 1px solid #665f57;
  border-bottom: 2px dotted #665f57;
  margin-top: 20px;
}
.message
{
  width: 100%;
  margin: auto;
  background: #BD7D75;
  margin-bottom: 20px;
  border-bottom: 1px solid #665f57;
  border-left: 1px solid #665f57;
  border-right: 1px solid #665f57;
  padding-top: 2px;
}

.bloc_profil
{
  margin-left: 50px;
}

.pseudo_membre
{
  align: center;
  display: block;
  width: 100%;
  font-family: chiller;
  font-size: 42px !important;
  font-style: strong;
  letter-spacing: 2px;
  border-bottom: 2px dotted #e0d5c9;
  border-bottom-weight: 20px;
  margin-left: 14px;
}
 
.rang
{
  align: center;
  display: block;
  margin-left: 19px;
  font-weight: bold;
  font-size: 13px;
  font-style: italic;
  letter-spacing: 4px;
  color: #e0d5c9;
}

.profil_contenu
{
  clear: both;
  width: 70%;
  height: 140px;
  margin-top: 20px;
  overflow: auto;
  background-color: #bdb2a6;
  border: 1px solid #665f57;
  padding: 4px;
  font-size: 11px;
  text-align: justify;
}
.message_contenu
{
  font-size: 11px;
  text-align: justify;
  padding: 10px;
}
.signature_div
{
  max-height:600px;
  max-width:893px;
  width: 100%;
  height: 600px;
  margin: auto;
  background: ##BD7D75;
}

.option_profil
{
  margin-left: 80px;
  clear: both;
  width: 70%;
  height: 100px;
  margin-top: 20px;
  overflow: auto;
  background-color: #c8c8c8;
  border: 1px solid #665f57;
  padding: 4px;
  font-size: 11px;
  text-align: justify;
}
.option_profil{
margin-left: 1px;
}

Merci d'avance.


Dernière édition par Hansie.Z le Mar 7 Mai 2013 - 18:43, édité 2 fois
avatar

Hansie.Z
Nouveau membre

Messages : 12
Inscrit(e) le : 04/05/2013

http://shingeki-rpg.forumactif.org/
Hansie.Z a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Pseudo des message qui ne grossit pas

Message par Scipion Sam 4 Mai 2013 - 15:04

Bonjour

Vous avez dans votre feuille de style CSS un code qui réduit la taille de la police d'écriture du forum et bloque de ce fait toutes les modifications y afférentes. A mon avis, vous devez le supprimer :

Code:
a {font-variant: small-caps;}
Cordialement
Scipion

Scipion
Membre actif

Masculin
Messages : 8655
Inscrit(e) le : 03/02/2010

https://forum.forumactif.com/
Scipion a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Pseudo des message qui ne grossit pas

Message par Hansie.Z Sam 4 Mai 2013 - 18:59

Merci vraiment pour vous être proposé pour m'aider, hélas, comme me l'avez-vous conseillé j'ai retiré cette balise... Mais ça n'a absolument rien changé °x°

Je ne comprend vraiment pas...
avatar

Hansie.Z
Nouveau membre

Messages : 12
Inscrit(e) le : 04/05/2013

http://shingeki-rpg.forumactif.org/
Hansie.Z a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Pseudo des message qui ne grossit pas

Message par Scipion Sam 4 Mai 2013 - 19:18

Le retrait de la balise indiquée ouvre la voie aux modifications antérieures, donc je crois que vous devez les reprendre, si j'ai bien compris votre question.

Cordialement
Scipion

Scipion
Membre actif

Masculin
Messages : 8655
Inscrit(e) le : 03/02/2010

https://forum.forumactif.com/
Scipion a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Pseudo des message qui ne grossit pas

Message par Hansie.Z Sam 4 Mai 2013 - 20:07

Pourtant je n'ai rien du tout TxT

Merci tout de même pour vos conseils et pour avoir prêter attention à ma demande...

Peut-être y a t-il un problème dans mon template, mais je ne vois pas quoi...
avatar

Hansie.Z
Nouveau membre

Messages : 12
Inscrit(e) le : 04/05/2013

http://shingeki-rpg.forumactif.org/
Hansie.Z a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Pseudo des message qui ne grossit pas

Message par Scipion Sam 4 Mai 2013 - 20:59

Vérifiez sur votre navigateur Chrome que le zoom est bien sur 100%.

Cordialement
Scipion

Scipion
Membre actif

Masculin
Messages : 8655
Inscrit(e) le : 03/02/2010

https://forum.forumactif.com/
Scipion a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Pseudo des message qui ne grossit pas

Message par Hansie.Z Sam 4 Mai 2013 - 21:27

Eh bien oui, par logique... °x°
avatar

Hansie.Z
Nouveau membre

Messages : 12
Inscrit(e) le : 04/05/2013

http://shingeki-rpg.forumactif.org/
Hansie.Z a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Pseudo des message qui ne grossit pas

Message par Luluwebmaster Dim 5 Mai 2013 - 7:51

Bonjour,

Que voulez vous faire exactement ?

Je n'es pas trop bien compris votre demande.
Luluwebmaster

Luluwebmaster
*****

Masculin
Messages : 723
Inscrit(e) le : 10/10/2012

http://test-luluwebmaster.lebonforum.com/
Luluwebmaster a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Pseudo des message qui ne grossit pas

Message par Hansie.Z Dim 5 Mai 2013 - 9:03

Eh bien excusez-moi, je pensais avoir été précise... ><'

Je voudrais grossir la police du pseudo dans les messages, mais j'ai déjà essayer les postes antérieurs censé résoudre cela mais rien à faire, ça ne grossit pas. j'aimerais comprendre pourquoi et réparer cela.
avatar

Hansie.Z
Nouveau membre

Messages : 12
Inscrit(e) le : 04/05/2013

http://shingeki-rpg.forumactif.org/
Hansie.Z a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Pseudo des message qui ne grossit pas

Message par Luluwebmaster Dim 5 Mai 2013 - 9:12

La police de pseudo d'un posteur ?
Luluwebmaster

Luluwebmaster
*****

Masculin
Messages : 723
Inscrit(e) le : 10/10/2012

http://test-luluwebmaster.lebonforum.com/
Luluwebmaster a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Pseudo des message qui ne grossit pas

Message par Hansie.Z Dim 5 Mai 2013 - 9:14

oui, exact. Mais voilà, voyez vous-même, ça fait bizarre c'est vachement petit je trouve... (le forum n'est pas fini, un cadre à sauté, c'est normal xD):
http://shingeki-rpg.forumactif.org/t1-votre-1er-sujet#1
avatar

Hansie.Z
Nouveau membre

Messages : 12
Inscrit(e) le : 04/05/2013

http://shingeki-rpg.forumactif.org/
Hansie.Z a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Pseudo des message qui ne grossit pas

Message par Luluwebmaster Dim 5 Mai 2013 - 9:18

Je ne vois pas le pseudo du membre ...
Luluwebmaster

Luluwebmaster
*****

Masculin
Messages : 723
Inscrit(e) le : 10/10/2012

http://test-luluwebmaster.lebonforum.com/
Luluwebmaster a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Pseudo des message qui ne grossit pas

Message par Hansie.Z Dim 5 Mai 2013 - 9:20

il faut survoler l'avatar...
avatar

Hansie.Z
Nouveau membre

Messages : 12
Inscrit(e) le : 04/05/2013

http://shingeki-rpg.forumactif.org/
Hansie.Z a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Pseudo des message qui ne grossit pas

Message par Scipion Lun 6 Mai 2013 - 11:49

Bonjour

Essayez d'adapter la taille du pseudo à l'aide de ce code CSS :

Code:
.name {
    font-size: 18px;
}
Cordialement
Scipion

Scipion
Membre actif

Masculin
Messages : 8655
Inscrit(e) le : 03/02/2010

https://forum.forumactif.com/
Scipion a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Pseudo des message qui ne grossit pas

Message par Hansie.Z Lun 6 Mai 2013 - 12:54

mais j'ai déjà mis ce code dans mon css (voir premier sujet)...
avatar

Hansie.Z
Nouveau membre

Messages : 12
Inscrit(e) le : 04/05/2013

http://shingeki-rpg.forumactif.org/
Hansie.Z a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Pseudo des message qui ne grossit pas

Message par Scipion Lun 6 Mai 2013 - 12:57

D'accord, avez-vous essayé de modifier la taille du pseudo par le biais du template viewtopic_body ?

Cordialement
Scipion

Scipion
Membre actif

Masculin
Messages : 8655
Inscrit(e) le : 03/02/2010

https://forum.forumactif.com/
Scipion a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Pseudo des message qui ne grossit pas

Message par Hansie.Z Mar 7 Mai 2013 - 18:16

oui, avec "<div class="name"><strong><center><div style="font-family: chiller; font-size: 32px; text-shadow: black 0px 0px 1px; letter-spacing: 1px;"><div class="poster_name"><span class="pseudo_membre"><a name="{postrow.displayed.U_POST_ID}"></a> <font size=5pt>{postrow.displayed.POSTER_NAME}</font></span></div></div></center></strong></div><br />"... ça n'a pas marché non plus... X_X
avatar

Hansie.Z
Nouveau membre

Messages : 12
Inscrit(e) le : 04/05/2013

http://shingeki-rpg.forumactif.org/
Hansie.Z a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Pseudo des message qui ne grossit pas

Message par Scipion Mar 7 Mai 2013 - 18:37

Bonjour

En agissant directement dans le template viewtopic_body, repérez dans la ligne 124 la variable suivante :

Code:
{postrow.displayed.POSTER_NAME}
Remplacez par ce code :

Code:
<span style="font-size: 20px; line-height: normal">{postrow.displayed.POSTER_NAME}</span>
Enregistrez et publiez en cliquant sur Ajout

Cordialement
Scipion

Scipion
Membre actif

Masculin
Messages : 8655
Inscrit(e) le : 03/02/2010

https://forum.forumactif.com/
Scipion a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Pseudo des message qui ne grossit pas

Message par Hansie.Z Mar 7 Mai 2013 - 18:42

ça me fait ceci:
https://i.servimg.com/u/f82/18/28/03/90/hover10.jpg

c'est pas aussi grand que ce que je voulais mais c'est déjà ça, merci beaucoup!! Je mets résolu~

(merci aussi à lucrote qui a participé.)
avatar

Hansie.Z
Nouveau membre

Messages : 12
Inscrit(e) le : 04/05/2013

http://shingeki-rpg.forumactif.org/
Hansie.Z 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