Personnalisation profil Bouton_activePersonnalisation profil Bouton_hoverPersonnalisation profil Fb-hoverPersonnalisation profil Fb-active
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!

Derniers sujets
» Système d'onglets simple et personnalisable
Personnalisation profil EmptyLun 03 Juin 2024, 17:20 par birds

» Fiche de Présentation RPG
Personnalisation profil EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
Personnalisation profil EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
Personnalisation profil EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
Personnalisation profil EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
Personnalisation profil EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
Personnalisation profil EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
Personnalisation profil EmptySam 11 Fév 2023, 06:04 par Krager

-17%
Le deal à ne pas rater :
(Black Friday) Apple watch Apple SE GPS + Cellular 44mm (plusieurs ...
249 € 299 €
Voir le deal

Partagez
 

Personnalisation profil

Voir le sujet précédent Voir le sujet suivant Aller en bas 
http://brotherhood.forumsactifs.com
Jusuchin
Jusuchin
{ Membre }
{ Membre }

Féminin Messages : 38



Personnalisation profil Empty
Bonjour les codeurs, ça faisait longtemps que je ne vous avais pas embêté ! Siffle

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 Personnalisation profil 3451650135

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 Personnalisation profil 3333627970
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 Personnalisation profil 577704309
MessageSujet: Personnalisation profil   Personnalisation profil EmptyJeu 29 Nov 2012, 11:44
Revenir en haut Aller en bas
http://enaevolare.fr
'Christa
'Christa
Lostmindy
Lostmindy

Féminin Messages : 2856



Personnalisation profil Empty
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 Wink 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 Wink
MessageSujet: Re: Personnalisation profil   Personnalisation profil EmptyVen 30 Nov 2012, 07:24
Revenir en haut Aller en bas
http://brotherhood.forumsactifs.com
Jusuchin
Jusuchin
{ Membre }
{ Membre }

Féminin Messages : 38



Personnalisation profil Empty
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 Laughing 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 Laughing 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 ?
MessageSujet: Re: Personnalisation profil   Personnalisation profil EmptySam 01 Déc 2012, 17:56
Revenir en haut Aller en bas
http://enaevolare.fr
'Christa
'Christa
Lostmindy
Lostmindy

Féminin Messages : 2856



Personnalisation profil Empty
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'
MessageSujet: Re: Personnalisation profil   Personnalisation profil EmptySam 01 Déc 2012, 18:31
Revenir en haut Aller en bas
http://brotherhood.forumsactifs.com
Jusuchin
Jusuchin
{ Membre }
{ Membre }

Féminin Messages : 38



Personnalisation profil Empty
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 What a Face

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 silent

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 ? Personnalisation profil 3517359236

Et non non, il n'y aura pas plus d'une image de toute manière ^^'
MessageSujet: Re: Personnalisation profil   Personnalisation profil EmptyDim 02 Déc 2012, 18:56
Revenir en haut Aller en bas
http://enaevolare.fr
'Christa
'Christa
Lostmindy
Lostmindy

Féminin Messages : 2856



Personnalisation profil Empty
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 Wink 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.
MessageSujet: Re: Personnalisation profil   Personnalisation profil EmptyLun 03 Déc 2012, 02:59
Revenir en haut Aller en bas
http://www.school-of-pub.net/forum.htm
Murtagh
Murtagh
{ Modérateur }
{ Modérateur }

Masculin Messages : 1492



Personnalisation profil Empty
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. Smile
MessageSujet: Re: Personnalisation profil   Personnalisation profil EmptyDim 09 Déc 2012, 07:05
Revenir en haut Aller en bas
http://www.school-of-pub.net/forum.htm
Murtagh
Murtagh
{ Modérateur }
{ Modérateur }

Masculin Messages : 1492



Personnalisation profil Empty
Bonsoir,

Malgré la précédente relance, nous sommes toujours sans nouvelle de l'évolution de ton problème. Personnalisation profil 825433 Par conséquent, je verrouille ton sujet.

Merci de ta compréhension. Wink
MessageSujet: Re: Personnalisation profil   Personnalisation profil EmptyJeu 13 Déc 2012, 13:08
Revenir en haut Aller en bas
Contenu sponsorisé




Personnalisation profil Empty
MessageSujet: Re: Personnalisation profil   Personnalisation profil Empty
Revenir en haut Aller en bas
 

Personnalisation profil

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

 Sujets similaires

-
» Personnalisation du profil : « profil personnalisé » & « champs de contact »
» Personnalisation du profil, problème
» Personnalisation du profil sous l'avatar
» [Résolu] Question concernant le tuto "Afficher/cacher le profil" / Problème de personnalisation
» Profil sous forme de phrase > Profil des membres (ANNULE)

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
CSSActif :: De la théorie à la pratique :: Aide CSS & xHTML :: Problèmes résolus-

Partenaires Or


← Page précédente   ↑ Aller en haut Copyright © CSSActif 2009 - 2013 Tous droits réservés
Créer un forum | ©phpBB | Forum gratuit d'entraide | Signaler un abus | Cookies | Forum gratuit