Problème avec le codage de mon profil

2 participants

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

Résolu Problème avec le codage de mon profil

Message par Loü Mar 15 Oct 2013 - 15:46

Bonjour Very Happy 

Je viens vers vous parce que ça fait trois jours que je m'emmêle les pinceaux avec le codage du profil de mon forum. J'ai beau tester et retester, je me perds, je m'enlise... Autant vous prévenir, si quelqu'un tente de m'aider, je m'accrocherai à lui comme à une bouée de sauvetage. I love you 
Je suis fondatrice du forum, en phpbb2 et j'ai modifié pas mal de templates.

Effet recherché : J'aimerais que les informations du profil apparaissent toutes dans le même cadre. De plus j'aimerais que le gif soit positionné tout à la fin et qu'il épouse l'arrondi du cadre de profil. (comme l'avatar mais dans l'autre sens.) Merci à tous ceux qui tenteront de m'aider.

Aperçu actuel : https://2img.net/r/hpimg11/pics/843440PROFIL.png

Lien direct : http://cursedtown.forumactif.org/t18-descriptif-des-lignees-de-sang-purs

Template :
Code:

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

var hiddenMsgLabel = { visible:'{JS_HIDE_HIDDEN_MESSAGE}', hidden:'{JS_SHOW_HIDDEN_MESSAGE}' };
showHiddenMessage = function(id)
{
    try
    {
        var regId = parseInt(id, 10);
        if( isNaN(regId) ) { regId = 0; }
        
        if( regId > 0)
        {
            $('.post--' + id).toggle(0, function()
 {
 if( $(this).is(":visible") )
 {
 $('#hidden-title--' + id).html(hiddenMsgLabel.visible);
 }
 else
 {
 $('#hidden-title--' + id).html(hiddenMsgLabel.hidden);
 }
 });
        }
    }
    catch(e) { }
    
 return false;
};

//]]>
</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 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>
 
</tr>
</table>

<table class="forumline" width="100%" border="0" cellspacing="0" cellpadding="0" style="border-bottom: 0px;">
 <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 hidden -->
 <tr>
 <td class="postdetails {postrow.hidden.ROW_CLASS}" colspan="3" align="center">{postrow.hidden.MESSAGE}</td>
 </tr>
 <!-- END hidden -->
 <!-- BEGIN displayed -->
<tr class="post post--{postrow.displayed.U_POST_ID}" id="p{postrow.displayed.U_POST_ID}" style="{postrow.displayed.DISPLAYABLE_STATE}">
 <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="220">
               <table><tr><td class="profil_contour"><span class="name"><a name="{postrow.displayed.U_POST_ID}"></a></span>
 <span class="postdetails poster-profile">
                                  <center>{postrow.displayed.POSTER_AVATAR}</center><center><div class="pseudo">{postrow.displayed.POSTER_NAME}</div></center><center><div class="rang">{postrow.displayed.POSTER_RANK}</div></center><br/>
                    <!-- BEGIN profile_field -->
                                  <center><div class="infosduprofil"><span class="infosduprofil">{postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}</span></div></center>
 <!-- END profile_field -->
                                  <span style="font-family: croissant one;">{postrow.displayed.POSTER_RPG}</span>
 </span><br />
                 <img src="http://2img.net/i/fa/empty.gif" alt="" style="width:220px;height:1px" /></td></tr></table>
 </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 />
                                          <center>
        <span style="background-color:#000000;font-size:10px;position:relative;top:-3px;border:2px solid #ADE0E8;
          border-top:none;padding:2px 15px 2px 15px;
        -webkit-border-bottom-right-radius: 6px;
        -webkit-border-bottom-left-radius: 6px;
        border-bottom-right-radius: 6px;
          border-bottom-left-radius:6px;
                                            border-radius: 20px 0px 20px 0px;">Hibou signé {postrow.displayed.POSTER_NAME} le {postrow.displayed.POST_DATE}</span>
                                          
                                          
</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>
 <!-- BEGIN switch_signature -->
 <div class="signature_div">
 {postrow.displayed.SIGNATURE}
 </div>
 <!-- END switch_signature -->

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

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

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

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

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

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

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

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

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

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

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

<!-- 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>
Css :
Code:
.profil_contour
{
background-color: #000000; /*Le fond*/
border-radius:100px;
}
.profil_contour2
{background-color:#000000;}
border-radius:100px;

.avatar
{margin-top:5px;}
.infosduprofil
{
margin-left: 10px;
text-align:justify;
text-transform:uppercase;
letter-spacing:1px;
font-size:9px;
font-family:times new roman;
margin-right:5px;
margin-bottom:5px;
margin-left:5px;
background:#0B0D13;
border: dotted 2px #14161A;
border-radius:100px;



}
.pseudo { font-family: Tangerine;
font-style:italic;
font-size: 34px;
text-transform:lowercase;
margin-top:-16px;}

.rang{ font-family:times new roman;
font-size: 8px;
text-transform:uppercase;
letter-spacing:2px;
color:#ffffff;
margin-top:-10px;}

.postdetails.poster-profile a img
{border : solid 6px #0B0D13
 border-radius:100px;
}

.postdetails.poster-profile img {
 width: 200px;
border : solid 2px #000000;
border-radius:100px 100px 0px 0px;
font-size:8px;
}


Dernière édition par Loü le Mer 16 Oct 2013 - 22:42, édité 1 fois
Loü

Loü
***

Messages : 171
Inscrit(e) le : 28/01/2010

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

Résolu Re: Problème avec le codage de mon profil

Message par MlleAlys Mer 16 Oct 2013 - 0:34

Bonsoir,
pour l'histoire des informations du profil dans un seul cadre, le code suivant devrait fonctionner :

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();
            }
        });
    });

    var hiddenMsgLabel = {
        visible: '{JS_HIDE_HIDDEN_MESSAGE}',
        hidden: '{JS_SHOW_HIDDEN_MESSAGE}'
    };
    showHiddenMessage = function(id) {
        try {
            var regId = parseInt(id, 10);
            if (isNaN(regId)) {
                regId = 0;
            }

            if (regId > 0) {
                $('.post--' + id).toggle(0, function() {
                    if ($(this).is(":visible")) {
                        $('#hidden-title--' + id).html(hiddenMsgLabel.visible);
                    } else {
                        $('#hidden-title--' + id).html(hiddenMsgLabel.hidden);
                    }
                });
            }
        } catch (e) {}

        return false;
    };

    //]]>
</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 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>
    </tr>
</table>
<table class="forumline" width="100%" border="0" cellspacing="0" cellpadding="0" style="border-bottom: 0px;">
    <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 hidden -->
    <tr>
        <td class="postdetails {postrow.hidden.ROW_CLASS}" colspan="3" align="center">{postrow.hidden.MESSAGE}</td>
    </tr>
    <!-- END hidden -->
    <!-- BEGIN displayed -->
    <tr class="post post--{postrow.displayed.U_POST_ID}" id="p{postrow.displayed.U_POST_ID}" style="{postrow.displayed.DISPLAYABLE_STATE}">
        <td class="{postrow.displayed.ROW_CLASS}" {postrow.displayed.THANK_BGCOLOR} valign="top" width="220">
        <table>
        <tr>
            <td class="profil_contour">
                <span class="name">
                    <a name="{postrow.displayed.U_POST_ID}"></a>
                </span>
                <div class="postdetails poster-profile">
                    <div class="avatar_profil">
                        {postrow.displayed.POSTER_AVATAR}
                    </div>
                    <div class="pseudo">
                        {postrow.displayed.POSTER_NAME}
                    </div>
                    <div class="rang">
                        {postrow.displayed.POSTER_RANK}
                    </div>
                    <br/>
                    <div class="infosduprofil">
                        <!-- BEGIN profile_field -->
                        <div>
                            {postrow.displayed.profile_field.LABEL}
                            {postrow.displayed.profile_field.CONTENT}
                            {postrow.displayed.profile_field.SEPARATOR}
                        </div>
                        <!-- END profile_field -->
                    </div>
                    <span>
                        {postrow.displayed.POSTER_RPG}
                    </span>
                </div>
            </td>
        </tr>
        </table>
        </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 />
                        <center> <span style="background-color:#000000;font-size:10px;position:relative;top:-3px;border:2px solid #ADE0E8;
          border-top:none;padding:2px 15px 2px 15px;
        -webkit-border-bottom-right-radius: 6px;
        -webkit-border-bottom-left-radius: 6px;
        border-bottom-right-radius: 6px;
          border-bottom-left-radius:6px;
                                            border-radius: 20px 0px 20px 0px;">Hibou signé {postrow.displayed.POSTER_NAME} le {postrow.displayed.POST_DATE}</span>

                    </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>
                            <!-- BEGIN switch_signature -->
                            <div class="signature_div">{postrow.displayed.SIGNATURE}</div>
                            <!-- END switch_signature -->
                        </div>
                    </td>
                </tr>
            </table>
        </td>
    </tr>
    <tr class="post--{postrow.displayed.U_POST_ID}" style="{postrow.displayed.DISPLAYABLE_STATE}">
        <td class="{postrow.displayed.ROW_CLASS} browse-arrows" {postrow.displayed.THANK_BGCOLOR} align="center" valign="middle" width="150"> <a href="#top">{L_BACK_TO_TOP}</a>  <a href="#bottom">{L_GOTO_DOWN}</a>

        </td>
        <td class="{postrow.displayed.ROW_CLASS} messaging gensmall" {postrow.displayed.THANK_BGCOLOR} width="100%" height="28">
            <table border="0" cellspacing="0" cellpadding="0">
                <tr>
                    <td valign="middle">{postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}
                        <!-- BEGIN contact_field -->{postrow.displayed.contact_field.CONTENT}
                        <!-- END contact_field -->{postrow.displayed.ONLINE_IMG}</td>
                </tr>
            </table>
        </td>
    </tr>
    <!-- BEGIN first_post_br -->
</table>
<br />
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
    <tr>
        <th class="thLeft" nowrap="nowrap" width="150px" height="26">{L_AUTHOR}</th>
        <th class="thRight" nowrap="nowrap" colspan="2">{L_MESSAGE}</th>
    </tr>
    <!-- END first_post_br -->
    <!-- END displayed -->
    <!-- END postrow -->
    <!-- BEGIN no_post -->
    <tr align="center">
        <td class="row1" colspan="3" height="28"> <span class="genmed">{no_post.L_NO_POST}</span>

        </td>
    </tr>
    <!-- END no_post -->
    <tr align="right">
        <td class="catBottom" colspan="3" height="28">
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
                <tr>
                    <td width="9%" class="noprint"></td>
                    <td align="center" class="t-title"><a name="bottomtitle"></a>
                        <h1 class="cattitle">{TOPIC_TITLE}</h1>
                    </td>
                    <td align="right" nowrap="nowrap" width="9%" class="browse-arrows"><a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a>  <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a>  <a href="#top">{L_BACK_TO_TOP}</a>
                    </td>
                </tr>
            </table>
        </td>
    </tr>
</table>
<table class="forumline noprint" width="100%" border="0" cellspacing="0" cellpadding="0" style="margin: 0 0 1px 0; border-top: 0px;">
    <tr>
        <td class="row2" valign="top" {COLSPAN_PAGINATION} width="150"><span class="gensmall">{PAGE_NUMBER}</span>
        </td>
        <!-- BEGIN topicpagination -->
        <td class="row1" align="right" valign="top"><span class="gensmall">{PAGINATION}</span>
        </td>
        <!-- END topicpagination -->
    </tr>
    <!-- BEGIN switch_user_logged_in -->
    <!-- BEGIN watchtopic -->
    <tr>
        <td class="row2" colspan="2" align="right" valign="top"><span class="gensmall">{S_WATCH_TOPIC}</span>
        </td>
    </tr>
    <!-- END watchtopic -->
    <!-- END switch_user_logged_in -->
</table>
<!-- BEGIN promot_trafic -->
<table class="forumline" width="100%" border="0" cellpadding="1" cellspacing="0" id="ptrafic_close" style="display:none;margin: 1px 0px 1px 0px">
    <tr>
        <td class="catBottom" height="28">
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
                <tr>
                    <td valign="top">
                        <h1 class="cattitle"> {PROMOT_TRAFIC_TITLE}</h1>
                    </td>
                    <td align="right" valign="middle" width="10"><span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_MORE_IMG}" alt="+" align="middle" border="0" /></a></span>
                    </td>
                </tr>
            </table>
        </td>
    </tr>
</table>
<table class="forumline" width="100%" border="0" cellpadding="1" cellspacing="0" id="ptrafic_open" style="display:'';margin: 1px 0px 1px 0px">
    <tr>
        <td class="catBottom" height="28">
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
                <tr>
                    <td valign="top">
                        <h1 class="cattitle"> {PROMOT_TRAFIC_TITLE}</h1>
                    </td>
                    <td align="right" valign="middle" width="10"><span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_LESS_IMG}" alt="-" align="middle" border="0" /></a></span>
                    </td>
                </tr>
            </table>
        </td>
    </tr>
    <tr>
        <td class="row2 postbody" valign="top">
            <!-- BEGIN link -->» <a style="text-decoration:none" href="{promot_trafic.link.U_HREF}" target="_blank" title="{promot_trafic.link.TITLE}">{promot_trafic.link.TITLE}</a>
            <br />
            <!-- END link -->
        </td>
    </tr>
</table>
<!-- END promot_trafic -->
<!-- BEGIN switch_forum_rules -->
<table id="forum_rules" class="forumline" width="100%" border="0" cellspacing="0" cellpadding="0" style="margin: 1px 0px 1px 0px">
    <tbody>
        <tr>
            <td class="catBottom">
                <table width="100%" border="0" cellspacing="0" cellpadding="0">
                    <tbody>
                        <tr>
                            <td valign="top">
                                <h1 class="cattitle"> {L_FORUM_RULES}</h1>

                            </td>
                        </tr>
                    </tbody>
                </table>
            </td>
        </tr>
        <tr>
            <td class="row1 clearfix">
                <table>
                    <tr>
                        <!-- BEGIN switch_forum_rule_image -->
                        <td class="logo">
                            <img src="{RULE_IMG_URL}" />
                        </td>
                        <!-- END switch_forum_rule_image -->
                        <td class="rules postbody">{RULE_MSG}</td>
                    </tr>
                </table>
            </td>
        </tr>
    </tbody>
</table>
<!-- END switch_forum_rules -->
<table class="forumline noprint" width="100%" border="0" cellspacing="0" cellpadding="0">
    <tr>
        <td class="row2" colspan="2" align="center" style="padding:0px">
            <!-- BEGIN switch_user_logged_in --> <a name="quickreply"></a>
{QUICK_REPLY_FORM}
            <br />
            <!-- END switch_user_logged_in -->
        </td>
    </tr>
    <tr>
        <td style="margin:0; padding: 0;" colspan="2">
            <table border="0" cellpadding="0" width="100%" cellspacing="0" id="info_open" style="display:''">
                <tbody>
                    <!-- BEGIN show_permissions -->
                    <!-- END show_permissions -->
                    <tr>
                        <td class="catBottom" colspan="2" height="28">
                            <table width="100%" border="0" cellspacing="0" cellpadding="0">
                                <tr>
                                    <td valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span>
                                    </td>
                                    <!-- BEGIN show_permissions -->
                                    <td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_LESS_IMG}" alt="-" align="middle" border="0" /></a></span>
                                    </td>
                                    <!-- END show_permissions -->
                                </tr>
                            </table>
                        </td>
                    </tr>
                </tbody>
            </table>
        </td>
    </tr>
    <tr>
        <td style="margin:0; padding: 0;" colspan="2">
            <table border="0" cellpadding="0" cellspacing="0" width="100%" id="info_close" style="display:none;">
                <tbody>
                    <tr>
                        <td class="catBottom" colspan="2" height="28">
                            <table width="100%" border="0" cellspacing="0" cellpadding="0">
                                <tr>
                                    <td valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span>
                                    </td>
                                    <td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_MORE_IMG}" alt="+" align="middle" border="0" /></a></span>
                                    </td>
                                </tr>
                            </table>
                        </td>
                    </tr>
                </tbody>
            </table>
        </td>
    </tr>
</table>
<form action="{S_JUMPBOX_ACTION}" method="get" name="jumpbox" onsubmit="if(document.jumpbox.f.value == -1){return false;}">
    <table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
        <tr>
            <td align="left" valign="middle" nowrap="nowrap" {WIDTH_GALLERY}> <span class="nav">
 <!-- BEGIN switch_user_authpost -->
 <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}Newtopic" alt="{L_POST_NEW_TOPIC}" align="middle" border="0" /></a> 
 <!-- END switch_user_authpost -->
 <!-- BEGIN switch_user_authreply -->
 <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>
 <!-- END switch_user_authreply -->
 </span>

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

            </td>
            <td align="center" width="250"> <span class="gensmall"> </span>

            </td>
            <!-- END moderation_panel -->
        </tr>
    </table>
</form>
<!-- BEGIN viewtopic_bottom -->
<table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
    <tr>
        <td colspan="2" align="left" valign="top" nowrap="nowrap">
            <br />{S_TOPIC_ADMIN}
            <br />
            <form name="action" method="get" action="{S_FORM_MOD_ACTION}">
                <input type="hidden" name="t" value="{TOPIC_ID}" />
                <!-- <input type="hidden" name="sid" value="{S_SID}" />-->
                <input type="hidden" name="{SECURE_ID_NAME}" value="{SECURE_ID_VALUE}" /> <span class="gen">{L_MOD_TOOLS}<br />{S_SELECT_MOD} <input class="liteoption" type="submit" value="{L_GO}" /></span>

            </form>
        </td>
    </tr>
</table>
<!-- END viewtopic_bottom -->
<!-- BEGIN switch_image_resize -->
<script type="text/javascript">
    //<![CDATA[
    $(resize_images({
        'selector': '.postbody',
        'max_width': {
            switch_image_resize.IMG_RESIZE_WIDTH
        },
        'max_height': {
            switch_image_resize.IMG_RESIZE_HEIGHT
        }
    }));
    //]]>
</script>
<!-- END switch_image_resize -->
<script src="{JS_DIR}addthis/addthis_widget.js" type="text/javascript"></script>
et le css associé :
Code:
/*DEBUT MISE EN FORME PROFIL*/

td.profil_contour {
    background-color: #000000;
    border-radius:100px;
    text-align: center;
    vertical-align: middle;
}
div.infosduprofil {
    background:#0B0D13;
    border: dotted 2px #14161A;
    border-radius:100px;
    margin: 5px 10px 5px 10px;
    padding:5px;
    text-transform:uppercase;
    letter-spacing:1px;
    font-size:9px;
    font-family:times new roman;
}
div.pseudo {
    font-family: Tangerine;
    font-style:italic;
    font-size: 34px;
    text-transform:lowercase;
    margin-top:-16px;
}
div.rang {
    font-family:times new roman;
    font-size: 8px;
    text-transform:uppercase;
    letter-spacing:2px;
    color:#ffffff;
    margin-top:-10px;
}

div.avatar_profil img {
    width: 200px;
    border : solid 2px #000000;
    border-radius:100px 100px 0px 0px;
    margin-top: 5px;
    margin: auto;
}

/*FIN MISE EN FORME PROFIL*/
Pour le gif par contre, je ne sais pas trop où il apparait dans le profil, serait-il possible d'en mettre un dans le profil visible via le "lien direct" afin que je vois si j'arrive à faire quelque chose ?
MlleAlys

MlleAlys
Membre actif

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

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

Résolu Re: Problème avec le codage de mon profil

Message par Loü Mer 16 Oct 2013 - 2:04

Oh merci encore Alys pour ton aide précieuse, c'est toujours un grand plaisir. Very Happy 
En ce qui concerne le "lien direct" je voudrais bien mais je ne sais pas de quoi il s'agit.

Pour les infos du profil c'est juste parfait. J'ai quand même une petite question. En fait j'aimerais que le cadre de fond noir épouse les dimensions de l'avatar (comme sur l'aperçu, réduire les marges sur les cotés).

Encore mille merci I love you
Loü

Loü
***

Messages : 171
Inscrit(e) le : 28/01/2010

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

Résolu Re: Problème avec le codage de mon profil

Message par MlleAlys Mer 16 Oct 2013 - 19:22

Je parlais de ce "lien direct" là ^^
Parce que je ne vois que ça sur le lien :

du coup je ne comprends pas très bien non plus de quelles marges tu parles =S
MlleAlys

MlleAlys
Membre actif

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

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

Résolu Re: Problème avec le codage de mon profil

Message par Loü Mer 16 Oct 2013 - 19:35

Ah oui en effet Very Happy 

Voici une capture de ce que ça donne avec ton code : http://imagik.fr/view-rl/52929
En fait les marges tiennent au rajout du gif dans le profil... Je ne sais pas comment changer ses dimensions.

Et pour le gif en fait je voulais qu'il se mette à la fin du profil, en forme arrondie. Un peu comme j'ai fait ici sur le modèle de poste vacant (qui déforme la page d'ailleurs je ne sais pas pourquoi mais je vais tâcher de changer ça sous peu... C'est juste pour te donner une idée) --> http://cursedtown.forumactif.org/t20-postes-vacants-sang-purs
Loü

Loü
***

Messages : 171
Inscrit(e) le : 28/01/2010

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

Résolu Re: Problème avec le codage de mon profil

Message par MlleAlys Mer 16 Oct 2013 - 19:41

ah oui, je vois maintenant ! xD
Pour le gif j'avais compris aussi ce que tu voulais faire, mais comme je ne le vois pas j'ai un peu de mal =S
Serait-il possible de rendre tout le profil visible par les invités, pour que je puisse essayer des codes ? ^^"
MlleAlys

MlleAlys
Membre actif

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

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

Résolu Re: Problème avec le codage de mon profil

Message par Loü Mer 16 Oct 2013 - 20:09

Ayé Laughing 
Merci encore pour ton aide
Loü

Loü
***

Messages : 171
Inscrit(e) le : 28/01/2010

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

Résolu Re: Problème avec le codage de mon profil

Message par MlleAlys Mer 16 Oct 2013 - 20:38

de rien ^^

Je me demandais, n'y a t il pas moyen normalement dans utilisateurs > profils de modifier l'ordre d'affichage des champs ? Ou ça ne descend quand même pas l'image tout en bas ? =/

Sinon, voilà ce que j'ai trouvé comme petit bidouillage pour essayer de régler la question :

Dans le css, recherche la partie mettant en forme div.infosduprofil, et ajoute la propriété position: relative; , ce qui donne :

Code:
div.infosduprofil {
    background: #000;
    border-radius: 0;
    font-family: times new roman;
    font-size: 9px;
    letter-spacing: 1px;
    margin: 0;
    padding: 5px;
    text-transform: uppercase;
    position: relative;
}
Puis dans la partie td.profil_contour ajoute les propriétés overflow: hidden; et padding: 0 0 80px 0; , ce qui donne :

Code:
td.profil_contour {
    background-color: #000;
    border-radius: 100px;
    text-align: center;
    vertical-align: middle;
    overflow: hidden;
    padding: 0 0 80px 0;
}
Et enfin, ajoute ce code :

Code:
.infosduprofil img {
    position: absolute;
    bottom: -80px;
    left: 0px;
    width: 202px;
    max-height: 95px;
}
La taille optimale du gif est 202*80px ^^

Est ce que ça marche ?
MlleAlys

MlleAlys
Membre actif

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

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

Résolu Re: Problème avec le codage de mon profil

Message par Loü Mer 16 Oct 2013 - 21:38

Ah oui ce doit être possible en effet, honte à moi. En tous cas ton code marche à merveille.

Juste un dernier petit détail (sans vouloir abuser de ton temps). Comment faire pour que les infos du profils ne soient pas centrées ?
Loü

Loü
***

Messages : 171
Inscrit(e) le : 28/01/2010

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

Résolu Re: Problème avec le codage de mon profil

Message par MlleAlys Mer 16 Oct 2013 - 22:28

dans div.infosduprofil , ajoute la propriété text-align: left;
et si tu veux modifier les marges, à gauche par exemple pour que ça soit moins collé au bord, tu peux modifier padding: 5px;
comme ça par exemple : padding: 5px 5px 5px 10px; ( 5px partout sauf à gauche 10px )
MlleAlys

MlleAlys
Membre actif

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

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

Résolu Re: Problème avec le codage de mon profil

Message par Loü Mer 16 Oct 2013 - 22:42

Mille merci ça marche parfaitement Very Happy 
Encore merci pour tout, je passe en résolu.
Tu m'as été d'une grande aide.
Loü

Loü
***

Messages : 171
Inscrit(e) le : 28/01/2010

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

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

- Sujets similaires

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