Cadre spécial autour des avatars

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

Résolu Cadre spécial autour des avatars

Message par kilari tsukishima le Mer 3 Juil 2013 - 13:32

Bonjour !

j'aimerais savoir comment créer un cadre semblable à celui ci
http://cityofbones.forumactif.org/t229-news#1236

j'ai essayer avec ce que j'ai trouver ici


Code:
.postdetails.poster-profile img {border:6px solid #000000;}
        .avatar img {
        -moz-border-radius:200px;
        -webkit-border-radius:5px;
        border-radius:5px;
       }
mais ça ne me donne pas l'effet que j'aimerais:
-l'arrondis de l'avatar
-le cadre
-l'effet produis lorsqu'on passe le curseur sur "profil"
-le nom dessus bien centrer

ces possible que ça redimensionne automatiquement les avatars ?

j'en demande sans doute trop Embarassed 
merci à celui/celle qui y répondra ^^

http://manga-world.forumactif.biz

merci Smile


Dernière édition par kilari tsukishima le Ven 5 Juil 2013 - 12:33, édité 1 fois

kilari tsukishima
****

Féminin
Messages : 487
Inscrit(e) le : 19/02/2009

http://www.manga-world.forumactif.biz
kilari tsukishima a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Cadre spécial autour des avatars

Message par Self le Mer 3 Juil 2013 - 16:53

Bonjour à vous.

Il me semble que dans votre premier Message vous demandiez seulement un cadre pour les avatars ?
Vous désirez faire entierement ce qu'il y à sur le forum exemple ?


Dernière édition par SeLfde4Th7 le Mer 3 Juil 2013 - 17:31, édité 1 fois

Self
+ Hyperactif +

Masculin
Messages : 3710
Inscrit(e) le : 13/06/2013

Self a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Cadre spécial autour des avatars

Message par Green Apple le Mer 3 Juil 2013 - 16:58

Bonjour,

Le tutoriel se trouve ici. Wink

Cordialement,

Green Apple
**

Masculin
Messages : 57
Inscrit(e) le : 06/11/2012

http://www.forumsdeforumactif.com
Green Apple a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Cadre spécial autour des avatars

Message par Self le Mer 3 Juil 2013 - 17:12

@Green Apple a écrit:Bonjour,

Le tutoriel se trouve ici. Wink

Cordialement,

Quand je vais sur votre lien cela nécésite une connexion :/

Self
+ Hyperactif +

Masculin
Messages : 3710
Inscrit(e) le : 13/06/2013

Self a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Cadre spécial autour des avatars

Message par Green Apple le Mer 3 Juil 2013 - 17:17

Oui, il faut s'inscrire, se présenter et poster un petit "merci" à la suite du tutoriel pour avoir tous les codes. ^^

Green Apple
**

Masculin
Messages : 57
Inscrit(e) le : 06/11/2012

http://www.forumsdeforumactif.com
Green Apple a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Cadre spécial autour des avatars

Message par Self le Mer 3 Juil 2013 - 17:20

@Green Apple a écrit:Oui, il faut s'inscrire, se présenter et poster un petit "merci" à la suite du tutoriel pour avoir tous les codes. ^^

C'est méchant de faire sa Ptdr .

Self
+ Hyperactif +

Masculin
Messages : 3710
Inscrit(e) le : 13/06/2013

Self a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Cadre spécial autour des avatars

Message par kilari tsukishima le Mer 3 Juil 2013 - 17:28

SeLfde4Th7 a écrit:Bonjour à vous.

Il me semble que dans votre premier cadre vous demandiez seulement un cadre pour les avatars ?
Vous désirez faire entierement ce qu'il y à sur le forum exemple ?

oui j'aimerais entièrement ^^

Green Apple::::::::::::dois je vraiment m’inscrire étant donner que juste après avoir lus il se peut que je ne revienne jamais sur ce forum?

propose t-il d'autres astuces du genre ?

kilari tsukishima
****

Féminin
Messages : 487
Inscrit(e) le : 19/02/2009

http://www.manga-world.forumactif.biz
kilari tsukishima a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Cadre spécial autour des avatars

Message par Self le Mer 3 Juil 2013 - 17:51

@kilari tsukishima a écrit:
SeLfde4Th7 a écrit:Bonjour à vous.

Il me semble que dans votre premier cadre vous demandiez seulement un cadre pour les avatars ?
Vous désirez faire entierement ce qu'il y à sur le forum exemple ?

oui j'aimerais entièrement ^^

Green Apple::::::::::::dois je vraiment m’inscrire étant donner que juste après avoir lus il se peut que je ne revienne jamais sur ce forum?

propose t-il d'autres astuces du genre ?

Malgré que cela ne m'intérresser pas d'aller voir la solution, pour répondre à votre question ce forum propose effectivement plusieur tutoriel.
Vous y trouverais ce que vous rechercher, bonne journée Wink .

Self
+ Hyperactif +

Masculin
Messages : 3710
Inscrit(e) le : 13/06/2013

Self a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Cadre spécial autour des avatars

Message par kilari tsukishima le Mer 3 Juil 2013 - 22:48

Wow...ça charge vraiment pas...

j'ai une connexion assez lente et jusqu’à présent j'arrive pas à m'inscrire (doit y avoir beaucoup d'animation...)

quelqu'un pourrait-il m'expliquer ici ? :/

kilari tsukishima
****

Féminin
Messages : 487
Inscrit(e) le : 19/02/2009

http://www.manga-world.forumactif.biz
kilari tsukishima a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Cadre spécial autour des avatars

Message par Anzu le Mer 3 Juil 2013 - 22:57

Bonsoir,

Je vous rappelle que les demandes afin de copier un forum ne sont pas acceptées sur le forum ..

Concernant votre demande, pensez à utiliser la recherche, la demande a été traitée à de nombreuses reprises, encore ici:

http://forum.forumactif.com/t354055-question-comment-on-met-un-cadre-autour-de-l-avatar

Si vous souhaitez encadrer tout le profil, il faudra placer le div autour de cette partie:

Code:
        <span class="name"><a name="{postrow.displayed.U_POST_ID}"></a><strong>{postrow.displayed.POSTER_NAME}</strong></span><br />
                    <span class="postdetails poster-profile">
                    {postrow.displayed.POSTER_RANK}<br />
                    {postrow.displayed.RANK_IMAGE}{postrow.displayed.POSTER_AVATAR}<br /><br />
                    <!-- 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}
                </span>

Cordialement.


Anzu
+ Hyperactif +

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

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

Résolu Re: Cadre spécial autour des avatars

Message par kilari tsukishima le Mer 3 Juil 2013 - 23:20

oui bien sur je ne comptais aps copier, ces juste le principe du profil qui se détache que j'apprécie ^^

je pourrais avoir cet effet dans le sujet que tu me conseille car j'y suis aller le posteur (lui qui a écris le sujet) n'a pas été explicite donc je doute :/

kilari tsukishima
****

Féminin
Messages : 487
Inscrit(e) le : 19/02/2009

http://www.manga-world.forumactif.biz
kilari tsukishima a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Cadre spécial autour des avatars

Message par kilari tsukishima le Jeu 4 Juil 2013 - 12:06

j'ai fais ce que tu m'as dit
j'ai remplacer ça
Code:
        {postrow.displayed.POSTER_AVATAR}

par ce que tu m'as donner, j'ai mis le css mais voila comment ça sors:

http://manga-world.forumactif.biz/t124-le-reglement?tt=1#637

kilari tsukishima
****

Féminin
Messages : 487
Inscrit(e) le : 19/02/2009

http://www.manga-world.forumactif.biz
kilari tsukishima a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Cadre spécial autour des avatars

Message par Anzu le Jeu 4 Juil 2013 - 12:13

Merci de bien vouloir utiliser la fonction :editer:

Evitez de poster dans l'autre sujet, vous en avez un ici, cela devrait être suffisant Wink

Copiez collez la totalité du template viewtopic body + le css associé

Cordialement.

Anzu
+ Hyperactif +

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

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

Résolu Re: Cadre spécial autour des avatars

Message par kilari tsukishima le Jeu 4 Juil 2013 - 12:17

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();
      }
   });
});

var hiddenMsgLabel = { visible:'{JS_HIDE_HIDDEN_MESSAGE}', hidden:'{JS_SHOW_HIDDEN_MESSAGE}' };
showHiddenMessage = function(id)
{
    try
    {
        var regId = parseInt(id, 10);
        if( isNaN(regId) ) { regId = 0; }
       
        if( regId > 0)
        {
            $('.post--' + id).toggle(0, function()
         {
            if( $(this).is(":visible") )
            {
               $('#hidden-title--' + id).html(hiddenMsgLabel.visible);
            }
            else
            {
               $('#hidden-title--' + id).html(hiddenMsgLabel.hidden);
            }
         });
        }
    }
    catch(e) { }
   
   return false;
};

//]]>
</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}&amp;layout=button_count&amp;show_faces=false&amp;width=100&amp;action=like&amp;colorscheme=light&amp;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&amp;pub=forumotion">{L_SHARE}</a>
            <!-- BEGIN switch_plus_menu -->
             | .
            <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}&amp;t={TOPIC_ID}','{JS_SESSION_ID}', {JS_AUTH_FAVOURITES});
            //]]>
            </script>
            <!-- END switch_plus_menu -->
         </span>
      </td>
   </tr>
</table>

<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0" style="border-bottom: 0px;">
   <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 hidden -->
   <tr>
      <td class="postdetails {postrow.hidden.ROW_CLASS}" colspan="3" align="center">{postrow.hidden.MESSAGE}</td>
   </tr>
   <!-- END hidden -->
   <!-- BEGIN displayed -->
   <tr class="post post--{postrow.displayed.U_POST_ID}" id="p{postrow.displayed.U_POST_ID}" style="{postrow.displayed.DISPLAYABLE_STATE}">
      <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150">
         <span class="name"><a name="{postrow.displayed.U_POST_ID}"></a><strong>{postrow.displayed.POSTER_NAME}</strong></span><br />
            <span class="postdetails poster-profile">
            {postrow.displayed.POSTER_RANK}<br />
            {postrow.displayed.RANK_IMAGE} <span class="name"><a name="{postrow.displayed.U_POST_ID}"></a><strong>{postrow.displayed.POSTER_NAME}</strong></span><br />
                            <span class="postdetails poster-profile">
                            {postrow.displayed.POSTER_RANK}<br />
                            {postrow.displayed.RANK_IMAGE}{postrow.displayed.POSTER_AVATAR}<br /><br />
                            <!-- 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}
                        </span><br /><br />
            <!-- 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}
         </span><br />
         <img src="http://illiweb.com/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}" alt="" />

                                 <!-- 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>
                     <!-- BEGIN switch_signature -->
                     <div class="signature_div">
                        {postrow.displayed.SIGNATURE}
                     </div>
                     <!-- END switch_signature -->

                  </div>
                  <span class="gensmall">{postrow.displayed.EDITED_MESSAGE}</span>
               </td>
            </tr>
         </table>
      </td>
   </tr>
   <tr class="post--{postrow.displayed.U_POST_ID}" style="{postrow.displayed.DISPLAYABLE_STATE}">
      <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>
<br />
<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 -->
   <!-- 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>
<table class="forumline noprint" width="100%" border="0" cellspacing="0" cellpadding="0" style="margin: 0 0 1px 0; border-top: 0px;">
   <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 -->
</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><br />
         <!-- END link -->
      </td>
   </tr>
</table>
<!-- END promot_trafic -->

<!-- BEGIN switch_forum_rules -->
<table id="forum_rules" class="forumline" width="100%" border="0" cellspacing="0" cellpadding="0" style="margin: 1px 0px 1px 0px">
   <tbody>
      <tr>
         <td class="catBottom">
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
               <tbody>
                  <tr>
                     <td valign="top">
                        <h1 class="cattitle"> {L_FORUM_RULES}</h1>
                     </td>
                  </tr>
               </tbody>
            </table>
         </td>
      </tr>
      <tr>
         <td class="row1 clearfix">
            <table>
               <tr>
                  <!-- BEGIN switch_forum_rule_image -->
                  <td class="logo">
                     <img src="{RULE_IMG_URL}" alt="" />
                  </td>
                  <!-- END switch_forum_rule_image -->
                  <td class="rules postbody">
                     {RULE_MSG}
                  </td>
               </tr>
            </table>
         </td>
      </tr>
   </tbody>
</table>
<!-- END switch_forum_rules -->

<table class="forumline noprint" width="100%" border="0" cellspacing="0" cellpadding="0">
   <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}" /> -->
            <input type="hidden" name="{SECURE_ID_NAME}" value="{SECURE_ID_VALUE}" />

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

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

Code:
          div.post_avatar img {
        border:1px solid #000000;
        background:#FFFFFF;
        padding:3px;}

kilari tsukishima
****

Féminin
Messages : 487
Inscrit(e) le : 19/02/2009

http://www.manga-world.forumactif.biz
kilari tsukishima a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Cadre spécial autour des avatars

Message par Anzu le Jeu 4 Juil 2013 - 12:30


Vous n'avez rien remplacé du tout.
La seule chose que je vois, c'est le pseudo et le rang en double.

Matriochka l'avait pourtant écrit noir sur blanc dans l'autre sujet et je l'ai écrit plus haut, il faut mettre le div autour de la variable.

Donc ceci:

Code:
{postrow.displayed.POSTER_AVATAR}

devient:

Code:
<div class="blabla">{postrow.displayed.POSTER_AVATAR}</div>

et dans le css:

Code:
.blabla {
border:1px solid #000000;
background:#FFFFFF;
padding:3px;}

Cette fois ci, le cadre va apparaître Wink


Anzu
+ Hyperactif +

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

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

Résolu Re: Cadre spécial autour des avatars

Message par kilari tsukishima le Jeu 4 Juil 2013 - 12:50

il y a bien un cadre mais ça n'encadre pas le profil...

j'ai publié, vous pouvez voir

kilari tsukishima
****

Féminin
Messages : 487
Inscrit(e) le : 19/02/2009

http://www.manga-world.forumactif.biz
kilari tsukishima a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Cadre spécial autour des avatars

Message par Anzu le Jeu 4 Juil 2013 - 12:54

Encore une fois, si vous lisiez mes messages ..

bien sûr que ça n'encadre pas le profil, le div est simplement autour de l'avatar.

@Anzu a écrit:
Si vous souhaitez encadrer tout le profil, il faudra placer le div autour de cette partie:

Code:
        <span class="name"><a name="{postrow.displayed.U_POST_ID}"></a><strong>{postrow.displayed.POSTER_NAME}</strong></span><br />
                    <span class="postdetails poster-profile">
                    {postrow.displayed.POSTER_RANK}<br />
                    {postrow.displayed.RANK_IMAGE}{postrow.displayed.POSTER_AVATAR}<br /><br />
                    <!-- 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}
                </span>

Cordialement.


Donc mettre ceci: <div class="blabla">

devant

</div>

à la fin


Anzu
+ Hyperactif +

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

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

Résolu Re: Cadre spécial autour des avatars

Message par kilari tsukishima le Jeu 4 Juil 2013 - 13:08

ces fais merci Smile

mais juste un petit truc, je peux arrondir les bords ou faire comme un modèle de l'autre forum ?

kilari tsukishima
****

Féminin
Messages : 487
Inscrit(e) le : 19/02/2009

http://www.manga-world.forumactif.biz
kilari tsukishima a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Cadre spécial autour des avatars

Message par Anzu le Jeu 4 Juil 2013 - 14:44


Pour arrondir:

Code:
border-radius: XXpx;

NB: XX à changer par la valeur souhaitée

Anzu
+ Hyperactif +

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

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

Résolu Re: Cadre spécial autour des avatars

Message par kilari tsukishima le Jeu 4 Juil 2013 - 15:06

Je l'ai mis dans css et 6 a la place de XX mais ça change rien...

kilari tsukishima
****

Féminin
Messages : 487
Inscrit(e) le : 19/02/2009

http://www.manga-world.forumactif.biz
kilari tsukishima a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Cadre spécial autour des avatars

Message par Anzu le Jeu 4 Juil 2013 - 15:41

Vous avez mis ceci:

Code:
.blabla {
border:1px solid #000000;
border-radius: 20px;
background:#FFFFFF;
padding:3px;}

???

Edit:

Au cas où, mettez les trois:

border-radius: 20px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;

Anzu
+ Hyperactif +

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

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

Résolu Re: Cadre spécial autour des avatars

Message par kilari tsukishima le Jeu 4 Juil 2013 - 15:52

ça marche !
mais juste une dernière chose, j'aimerais centrer le rang,l'image ainsi que le nom car ces pas top comme ça...

et l'avatar vus que le bouts sont...pointus, eh ben il sorte...si ça peut pas être régler ces pas grave ^^'

kilari tsukishima
****

Féminin
Messages : 487
Inscrit(e) le : 19/02/2009

http://www.manga-world.forumactif.biz
kilari tsukishima a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Cadre spécial autour des avatars

Message par Anzu le Jeu 4 Juil 2013 - 16:17

Vous repérez les variables concernées et vous mettez les balises center autour:

Le rang:

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

L'avatar:

Code:
<center>{postrow.displayed.POSTER_AVATAR}</center>

Le nom:

Code:
<center>{postrow.displayed.POSTER_NAME}</center>

Pour les bords pointus, pas grand chose à faire. Soit vous réduisez la valeur de l'arrondi, pour éviter que l'avatar sorte du cadre, soit vous faites des avatars arrondis.

Anzu
+ Hyperactif +

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

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

Résolu Re: Cadre spécial autour des avatars

Message par kilari tsukishima le Jeu 4 Juil 2013 - 19:20

Ah d'accord
merci mais pour l'image c'est impossible ?

kilari tsukishima
****

Féminin
Messages : 487
Inscrit(e) le : 19/02/2009

http://www.manga-world.forumactif.biz
kilari tsukishima a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Cadre spécial autour des avatars

Message par Anzu le Jeu 4 Juil 2013 - 19:29

Vous parlez de quoi ?

Anzu
+ Hyperactif +

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

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

Résolu Re: Cadre spécial autour des avatars

Message par kilari tsukishima le Jeu 4 Juil 2013 - 19:37

l'image du rang

kilari tsukishima
****

Féminin
Messages : 487
Inscrit(e) le : 19/02/2009

http://www.manga-world.forumactif.biz
kilari tsukishima a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Cadre spécial autour des avatars

Message par Anzu le Jeu 4 Juil 2013 - 19:43

Ici:

{postrow.displayed.RANK_IMAGE}

Code:
<center>{postrow.displayed.RANK_IMAGE}</center>

Anzu
+ Hyperactif +

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

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

Résolu Re: Cadre spécial autour des avatars

Message par kilari tsukishima le Ven 5 Juil 2013 - 12:29

ces fais, merci Smile

kilari tsukishima
****

Féminin
Messages : 487
Inscrit(e) le : 19/02/2009

http://www.manga-world.forumactif.biz
kilari tsukishima a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum