Modifer le cadre de la colonne 'Auteur'

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

Résolu Modifer le cadre de la colonne 'Auteur'

Message par b2uty le Ven 4 Fév 2011 - 20:13

Bonsoir, j'aimerais modifier les contoures du cadre de la colonne auteur comme ceci :
Spoiler:

ça fait un moment que je le vois partout et j'aimerais bien avoir le meme.
Merci d'avance pour vos réponses.


b2uty
****

Féminin
Messages : 455
Inscrit(e) le : 28/05/2010

http://kpop123.forumactif.com/
b2uty a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifer le cadre de la colonne 'Auteur'

Message par b2uty le Lun 7 Fév 2011 - 0:06

up

b2uty
****

Féminin
Messages : 455
Inscrit(e) le : 28/05/2010

http://kpop123.forumactif.com/
b2uty a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifer le cadre de la colonne 'Auteur'

Message par b2uty le Lun 7 Fév 2011 - 21:23

Up T.T

b2uty
****

Féminin
Messages : 455
Inscrit(e) le : 28/05/2010

http://kpop123.forumactif.com/
b2uty a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifer le cadre de la colonne 'Auteur'

Message par b2uty le Jeu 10 Fév 2011 - 17:58

Up
svp aidez moi..

b2uty
****

Féminin
Messages : 455
Inscrit(e) le : 28/05/2010

http://kpop123.forumactif.com/
b2uty a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifer le cadre de la colonne 'Auteur'

Message par b2uty le Ven 11 Fév 2011 - 18:36

je vais continuer à faire des "Up" jusqu'en 2012 je panse bien. T.T

b2uty
****

Féminin
Messages : 455
Inscrit(e) le : 28/05/2010

http://kpop123.forumactif.com/
b2uty a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifer le cadre de la colonne 'Auteur'

Message par Anzu le Ven 18 Fév 2011 - 12:10


Bonjour,

Vous voulez mettre un simple cadre autour du profil c'est bien ca ?
La modification se fait via la CSS et le template viewtopic body. Avez vous déjà modifié ce template ? Si oui, puis je avoir le code ?

Cordialement.

Anzu
+ Hyperactif +

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

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

Résolu Re: Modifer le cadre de la colonne 'Auteur'

Message par b2uty le Mar 22 Fév 2011 - 17:57

@Anzu a écrit:Vous voulez mettre un simple cadre autour du profil c'est bien ca ?
Oui, c'est bien ça. ^^

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 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&amp;pub=forumotion">{L_SHARE}</a>
             | 
            <script type="text/javascript">
            //<![CDATA[
            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"> <!-- google_ad_section_start -->{TOPIC_TITLE}<!-- google_ad_section_end --></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} fond_magique"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150">




<center>
        <i><b><span class="name"><a name="{postrow.displayed.U_POST_ID}"></a><strong><span class="name"><a name="{postrow.displayed.U_POST_ID}"></a></br>
<strong> {postrow.displayed.POSTER_NAME}</i></b></strong>  </span>
            <span class="postdetails poster-profile">
         

            {postrow.displayed.RANK_IMAGE}{postrow.displayed.POSTER_AVATAR} </center>
            <!-- 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}
        </span>





        <img src="http://illiweb.com/_.gif" alt="" style="width:150px;height:1px" />
      </td>
      <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 fond_magique"{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 --> {postrow.displayed.ONLINE_IMG}
              </td>
            </tr>
        </table>
      </td>
  </tr>
  <!-- BEGIN first_post_br -->
</table>


<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="1" 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}

        <!-- 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">
{S_TOPIC_ADMIN}

        <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}" />
            <span class="gen">{L_MOD_TOOLS}
{S_SELECT_MOD} <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 type="text/javascript" src="{JS_DIR}addthis/addthis_widget.js"></script>

CSS :

Code:



/***APPARENCE FORUM***/


body {
background-position: top center;
background-repeat: no-repeat;
background-image: url(http://img839.imageshack.us/img839/3705/8885copie2.png);
}
 

.secondarytitle,.secondarytitle h2 {
margin: 0; padding: 0;
color: #7c477f;
font-family: Times New Roman;
font-size: 11px;
text-align: center;
left: 100px;
}

.secondarytitle h2 { display:inline; }

.infos {
margin: 0; padding: 0;
color: #000000;
font-family: times new roman;
font-size: 15px;
}

#add-google{ border: 0px dotted #9e9e9e; }


.fond_magique{
    background-image:url('http://img8.imageshack.us/img8/9236/26066106.png') !important;
}




/***APPARENCE CAT-FO***/

.forumline .row1, .forumline .row2, .forumline .row3, .forumline .row3Right {
background-image:url("http://");
padding:2px 3px;}

.forumline{
background-image:url("http://");
border-bottom: 7px #7c477f solid;
border-top: 7px #7c477f solid;
border-right: 0px #FFCF67 solid;
border-left: 0px #FFCF67 solid;
}

a.forumlink {
text-decoration: none;
background-color: #;
border-bottom: 0px dashed #ECF0F6;
border-top: 0px dashed #ECF0F6;
-moz-border-radius: 11px ;
border-right: 0px solid #ECF0F6;
-moz-border-radius: 11px ;
border-left: 0px solid #ECF0F6;
display:block;
}



a.forumlink{
-moz-border-radius: 1px 1px 1px 1px;
background-color: #;
border-bottom: 1px dotted #7c477f;
color:400315;
font-family: Times new roman;
font-size: 16px;
font-weight: lighter;
letter-spacing: 1px;
display:block;
text-align: center;
}

a.forumlink:hover {
text-transform:none;
}


.attachbox dt {
text-transform:none;
}



/***P.A***/

.boxtitle {
background-color: #D2E3D1;
color: #DC394C;
border-bottom: 2px hand #45407A;
font-weight:bold;
text-decoration:none;
font-size: 12px;
margin:0px 5px 0px 0px;
padding: 3px 10px 3px 10px;
display: block;
text-align : center;
}

.box {
background-color: #F1EFE3;
color: #4E87B2;
border: 0px solid #45407A;
font-size:12px;
margin: 0px;
padding: 3px 10px 3px 10px;
width: auto;
}

.att {
background-color: #F1EFE3;
color: #AD1F31;
border: 0px solid #45407A;
font-weight: bold;
font-size:11px;
text-align: center;
margin: 0px;
padding: 0px;
width: auto;
}

.li {
list-style-position: outside;
list-style-type: circle;
}

#subnav A:link, #subnav A:visited, #subnav A:active {
background-color: #F1EFE3;
color: #DC394C;
border-bottom: 1px hand #7c477f;
text-transform: lowercase;
text-decoration:none;
font-size: 11px;
display: block;
text-align : center;
padding: 2px;
line-height: 12px;
display: block;
}

#subnav A:hover {
background-color: #F1EFE3;
color: #4E87B2;
border-bottom: 1px dashed #9B71B0;
text-transform: lowercase;
}



/***DESCRIPTION FORUM***/

#def {
display: block;
background-color: #;
border: 0px hand #7c477f; 
text-align: center;
font-size: 11px;
color:#45407A;
font-face: Trebuchet MS;
width: 70%;
}

.links a:link, .links a:active, .links a:visited {
text-decoration: none;
text-transform: none;
font-weight: bold;
color: #7c477f;
border-bottom: 0px dotted #7c477f;
font-size: 0px;
}

.links a:hover {
text-decoration: none;
text-transform: none;
font-weight: bold;
color: #7c477f;
border-bottom: 0px hand #7c477f;
font-size: 0px;
}




/***LIENS FORUM***/




.gensmall {
font-size : 10px;
text-transform: .gensmall ;
}

a.gensmall {
font-size : 10px;
text-transform: .gensmall ;
}

a.gensmall:hover{
font-size : 11px;
text-transform: capitalize;
}
a.imginfo { /* INFOBULLES */
position: relative;
color: #7c477f; /* couleur de votre texte */
text-decoration: none;
border-bottom: 0px #7c477f solid; /* on souligne le texte */
}

a.imginfo span {
display: none; /* on masque l'infobulle */
}
a.imginfo:hover {
background: none; /* correction d'un bug IE */
z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
cursor: help; /* on change le curseur par défaut en curseur d'aide */
}
a.imginfo:hover span {
display: inline; /* on affiche l'infobulle */
position: absolute;
white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
top: 10px; /* on positionne notre infobulle */
left: 20px;
background: white;
color: 7c477f;
padding: 3px;
border: 0px solid grey;
border-left: 5px solid #7c477f; /* vos couleurs et taille de bordures */
border-right: 3px solid #7c477f;
border-top: 3px solid #7c477f;
border-bottom: 5px solid #7c477f;
}



/***DIVERS***/

blockquote {
width: 600px;
border: 1px solid #942772;
font-size: 15px;
color:#E3393A;
font-family: Comic Sans MS;
letter-spacing:2px;
font-size: 12px;
text-align: left;
background-image:url('http://illiweb.com/fa/empty.gif');
background-repeat: no-repeat;
background-color: #FFFFFF;
background-position: bottom right;
}

.fiche {
width: 610px;
border: 1px solid #942772;
font-size: 15px;
color:#E3393A;
font-family: Comic Sans MS;
text-align: left;
}

.titre {
font-family: Tahoma;
font-size: 110%;
text-transform: uppercase;
background-image: URL(" ");
border-bottom: 1px dashed #ffffff;
color: #141414;
text-align: left;
border-left: 2px solid #B4B6B;
border-right: 2px solid #B4B6B;
}

.stitre {
border-bottom : 1px solid #753F86;
font-size: 15px;
color:#E3393A;
text-transform:lowercase;
letter-spacing:2px;
text-align: right;
width: 600px;
}








.milieu {width: 90%; margin: 0px; border: 1px solid #ffffff;-moz-border-radius: 10px; -webkit-border-radius: 10px; padding: 5px; background-color:#FBEFCA}





/*----QEEL----*/
.fa td {
background-color: transparent;
border: 0px #F2C799 solid;
-moz-border-radius : 8px 8px 8px 8px;
-webkit-border-radius : 8px 8px 8px 8px;
}


.statistiques{
border:0px;
width:995px;
background-image: url("http://img691.imageshack.us/img691/5492/085copie.png");
background-repeat: no-repeat;
background-position: center;
height:300px;}

.groupes{
background-color:#e8e8e8;border: 1px #565656 dotted;
-moz-border-radius : 5px 5px 5px 5px;
height:40px;padding-right:12px;padding-left:14px;padding-bottom:3px;
font-size:15px;font-weight: bold;text-align:center;
text-decoration: none !important;}






.traits{
border-bottom: 4px solid #000000;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

.forumlink {text-shadow: #000000 0px 1px 1px;}
a.forumlink {text-shadow: #000000 0px 1px 1px;}
a.forumlink:hover {text-shadow: #000000 0px 1px 1px;}

.post .name{text-shadow: #000000 1px 1px 2px;}

.gensmall {text-shadow: #7D7465 1px 1px 8px;}


.montablo{
background-color: #E3BE68;
color: #825810;
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;
padding: 20px;
width:300px;
height:270px;}

.tstaff{font-size:2 em;}

.infobulle{position: relative;z-index: 0;}

.infobulle:hover{background-color: transparent;z-index: 50;}

.infobulle span{
position: absolute;
background-color: #7c477f;
padding: 5px;
left: -1000px;
visibility: hidden;
color: }

.infobulle span img{border: 1px groove;padding: 2px;}

.infobulle:hover span{
visibility: visible;
top: 180px;
left: 35px;
width: 200 px ; 174 px;}

.montablo2{
background-color: #E3BE68;
color: ;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius:8px;
padding: 10 px;
width: 200px;
height: 100px;}

ul, li{
  list-style: none;
}

.mon_onglet{
  float: left;
  padding: 2px 10px;
  margin-right: 7px;
  color: ;
  background: #21000E;
  border: 1px solid #121212;
  cursor: pointer;
  margin-bottom: -1px;
  -moz-border-radius-topleft: 8px;
  -moz-border-radius-topright: 8px;
  -webkit-border-top-right-radius: 8px;
  -webkit-border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;}

.mon_onglet:hover{
  background:#21000E;
  -moz-border-radius-topleft: 8px;
  -moz-border-radius-topright: 8px;
  -webkit-border-top-right-radius: 8px;
  -webkit-border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;} 

.mon_onglet_selected{
  float: left;
  padding: 2px 10px;
  margin-right: 7px;
  color: ;
  background: #21000E;
  border-top: 1px solid #21000E;
  border-right: 1px solid #DBB764;
  border-left: 1px solid #DBB764;
  border-bottom: 1px solid #DBB764;
  cursor: pointer;
  margin-bottom: -1px;
  -moz-border-radius-topleft: 8px;
  -moz-border-radius-topright: 8px;
  -webkit-border-top-right-radius: 8px;
  -webkit-border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;  }
       
.clear{
  clear: both;
}

.mon_contenu{
  color: ;
  background: #E6D1A1;
  border: 2px solid #DBB764;
  padding: 2px;   
  -moz-border-radius-topleft: 8px;
  -moz-border-radius-topright: 8px;
  -webkit-border-top-right-radius: 8px;
  -webkit-border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;    }

#mes_contenus, #mes_onglets{
  width: 100%;
  }


.forumline{
border: 15px solid # ;}


.maintitle
{
margin-top:400px;
}





.row1.over span.gensmall
{
display: none
}



a.forumlink:hover {
color: #C0C0C0;
background-color: #
}

.post .name{
font-size: 21px;
font-family: garamond;
text-align: center;}



.postdetails.poster-profile{
font-size: 10px;
font-family: Trebuchet MS;

}

b2uty
****

Féminin
Messages : 455
Inscrit(e) le : 28/05/2010

http://kpop123.forumactif.com/
b2uty a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifer le cadre de la colonne 'Auteur'

Message par b2uty le Mer 23 Fév 2011 - 23:38

up

b2uty
****

Féminin
Messages : 455
Inscrit(e) le : 28/05/2010

http://kpop123.forumactif.com/
b2uty a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifer le cadre de la colonne 'Auteur'

Message par b2uty le Ven 25 Fév 2011 - 17:00

up T.T

b2uty
****

Féminin
Messages : 455
Inscrit(e) le : 28/05/2010

http://kpop123.forumactif.com/
b2uty a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifer le cadre de la colonne 'Auteur'

Message par b2uty le Dim 27 Fév 2011 - 13:00

Up
svp aider moi T.T

b2uty
****

Féminin
Messages : 455
Inscrit(e) le : 28/05/2010

http://kpop123.forumactif.com/
b2uty a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifer le cadre de la colonne 'Auteur'

Message par Anzu le Dim 27 Fév 2011 - 13:38

Bonjour,

Template modifié:

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 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&amp;pub=forumotion">{L_SHARE}</a>
                |
                <script type="text/javascript">
                //<![CDATA[
                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"> <!-- google_ad_section_start -->{TOPIC_TITLE}<!-- google_ad_section_end --></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} fond_magique"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150">




  <div class="vava">  <center>
            <i><b><span class="name"><a name="{postrow.displayed.U_POST_ID}"></a><strong><span class="name"><a name="{postrow.displayed.U_POST_ID}"></a></br>
    <strong> {postrow.displayed.POSTER_NAME}</i></b></strong>  </span>
                <span class="postdetails poster-profile">
           

                {postrow.displayed.RANK_IMAGE}{postrow.displayed.POSTER_AVATAR} </center><font size="1,5">
                <!-- 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}</font>
            </span>
</div>




            <img src="http://illiweb.com/_.gif" alt="" style="width:150px;height:1px" />
          </td>
          <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 fond_magique"{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 --> {postrow.displayed.ONLINE_IMG}
                  </td>
                </tr>
            </table>
          </td>
      </tr>
      <!-- BEGIN first_post_br -->
    </table>


    <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="1" 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}

            <!-- 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">
    {S_TOPIC_ADMIN}

            <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}" />
                <span class="gen">{L_MOD_TOOLS}
    {S_SELECT_MOD} <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 type="text/javascript" src="{JS_DIR}addthis/addthis_widget.js"></script>

CSS modifiée:

Code:


    /***APPARENCE FORUM***/


    body {
    background-position: top center;
    background-repeat: no-repeat;
    background-image: url(http://img839.imageshack.us/img839/3705/8885copie2.png);
    }
   

    .secondarytitle,.secondarytitle h2 {
    margin: 0; padding: 0;
    color: #7c477f;
    font-family: Times New Roman;
    font-size: 11px;
    text-align: center;
    left: 100px;
    }

    .secondarytitle h2 { display:inline; }

    .infos {
    margin: 0; padding: 0;
    color: #000000;
    font-family: times new roman;
    font-size: 15px;
    }

    #add-google{ border: 0px dotted #9e9e9e; }


    .fond_magique{
        background-image:url('http://img8.imageshack.us/img8/9236/26066106.png') !important;
    }




    /***APPARENCE CAT-FO***/

    .forumline .row1, .forumline .row2, .forumline .row3, .forumline .row3Right {
    background-image:url("http://");
    padding:2px 3px;}

    .forumline{
    background-image:url("http://");
    border-bottom: 7px #7c477f solid;
    border-top: 7px #7c477f solid;
    border-right: 0px #FFCF67 solid;
    border-left: 0px #FFCF67 solid;
    }

    a.forumlink {
    text-decoration: none;
    background-color: #;
    border-bottom: 0px dashed #ECF0F6;
    border-top: 0px dashed #ECF0F6;
    -moz-border-radius: 11px ;
    border-right: 0px solid #ECF0F6;
    -moz-border-radius: 11px ;
    border-left: 0px solid #ECF0F6;
    display:block;
    }



    a.forumlink{
    -moz-border-radius: 1px 1px 1px 1px;
    background-color: #;
    border-bottom: 1px dotted #7c477f;
    color:400315;
    font-family: Times new roman;
    font-size: 16px;
    font-weight: lighter;
    letter-spacing: 1px;
    display:block;
    text-align: center;
    }

    a.forumlink:hover {
    text-transform:none;
    }


    .attachbox dt {
    text-transform:none;
    }



    /***P.A***/

    .boxtitle {
    background-color: #D2E3D1;
    color: #DC394C;
    border-bottom: 2px hand #45407A;
    font-weight:bold;
    text-decoration:none;
    font-size: 12px;
    margin:0px 5px 0px 0px;
    padding: 3px 10px 3px 10px;
    display: block;
    text-align : center;
    }

    .box {
    background-color: #F1EFE3;
    color: #4E87B2;
    border: 0px solid #45407A;
    font-size:12px;
    margin: 0px;
    padding: 3px 10px 3px 10px;
    width: auto;
    }

    .att {
    background-color: #F1EFE3;
    color: #AD1F31;
    border: 0px solid #45407A;
    font-weight: bold;
    font-size:11px;
    text-align: center;
    margin: 0px;
    padding: 0px;
    width: auto;
    }

    .li {
    list-style-position: outside;
    list-style-type: circle;
    }

    #subnav A:link, #subnav A:visited, #subnav A:active {
    background-color: #F1EFE3;
    color: #DC394C;
    border-bottom: 1px hand #7c477f;
    text-transform: lowercase;
    text-decoration:none;
    font-size: 11px;
    display: block;
    text-align : center;
    padding: 2px;
    line-height: 12px;
    display: block;
    }

    #subnav A:hover {
    background-color: #F1EFE3;
    color: #4E87B2;
    border-bottom: 1px dashed #9B71B0;
    text-transform: lowercase;
    }



    /***DESCRIPTION FORUM***/

    #def {
    display: block;
    background-color: #;
    border: 0px hand #7c477f;
    text-align: center;
    font-size: 11px;
    color:#45407A;
    font-face: Trebuchet MS;
    width: 70%;
    }

    .links a:link, .links a:active, .links a:visited {
    text-decoration: none;
    text-transform: none;
    font-weight: bold;
    color: #7c477f;
    border-bottom: 0px dotted #7c477f;
    font-size: 0px;
    }

    .links a:hover {
    text-decoration: none;
    text-transform: none;
    font-weight: bold;
    color: #7c477f;
    border-bottom: 0px hand #7c477f;
    font-size: 0px;
    }




    /***LIENS FORUM***/




    .gensmall {
    font-size : 10px;
    text-transform: .gensmall ;
    }

    a.gensmall {
    font-size : 10px;
    text-transform: .gensmall ;
    }

    a.gensmall:hover{
    font-size : 11px;
    text-transform: capitalize;
    }
    a.imginfo { /* INFOBULLES */
    position: relative;
    color: #7c477f; /* couleur de votre texte */
    text-decoration: none;
    border-bottom: 0px #7c477f solid; /* on souligne le texte */
    }

    a.imginfo span {
    display: none; /* on masque l'infobulle */
    }
    a.imginfo:hover {
    background: none; /* correction d'un bug IE */
    z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
    cursor: help; /* on change le curseur par défaut en curseur d'aide */
    }
    a.imginfo:hover span {
    display: inline; /* on affiche l'infobulle */
    position: absolute;
    white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
    top: 10px; /* on positionne notre infobulle */
    left: 20px;
    background: white;
    color: 7c477f;
    padding: 3px;
    border: 0px solid grey;
    border-left: 5px solid #7c477f; /* vos couleurs et taille de bordures */
    border-right: 3px solid #7c477f;
    border-top: 3px solid #7c477f;
    border-bottom: 5px solid #7c477f;
    }



    /***DIVERS***/

    blockquote {
    width: 600px;
    border: 1px solid #942772;
    font-size: 15px;
    color:#E3393A;
    font-family: Comic Sans MS;
    letter-spacing:2px;
    font-size: 12px;
    text-align: left;
    background-image:url('http://illiweb.com/fa/empty.gif');
    background-repeat: no-repeat;
    background-color: #FFFFFF;
    background-position: bottom right;
    }

    .fiche {
    width: 610px;
    border: 1px solid #942772;
    font-size: 15px;
    color:#E3393A;
    font-family: Comic Sans MS;
    text-align: left;
    }

    .titre {
    font-family: Tahoma;
    font-size: 110%;
    text-transform: uppercase;
    background-image: URL(" ");
    border-bottom: 1px dashed #ffffff;
    color: #141414;
    text-align: left;
    border-left: 2px solid #B4B6B;
    border-right: 2px solid #B4B6B;
    }

    .stitre {
    border-bottom : 1px solid #753F86;
    font-size: 15px;
    color:#E3393A;
    text-transform:lowercase;
    letter-spacing:2px;
    text-align: right;
    width: 600px;
    }








    .milieu {width: 90%; margin: 0px; border: 1px solid #ffffff;-moz-border-radius: 10px; -webkit-border-radius: 10px; padding: 5px; background-color:#FBEFCA}





    /*----QEEL----*/
    .fa td {
    background-color: transparent;
    border: 0px #F2C799 solid;
    -moz-border-radius : 8px 8px 8px 8px;
    -webkit-border-radius : 8px 8px 8px 8px;
    }


    .statistiques{
    border:0px;
    width:995px;
    background-image: url("http://img691.imageshack.us/img691/5492/085copie.png");
    background-repeat: no-repeat;
    background-position: center;
    height:300px;}

    .groupes{
    background-color:#e8e8e8;border: 1px #565656 dotted;
    -moz-border-radius : 5px 5px 5px 5px;
    height:40px;padding-right:12px;padding-left:14px;padding-bottom:3px;
    font-size:15px;font-weight: bold;text-align:center;
    text-decoration: none !important;}






    .traits{
    border-bottom: 4px solid #000000;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    }

    .forumlink {text-shadow: #000000 0px 1px 1px;}
    a.forumlink {text-shadow: #000000 0px 1px 1px;}
    a.forumlink:hover {text-shadow: #000000 0px 1px 1px;}

    .post .name{text-shadow: #000000 1px 1px 2px;}

    .gensmall {text-shadow: #7D7465 1px 1px 8px;}


    .montablo{
    background-color: #E3BE68;
    color: #825810;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
    border-radius:8px;
    padding: 20px;
    width:300px;
    height:270px;}

    .tstaff{font-size:2 em;}

    .infobulle{position: relative;z-index: 0;}

    .infobulle:hover{background-color: transparent;z-index: 50;}

    .infobulle span{
    position: absolute;
    background-color: #7c477f;
    padding: 5px;
    left: -1000px;
    visibility: hidden;
    color: }

    .infobulle span img{border: 1px groove;padding: 2px;}

    .infobulle:hover span{
    visibility: visible;
    top: 180px;
    left: 35px;
    width: 200 px ; 174 px;}

    .montablo2{
    background-color: #E3BE68;
    color: ;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius:8px;
    padding: 10 px;
    width: 200px;
    height: 100px;}

    ul, li{
      list-style: none;
    }

    .mon_onglet{
      float: left;
      padding: 2px 10px;
      margin-right: 7px;
      color: ;
      background: #21000E;
      border: 1px solid #121212;
      cursor: pointer;
      margin-bottom: -1px;
      -moz-border-radius-topleft: 8px;
      -moz-border-radius-topright: 8px;
      -webkit-border-top-right-radius: 8px;
      -webkit-border-top-left-radius: 8px;
      border-top-right-radius: 8px;
      border-top-left-radius: 8px;}

    .mon_onglet:hover{
      background:#21000E;
      -moz-border-radius-topleft: 8px;
      -moz-border-radius-topright: 8px;
      -webkit-border-top-right-radius: 8px;
      -webkit-border-top-left-radius: 8px;
      border-top-right-radius: 8px;
      border-top-left-radius: 8px;}

    .mon_onglet_selected{
      float: left;
      padding: 2px 10px;
      margin-right: 7px;
      color: ;
      background: #21000E;
      border-top: 1px solid #21000E;
      border-right: 1px solid #DBB764;
      border-left: 1px solid #DBB764;
      border-bottom: 1px solid #DBB764;
      cursor: pointer;
      margin-bottom: -1px;
      -moz-border-radius-topleft: 8px;
      -moz-border-radius-topright: 8px;
      -webkit-border-top-right-radius: 8px;
      -webkit-border-top-left-radius: 8px;
      border-top-right-radius: 8px;
      border-top-left-radius: 8px;  }
         
    .clear{
      clear: both;
    }

    .mon_contenu{
      color: ;
      background: #E6D1A1;
      border: 2px solid #DBB764;
      padding: 2px; 
      -moz-border-radius-topleft: 8px;
      -moz-border-radius-topright: 8px;
      -webkit-border-top-right-radius: 8px;
      -webkit-border-top-left-radius: 8px;
      border-top-right-radius: 8px;
      border-top-left-radius: 8px;    }

    #mes_contenus, #mes_onglets{
      width: 100%;
      }


    .forumline{
    border: 15px solid # ;}


    .maintitle
    {
    margin-top:400px;
    }





    .row1.over span.gensmall
    {
    display: none
    }



    a.forumlink:hover {
    color: #C0C0C0;
    background-color: #
    }

    .post .name{
    font-size: 21px;
    font-family: garamond;
    text-align: center;}



    .postdetails.poster-profile{
    font-size: 10px;
    font-family: Trebuchet MS;

    }



.vava{
background-color: #dedede;
padding: 5px;
-moz-border-radius: 5px;
}

Si vous voulez changer l'apparence du cadre, c'est dans la css, j'ai rajouté ca:

Code:
.vava{
background-color: #dedede;
padding: 5px;
-moz-border-radius: 5px;
}
Cordialement.

Anzu
+ Hyperactif +

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

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

Résolu Re: Modifer le cadre de la colonne 'Auteur'

Message par b2uty le Dim 27 Fév 2011 - 14:43

Merci beaucoup.
Mais pour avoir les contours du cadre comment je dois faire ?



Parceque le résultat que j'ai eu c'est le fond sans contour
Spoiler:

b2uty
****

Féminin
Messages : 455
Inscrit(e) le : 28/05/2010

http://kpop123.forumactif.com/
b2uty a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifer le cadre de la colonne 'Auteur'

Message par Anzu le Dim 27 Fév 2011 - 15:38

Oui il faut mettre un border ^^
Code:

.vava{
background-color: #dedede;
padding: 5px;
-moz-border-radius: 5px;
border: 3px solid #FFFFFF
}

A vous de voir pour la taille, la couleur ^^

Anzu
+ Hyperactif +

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

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

Résolu Re: Modifer le cadre de la colonne 'Auteur'

Message par b2uty le Dim 27 Fév 2011 - 16:00

Un grand merci pour tout ^^
Je met mintenant ce sujet résolu.

b2uty
****

Féminin
Messages : 455
Inscrit(e) le : 28/05/2010

http://kpop123.forumactif.com/
b2uty a été remercié(e) par l'auteur de ce sujet.

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


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