Question sur le champ de profil des sujets
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1 • Partagez
Question sur le champ de profil des sujets
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 :
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 et souhaiterais les remettre sur la même ligne, et si c'est possible, en "list".
Image :
Merci beaucoup aux personnes qui m'aideront car je n'ai pas trouvé de topic traitant ce sujet.
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 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
Re: Question sur le champ de profil des sujets
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.
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 le message qui vous a aidé pour que celui-ci soit mis en évidence.
♢ Épinglez votre sujet en résolu pour prévenir la modération.
Re: Question sur le champ de profil des sujets
Merci de m'aider
Voilà la partie concernée du CSS :
Et le template modifié :
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="hidden" name="sid" value="{S_SID}" /> -->
<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>
Re: Question sur le champ de profil des sujets
Bonsoir. ^^
Alors, pour la bordure, rajoutez ceci dans votre CSS, dans la classe de votre cadre :
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.
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 :
Vous voyez bien que l'ordre ne suit pas entre les "balises" vertes et marrons.
Faites donc ainsi :
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.
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.
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.
Re: Question sur le champ de profil des sujets
Très bien merci beaucoup 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.
Mon code :
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>
Re: Question sur le champ de profil des sujets
Ca vous va comme ça ?
j'ai centré votre cadre
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.
- 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;">
j'ai centré votre cadre
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.
Re: Question sur le champ de profil des sujets
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.
Re: Question sur le champ de profil des sujets
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.
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. ^^
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 le message qui vous a aidé pour que celui-ci soit mis en évidence.
♢ Épinglez votre sujet en résolu pour prévenir la modération.
Re: Question sur le champ de profil des sujets
C'est parfait merci beaucoup .
Re: Question sur le champ de profil des sujets
Ah, super. ^^
Bonne continuation à vous.
Bonne continuation à vous.
♢ Pour faciliter les recherches, mettez un titre explicite.
♢ Remerciez le message qui vous a aidé pour que celui-ci soit mis en évidence.
♢ Épinglez votre sujet en résolu pour prévenir la modération.
Sujets similaires
» [Question] Spoiler pour un champ de profil en particulier?
» Champ de profil: masquer le titre d'un champ
» Profil champ
» Récupérer/séparer champ du profil (profil avancé)
» [Profil] Rendre le champ "Sexe" du profil inclusif
» Champ de profil: masquer le titre d'un champ
» Profil champ
» Récupérer/séparer champ du profil (profil avancé)
» [Profil] Rendre le champ "Sexe" du profil inclusif
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum