Question sur le champ de profil des sujets

2 participants

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

Résolu Question sur le champ de profil des sujets

Message par Minimoy 2oo8 Jeu 21 Juil 2011 - 21:45

Bonjour à tous,

Voilà, j'ai un problème avec un code et une question pour un autre.
Commençons par la question.
J'aimerais savoir comment mettre un espace entre les bords du cadre "bois" de l'avatar et ceux du cadre du forum (autant sur les côtés qu'en haut et en bas). Je ne sais pas si je dois modifier mon CSS ou ma template.
Image :
Spoiler:

Ensuite pour mon problème. Sur la photo ci-dessous, on peut voir que les trois champs sont en escalier et je ne comprends comment j'ai bien pu faire cela scratch et souhaiterais les remettre sur la même ligne, et si c'est possible, en "list".
Image :
Spoiler:

Merci beaucoup aux personnes qui m'aideront car je n'ai pas trouvé de topic traitant ce sujet.


Dernière édition par Minimoy 2oo8 le Sam 23 Juil 2011 - 10:19, édité 1 fois
avatar

Minimoy 2oo8
Nouveau membre

Messages : 7
Inscrit(e) le : 12/10/2008

http://human-life.jdrforum.com/
Minimoy 2oo8 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Question sur le champ de profil des sujets

Message par Lixyr Ven 22 Juil 2011 - 9:28

Bonjour.

Pourrait-on avoir le contenu de votre template viewtopic_body s'il a été modifié s'il vous plait, ainsi que la partie du css qui va avec.

Cordialement,
Lixyr.


Pour faciliter les recherches, mettez un titre explicite.
Remerciez Question sur le champ de profil des sujets 976083691 le message qui vous a aidé pour que celui-ci soit mis en évidence.
Épinglez votre sujet en résolu Question sur le champ de profil des sujets 3592387030 pour prévenir la modération.

Question sur le champ de profil des sujets Baston10
Lixyr

Lixyr
Aidactive
Aidactive

Féminin
Messages : 7381
Inscrit(e) le : 22/07/2010

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

Résolu Re: Question sur le champ de profil des sujets

Message par Minimoy 2oo8 Ven 22 Juil 2011 - 11:47

Merci de m'aider Smile

Voilà la partie concernée du CSS :
Code:
.cadreavatar {
background-image : url("http://img11.hostingpics.net/pics/384909fond.png") ;
padding : 10px ;
border : 5px solid : url("http://img11.hostingpics.net/pics/384909fond.png") ;
-moz-border-radius: 10px 10px 10px 10px }

.cadrenom {
background-color : #000000 ;
border : 5px solid #000000 ;
-moz-border-radius: 20px 20px 20px 20px }

.nomavatar {
font-size : 22px;
font-family: Rockwell;
}

.bordureavatar {
background-color : #000000 ;
border : 10px solid #000000 ;
-moz-border-radius: 20px 20px 20px 20px
}

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

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

<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
  <tr align="right">
      <td class="catHead" colspan="3" height="28">
        <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
              <td width="9%" class="noprint"> </td>
              <td align="center" class="t-title">
                  <h1 class="cattitle"> {TOPIC_TITLE}</h1>
              </td>
              <td align="right" width="9%" class="browse-arrows"><a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#bottom">{L_GOTO_DOWN}</a> </td>
            </tr>
        </table>
      </td>
  </tr>
  <!-- BEGIN topicpagination -->
  <tr>
      <td class="row1 pagination" colspan="2" align="right" valign="top"><span class="gensmall">{PAGINATION}</span></td>
  </tr>
  <!-- END topicpagination -->
  {POLL_DISPLAY}
  <tr>
      <th class="thLeft" nowrap="nowrap" width="150px" height="26">{L_AUTHOR}</th>
      <th class="thRight" nowrap="nowrap" colspan="2">{L_MESSAGE}</th>
  </tr>
  <!-- BEGIN postrow -->
  <!-- BEGIN displayed -->
  <tr class="post">
      <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150">
            <span class="postdetails poster-profile">
<div class="cadreavatar">            <div class="bordureavatar"> <center>{postrow.displayed.POSTER_AVATAR}</center></div><br>

<div class="cadrenom">        <center><span class="name"><a name="{postrow.displayed.U_POST_ID}"></a><div class="nomavatar"><strong>{postrow.displayed.POSTER_NAME}</strong></div></span><br></center>

            <center>{postrow.displayed.POSTER_RANK}</center>

            <center>{postrow.displayed.RANK_IMAGE}</center><br></div><br>

            <!-- BEGIN profile_field -->
            <div class="cadrenom">{postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
            <!-- END profile_field -->
            {postrow.displayed.POSTER_RPG}
        </span></div></div>

        <img src="http://2img.net/i/fa/empty.gif" alt="" style="width:150px;height:1px" />
      </td>

      <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="100%" height="28" colspan="2">
        <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
              <td><span class="postdetails"><img src="{postrow.displayed.MINI_POST_IMG}" alt="{postrow.displayed.L_MINI_POST_ALT}" title="{postrow.displayed.L_MINI_POST_ALT}" border="0" />{L_POST_SUBJECT}: {postrow.displayed.POST_SUBJECT}  <img src="{postrow.displayed.MINI_TIME_IMG}" alt="" border="0" />{postrow.displayed.POST_DATE}</span></td>
              <td valign="top" nowrap="nowrap" class="post-options">
                  {postrow.displayed.THANK_IMG} {postrow.displayed.MULTIQUOTE_IMG} {postrow.displayed.QUOTE_IMG} {postrow.displayed.EDIT_IMG} {postrow.displayed.DELETE_IMG} {postrow.displayed.IP_IMG} {postrow.displayed.REPORT_IMG}
              </td>
            </tr>
            <tr>
              <td colspan="2" class="hr">
                  <hr />
              </td>
            </tr>
            <tr>
              <td colspan="2">
                  <!-- BEGIN switch_vote_active -->
                  <div class="vote gensmall">
                    <!-- BEGIN switch_vote -->
                    <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}">+</a></div>
                    <!-- END switch_vote -->

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

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

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

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

                  <div class="postbody">

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

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

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

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

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

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

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

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

                  </div>
                  <span class="gensmall">{postrow.displayed.EDITED_MESSAGE}</span>
              </td>
            </tr>
        </table>
      </td>
  </tr>
  <tr>
      <td class="{postrow.displayed.ROW_CLASS} browse-arrows"{postrow.displayed.THANK_BGCOLOR} align="center" valign="middle" width="150">
        <a href="#top">{L_BACK_TO_TOP}</a> <a href="#bottom">{L_GOTO_DOWN}</a>
      </td>
      <td class="{postrow.displayed.ROW_CLASS} messaging gensmall"{postrow.displayed.THANK_BGCOLOR} width="100%" height="28">
        <table border="0" cellspacing="0" cellpadding="0">
            <tr>
              <td valign="middle">
                  {postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}<!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT}<!-- END contact_field --> {postrow.displayed.ONLINE_IMG}
              </td>
            </tr>
        </table>
      </td>
  </tr>
  <!-- BEGIN first_post_br -->
</table>


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

<!-- 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>

        <!-- END link -->
      </td>
  </tr>
</table>
<!-- END promot_trafic -->

<table class="forumline noprint" width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
      <td class="row2" valign="top" {COLSPAN_PAGINATION} width="150"><span class="gensmall">{PAGE_NUMBER}</span></td>
      <!-- BEGIN topicpagination -->
      <td class="row1" align="right" valign="top" ><span class="gensmall">{PAGINATION}</span></td>
      <!-- END topicpagination -->
  </tr>
  <!-- BEGIN switch_user_logged_in -->
  <!-- BEGIN watchtopic -->
  <tr>
      <td class="row2" colspan="2" align="right" valign="top"><span class="gensmall">{S_WATCH_TOPIC}</span></td>
  </tr>
  <!-- END watchtopic -->
  <!-- END switch_user_logged_in -->
  <tr>
      <td class="row2" colspan="2" align="center" style="padding:0px">
        <!-- BEGIN switch_user_logged_in -->
        <a name="quickreply"></a>
        {QUICK_REPLY_FORM}

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

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

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

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

<!-- BEGIN viewtopic_bottom -->
<table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
  <tr>
      <td colspan="2" align="left" valign="top" nowrap="nowrap">
{S_TOPIC_ADMIN}

        <form name="action" method="get" action="{S_FORM_MOD_ACTION}">
            <input type="hidden" name="t" value="{TOPIC_ID}" />

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

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

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

Minimoy 2oo8
Nouveau membre

Messages : 7
Inscrit(e) le : 12/10/2008

http://human-life.jdrforum.com/
Minimoy 2oo8 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Question sur le champ de profil des sujets

Message par Lixyr Ven 22 Juil 2011 - 23:24

Bonsoir. ^^

Like a Star @ heaven Alors, pour la bordure, rajoutez ceci dans votre CSS, dans la classe de votre cadre :

Code:
margin:5px;

.cadreavatar {
background-image : url("https://2img.net/r/hpimg11/pics/384909fond.png") ;
padding : 10px ;
border : 5px solid : url("https://2img.net/r/hpimg11/pics/384909fond.png") ;
-moz-border-radius: 10px 10px 10px 10px;
margin:5px; }

le code "margin" permet de mettre une marge à l'extérieur d'un bloc ou d'un contenu. Ici, il n'a pas de spécificité telle que "left" ou right", donc il appose une marge tout aussi bien, en haut, qu'en bas, à droite, ou à gauche.


Like a Star @ heaven Pour le décalage dans le profil :

Il faut bien faire attention à l'ordre dans lequel vous fermez vos balises, en sachant que les informations misent dans le templates comptent, il faut donc en tenir rigueur.

Vous aviez votre bout de template comme ceci :


<!-- BEGIN profile_field -->
<div class="cadrenom">
{postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
<!-- END profile_field -->
{postrow.displayed.POSTER_RPG}
</span></div></div>

Vous voyez bien que l'ordre ne suit pas entre les "balises" vertes et marrons.

Faites donc ainsi :

Code:
                <div class="cadrenom">
                <!-- 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>

Par ailleurs, il me semble que vous aviez un span fermé en trop, je l'ai donc enlevé. Je vous conseille donc maintenant, de mettre des padding dans votre classe cadrenom, dans le css.


Voilà.
Cordialement.
Lixyr

Lixyr
Aidactive
Aidactive

Féminin
Messages : 7381
Inscrit(e) le : 22/07/2010

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

Résolu Re: Question sur le champ de profil des sujets

Message par Minimoy 2oo8 Ven 22 Juil 2011 - 23:52

Très bien merci beaucoup Very Happy et j'aurais une dernière question si ce n'est pas trop demandé.

J'ai un problème avec une fiche de poste-vacant qui garde un espace noir sur le côté alors que j'aimerais que le bord du forum soit (et est censé être) collé au bord du cadre.

Spoiler:

Mon code :
Code:
<div style = "background-color: #000000; color:#857057"><fieldset style="border : 4px #857057 solid ; -moz-border-radius : 50px; width: 516px;"><legend align=center> [color=#857057][font=Rockwell][size=28]Minerva McGonagall[/size][/font][/color]</legend>
[table border="0"][tr][td]<div style="background-image: url('http://i62.servimg.com/u/f62/09/02/49/61/minerv10.jpg'); color:beige; font-size:9px;padding:8px; width:180px; height:300px; border:5px solid #857057; -moz-box-shadow:0px 5px 10px black;-moz-border-radius-bottomleft:70px; -moz-border-radius-topright:70px;">[/td][td]<blockquote>
<div style = "background-color: #1F150B; border-top: 6px solid #857057; border-bottom: 6px solid #857057; width: 320px;">
[size=11][b]ϟ Prénom(s) :[/b] Minerva
[b]ϟ Nom :[/b] McGonagall
[b]ϟ Age :[/b] 50 ans
[b]ϟ Date et lieu de naissance :[/b] Au choix
[b]ϟ Sang :[/b] Mêlé
[b]ϟ Camp :[/b] Ordre du Phénix
[b]ϟ Feat :[/b] Maggie Smith
[b]ϟ Crédit :[/b] Choupy[/size]
<FORM>
    <SELECT onChange=
      "document.location=this.options[this.selectedIndex].value">
      <OPTION VALUE="#" SELECTED>    CARACTERE  </OPTION>
      <OPTION VALUE="111.html">Fière</OPTION>
      <OPTION VALUE="222.html">Juste</OPTION>
      <OPTION VALUE="111.html">Stricte</OPTION>
      <OPTION VALUE="222.html">Courageuse</OPTION>
      <OPTION VALUE="111.html">A de l'humour</OPTION>
      <OPTION VALUE="222.html">Protectrice</OPTION>
    </SELECT>
  </FORM>
</div>

<div style = "background-color: #1F150B; border-top: 6px solid #857057; border-bottom: 6px solid #857057; width: 320px;">
[size=11]Minerva McGonagall est une sorcière écossaise de 50 ans. Elle est professeur de métamorphose à Poudlard depuis une vingtaine d'année. Depuis la montée de Lord Voldemort,
Minerva s'est rangée aux côtés de l'Ordre à la demande de Dumbledore.[/size]

</div>
<center></div></center>
</blockquote>[/td][/tr][/table]</fieldset>


[table border="0"][tr][td][list]<div style="background-image: url('http://obsession27.free.fr/200320/avgossip3.jpg'); color:beige; font-size:9px;padding:8px; width:100px; height:100px; border:5px solid #857057; -moz-box-shadow:0px 5px 10px black;-moz-border-radius-bottomleft:70px; -moz-border-radius-topright:70px;">[/td][td]<blockquote>
<blockquote><div style = "background-color: #1F150B; border-top: 6px solid #857057; border-bottom: 6px solid #857057; width: 400px;">[size=11]
Au choix.
[/size]
</div></blockquote>
<center></div></center>
</blockquote>[/list][/td][/tr][/table]</fieldset>

avatar

Minimoy 2oo8
Nouveau membre

Messages : 7
Inscrit(e) le : 12/10/2008

http://human-life.jdrforum.com/
Minimoy 2oo8 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Question sur le champ de profil des sujets

Message par Lixyr Sam 23 Juil 2011 - 0:05

Ca vous va comme ça ?

Code:
    <div style = "background-color: #000000; color:#857057"><fieldset style="border : 4px #857057 solid ; -moz-border-radius : 50px; width: 95%;margin-left:auto;margin-right:auto;"><legend align=center> [color=#857057][font=Rockwell][size=28]Minerva McGonagall[/size][/font][/color]</legend>
    [table border="0"][tr][td]<div style="background-image: url('http://i62.servimg.com/u/f62/09/02/49/61/minerv10.jpg'); color:beige; font-size:9px;padding:8px; width:180px; height:300px; border:5px solid #857057; -moz-box-shadow:0px 5px 10px black;-moz-border-radius-bottomleft:70px; -moz-border-radius-topright:70px;">[/td][td]<blockquote>
    <div style = "background-color: #1F150B; border-top: 6px solid #857057; border-bottom: 6px solid #857057; width: 320px;">
    [size=11][b]ϟ Prénom(s) :[/b] Minerva
    [b]ϟ Nom :[/b] McGonagall
    [b]ϟ Age :[/b] 50 ans
    [b]ϟ Date et lieu de naissance :[/b] Au choix
    [b]ϟ Sang :[/b] Mêlé
    [b]ϟ Camp :[/b] Ordre du Phénix
    [b]ϟ Feat :[/b] Maggie Smith
    [b]ϟ Crédit :[/b] Choupy[/size]
    <FORM>
        <SELECT onChange=
          "document.location=this.options[this.selectedIndex].value">
          <OPTION VALUE="#" SELECTED>    CARACTERE  </OPTION>
          <OPTION VALUE="111.html">Fière</OPTION>
          <OPTION VALUE="222.html">Juste</OPTION>
          <OPTION VALUE="111.html">Stricte</OPTION>
          <OPTION VALUE="222.html">Courageuse</OPTION>
          <OPTION VALUE="111.html">A de l'humour</OPTION>
          <OPTION VALUE="222.html">Protectrice</OPTION>
        </SELECT>
      </FORM>
    </div>

    <div style = "background-color: #1F150B; border-top: 6px solid #857057; border-bottom: 6px solid #857057; width: 320px;">
    [size=11]Minerva McGonagall est une sorcière écossaise de 50 ans. Elle est professeur de métamorphose à Poudlard depuis une vingtaine d'année. Depuis la montée de Lord Voldemort,
    Minerva s'est rangée aux côtés de l'Ordre à la demande de Dumbledore.[/size]

    </div>
    <center></div></center>
    </blockquote>[/td][/tr][/table]</fieldset>


    [table border="0"][tr][td][list]<div style="background-image: url('http://obsession27.free.fr/200320/avgossip3.jpg'); color:beige; font-size:9px;padding:8px; width:100px; height:100px; border:5px solid #857057; -moz-box-shadow:0px 5px 10px black;-moz-border-radius-bottomleft:70px; -moz-border-radius-topright:70px;">[/td][td]<blockquote>
    <blockquote><div style = "background-color: #1F150B; border-top: 6px solid #857057; border-bottom: 6px solid #857057; width: 400px;">[size=11]
    Au choix.
    [/size]
    </div></blockquote>
    <center></div></center>
    </blockquote>[/list][/td][/tr][/table]</fieldset>



<div style = "background-color: #000000; color:#857057"><fieldset style="border : 4px #857057 solid ; -moz-border-radius : 50px; width: 95%;margin-left:auto;margin-right:auto;">

Like a Star @ heaven j'ai centré votre cadre
Like a Star @ heaven j'ai utilisé un pourcentage, plutôt. A vous ensuite de le modifier jusqu'à ce qu'il touche la bordure. (essayez 96, ça m'a l'air bien.)

Cordialement.
Lixyr

Lixyr
Aidactive
Aidactive

Féminin
Messages : 7381
Inscrit(e) le : 22/07/2010

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

Résolu Re: Question sur le champ de profil des sujets

Message par Minimoy 2oo8 Sam 23 Juil 2011 - 0:53

Excusez-moi, je crois que je me suis mal-exprimée. Le problème est que le forum s'agrandit considérablement à cause des fiches de postes-vacants et même lorsque je réduis le cadre, le forum garde cet élargissement, c'est pour cette raison qu'il y a des bords noirs. Et je désirais que mon forum garde sa largeur habituelle mais ne sait pas comment faire.
avatar

Minimoy 2oo8
Nouveau membre

Messages : 7
Inscrit(e) le : 12/10/2008

http://human-life.jdrforum.com/
Minimoy 2oo8 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Question sur le champ de profil des sujets

Message par Lixyr Sam 23 Juil 2011 - 1:16

Ah d'accord.


C'est un peu mieux comme ça ? J'ai retirer des balises pas bien fermées ou fermées en trop, et retiré les retour à la ligne entre les balises.
Code:

    <div style="background-color: #000000; color:#857057"><fieldset style="border : 4px #857057 solid; -moz-border-radius : 50px;margin-left:auto;margin-right:auto;"><legend align=center> [color=#857057][font=Rockwell][size=28]Minerva McGonagall[/size][/font][/color]</legend>
    [table border="0"][tr][td]<div style="background-image: url('http://i62.servimg.com/u/f62/09/02/49/61/minerv10.jpg'); color:beige; font-size:9px;padding:8px; width:180px; height:300px; border:5px solid #857057; -moz-box-shadow:0px 5px 10px black;-moz-border-radius-bottomleft:70px; -moz-border-radius-topright:70px;"></div>[/td][td]<blockquote>
    <div style = "background-color: #1F150B; border-top: 6px solid #857057; border-bottom: 6px solid #857057; width: 320px;">
    [size=11][b]ϟ Prénom(s) :[/b] Minerva
    [b]ϟ Nom :[/b] McGonagall
    [b]ϟ Age :[/b] 50 ans
    [b]ϟ Date et lieu de naissance :[/b] Au choix
    [b]ϟ Sang :[/b] Mêlé
    [b]ϟ Camp :[/b] Ordre du Phénix
    [b]ϟ Feat :[/b] Maggie Smith
    [b]ϟ Crédit :[/b] Choupy[/size]
    <FORM>
        <SELECT onChange=
          "document.location=this.options[this.selectedIndex].value">
          <OPTION VALUE="#" SELECTED>    CARACTERE  </OPTION>
          <OPTION VALUE="111.html">Fière</OPTION>
          <OPTION VALUE="222.html">Juste</OPTION>
          <OPTION VALUE="111.html">Stricte</OPTION>
          <OPTION VALUE="222.html">Courageuse</OPTION>
          <OPTION VALUE="111.html">A de l'humour</OPTION>
          <OPTION VALUE="222.html">Protectrice</OPTION>
        </SELECT>
      </FORM>
    </div>

    <div style="background-color: #1F150B; border-top: 6px solid #857057; border-bottom: 6px solid #857057; width: 320px;">
    [size=11]Minerva McGonagall est une sorcière écossaise de 50 ans. Elle est professeur de métamorphose à Poudlard depuis une vingtaine d'année. Depuis la montée de Lord Voldemort,
    Minerva s'est rangée aux côtés de l'Ordre à la demande de Dumbledore.[/size]    </div><center></div></center></blockquote>[/td][/tr][/table]</fieldset>


    [table border="0"][tr][td][list]<div style="background-image: url('http://obsession27.free.fr/200320/avgossip3.jpg'); color:beige; font-size:9px;padding:8px; width:100px; height:100px; border:5px solid #857057; -moz-box-shadow:0px 5px 10px black;-moz-border-radius-bottomleft:70px; -moz-border-radius-topright:70px;"></div>[/td][td]
    <blockquote><div style = "background-color: #1F150B; border-top: 6px solid #857057; border-bottom: 6px solid #857057; width: 400px;">[size=11]
    Au choix.    [/size]    </div></blockquote></div>[/list][/td][/tr][/table]</fieldset></div>

Je n'ai cependant pas touché aux dimensions que vous avez mises. Je pense que ça a été fait exprès selon la dimension de votre forum, donc je ne toucherai à rien. ^^


Pour faciliter les recherches, mettez un titre explicite.
Remerciez Question sur le champ de profil des sujets 976083691 le message qui vous a aidé pour que celui-ci soit mis en évidence.
Épinglez votre sujet en résolu Question sur le champ de profil des sujets 3592387030 pour prévenir la modération.

Question sur le champ de profil des sujets Baston10
Lixyr

Lixyr
Aidactive
Aidactive

Féminin
Messages : 7381
Inscrit(e) le : 22/07/2010

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

Résolu Re: Question sur le champ de profil des sujets

Message par Minimoy 2oo8 Sam 23 Juil 2011 - 10:18

C'est parfait merci beaucoup Very Happy.
avatar

Minimoy 2oo8
Nouveau membre

Messages : 7
Inscrit(e) le : 12/10/2008

http://human-life.jdrforum.com/
Minimoy 2oo8 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Question sur le champ de profil des sujets

Message par Lixyr Sam 23 Juil 2011 - 12:12

Ah, super. ^^

Bonne continuation à vous. ::fleur::


Pour faciliter les recherches, mettez un titre explicite.
Remerciez Question sur le champ de profil des sujets 976083691 le message qui vous a aidé pour que celui-ci soit mis en évidence.
Épinglez votre sujet en résolu Question sur le champ de profil des sujets 3592387030 pour prévenir la modération.

Question sur le champ de profil des sujets Baston10
Lixyr

Lixyr
Aidactive
Aidactive

Féminin
Messages : 7381
Inscrit(e) le : 22/07/2010

https://forum.forumactif.com
Lixyr 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