CSSActif, le forum, n'est plus maintenu. Il est néanmoins disponible pour consultation. Pour des outils pratiques, rendez-vous sur: Découvrez CSSActif, une collection d'outils et de tutoriels interactifs pour les développeurs Web — HTML, CSS, JavaScript et bien plus! |
| Jusuchin
{ Membre }
Messages : 38
| Bonjour les codeurs, ça faisait longtemps que je ne vous avais pas embêté ! Voila, on a remarqué un petit soucis sur les profils maintenant qu'on a enlevé le profil avancé ! Ce sont deux problèmes distincts mais je pense qu'ils peuvent être résolus à partir de la même base ! Le premier : ma co-admin a voulu mettre un gif sous l'avatar. Pendant la lecture d'un sujet, pas de problème. Mais quand on va voir sur le profil : Le gif est à sa taille de base, donc pas du tout redimensionné Deuxième problème dans le même ton : certains textes sont en rouges sur le profil dans le lecture d'un sujet (c'est l'effet voulu). Par contre, on voudrait qu'il ne soit plus là quand on regarde un profil, qu'il soit vert comme les autres... Parce que les mélanges de couleur là, c'est vraiment pas terrible v_v La cause du problème : tout bêtement, je pense que c'est parce qu'elle a modifié le template viewtopic_body et pas celui profile_view_body au passage ! Moi je veux bien corriger le problème mais j'ai peur de faire des bêtises vu que je ne suis plus sur mon forum de test mais mon forum officiel directement Voici le code template de viewtopic_body - 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 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[ insert_plus_menu('f{FORUM_ID}&t={TOPIC_ID}','{JS_SESSION_ID}', {JS_AUTH_FAVOURITES}); //]]> </script> </span> </td> </tr> </table>
<table class="forumlinesujet" width="100%" border="0" cellspacing="1" cellpadding="0"> <tr align="right"> <td class="catHead_sujet" colspan="3" height="28"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="9%" class="noprint"> </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 align="right" nowrap="nowrap" width="9%" class="browse-arrows"> </td> </tr> </table> </td> </tr> <!-- BEGIN topicpagination --> <tr> <td class="row1 pagination" colspan="2" align="right" valign="top"><span class="gensmall">{PAGINATION}</span></td> </tr> <!-- END topicpagination --> {POLL_DISPLAY}
<!-- BEGIN postrow --> <!-- BEGIN displayed --> <tr class="post"> <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="100"> <div style="width:220px;"> <div class="vava">
<span class="postdetails poster-profile"> <span class="rankpic">{postrow.displayed.RANK_IMAGE}</span><span class="posterava">{postrow.displayed.POSTER_AVATAR}</span> <div class="opacity"> <span class="name"><a name="{postrow.displayed.U_POST_ID}"></a><strong> <center><link href='http://fonts.googleapis.com/css?family=Paprika' rel='stylesheet' type='text/css'><div class="pseudoname">{postrow.displayed.POSTER_NAME}</div></link></center></strong></span>
<div class="vava2"> <!-- BEGIN profile_field --> {postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
<!-- END profile_field --></div></div> <br> <div class="profilmasque" onClick="this.firstChild.value=(this.firstChild.value=='Me, myself, and I')?'Masquer le Profil':'Me, myself, and I';this.lastChild.style.display=(this.firstChild.value=='Me, myself, and I')?'none':'block';" style="text-align: center;"><input type="button" value="Me, myself, and I" class="profil1"/><div style="display: none; text-align:left;">
<span id="rpgone">{postrow.displayed.POSTER_RPG}</span> <script type="text/javascript">jQuery('#rpgone').html(jQuery('#rpgone').html().replace('Feuille de personnage','')).removeAttr('id')</script> </div></div> </span>
</div> <div id=""></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></table> <table width="100%" border="0" cellspacing="0" cellpadding="0" class="bulle"> <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">
{postrow.displayed.MESSAGE} </td> </tr> </table> <div class="signature_div"> {postrow.displayed.SIGNATURE} </div> <span class="gensmall">{postrow.displayed.EDITED_MESSAGE}</span> </td> <tr> <td class="{postrow.displayed.ROW_CLASS} browse-arrows"{postrow.displayed.THANK_BGCOLOR} align="center" valign="middle" width="150"> </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> </br> </table> <center><div class="barre_message">___________________________________________________________</div></center> </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" nowrap="nowrap" class="t-title"><a name="bottomtitle"></a><h1 class="cattitle">{TOPIC_TITLE}</h1></td> <td align="right" nowrap="nowrap" width="9%" class="browse-arrows"> </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}
<!-- 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}" /> <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 type="text/javascript" src="{JS_DIR}addthis/addthis_widget.js?pub=forumotion"></script> profile_view_body - Code:
-
<table width="100%" border="0" cellspacing="2" cellpadding="0" align="center"> <tr> <td><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a></span></td> </tr> </table>
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0" align="center"> <tr> <th class="thHead" colspan="2" nowrap="nowrap" height="25">{L_VIEWING_PROFILE}</th> </tr> <tr> <td class="catLeft" align="center" width="40%" height="28"><b><span class="gen">{L_USER_PRESENCE}</span></b></td> <td class="catRight" width="60%" align="center"><b><span class="gen">{L_ABOUT_USER}</span></b></td> </tr> <tr> <td class="row1" align="center" valign="top" height="120"> <table width="100%" border="0" cellspacing="1" cellpadding="0"> <tr> <td valign="middle" nowrap="nowrap" align="right" width="20%"><span class="gen">{L_AVATAR_IMG} </span></td> <td width="80%"><b><span class="gen">{AVATAR_IMG}</span></b></td> </tr> <tr> <td valign="middle" nowrap="nowrap" align="right"><span class="gen">{L_RANK}: </span></td> <td><b><span class="gen">{POSTER_RANK}</span></b></td> </tr> <!-- BEGIN switch_show_status --> <tr> <td valign="middle" nowrap="nowrap" align="right"><span class="gen">{L_STATUT}: </span></td> <td><b><span class="gen">{USER_ONLINE}</span></b></td> </tr> <!-- END switch_show_status --> <!-- BEGIN switch_allow_friendsfoes --> <tr> <td valign="middle" nowrap="nowrap" align="right"><span class="gen">{L_FRIENDS_AND_FOES}: </span></td> <td><span class="gen"><strong>{FRIENDSFOES}</strong></span></td> </tr> <!-- END switch_allow_friendsfoes --> <!-- BEGIN switch_auth_user --> <tr> <td valign="middle" nowrap="nowrap" align="right"><br /><span class="gen">{L_ADMINISTRATE_USER}: </span></td> <td><br /><strong><span class="gen">{ADMINISTRATE_USER}{BAN_USER}</span></strong></td> </tr> <!-- END switch_auth_user --> </table> </td> <td class="row1" rowspan="3" valign="top"> <table width="100%" border="0" cellspacing="1" cellpadding="0"> <tr> <td align="right" valign="top" nowrap="nowrap"><span class="gen">{L_LAST_VISITED}: </span></td> <td><b><span class="gen">{LAST_VISIT_TIME}</span></b></td> </tr> <!-- BEGIN switch_dhow_mp --> <tr> <td align="right" valign="middle" nowrap="nowrap"><span class="gen">{L_PRIVATE_MSG}: </span></td> <td><b><span class="gen">{PRIVATE_MSG}</span></b></td> </tr> <!-- END switch_dhow_mp --> <!-- BEGIN profile_field --> <tr id="field_id{profile_field.ID}"> <td width="40%" align="right" valign="top" nowrap="nowrap"><span class="gen">{profile_field.LABEL} </span></td> <td width="60%" width="100%"><b><span class="gen">{profile_field.CONTENT}</span></b><!-- BEGIN profil_type_user_posts --><br /><span class="genmed">[{POST_PERCENT_STATS} / {POST_DAY_STATS}]</span> <br /> <span class="genmed"><a rel="nofollow" class="genmed" href="/st/{PUSERNAME}">{L_SEARCH_USER_POSTS} :</a><br /> - <a rel="nofollow" class="genmed" href="/sta/{PUSERNAME}">{L_TOPICS}</a><br /> - <a rel="nofollow" class="genmed" href="/spa/{PUSERNAME}">{L_POSTS}</a></span><!-- END profil_type_user_posts --></td> </tr> <!-- END profile_field --> </table> </td> </tr> <tr> <td class="catLeft" align="center" height="28"><b><span class="gen">{L_CONTACT} {USERNAME}</span></b></td> </tr> <tr> <td class="row1" valign="top" height="{S_CONTACT_HEIGHT}"> <table width="100%" border="0" cellspacing="1" cellpadding="0"> <!-- BEGIN contact_field --> <tr id="field_id{contact_field.ID}"> <td width="40%" align="right" valign="middle" nowrap="nowrap"><span class="gen">{contact_field.LABEL} </span></td> <td width="60%" valign="middle"><b><span class="gen">{contact_field.CONTENT}</span></b></td> </tr> <!-- END contact_field --> <!-- BEGIN switch_admin_user_comment_active --> <tr> <td align="right" valign="middle" nowrap="nowrap" width="50%"> <span class="gen">{L_COMMENTS} :</span><br /><span class="gensmall">{L_MODS_AND_ADMINS}</span> </td> <td class="row1" valign="middle"> <table align="center"> <tr> <td> {ADMIN_USER_COMMENT} </td> </tr> </table> </td> </tr> <!-- END switch_admin_user_comment_active --> </table> </td> </tr> <!-- BEGIN switch_rpg --> <tr> <td colspan="2" class="catLeft" align="center"><b><span class="gen">{L_VIEWING_RPG}</span></b></td> </tr> <tr> <td class="row1" align="center" valign="top" height="6"> {RPG_IMAGE}<br /><br /> <table width="100%" border="0" cellspacing="1" cellpadding="0"> <!-- BEGIN rpg_fields_left --> <tr> <td align="right" valign="middle" nowrap="nowrap"> <span class="gen">{switch_rpg.rpg_fields_left.F_NAME} : </span> </td> <td width="100%" valign="middle" nowrap="nowrap"> <b><span class="gen">{switch_rpg.rpg_fields_left.F_VALUE_NEW}</span></b> </td> </tr> <!-- END rpg_fields_left --> </table> </td> <td class="row1" align="center" valign="top" height="6"> <table width="100%" border="0" cellspacing="1" cellpadding="0"> <!-- BEGIN rpg_fields --> <tr> <td align="right" valign="middle" nowrap="nowrap"> <span class="gen">{switch_rpg.rpg_fields.F_NAME} : </span> </td> <td width="100%" valign="baseline"> <b><span class="gen">{switch_rpg.rpg_fields.F_VALUE_NEW}</span></b> </td> </tr> <!-- END rpg_fields --> </table> </td> </tr> <tr> <td colspan="2" align="center" class="row1"> {U_ADMIN_RPG} </td> </tr> <!-- END switch_rpg --> </table> <br /> <script src="{JS_DIR}jquery/json/jquery.json-1.3.min.js" type="text/javascript"></script> <script type="text/javascript"> //<![CDATA[ $(document).ready(function(){ $('[id^=field_id]').each(function(){ if ( $(this).find('.field_editable').is('span') ) { $(this).hover(function() { if( $(this).find('.field_editable.invisible').is('span') ) { $(this).find('.field_editable').prev().addClass('ajax-profil_hover').parent().addClass('ajax-profil_parent').append('<div class="ajax-profil_edit"><img src="{AJAX_EDIT_IMG}" /></div>'); $(this).find('.ajax-profil_edit').attr({ alt: "{L_FIELD_EDIT_VALUE}", title: "{L_FIELD_EDIT_VALUE}" }).click(function(){ $(this).prev().prev().removeClass('ajax-profil_hover').addClass('invisible').next().removeClass('invisible').append('<img src="{AJAX_VALID_IMG}" class="ajax-profil_valid" />').find('input,select'); $(this).prev().find('.ajax-profil_valid').attr({ alt: "{L_VALIDATE}", title: "{L_VALIDATE}" }).click(function(){ var content = new Array(); $(this).parent().find('[name]').each(function(){ var type_special = $(this).is('input[type=radio],input[type=checkbox]'); if ( (type_special && $(this).is(':checked')) || !type_special ) { content.push(new Array($(this).attr('name'), $(this).attr('value'))); } }); var id_name = $(this).parents('[id^=field_id]').attr('id'); var id = id_name.substring(8, id_name.length); $.post( "{U_AJAX_PROFILE}", {id:id,user:"{CUR_USER_ID}",active:"{CUR_USER_ACTIVE}",content:$.toJSON(content),tid:"{TID}"}, function(data){ $.each(data, function(i, item){ $('[id=field_id' + i + ']').find('.field_uneditable').html(item).end().find('.ajax-profil_valid').remove().end().find('.field_editable').addClass('invisible').end().find('.field_uneditable').removeClass('invisible'); }); }, "json" ); }); $(this).remove(); }); } },function() { if( $(this).find('.field_editable.invisible').is('span') ) { $(this).find('.field_editable').prev().removeClass('ajax-profil_hover'); $(this).find('.ajax-profil_edit').remove(); } }); } }); }); //]]> </script> et le CSS appliqué (supposé...) - Code:
-
/*Fiche relationship */
.case1relationship { background-color: white; border-left: solid 3px #82ccf8; border-right: solid 3px #82ccf8; -moz-box-shadow: 2px 2px 7px #82ccf8; -webkit-box-shadow: 2px 2px 7px #82ccf8; box-shadow: 2px 2px 7px #82ccf8; padding : 5px; width: 500px; }
.imagepersorelationship { width:460px; border-top: solid 4px #82ccf8; border-bottom: solid 4px #82ccf8; }
.nomficherelationship{ letter-spacing: -6px; font-style: italic; color: #c9db8e; letter-spacing: -2px; font-family:Georgia; font-size:30px; margin-bottom:-30px; }
.caracficherp { margin-left:20px; margin-right:20px; margin-top:5px; color:#e2bdcc; font-family:helvetica; font-size:13px!important; font-variant:normal!important; letter-spacing:2px; line-height:80%; text-align:center; text-transform:uppercase!important; line-height: 13px; }
.texterpfiche { background: #82ccf8; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius: 10px; width: 500px; margin-left: 0px; text-shadow: 1px 0px 1px darkgray; font-family: times new roman; color: #FFFFFF; }
.image2relationship { width: 190px; border-top: solid 4px #82ccf8; border-bottom: solid 4px #82ccf8; }
.relationship { letter-spacing: -6px; font-style: italic; color: #c9db8e; letter-spacing: -2px; font-family:Georgia; font-size:30px; margin-bottom:-30px; }
.gifrelationship { padding: 2px; width: 190px; height: 90px; border: 1px solid #89C280; }
.descrelationfiche { font-style: italic; letter-spacing: -1px; font-family: Palatino Linotype; font-size: 20px; }
.pointillésrelation { border-bottom: 4px dotted #89C280; width: 170px; }
.descrelationfiche2 { background-color: #ffffff; overflow:auto; text-align:justify; font-size: 12px; width:200px; height:170px; } /*fin*/ A chaque fois je me retrouve à corriger ses codes, je suis heureuse En fait, j'ai peur de faire une mauvaise manip donc je veux m'assurer avec vous ! Je suppose bien qu'il faut rajouter dans le profil_view_body la classe avec le gif mais est-ce que je dois rajouter une ligne de tableau td + une span class ? Pour les couleurs par contre, je sais pas trop où je dois toucher là... Merci d'avance | | |
| | | 'Christa
Lostmindy
Messages : 2856
| Bonjour ! - Citation :
- Le premier : ma co-admin a voulu mettre un gif sous l'avatar. Pendant la lecture d'un sujet, pas de problème.
Mais quand on va voir sur le profil :
Le gif est à sa taille de base, donc pas du tout redimensionné Je n'ai pas compris, dès le départ ce me semble déjà un problème que le gif ait dû être redimensionné, non ? Pourquoi ne le mettez vous simplement pas à la bonne taille ? Pour le problème des couleurs, je pense qu'elles ont été modifiées dans le panneau d'administration et pas dans les templates Il n'est pas possible autrement de personnaliser au cas par cas la couleur des champs de profil. Pour qu'elles soient différentes selon si on est sur la page du profil ou dans un message, ça c'est une autre paire de manches x_x vu que le style est appliqué directement en HTML, faudrait essayer de le surcharger... Comme je ne suis pas chez moi, je ne peux pas t'aider davantage, on verra ce soir si j'y pense | | |
| | | Jusuchin
{ Membre }
Messages : 38
| Bonsoir ! Désolée de répondre que maintenant v_v Pour le gif, je ne peux pas me permettre de le redimensionner à chaque fois pour chaque membre 8'D Enfin, je voudrais juste limiter la largeur ! Je ne peux pas obliger chaque membre à mettre un gif de cette largeur autrement à vrai dire... Et si je ne le fais pas, ce n'est pas esthétique, comme tu peux le voir. ... Enfin je me demande si on s'est bien compris ou non Je parle moi du fait qu'il ne soit PAS redimensionné dans le profil hein ! Et que je veux le redimensionner. Et oui pour les couleurs, je sais qu'elles ont été changées à partir du panneau d'administration. Ce qui nous embêtait c'est que la couleur de base n'allait pas avec le contour de nos avatars à la lecture des sujets. On a donc changé la couleur. Mais du coup, quand on regarde un profil, c'est moche aussi N'y a-t-il pas moyen de séparer la classe commune entre les deux par une classe différente, qui varierait entre les deux templates ? | | |
| | | 'Christa
Lostmindy
Messages : 2856
| Ben en fait je ne vois rien du tout vu qu'il n'y a pas d'illustration ^^' Et je n'ai pas trouvé sur ton forum de mise en pratique de ton problème. (A propos, il n'y a pas de lien de crédit vers CSSActif sur ton forum ?) edit : Ah, trouvé. Mes yeux piquent à force de voir plein de trucs bouger dans tous les sens, d'ailleurs x_x J'sais pas comment vous faites pour supporter ça @_@ Et puis quand on me dit "un gif", moi je pense à un gif classique, genre un smiley, pas à des bouts de films =.= Le gros problème du profil c'est que non seulement la page de profil est difficilement éditable (à mon souvenir), mais en plus tu parles ici apparemment de champs de profil, hors sur ForumActif ils ne sont pas éditables à moins de grands efforts. En l’occurrence pour les couleurs, la réponse est non, il faut utiliser une bidouille CSS. Grosso modo, tu dois attribuer une classe ou un identifiant à la page des profils, puis sélectionner les spans d'une certaine couleur et "forcer" une autre couleur : - Code:
-
#leProfil span[style="color:#000000;"] { color:red !important} Et pour l'image... Je ne sais pas trop u_u' Tu peux essayer pareil, un truc du genre - Code:
-
.field_uneditable img { max-width:300px } Mais faudra pas plus d'une image dans tout le profil u_u' | | |
| | | Jusuchin
{ Membre }
Messages : 38
| Roh désolée je suis un boulet... J'avais pas pensé à mettre le lien vers la capture d'écran alors que j'ai préparé l'emplacement dans mon premier message... BOULEEET ! Bon, même si tu as compris, je remets l'image Lecture d'un sujet: - Spoiler:
Vue d'un profil - Spoiler:
Pour les liens vers CSS-Actif, où suis-je censée en mettre ? J'en ai mis aux endroits où j'avais utilisé des codes mais est-ce que j'ai bêtement oublié d'en mettre sur l'index, c'est ça ? J'avais compris qu'on devait en mettre seulement quand on prenait des codes tout frais, tout fait, pas quand on avait demandé de l'aide sur un code personnel, désolée Quand tu dis "tu dois attribuer une classe ou un identifiant à la page des profils", est-ce que tu parles de "réentourer" tout le template du profil ? Et non non, il n'y aura pas plus d'une image de toute manière ^^' | | |
| | | 'Christa
Lostmindy
Messages : 2856
| - Citation :
- J'avais compris qu'on devait en mettre seulement quand on prenait des codes tout frais, tout fait, pas quand on avait demandé de l'aide sur un code personnel, désolée
Vu la fréquence et la complexité de tes demandes ces derniers mois, j'aurais pensé que c'était logique de créditer CSSActif pour l'aide qui t'a été apportée, dans une page de crédits de ton forum C'est aussi un moyen pour nous de nous faire connaitre :p (Sans que tu sois la cible particulière de mes réflexions, j'ai juste eu le déplaisir ces derniers temps de tomber sur certains forums qui déclaraient que "le code était entièrement leur création" alors qu'il s'agissait tant de l'exploitation de tutos que d'aides de CSSActif) - Citation :
- Quand tu dis "tu dois attribuer une classe ou un identifiant à la page des profils", est-ce que tu parles de "réentourer" tout le template du profil ?
Il te suffit simplement de rajouter l'identifiant ou la classe au tableau qui est utilisé dans ledit template, inutile de te compliquer la vie, l'idée c'est surtout d'avoir un "point de repère" unique qui permette de ne pas modifier les contenus qui n'ont pas à être modifiés. | | |
| | | Murtagh
{ Modérateur }
Messages : 1492
| Bonjour, Ton problème est-il toujours d'actualité ? Les informations de 'Christa sont-elles utiles ? Merci de nous tenir informés dans les quatre jour qui suivent, sans quoi ce sujet sera archivé. Bonne journée. | | |
| | | Murtagh
{ Modérateur }
Messages : 1492
| Bonsoir, Malgré la précédente relance, nous sommes toujours sans nouvelle de l'évolution de ton problème. Par conséquent, je verrouille ton sujet. Merci de ta compréhension. | | |
| | | Contenu sponsorisé
| | | | |
Sujets similaires | |
|
| Permission de ce forum: | Vous ne pouvez pas répondre aux sujets dans ce forum
| |
| |
| |
|
| Partenaires Or
|