Recréer les profils messages

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

Résolu Recréer les profils messages

Message par JanuOFF le Lun 23 Fév 2015 - 21:25

Détails techniques

Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Google Chrome
Capture d'écran du problème :
Voir l'image:

Personnes concernées par le problème : Moi uniquement
Problème apparu depuis : Depuis la création
Lien du forum : (lien masqué, vous devez poster pour le voir)

Description du problème

Bonjour/Bonsoir à tous,

Je viens aujourd'hui poster une demande d'aide, car ... j'ai besoin d'aide.

Donc j'expose mon problème: comme vous pouvez le voir sur la capture d'écran* qui est dans la description/les détails du problème, les profils messages sont très très moches et très mal organisés. J'aurais donc aimé savoir si quelqu'un pourrait m'aider afin de savoir comment et où je pourrais régler ceci, sachant que je suis pas très bon en codage.
J'ai fait des schémas* afin de vous expliquer comment j'aimerais que ça soit:

* j'utiliserais les mots "schémas" qui désignera les montages qui reflètent ce que j'aimerais obtenir à la fin, et le mot "screen" ou "capture d'écran" qui désigne l'image du début dans les détails, qui est l'image de mon problème lui même.



Donc dans ce premier schéma le but est de supprimer le deuxième "cadre" que vous voyez dans le premier screen (dans les détails) où sont indiqués "MP" et "Profils" et insérez le deuxième dans le premier jusqu'à ce que ça donne qu'un seul cadre avec toutes les infos réunis dedans mis à part le "MP" et "Profil" que je veux supprimer.

Ensuite deuxième schéma:



donc dans ce schéma le but sera, après avoir réussi à faire la même chose que dans le premier schéma de centrer le profil message par rapport au message.
Comme vous pouvez le voir sur le premier schéma le cadre est bien comme il veut au niveau des infos qu'il y a dedans sa forme etc.. mais il n'est pas centré par rapport au message, et c'est ce que j'aimerais faire...

Je précise que les schémas sont des montages Paint... :')

Voilà donc, j'espère que quelqu'un saura m'aider et franchement, je lui en saurais super reconnaissant, et je suis près à faire des efforts pour le codage!

Merci beaucoup!

JanuOFF
Nouveau membre

Masculin
Messages : 24
Inscrit(e) le : 28/12/2014

http://hbsf.jtkc.org
JanuOFF a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Recréer les profils messages

Message par MlleAlys le Lun 23 Fév 2015 - 21:33

Bonjour !
je poste pour voir le lien ^^
Le template a certainement été modifié ? serait-il possible d'avoir le code ? ^^

MlleAlys
+ Hyperactif +

Messages : 4340
Inscrit(e) le : 12/09/2012

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

Résolu Re: Recréer les profils messages

Message par JanuOFF le Lun 23 Fév 2015 - 21:39

Oui le template a été modifié pour avoir le cadre, et comme je suis très mauvais en codage il risque d'avoir des balises center partout enfin, on verra, je vais le copier-coller:

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 ($('#50c2de').css('display') == 'block') {
                addthis_close();
                addthis_close();
              }
          });
        });
        //]]>
        </script>

        <table width="100%" border="0" cellspacing="2" cellpadding="0">
          <tr>
              <td align="left" valign="middle" nowrap="nowrap">
                <span class="nav">
                <!-- BEGIN switch_user_authpost -->
                <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}one" alt="{L_POST_NEW_TOPIC}" align="middle" border="0" /></a>
                <!-- END switch_user_authpost -->
                <!-- BEGIN switch_user_authreply -->
                <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" id="i_reply" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>
                <!-- END switch_user_authreply -->
                </span>
              </td>
              <td align="left" valign="middle" nowrap="nowrap">
                <!-- BEGIN switch_twitter_btn -->
                <span id="twitter_btn" style="margin-left: 6px; ">
                <a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal">Tweet</a>
                <script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
                </span>
                <!-- END switch_twitter_btn -->
                <!-- BEGIN switch_fb_likebtn -->
                <span id="fb_likebtn" style="margin-left: 6px; "
                    <iframe src="http://www.facebook.com/plugins/like.php?href={FORUM_URL}{TOPIC_URL}&amp;layout=button_count&amp;show_faces=false&amp;width=100&amp;action=like&amp;colorscheme=light&amp;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 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[
                      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}&amp;t={TOPIC_ID}','{JS_SESSION_ID}', {JS_AUTH_FAVOURITES});
                    //]]>
                    </script>
                </span>
              </td>
          </tr>
        </table>

        <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
          <tr align="right">
              <td class="catHead" colspan="3" height="28">
                <table width="100%" border="0" cellspacing="0" cellpadding="0">
                    <tr>
                      <td width="9%" class="noprint"> </td>
                      <td align="center" class="t-title">
                          <h1 class="cattitle"> {TOPIC_TITLE}</h1>
                      </td>
                      <td align="right" width="9%" class="browse-arrows"><a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#bottom">{L_GOTO_DOWN}</a> </td>
                    </tr>
                </table>
              </td>
          </tr>
          <!-- BEGIN topicpagination -->
          <tr>
              <td class="row1 pagination" colspan="2" align="right" valign="top"><span class="gensmall">{PAGINATION}</span></td>
          </tr>
          <!-- END topicpagination -->
          {POLL_DISPLAY}
         
          <!-- BEGIN postrow -->
          <!-- BEGIN displayed -->
          <tr class="post">
              <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150">
                <div class="vava">{postrow.displayed.ONLINE_IMG}<span class="name"><a name="
    {postrow.displayed.U_POST_ID}"><center></a><strong>{postrow.displayed.POSTER_NAME}</strong></span><br /><center>
                    <span class="postdetails poster-profile">
                  <center> {postrow.displayed.POSTER_RANK}<br /><center>
                    {postrow.displayed.RANK_IMAGE}{postrow.displayed.POSTER_AVATAR}</div><br /><br />
<div class="vava">                 
 <!-- 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><br /></div>
                <img src="http://illiweb.com/fa/empty.gif" alt="" style="width:150px;height:1px" />
                <table border="0" cellspacing="0" cellpadding="0">
                    <tr>
                      <td valign="middle">
                          <div class="vava">{postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}<!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT}<!-- END contact_field --> <br/><center><a href="#top">{L_BACK_TO_TOP}</a> <a href="#bottom">{L_GOTO_DOWN}</a></center></div>
                      </td>
                    </tr>
                </table>
                <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 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}
        <!-- 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>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.TEXT_NO_DL}</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 -->

                            <!-- 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>
         
       
          <!-- 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>
                <td class="catBottom" colspan="2" height="28">
                    <table width="100%" border="0" cellspacing="0" cellpadding="0">
                      <tr>
                          <td valign="middle" width="100%" style="text-align: center;"><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>
                         
                      </tr>
                    </table>
                </td>
              </tr>
         
        </table>

        <!-- BEGIN promot_trafic -->
        <table class="forumline" width="100%" border="0" cellpadding="1" cellspacing="0" id="ptrafic_close" 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_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: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_LESS_IMG}" alt="-" align="middle" border="0" /></a></span></td>
                    </tr>
                </table>
              </td>
          </tr>
          <tr>
              <td class="row2" valign="top">
              <ul>
                <!-- BEGIN link -->
                <li><a href="{promot_trafic.link.U_HREF}" target="_blank" class="gensmall">{promot_trafic.link.TITLE}</a>
                <!-- END link -->
              </ul>
              </td>
          </tr>
        </table>
        <!-- END promot_trafic -->

        <table class="forumline noprint" width="100%" border="0" cellspacing="0" cellpadding="0">
          <tr>
              <td class="row2" valign="top" {COLSPAN_PAGINATION} width="150"><span class="gensmall">{PAGE_NUMBER}</span></td>
              <!-- BEGIN topicpagination -->
              <td class="row1" align="right" valign="top" ><span class="gensmall">{PAGINATION}</span></td>
              <!-- END topicpagination -->
          </tr>
          <!-- BEGIN switch_user_logged_in -->
          <!-- BEGIN watchtopic -->
          <tr>
              <td class="row2" colspan="2" align="right" valign="top"><span class="gensmall">{S_WATCH_TOPIC}</span></td>
          </tr>
          <!-- END watchtopic -->
          <!-- END switch_user_logged_in -->
          <tr>
              <td class="row2" colspan="2" align="center" style="padding:0px">
                <!-- BEGIN switch_user_logged_in -->
                <a name="quickreply"></a>
                {QUICK_REPLY_FORM}<br />
                <!-- END switch_user_logged_in -->
              </td>
          </tr>
          <tr>
              <td style="margin:0; padding: 0;" colspan="2">
                <table border="0" cellpadding="0" width="100%" cellspacing="0" id="info_open" style="display:''">
                    <tbody>
              <!-- BEGIN show_permissions -->
              <tr>
                <td class="row2" valign="top" width="25%"><span class="gensmall">{L_TABS_PERMISSIONS}</span></td>
                <td class="row1" valign="top" width="75%"><span class="gensmall">{S_AUTH_LIST}</span></td>
              </tr>
              <!-- END show_permissions -->
              <tr>
                <td class="catBottom" colspan="2" height="28">
                    <table width="100%" border="0" cellspacing="0" cellpadding="0">
                   
                    </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>
           
          </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>

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

              <!-- BEGIN moderation_panel -->
              <td align="center">
                <span class="gensmall"><center>{moderation_panel.U_YOUR_PERSONAL_MODERATE}</center></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="center" 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}" />
                  <span class="gen"><center>{L_MOD_TOOLS}<br />{S_SELECT_MOD}</center> <input class="liteoption" type="submit" value="{L_GO}" /></span>
                </form>
              </td>
          </tr>
        </table>
        <!-- END viewtopic_bottom -->

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


JanuOFF
Nouveau membre

Masculin
Messages : 24
Inscrit(e) le : 28/12/2014

http://hbsf.jtkc.org
JanuOFF a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Recréer les profils messages

Message par MlleAlys le Lun 23 Fév 2015 - 22:10

effectivement, beaucoup de center xD

Essayez avec ce template pour voir si la forme générale y est, on règlera le reste de la mise en forme avec le css (donnez le aussi au passage ça sera mieux ^^") :
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 ($('#50c2de').css('display') == 'block') {
                addthis_close();
                addthis_close();
            }
        });
    });
    //]]>
</script>
<table width="100%" border="0" cellspacing="2" cellpadding="0">
    <tr>
        <td align="left" valign="middle" nowrap="nowrap"> <span class="nav">
                <!-- BEGIN switch_user_authpost -->
                <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}one" alt="{L_POST_NEW_TOPIC}" align="middle" border="0" /></a>
                <!-- END switch_user_authpost -->
                <!-- BEGIN switch_user_authreply -->
                <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" id="i_reply" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>
                <!-- END switch_user_authreply -->
                </span>

        </td>
        <td align="left" valign="middle" nowrap="nowrap">
            <!-- BEGIN switch_twitter_btn --> <span id="twitter_btn" style="margin-left: 6px; ">
                <a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal">Tweet</a>
                <script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
                </span>

            <!-- END switch_twitter_btn -->
            <!-- BEGIN switch_fb_likebtn --> <span id="fb_likebtn" style="margin-left: 6px; "> <iframe src="http://www.facebook.com/plugins/like.php?href={FORUM_URL}{TOPIC_URL}&amp;layout=button_count&amp;show_faces=false&amp;width=100&amp;action=like&amp;colorscheme=light&amp;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 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[
                      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}&amp;t={TOPIC_ID}','{JS_SESSION_ID}', {JS_AUTH_FAVOURITES});
                    //]]>
                    </script>
                </span>

        </td>
    </tr>
</table>
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
    <tr align="right">
        <td class="catHead" colspan="3" height="28">
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
                <tr>
                    <td width="9%" class="noprint"></td>
                    <td align="center" class="t-title">
                        <h1 class="cattitle"> {TOPIC_TITLE}</h1>

                    </td>
                    <td align="right" width="9%" class="browse-arrows"><a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a>  <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a>  <a href="#bottom">{L_GOTO_DOWN}</a>
                    </td>
                </tr>
            </table>
        </td>
    </tr>
    <!-- BEGIN topicpagination -->
    <tr>
        <td class="row1 pagination" colspan="2" align="right" valign="top"><span class="gensmall">{PAGINATION}</span>

        </td>
    </tr>
    <!-- END topicpagination -->{POLL_DISPLAY}
    <!-- BEGIN postrow -->
    <!-- BEGIN displayed -->
    <tr class="post">
        <td class="{postrow.displayed.ROW_CLASS}" {postrow.displayed.THANK_BGCOLOR} valign="top" width="150">
            <a name="{postrow.displayed.U_POST_ID}"></a>
           
            <!--DEBUT PROFIL PERSONNALISE-->

            <div class="vava">
                {postrow.displayed.ONLINE_IMG}
                <div class="name">
                    {postrow.displayed.POSTER_NAME}
                </div>
                <div class="postdetails poster-profile">
                    {postrow.displayed.POSTER_RANK}
                    <br/>{postrow.displayed.RANK_IMAGE}
                    <br/>{postrow.displayed.POSTER_AVATAR}
                    <!-- BEGIN profile_field -->
                    {postrow.displayed.profile_field.LABEL}
                    {postrow.displayed.profile_field.CONTENT}
                    {postrow.displayed.profile_field.SEPARATOR}
                    <!-- END profile_field -->
                    {postrow.displayed.POSTER_RPG}
                </div>
            </div>
           
            <!--FIN PROFIL PERSONNALISE-->
           
        </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 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}
        <!-- 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>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.TEXT_NO_DL}</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 -->
                            <!-- 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>
        <!-- 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>
                <td class="catBottom" colspan="2" height="28">
                    <table width="100%" border="0" cellspacing="0" cellpadding="0">
                        <tr>
                            <td valign="middle" width="100%" style="text-align: center;"><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>
                        </tr>
                    </table>
                </td>
            </tr>
        </table>
        <!-- BEGIN promot_trafic -->
        <table class="forumline" width="100%" border="0" cellpadding="1" cellspacing="0" id="ptrafic_close" 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_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: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_LESS_IMG}" alt="-" align="middle" border="0" /></a></span>

                            </td>
                        </tr>
                    </table>
                </td>
            </tr>
            <tr>
                <td class="row2" valign="top">
                    <ul>
                        <!-- BEGIN link -->
                        <li><a href="{promot_trafic.link.U_HREF}" target="_blank" class="gensmall">{promot_trafic.link.TITLE}</a>

                        </li>
                        <!-- END link -->
                    </ul>
                </td>
            </tr>
        </table>
        <!-- END promot_trafic -->
        <table class="forumline noprint" width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
                <td class="row2" valign="top" {COLSPAN_PAGINATION} width="150"><span class="gensmall">{PAGE_NUMBER}</span>

                </td>
                <!-- BEGIN topicpagination -->
                <td class="row1" align="right" valign="top"><span class="gensmall">{PAGINATION}</span>

                </td>
                <!-- END topicpagination -->
            </tr>
            <!-- BEGIN switch_user_logged_in -->
            <!-- BEGIN watchtopic -->
            <tr>
                <td class="row2" colspan="2" align="right" valign="top"><span class="gensmall">{S_WATCH_TOPIC}</span>

                </td>
            </tr>
            <!-- END watchtopic -->
            <!-- END switch_user_logged_in -->
            <tr>
                <td class="row2" colspan="2" align="center" style="padding:0px">
                    <!-- BEGIN switch_user_logged_in --> <a name="quickreply"></a>
{QUICK_REPLY_FORM}
                    <br />
                    <!-- END switch_user_logged_in -->
                </td>
            </tr>
            <tr>
                <td style="margin:0; padding: 0;" colspan="2">
                    <table border="0" cellpadding="0" width="100%" cellspacing="0" id="info_open" style="display:''">
                        <tbody>
                            <!-- BEGIN show_permissions -->
                            <tr>
                                <td class="row2" valign="top" width="25%"><span class="gensmall">{L_TABS_PERMISSIONS}</span>

                                </td>
                                <td class="row1" valign="top" width="75%"><span class="gensmall">{S_AUTH_LIST}</span>

                                </td>
                            </tr>
                            <!-- END show_permissions -->
                            <tr>
                                <td class="catBottom" colspan="2" height="28">
                                    <table width="100%" border="0" cellspacing="0" cellpadding="0"></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></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>
                    <td align="right" nowrap="nowrap"><span class="gensmall">{L_JUMP_TO}: {S_JUMPBOX_SELECT} <input class="liteoption" type="submit" value="{L_GO}" /></span>

                    </td>
                    <!-- BEGIN moderation_panel -->
                    <td align="center"> <span class="gensmall"><center>{moderation_panel.U_YOUR_PERSONAL_MODERATE}</center></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="center" 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}" /> <span class="gen"><center>{L_MOD_TOOLS}<br />{S_SELECT_MOD}</center> <input class="liteoption" type="submit" value="{L_GO}" /></span>

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


Ah, je n'ai pas pensé à une chose, il y avait d'autres endroits modifiés dans votre template ? =s


Dernière édition par MlleAlys le Lun 23 Fév 2015 - 22:24, édité 1 fois

MlleAlys
+ Hyperactif +

Messages : 4340
Inscrit(e) le : 12/09/2012

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

Résolu Re: Recréer les profils messages

Message par JanuOFF le Lun 23 Fév 2015 - 22:22

D'accord

pour le css le voici: 

Code:
.name{
        font-size : 20px;
        font-family : Shadows Into Light;
        text-align: center;
        letter-spacing: -1px;
         text-shadow: 0px 1px 0px #000000
        }




.vava {
    background-image : url("http://image.noelshack.com/fichiers/2013/51/1387566312-saf.png");
  box-shadow: 1px 2px 2px black;
border:1px #34b8d9 solid;
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
margin: 5px;
padding: 5px;
}

.vava2 {
 background-image : url("http://www.pays-du-pithiverais.fr/pics_bdd/lambert_visuel_2/11659212411_fond_gris_pour_communes.jpg");
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
margin: 5px;
padding: 9px;
font-size: 13px;
  font-family :Share Tech;
}
.vava2{
font-size : 16px;
}
 
        -RETRAIT : ce CSS pose de nombreux problèmes - { display: none; }

.bodyline {
-moz-border-radius:210px / 100px;
-webkit-border-radius: 210px / 100px;
border-radius:210px / 100px;
  box-shadow: 0px 0px 7px #000;
        background-color: #ede7d8;
        }
 
.bodyline{
border: solid 2px;

}
    
.forumline
{
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 1px;
  margin-bottom: 6px;
   box-shadow: 0px 0px 5px #000000;
  border: 0px solid #7e8a89;
  -moz-box-shadow: 0px 0px 5px #595959;
  -o-box-shadow: 0px 0px 5px #595959;
  -htm-box-shadow: 0px 0px 5px #595959;
  -webkit-box-shadow: 0px 0px 5px #595959;
}
 .bodyline{
        background : url('http://image.noelshack.com/fichiers/2013/22/1369937207-haninelm.png');
        }
      
      
    
        
      




 td.row1{
background-image: url("http://image.noelshack.com/fichiers/2013/22/1369937207-haninelm.png");
background-repeat: repeat;
}
td.row2{
background-image: url("http://image.noelshack.com/fichiers/2013/22/1369937207-haninelm.png");
background-repeat: repeat;
}
td.row3{
background-image: url("http://image.noelshack.com/fichiers/2013/22/1369937207-haninelm.png");
background-repeat: repeat;
}    
    


      
        
  

        





        
        #quick_reply #av_quickreply{
          display: table-cell;
          width: 200px;
        }
        
        #quick_reply #textarea_content{
          width: 800px !important;
          display: table;
        }
        
        #quick_reply #text_editor_controls{
          position: relative;
          left: 100px;
        }
        

                


    



        
.sceditor-container iframe, .sceditor-container textarea {background:url("http://image.noelshack.com/fichiers/2013/22/1369937207-haninelm.png")!important;}

 



        



.spoiler_closed, .spoiler_closed.hidden, .spoiler_content, .spoiler_content.hidden {
    border:1px solid #000000;
  background-color:#FFFFFF;
  text-align : justify;
  color:#000000;
  -moz-border-radius:20px;
  border-radius:20px;
  padding:10px;
}

body {text-shadow:0 0 5px #FFFFFF;}
.name div span {
text-shadow: #k9k9k9 2px 2px 2px;
}


        
      


.forumline
        {
          padding: 1px;
        -moz-border-radius:6px;
        -webkit-border-radius:6px;
        -ô-border-radius:6px;
        -khtml-border-radius:6px;
        border-radius:6px;
  box-shadow: 2px #0F92A6
        }
    

 

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

-RETRAIT : ce CSS pose de nombreux problèmes - { display: none; }

.overflow-block {
    overflow: auto;
    white-space: nowrap;    /* nécessaire pour défilement horizontal */
    width: 200px;    /* largeur du bloc */
    height: 100px;  /* hauteur du bloc */
}

/*Début corps de message*/
div.postbody {
border: 1px solid #87ceeb;
background-color: #ffffff;
padding: 10px;
margin: 10px;
}
/*Fin corps de message*/
div.postbody{text-align:center !important;}

@charset 'utf-8';
/*************************************************!
*
*  project:    liteAccordion - a horizontal accordion plugin for jQuery
*  author:    Nicola Hibbert
*  url:        http://nicolahibbert.com/accordion-pro/
*  demo:      http://www.nicolahibbert.com/demo/liteAccordion/
*
*  Version:    2.0.2
*  Copyright:  (c) 2010-2011 Nicola Hibbert
*  Licence:    MIT
*
**************************************************/
/****************************************** Core */
.accordion { text-align: left; font: 'Helvetica Neue', Verdana, Arial, sans-serif }
.accordion > ol { position: relative; overflow: hidden; height: 100%; margin: 0; padding: 0; list-style-type: none }
.accordion .slide > h2 {
  color: white;
    font-size: 16px;    
  font-weight: normal;
  margin: 0;
  z-index: 100;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: translateX(-100%) rotate(-90deg);
  -webkit-transform-origin: right top;
  -moz-transform: translateX(-100%) rotate(-90deg);
  -moz-transform-origin: right top;
  -o-transform: translateX(-100%) rotate(-90deg);
  -o-transform-origin: right top;
  transform: translateX(-100%) rotate(-90deg);
  transform-origin: right top;
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
.accordion .slide > h2 span {
    display: block;
    padding-right: 8%;
    text-align: right;
    height: 90%;
    margin-top: 5px;
    -moz-user-select: none;
    -khtml-user-select: none;
    user-select: none;
}
.accordion .slide > h2 b {
    display: inline-block;
    position: absolute;
    top: 13%;
    left: 10%;
    text-align: center;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}
.accordion .slide > h2:hover { cursor: pointer }
.accordion .slide > div { height: 100%; position: absolute; top: 0; z-index: 10; overflow: hidden; background: white }
.accordion noscript p { padding: 10px; margin: 0; background: white }

/****************************************** Dark */
.accordion {
    border: 0px solid #353535;
    border-bottom-width: 0px;
    padding: 5px 5px 6px 0;
background: #030303;
    -webkit-box-shadow: 0 0 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 0 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4);
    -ms-box-shadow: 0 0 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4);
    -o-box-shadow: 0 0 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4);
}
.accordion .slide > h2 { background: #030303; text-shadow: 0 -1px 0 #030303; line-height: 265% }
.accordion .slide > h2 span { background : url('http://i39.servimg.com/u/f39/18/40/89/15/lol10.png'); color: white }
.accordion .slide > h2 b { background : url(''); color: #ffffff; text-shadow: -1px 1px 0 #030303 }
.accordion .slide > h2.selected span, .accordion .slide > h2.selected span:hover {
    background : url('http://i39.servimg.com/u/f39/18/40/89/15/lol10.png');
}
.accordion .slide > h2.selected b {
background : url('');
}
.accordion .slide > div {  background: #FFFFFF; margin-left: 5px }
/*************************************** Rounded */
.rounded, .rounded > ol { -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; border-radius: 6px }
.rounded .slide > h2 span { -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px }

/******************************************** IE */
.ie .slide > h2 b { top: 42%; left: 5% }
.ie9 .slide > h2 { filter: none; -ms-transform: translateX(-100%) rotate(-90deg); -ms-transform-origin: right top }
.ie.accordion .slide > h2 b { top: 44% }
.ie9.accordion .slide > h2.selected span, .ie9.accordion .slide > h2.selected span:hover { filter: none }

/******************************************** FA */
.accordion figure .full { width: 100%; height: 100%; }
.accordion h2 { border: none; }

/* centrer l'accordéon */
.accordion { margin: auto; }
table.tableau_profil{
   width:200px;
   margin:auto;
   border:0;
   }
  
table.tableau_profil td.haut_tab{
   width:205px;
   height:12px;
   background-image:url('http://image.noelshack.com/fichiers/2013/25/1371653196-haut.png');
   background-repeat:no-repeat;
   }
  
table.tableau_profil td.milieu_tab{
   width:205px;
   background-image:url('http://image.noelshack.com/fichiers/2013/25/1371653196-mlx.png');
   background-repeat:repeat-y;
   padding-left:14px;
   padding-right:14px;
   text-align:center;
   }
  
table.tableau_profil td.bas_tab{
   width:205px;
   height:12px;
   background-image:url('http://image.noelshack.com/fichiers/2013/25/1371653196-bas.png');
   background-repeat:no-repeat;
   }
  
table.tableau_profil td.milieu_tab span.pseudo_posteur{
   font-family:Comic Sans Ms;
   font-size:12pt;
   }
  
table.tableau_profil td.milieu_tab span.rang_posteur{
   font-family:Comic Sans Ms;
   font-size:8pt;
   color:white;
   font-style:italic;
   }
  
table.tableau_profil td.milieu_tab div.infos_posteur{
   width:160px;
   margin:auto;
   padding:4px;
   text-align:left;
   font-family:Comic Sans Ms;
   font-size:10pt;
   color:white;
   background-color:#4abce6;
   border:1px solid white;
   opacity:0.5; /* Transparence : 0 = transparent // 1 = opaque */
   -moz-opacity : 0.5; /* Transparence pour Firefox */
    -ms-filter: "alpha(opacity=50)"; /* Transparence pour IE 8 */
    filter : alpha(opacity=50); /* Transparence pour les versions IE antérieure à  la 8 */
   }
  
 

/* largeur de l'éditeur */
.sceditor-container { width: 710px!important;
}
 
/* largeur de la zone de saisie de texte */
.sceditor-container iframe, .sceditor-container textarea {
width: 98%!important;
}

/* Icônes couleur dans la palette */
 
.color-option {
display: inline-block !important;
width: 15px !important;  /* largeur de l'icône couleur */
height: 15px !important;  /* hauteur de l'icône couleur */
border: 2px solid #fff !important;  /* cadre blanc sur l'icône couleur */
margin: 3px !important;   /* espace entre chaque icône */
box-shadow: 0 0 2px #778899;   /* ombre */
cursor: pointer !important;
}
.color-option span{
display: block !important;
width: 15px !important;  /* largeur de l'icône couleur */
height: 15px !important;  /* hauteur de l'icône couleur */
}
.color-option, .color-option span {
border-radius: 2px;  /* arrondi */  
}
 
/* Palette complète - la largeur influence le nombre d'icônes affichées */
.sceditor-dropdown.sceditor-color-picker {
width: 200px !important;  /* largeur de la palette complète */
height: 100px !important;  /* hauteur de la palette complète */
padding: 5px !important;
border-radius: 5px !important;
}

.row2 .postprofile {
            background-color: #E5F1F9;
        }
        
        .row1 .postprofile {
            background-color: #DCEAF5;
        }
        
        .postprofile {
            border-radius: 10px 10px 10px 10px;
            border: medium none ! important;
            padding: 5px;
        }
body, a:hover {cursor: url(http://cur.cursors-4u.net/sports/spo-1/spo61.cur), progress !important;}
        
a {
cursor : url(http://www.cursors-4u.com/cursor/2005/05/12/spo17-11.h) help;
}

.post-options {
text-align: center !important;
}

j'avais testé de rajouté des trucks souvent mais comme je suis mauvais je réussissez pas, et je finissais par pas les enlever en ayant peur d'enlever des choses qu'ils ne fallaient pas, donc si ya certains truck louches c'est normal.. :')

Pour votre template: 

elle y est mais il n'y a pas le cadre avec le fond blanc.. comme dans le schéma :'(

screen de maintenant:

j'aurais aimé garder le cadre si possible

merci de m'aidé, c'est gentil en tout cas Smile

j'édite mon message en voyant la dernière phrase:

oui j'avais tout modifié dessus en rajoutant ce que je voulais grâce à des gens qui m'avaient aidé, donc je vais remettre l'ancien en fait parce que finalement ça enlève tout :')

JanuOFF
Nouveau membre

Masculin
Messages : 24
Inscrit(e) le : 28/12/2014

http://hbsf.jtkc.org
JanuOFF a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Recréer les profils messages

Message par MlleAlys le Lun 23 Fév 2015 - 22:33

Non c'est juste que comme il y avait des erreurs je me suis basée sur le template par défaut pour modifier le profil ^^"
(par contre, c'est possible de ne pas mettre la mise en forme centrée de vos messages ? c'est très perturbant pour les codes, désolée, merci xD)

hmmm.... je vais laisser tel quel pour l'instant alors, à voir plus tard si j'arrive à trouver les erreurs pour les corriger ^^"
Essayez avec celui là :
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 ($('#50c2de').css('display') == 'block') {
                addthis_close();
                addthis_close();
              }
          });
        });
        //]]>
        </script>

        <table width="100%" border="0" cellspacing="2" cellpadding="0">
          <tr>
              <td align="left" valign="middle" nowrap="nowrap">
                <span class="nav">
                <!-- BEGIN switch_user_authpost -->
                <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}one" alt="{L_POST_NEW_TOPIC}" align="middle" border="0" /></a>
                <!-- END switch_user_authpost -->
                <!-- BEGIN switch_user_authreply -->
                <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" id="i_reply" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>
                <!-- END switch_user_authreply -->
                </span>
              </td>
              <td align="left" valign="middle" nowrap="nowrap">
                <!-- BEGIN switch_twitter_btn -->
                <span id="twitter_btn" style="margin-left: 6px; ">
                <a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal">Tweet</a>
                <script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
                </span>
                <!-- END switch_twitter_btn -->
                <!-- BEGIN switch_fb_likebtn -->
                <span id="fb_likebtn" style="margin-left: 6px; "
                    <iframe src="http://www.facebook.com/plugins/like.php?href={FORUM_URL}{TOPIC_URL}&amp;layout=button_count&amp;show_faces=false&amp;width=100&amp;action=like&amp;colorscheme=light&amp;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 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[
                      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}&amp;t={TOPIC_ID}','{JS_SESSION_ID}', {JS_AUTH_FAVOURITES});
                    //]]>
                    </script>
                </span>
              </td>
          </tr>
        </table>

        <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
          <tr align="right">
              <td class="catHead" colspan="3" height="28">
                <table width="100%" border="0" cellspacing="0" cellpadding="0">
                    <tr>
                      <td width="9%" class="noprint"> </td>
                      <td align="center" class="t-title">
                          <h1 class="cattitle"> {TOPIC_TITLE}</h1>
                      </td>
                      <td align="right" width="9%" class="browse-arrows"><a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#bottom">{L_GOTO_DOWN}</a> </td>
                    </tr>
                </table>
              </td>
          </tr>
          <!-- BEGIN topicpagination -->
          <tr>
              <td class="row1 pagination" colspan="2" align="right" valign="top"><span class="gensmall">{PAGINATION}</span></td>
          </tr>
          <!-- END topicpagination -->
          {POLL_DISPLAY}
         
          <!-- BEGIN postrow -->
          <!-- BEGIN displayed -->
          <tr class="post">
              <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150"><a name="{postrow.displayed.U_POST_ID}"></a>
           
            <!--DEBUT PROFIL PERSONNALISE-->

            <div class="vava">
                {postrow.displayed.ONLINE_IMG}
                <div class="name">
                    {postrow.displayed.POSTER_NAME}
                </div>
                <div class="postdetails poster-profile">
                    {postrow.displayed.POSTER_RANK}
                    <br/>{postrow.displayed.RANK_IMAGE}
                    <br/>{postrow.displayed.POSTER_AVATAR}
                    <!-- BEGIN profile_field -->
                    {postrow.displayed.profile_field.LABEL}
                    {postrow.displayed.profile_field.CONTENT}
                    {postrow.displayed.profile_field.SEPARATOR}
                    <!-- END profile_field -->
                    {postrow.displayed.POSTER_RPG}
                </div>
            </div>
           
            <!--FIN PROFIL PERSONNALISE-->
            </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 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}
        <!-- 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>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.TEXT_NO_DL}</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 -->

                            <!-- 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>
         
       
          <!-- 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>
                <td class="catBottom" colspan="2" height="28">
                    <table width="100%" border="0" cellspacing="0" cellpadding="0">
                      <tr>
                          <td valign="middle" width="100%" style="text-align: center;"><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>
                         
                      </tr>
                    </table>
                </td>
              </tr>
         
        </table>

        <!-- BEGIN promot_trafic -->
        <table class="forumline" width="100%" border="0" cellpadding="1" cellspacing="0" id="ptrafic_close" 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_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: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_LESS_IMG}" alt="-" align="middle" border="0" /></a></span></td>
                    </tr>
                </table>
              </td>
          </tr>
          <tr>
              <td class="row2" valign="top">
              <ul>
                <!-- BEGIN link -->
                <li><a href="{promot_trafic.link.U_HREF}" target="_blank" class="gensmall">{promot_trafic.link.TITLE}</a>
                <!-- END link -->
              </ul>
              </td>
          </tr>
        </table>
        <!-- END promot_trafic -->

        <table class="forumline noprint" width="100%" border="0" cellspacing="0" cellpadding="0">
          <tr>
              <td class="row2" valign="top" {COLSPAN_PAGINATION} width="150"><span class="gensmall">{PAGE_NUMBER}</span></td>
              <!-- BEGIN topicpagination -->
              <td class="row1" align="right" valign="top" ><span class="gensmall">{PAGINATION}</span></td>
              <!-- END topicpagination -->
          </tr>
          <!-- BEGIN switch_user_logged_in -->
          <!-- BEGIN watchtopic -->
          <tr>
              <td class="row2" colspan="2" align="right" valign="top"><span class="gensmall">{S_WATCH_TOPIC}</span></td>
          </tr>
          <!-- END watchtopic -->
          <!-- END switch_user_logged_in -->
          <tr>
              <td class="row2" colspan="2" align="center" style="padding:0px">
                <!-- BEGIN switch_user_logged_in -->
                <a name="quickreply"></a>
                {QUICK_REPLY_FORM}<br />
                <!-- END switch_user_logged_in -->
              </td>
          </tr>
          <tr>
              <td style="margin:0; padding: 0;" colspan="2">
                <table border="0" cellpadding="0" width="100%" cellspacing="0" id="info_open" style="display:''">
                    <tbody>
              <!-- BEGIN show_permissions -->
              <tr>
                <td class="row2" valign="top" width="25%"><span class="gensmall">{L_TABS_PERMISSIONS}</span></td>
                <td class="row1" valign="top" width="75%"><span class="gensmall">{S_AUTH_LIST}</span></td>
              </tr>
              <!-- END show_permissions -->
              <tr>
                <td class="catBottom" colspan="2" height="28">
                    <table width="100%" border="0" cellspacing="0" cellpadding="0">
                   
                    </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>
           
          </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>

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

              <!-- BEGIN moderation_panel -->
              <td align="center">
                <span class="gensmall"><center>{moderation_panel.U_YOUR_PERSONAL_MODERATE}</center></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="center" 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}" />
                  <span class="gen"><center>{L_MOD_TOOLS}<br />{S_SELECT_MOD}</center> <input class="liteoption" type="submit" value="{L_GO}" /></span>
                </form>
              </td>
          </tr>
        </table>
        <!-- END viewtopic_bottom -->

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

Je n'ai modifié que la partie profil


MlleAlys
+ Hyperactif +

Messages : 4340
Inscrit(e) le : 12/09/2012

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

Résolu Re: Recréer les profils messages

Message par JanuOFF le Lun 23 Fév 2015 - 22:41

Ohh ça a marcher, donc voilà ce que ça donne:


donc en gros c'est bon ahah! 

Juste une question comment je pourrais centrer les informations justement (pseudo hb, club, nation etc..) ?

JanuOFF
Nouveau membre

Masculin
Messages : 24
Inscrit(e) le : 28/12/2014

http://hbsf.jtkc.org
JanuOFF a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Recréer les profils messages

Message par MlleAlys le Lun 23 Fév 2015 - 22:45

Dans votre code css, au tout début, vous avez ce code :
Code:
.vava {
    -moz-border-radius-bottomleft: 10px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    background-image: url(http://image.noelshack.com/fichiers/2013/51/1387566312-saf.png);
    border: 1px #34b8d9 solid;
    box-shadow: 1px 2px 2px #000;
    margin: 5px;
    padding: 5px;
}

Ajoutez une ligne text-align: center;
Ce qui donne :
Code:
.vava {
    -moz-border-radius-bottomleft: 10px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    background-image: url(http://image.noelshack.com/fichiers/2013/51/1387566312-saf.png);
    border: 1px #34b8d9 solid;
    box-shadow: 1px 2px 2px #000;
    margin: 5px;
    padding: 5px;
    text-align: center;
}

MlleAlys
+ Hyperactif +

Messages : 4340
Inscrit(e) le : 12/09/2012

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

Résolu Re: Recréer les profils messages

Message par JanuOFF le Lun 23 Fév 2015 - 23:01

Merci beaucoup ça a marcher! Surprised
Je te remercie infiniment! <3
Tu m'as vraiment bien aidé franchement, merci beaucoup! 

JanuOFF
Nouveau membre

Masculin
Messages : 24
Inscrit(e) le : 28/12/2014

http://hbsf.jtkc.org
JanuOFF a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Recréer les profils messages

Message par MlleAlys le Lun 23 Fév 2015 - 23:10

de rien ^^
n'oublie pas d'éditer ton premier message pour passer le sujet en résolu ^^

MlleAlys
+ Hyperactif +

Messages : 4340
Inscrit(e) le : 12/09/2012

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

Résolu Re: Recréer les profils messages

Message par Chacha le Mer 25 Fév 2015 - 10:09

@JanuOFF a écrit:
Merci beaucoup ça a marcher! Surprised
Je te remercie infiniment! <3
Tu m'as vraiment bien aidé franchement, merci beaucoup! 
..Bonjour,

Afin de faciliter la gestion des problèmes, si votre problème est résolu, pensez à :
  • éditer votre premier message,
  • cocher l'icône résolu
  • Et enregistrer en cliquant sur


Vous pouvez également remercier les personnes qui vous ont aidé, en cliquant sur le bouton

A bientôt sur ForumActif Smile


Règles Générales du Forum - Le Staff de ForumActif
Questions & Réponses Fréquentes - Trucs & Astuces
Outils Fondateurs - Perte de Mot de Passe

Chacha
Modéractif
Modéractif

Masculin
Messages : 49707
Inscrit(e) le : 21/08/2010

http://forum.forumactif.com/
Chacha 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