Personnalisation du profil
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
Personnalisation du profil
Bonsoir, c'est re moi ^^
Alors, je cherche depuis plusieurs heures sur le forum (je n'ai pas déconnecté depuis mon précédent message xD) et j'ai trouvé certaines astuces qui m'ont permises de travailler un peu mon profil mais là, je sèche complètement...
Alors, d'un profil normal avec Pseudo, rang et avatar... j'ai réussi à mettre un fond à mon profil, j'ai également réussi à mettre le pseudo sous l'avatar. Mille merci.
Mais maintenant je peaufine les détails seulement je bloque ^^ alors que je suis sûre qu'il ne me manque qu'un petit petit quelque chose
Aussi, je viens quémander votre aide . Je souhaiterai que :
+ le Pseudo soit écrit un peu plus grand, sous l'avatar
+ le Rang soit écrit 2x voir 3x plus grand, et qu'il reste au-dessus de l'avatar
+ les champs affichés dessous (niveaux, olfs...) soient écrits plus petits... et que je puisse leur rajouter à eux aussi un fond personnalisé...
Un aperçu :
C'est possible qu'une ou plusieurs âmes charitables me guident ?
Pour vous aider, voici une copie de mon CSS :
et de mon template viewtopic_body :
Je vous en remercie d'avance et surtout ne me tapez pas, j'apprends seule. De base je suis littéraire mais ce langage là je ne le connais pas encore . Je connais plus ou moins les bases et quelques codes mais je ne sais pas encore comment les appliquer...
Alors, je cherche depuis plusieurs heures sur le forum (je n'ai pas déconnecté depuis mon précédent message xD) et j'ai trouvé certaines astuces qui m'ont permises de travailler un peu mon profil mais là, je sèche complètement...
Alors, d'un profil normal avec Pseudo, rang et avatar... j'ai réussi à mettre un fond à mon profil, j'ai également réussi à mettre le pseudo sous l'avatar. Mille merci.
Mais maintenant je peaufine les détails seulement je bloque ^^ alors que je suis sûre qu'il ne me manque qu'un petit petit quelque chose
Aussi, je viens quémander votre aide . Je souhaiterai que :
+ le Pseudo soit écrit un peu plus grand, sous l'avatar
+ le Rang soit écrit 2x voir 3x plus grand, et qu'il reste au-dessus de l'avatar
+ les champs affichés dessous (niveaux, olfs...) soient écrits plus petits... et que je puisse leur rajouter à eux aussi un fond personnalisé...
Un aperçu :
C'est possible qu'une ou plusieurs âmes charitables me guident ?
Pour vous aider, voici une copie de mon CSS :
- Spoiler:
- Code:
.test {
background-image: url('http://illiweb.com/fa/pbucket.gif');
-moz-border-radius : 5px; /*L'arrondi*/
padding: 2px; /*La marge intérieure pour que ton texte ne soit pas collé à la bordure*/
margin: 2px /*La marge extérieure pour que le contour ne soit pas collé au forum*/ }
et de mon template viewtopic_body :
- Spoiler:
- Code:
<script type="text/javascript">
//<![CDATA[
var multiquote_img_off = '{JS_MULTIQUOTE_IMG_OFF}';
var multiquote_img_on = '{JS_MULTIQUOTE_IMG_ON}';
//]]>
</script>
<table width="100%" border="0" cellspacing="2" cellpadding="0">
<tr>
<td align="left" valign="middle" nowrap="nowrap">
<span class="nav">
<!-- BEGIN switch_user_authpost -->
<a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}one" alt="{L_POST_NEW_TOPIC}" align="middle" border="0" /></a>
<!-- END switch_user_authpost -->
<!-- BEGIN switch_user_authreply -->
<a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" id="i_reply" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>
<!-- END switch_user_authreply -->
</span>
</td>
<td class="nav" valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td>
<!-- BEGIN insert_plus_menu -->
<td align="right" valign="bottom" nowrap="nowrap" width="100%">
<span class="gensmall bold">
<script type="text/javascript">
//<![CDATA[
insert_plus_menu('f{FORUM_ID}&t={TOPIC_ID}','{JS_SESSION_ID}', {JS_AUTH_FAVOURITES});
//]]>
</script>
</span>
</td>
<!-- END insert_plus_menu -->
</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 align="left" 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="#bottom">{L_GOTO_DOWN}</a> </td>
<td align="center" nowrap="nowrap" class="t-title"><h1 class="cattitle"> <!-- google_ad_section_start -->{TOPIC_TITLE}<!-- google_ad_section_end --></h1></td>
<td width="9%" class="noprint"> </td>
</tr>
</table>
</td>
</tr>
<!-- BEGIN topicpagination -->
<tr>
<td class="row1 pagination" colspan="3" align="right" valign="top"><span class="gensmall">{PAGINATION}</span></td>
</tr>
<!-- END topicpagination -->
{POLL_DISPLAY}
<tr>
<th class="thRight" nowrap="nowrap" colspan="2">{L_MESSAGE}</th>
<th class="thLeft" nowrap="nowrap" width="150px" height="26">{L_AUTHOR}</th>
</tr>
<!-- BEGIN postrow -->
<!-- BEGIN displayed -->
<tr class="post">
<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 -->
<span class="postbody">
<!-- google_ad_section_start -->
{postrow.displayed.MESSAGE}
<!-- google_ad_section_end -->
{postrow.displayed.SIGNATURE}
</span>
<span class="gensmall">{postrow.displayed.EDITED_MESSAGE}</span>
</td>
</tr>
</table>
</td>
<td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150">
<div class="test">{postrow.displayed.RANK_IMAGE}<br />
<span class="name"><center><a name="{postrow.displayed.U_POST_ID}"></a>
{postrow.displayed.POSTER_AVATAR}</span>
<span class="postdetails poster-profile">
<strong>{postrow.displayed.POSTER_NAME}</strong></span><br />
{postrow.displayed.POSTER_RANK}<br />
</center></div>
<!-- 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}
<br />
<img src="http://2img.net/i/fa/vide.gif" alt="" style="width:150px;height:1px" />
</td>
</tr>
<tr>
<td class="{postrow.displayed.ROW_CLASS} messaging gensmall"{postrow.displayed.THANK_BGCOLOR} width="100%" height="28" colspan="2">
<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>
<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>
</tr>
<!-- BEGIN first_post_br -->
</table>
<br />
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
<tr>
<th class="thRight" nowrap="nowrap" colspan="2">{L_MESSAGE}</th>
<th class="thLeft" nowrap="nowrap" width="150px" height="26">{L_AUTHOR}</th>
</tr>
<!-- END first_post_br -->
<!-- END displayed -->
<!-- BEGIN hidden -->
<tr>
<td class="postdetails {postrow.hidden.ROW_CLASS}" colspan="3" 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 align="lefu" 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>
<td align="center" nowrap="nowrap" class="t-title"><a name="bottomtitle"></a><h1 class="cattitle">{TOPIC_TITLE}</h1></td>
<td width="9%" class="noprint"> </td>
</tr>
</table>
</td>
</tr>
</table>
<table class="forumline noprint" width="100%" border="0" cellspacing="1" cellpadding="0">
<tr>
<td class="row2" valign="top" {COLSPAN_PAGINATION} width="150"><span class="gensmall">{PAGE_NUMBER}</span></td>
<!-- BEGIN topicpagination -->
<td class="row1" align="right" valign="top" ><span class="gensmall">{PAGINATION}</span></td>
<!-- END topicpagination -->
</tr>
<!-- BEGIN switch_user_logged_in -->
<!-- BEGIN watchtopic -->
<tr>
<td class="row2" colspan="2" align="right" valign="top"><span class="gensmall">{S_WATCH_TOPIC}</span></td>
</tr>
<!-- END watchtopic -->
<!-- END switch_user_logged_in -->
<tr>
<td class="row2" colspan="2" align="center" style="padding:0px">
<!-- BEGIN switch_user_logged_in -->
<a name="quickreply"></a>
{QUICK_REPLY_FORM}<br />
<!-- END switch_user_logged_in -->
</td>
</tr>
<tr>
<td style="margin:0; padding: 0;" colspan="2">
<table border="0" cellpadding="0" width="100%" cellspacing="0" id="info_open" style="display:''">
<tbody>
<!-- BEGIN show_permissions -->
<tr>
<td class="row2" valign="top" width="25%"><span class="gensmall">{L_TABS_PERMISSIONS}</span></td>
<td class="row1" valign="top" width="75%"><span class="gensmall">{S_AUTH_LIST}</span></td>
</tr>
<!-- END show_permissions -->
<tr>
<td class="catBottom" colspan="2" height="28">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<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}" />
<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 -->
Je vous en remercie d'avance et surtout ne me tapez pas, j'apprends seule. De base je suis littéraire mais ce langage là je ne le connais pas encore . Je connais plus ou moins les bases et quelques codes mais je ne sais pas encore comment les appliquer...
Dernière édition par m_dy69 le Mer 12 Mai 2010 - 20:01, édité 1 fois
Re: Personnalisation du profil
J'ai passé ma matinée à chercher et je n'ai toujours pas trouvé
Vraiment personne pour me donner ce petit petit coup de... doigt ? qui me manque ?
Vraiment personne pour me donner ce petit petit coup de... doigt ? qui me manque ?
Re: Personnalisation du profil
Bonjour,
Je me permets de vous rappeler que les ups ne sont autorisé qu'une fois toutes les 24hrs. Merci d'y prendre garde, la prochaine fois
Concernant votre soucis, j'ai fais quelques tests tout à l'heure. Votre demande est simple;
• Pour mettre le nom du membre en plus gros, il vous suffit d'ajouter les balises font size autour de la variable {postrow.displayed.POSTER_NAME}.
De cette façon (j'ai mis 2 mais vous pourrez changer cette valeur):
• Pour mettre le rang du membre en beaucoup plus gros, même manœuvre, mais cette fois-ci, sur la variable {postrow.displayed.POSTER_RANK};
Ensuite, pour mettre le rang au-dessus de l'avatar, il vous suffit de mettre mon précédant code au-dessus de la variable {postrow.displayed.POSTER_AVATAR} qui génère comme son nom l'indique, l'avatar du posteur.
Il est à noter que pour sauter une ligne,
Bien à vous,
Je me permets de vous rappeler que les ups ne sont autorisé qu'une fois toutes les 24hrs. Merci d'y prendre garde, la prochaine fois
Concernant votre soucis, j'ai fais quelques tests tout à l'heure. Votre demande est simple;
• Pour mettre le nom du membre en plus gros, il vous suffit d'ajouter les balises font size autour de la variable {postrow.displayed.POSTER_NAME}.
De cette façon (j'ai mis 2 mais vous pourrez changer cette valeur):
- Code:
<font size="2">{postrow.displayed.POSTER_NAME}</font>
• Pour mettre le rang du membre en beaucoup plus gros, même manœuvre, mais cette fois-ci, sur la variable {postrow.displayed.POSTER_RANK};
- Code:
<font size="2">{postrow.displayed.POSTER_RANK}</font>
Ensuite, pour mettre le rang au-dessus de l'avatar, il vous suffit de mettre mon précédant code au-dessus de la variable {postrow.displayed.POSTER_AVATAR} qui génère comme son nom l'indique, l'avatar du posteur.
Il est à noter que pour sauter une ligne,
- Code:
<br />
Bien à vous,
Invité- Invité
Re: Personnalisation du profil
Ah ! Désolée, j'étais tellement penchée sur mon script que j'ai oublié ce détail
En tout cas, merci de m'avoir éclairé et aidé
Et concernant la deuxième partie de ma demande ? Pour le champ profil ?
En tout cas, merci de m'avoir éclairé et aidé
Et concernant la deuxième partie de ma demande ? Pour le champ profil ?
Re: Personnalisation du profil
Ah, autant pour moi
Alors pour votre problème, vérifiez si vous n'avez pas une balise de mal fermée, ou quelque chose de mal imbriqué, ça doit provenir de là...
Sinon, essayez de remplacer
Alors pour votre problème, vérifiez si vous n'avez pas une balise de mal fermée, ou quelque chose de mal imbriqué, ça doit provenir de là...
Sinon, essayez de remplacer
- Code:
{postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}
{postrow.displayed.profile_field.SEPARATOR}
- Code:
<font size="1">{postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}
{postrow.displayed.profile_field.SEPARATOR}</font>
Invité- Invité
Re: Personnalisation du profil
C'est fait, merci beaucoup. Problème résolu.
Sujets similaires
» [Profil] Un choix multiple pour une liste d'images, profil d'utilisateur
» Barre de défilement dans le profil+ cadre arrondi au profil
» Récupérer/séparer champ du profil (profil avancé)
» [Profil] Rendre le champ "Sexe" du profil inclusif
» Isoler les champs de profil dans la page du profil
» Barre de défilement dans le profil+ cadre arrondi au profil
» Récupérer/séparer champ du profil (profil avancé)
» [Profil] Rendre le champ "Sexe" du profil inclusif
» Isoler les champs de profil dans la page du profil
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum