C'est la fin du projet CSSActif, vous trouverez les explications ici : Fin de CSSActif, ouverture du forum. Le forum reste cependant ouvert à tous et ses ressources sont entièrement disponibles. Merci à tous !
Derniers sujets
» Slideshow horizontal infini
Hier à 08:26 par Leiris

» Infobulle avec effets CSS3
Hier à 01:35 par Helena-Bella

» Limitation de la signature
Ven 18 Aoû 2017, 23:36 par Helena-Bella

» Effet de volet glissant sur un bloc
Ven 18 Aoû 2017, 18:56 par Blocku

» Dimensions des avatars
Ven 18 Aoû 2017, 06:12 par Mortuus

» Signature codée
Jeu 17 Aoû 2017, 22:31 par Helena-Bella

» Signature codée
Jeu 17 Aoû 2017, 22:27 par Helena-Bella

» Signature codée avec onglets
Jeu 17 Aoû 2017, 22:18 par Helena-Bella


Partagez | 
 

Mettre un contour au profil et/ou à l'avatar (messages)

Voir le sujet précédent Voir le sujet suivant Aller en bas 
Aller à la page : Précédent  1, 2, 3, 4, 5  Suivant
Voir le profil de l'utilisateur http://discuss-forum.forumactif.com/forum.htm
avatar
{ Membre }
{ Membre }

Masculin Messages : 57



J'ai mis le code dans mon CSS pour entourer seulement l'avatar mais sa ne fonctionne pas Sad

Voici ce que j'ai mis:
Code:
.postdetails.poster-profile a img
{
border: 5px; solid; grey; /*La bordure*/
-moz-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
-moz-border-radius-bottomright: 8px;
-moz-border-radius-bottomleft: 8px;
}


Salut Invité!

Petit Aperçu Star Wars the force unleahed 2:
Spoiler:
 

MessageSujet: Re: Mettre un contour au profil et/ou à l'avatar (messages)   Ven 08 Oct 2010, 16:27
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://www.artsoul.fr/
avatar
{ Membre actif }
{ Membre actif }

Féminin Messages : 370



Essaye ceci (attention pas de point virgule dans une même propriété, uniquement des espaces
Code:
.postdetails.poster-profile a img
{
border: 5px solid grey /*La bordure*/
-moz-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
-moz-border-radius-bottomright: 8px;
-moz-border-radius-bottomleft: 8px;
}
MessageSujet: Re: Mettre un contour au profil et/ou à l'avatar (messages)   Ven 08 Oct 2010, 17:48
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://discuss-forum.forumactif.com/forum.htm
avatar
{ Membre }
{ Membre }

Masculin Messages : 57



Sa ne fonctionne quand même pas Sad


Salut Invité!

Petit Aperçu Star Wars the force unleahed 2:
Spoiler:
 

MessageSujet: Re: Mettre un contour au profil et/ou à l'avatar (messages)   Ven 08 Oct 2010, 17:49
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://www.artsoul.fr/
avatar
{ Membre actif }
{ Membre actif }

Féminin Messages : 370



    Normalement là c'est bon Wink
    Code:
    .postdetails.poster-profile a img {

    border: -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    border: 5px solid grey;
    }
MessageSujet: Re: Mettre un contour au profil et/ou à l'avatar (messages)   Sam 09 Oct 2010, 05:44
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://discuss-forum.forumactif.com/forum.htm
avatar
{ Membre }
{ Membre }

Masculin Messages : 57



OUI!!! Merci beaucoup!!!! Smile


Salut Invité!

Petit Aperçu Star Wars the force unleahed 2:
Spoiler:
 

MessageSujet: Re: Mettre un contour au profil et/ou à l'avatar (messages)   Sam 09 Oct 2010, 13:06
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://Geykho.com
avatar
{ Membre }
{ Membre }

Masculin Messages : 23



Quelqu'un pourrait il me dire pourquoi ça ne marche pas ?

Screen:
 

Spoiler:
 
MessageSujet: Re: Mettre un contour au profil et/ou à l'avatar (messages)   Lun 25 Oct 2010, 10:41
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://dear-diarie.livejournal.com/
{ Membre }
{ Membre }

Féminin Messages : 11



je doit êtr une vrie uiche mais j'ai rien réussis niveau template 0.0
T_Tje suis vraiment un cas déséspérée.
MessageSujet: Re: Mettre un contour au profil et/ou à l'avatar (messages)   Mar 26 Oct 2010, 08:38
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
avatar
{ Membre }
{ Membre }

Féminin Messages : 6



Tu peux faire un scan Oo'
MessageSujet: Re: Mettre un contour au profil et/ou à l'avatar (messages)   Mer 27 Oct 2010, 10:49
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://lyress.olympe-network.com/blog/
avatar
{ Membre }
{ Membre }

Masculin Messages : 153



SOS, le code ne marche pas ->
Code:
.postdetails.poster-profile a img
{
border: 2px solid #FFFFFF; /*La bordure*/
}


MessageSujet: Re: Mettre un contour au profil et/ou à l'avatar (messages)   Sam 30 Oct 2010, 05:39
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://black-milk.conectyou.com
{ Membre }
{ Membre }

Masculin Messages : 30



Bizarre, j'ai suivi le tuto et ça ne marche qu'à moitié =/ En plus je ne comprends pas pourquoi mon css ne marche pas. (je ne vois que SOLID est-ce normal?) Suspect


Ala kadr ahl-azm
Taa'ti azaim
MessageSujet: Re: Mettre un contour au profil et/ou à l'avatar (messages)   Mar 02 Nov 2010, 18:19
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://generation.geek.chez.com
avatar
{ Membre actif }
{ Membre actif }

Masculin Messages : 866



Quel est ton souci ? =)
MessageSujet: Re: Mettre un contour au profil et/ou à l'avatar (messages)   Mer 03 Nov 2010, 16:08
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://seoul-saranghae.superforum.fr/index.htm
avatar
{ Membre }
{ Membre }

Féminin Messages : 140



Bonsoir, j'aurais deux questions sur des déclinaisons de ce code. Il fonctionne très bien mais je voulais savoir si on pouvait faire deux cadres, l'un pour l'avatar, le pseudo et le rang puis un second pour tout ce qui se trouve en-dessous ?
Ma deuxième question : avant mon pseudo, rang, avatar était centré mais tout ce qui était dessous était en justifié. après avoir mis ce code, j'ai perdu ça. tout est centré. J'aimerais refaire comme avant mais je ne vois pas où placer les balises pour y arriver.
MessageSujet: Re: Mettre un contour au profil et/ou à l'avatar (messages)   Sam 13 Nov 2010, 10:41
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://sunset-glow.my-rpg.com/forum.htm
avatar
{ Membre }
{ Membre }

Féminin Messages : 7



[list]Bonjour,
j'avais très bien réussit à mettre mon avatar, rang, pseudo et tout ce qui viens avec dans un encadré. Il affichait à merveille sur mon forum, j'ai même put le montrer à quelqu'un, mais environ cinq minutes par après, il a disparut. J'ai donc remit les mêmes codes et c'est revenu correct, mais encore environ cinq minutes par après, ils ont encore disparut.
Je ne comprend vraiment pas pourquoi !
Je vais vous poser mes codes ici

Pour le template
Code:
<td style="text-align: center;" class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150">
<table><tr><td class="profil_contour">
         <span class="name"><a name="{postrow.displayed.U_POST_ID}"></a>{postrow.displayed.POSTER_AVATAR}<br><strong>{postrow.displayed.POSTER_NAME}</strong></span><br />
            <span class="postdetails poster-profile">
            {postrow.displayed.POSTER_RANK}<br />
            {postrow.displayed.RANK_IMAGE}<br /><br />
</td></tr></table>
            <!-- BEGIN profile_field -->

Pour le CSS
Code:
.profil_contour
{
border: 3px outset #364236; /*La bordure*/
background-image: url("http://obsession27.free.fr/divers/fonds/pp5.png"); /*Le fond*/
-moz-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
-moz-border-radius-bottomright: 8px;
-moz-border-radius-bottomleft: 8px;}

Ce que je ne comprend surtout pas... c'est pourquoi il disparait tout simplement...
Merci à celui qui pourra me répondre ^^


    ouais ouais, moi je l'aime ce regard de tueur.
MessageSujet: Re: Mettre un contour au profil et/ou à l'avatar (messages)   Sam 13 Nov 2010, 12:38
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://hirwen.forumactif.com
avatar
{ Membre }
{ Membre }

Féminin Messages : 43



Bonjour, j'ai également un souci, le contour ne s'affiche pas, et en mettant le centrer pour l'avatar, le pseudo et le rang, les mots dans les champs du profil sont agrandis.

Mon css :
Code:
/* CONTOURS AVATAR */

.postdetails.poster-profile a img
{
border: 4px SOLID #6E5B62; /*La bordure*/
}

Mon template 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 align="left" valign="middle" nowrap="nowrap">
         <!-- BEGIN switch_twitter_btn -->
         <span id="twitter_btn" style="margin-left: 6px; ">
         <a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal">Tweet</a>
         <script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
         </span>
         <!-- END switch_twitter_btn -->
         <!-- BEGIN switch_fb_likebtn -->
         <span id="fb_likebtn" style="margin-left: 6px; ">
            <iframe src="http://www.facebook.com/plugins/like.php?href={FORUM_URL}{TOPIC_URL}&layout=button_count&show_faces=false&width=100&action=like&colorscheme=light&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100px; height:21px;" allowTransparency="true"></iframe>
         </span>
         <!-- END switch_fb_likebtn -->
      </td>
      <td class="nav" valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td>
      <td align="right" valign="bottom" nowrap="nowrap" width="100%">
         <span class="gensmall bold">
            <a class="addthis_button" href="http://www.addthis.com/bookmark.php?v=250&pub=forumotion">{L_SHARE}</a>
             | 
            <script type="text/javascript">//<![CDATA[
               insert_plus_menu('f{FORUM_ID}&t={TOPIC_ID}','{JS_SESSION_ID}', {JS_AUTH_FAVOURITES});
            //]]>
            </script>
         </span>
      </td>
   </tr>
</table>

<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
   <tr align="right">
      <td class="catHead" colspan="3" height="28">
         <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
               <td width="9%" class="noprint"> </td>
               <td align="center" class="t-title">
                  <h1 class="cattitle"> {TOPIC_TITLE}</h1>
               </td>
               <td align="right" width="9%" class="browse-arrows"><a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#bottom">{L_GOTO_DOWN}</a> </td>
            </tr>
         </table>
      </td>
   </tr>
   <!-- BEGIN topicpagination -->
   <tr>
      <td class="row1 pagination" colspan="2" align="right" valign="top"><span class="gensmall">{PAGINATION}</span></td>
   </tr>
   <!-- END topicpagination -->
   {POLL_DISPLAY}
   <tr>
      <th class="thLeft" nowrap="nowrap" width="150px" height="26">{L_AUTHOR}</th>
      <th class="thRight" nowrap="nowrap" colspan="2">{L_MESSAGE}</th>
   </tr>
   <!-- BEGIN postrow -->
   <!-- BEGIN displayed -->
   <tr class="post">
      <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150">
         <div align="center"><span class="name"><a name="{postrow.displayed.U_POST_ID}"></a>{postrow.displayed.POSTER_AVATAR}<br><strong>{postrow.displayed.POSTER_NAME}</strong></span>

            <span class="postdetails poster-profile">
            {postrow.displayed.POSTER_RANK}

            {postrow.displayed.RANK_IMAGE}</div>


            <!-- BEGIN profile_field -->
            {postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
            <!-- END profile_field -->
            {postrow.displayed.POSTER_RPG}
         </span>

         <img src="http://illiweb.com/_.gif" alt="" style="width:150px;height:1px" />
      </td>
      <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="100%" height="28" colspan="2">
         <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
               <td><span class="postdetails"><img src="{postrow.displayed.MINI_POST_IMG}" alt="{postrow.displayed.L_MINI_POST_ALT}" title="{postrow.displayed.L_MINI_POST_ALT}" border="0" />{L_POST_SUBJECT}: {postrow.displayed.POST_SUBJECT}   <img src="{postrow.displayed.MINI_TIME_IMG}" alt="" border="0" />{postrow.displayed.POST_DATE}</span></td>
               <td valign="top" nowrap="nowrap" class="post-options">
                  {postrow.displayed.THANK_IMG} {postrow.displayed.MULTIQUOTE_IMG} {postrow.displayed.QUOTE_IMG} {postrow.displayed.EDIT_IMG} {postrow.displayed.DELETE_IMG} {postrow.displayed.IP_IMG} {postrow.displayed.REPORT_IMG}
               </td>
            </tr>
            <tr>
               <td colspan="2" class="hr">
                  <hr />
               </td>
            </tr>
            <tr>
               <td colspan="2">
                  <!-- BEGIN switch_vote_active -->
                  <div class="vote gensmall">
                     <!-- BEGIN switch_vote -->
                     <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}">+</a></div>
                     <!-- END switch_vote -->

                     <!-- BEGIN switch_bar -->
                     <div class="vote-bar" title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}">
                        <!-- BEGIN switch_vote_plus -->
                        <div class="vote-bar-plus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_plus.HEIGHT_PLUS}px;"></div>
                        <!-- END switch_vote_plus -->

                        <!-- BEGIN switch_vote_minus -->
                        <div class="vote-bar-minus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_minus.HEIGHT_MINUS}px;"></div>
                        <!-- END switch_vote_minus -->
                     </div>
                     <!-- END switch_bar -->

                     <!-- BEGIN switch_no_bar -->
                     <div title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}" class="vote-no-bar">----</div>
                     <!-- END switch_no_bar -->

                     <!-- BEGIN switch_vote -->
                     <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}">-</a></div>
                     <!-- END switch_vote -->
                  </div>
                  <!-- END switch_vote_active -->

                  <div class="postbody">

                     <div>{postrow.displayed.MESSAGE}</div>

                     <!-- BEGIN switch_attachments -->
                     <dl class="attachbox">
                        <dt>{postrow.displayed.switch_attachments.L_ATTACHMENTS}</dt>
                        <dd>
                           <!-- BEGIN switch_post_attachments -->
                           <dl class="file">
                              <dt>
                                 <img src="{postrow.displayed.switch_attachments.switch_post_attachments.U_IMG}" />

                                 <!-- BEGIN switch_dl_att -->
                                 <a class="postlink" href="{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.U_ATTACHMENT}">{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT}</a> {postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT_DEL}
                                 <!-- END switch_dl_att -->

                                 <!-- BEGIN switch_no_dl_att -->
                                 {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT} {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT_DEL}
                                 <!-- END switch_no_dl_att -->
                              </dt>

                              <!-- BEGIN switch_no_comment -->
                              <dd>
                                 <em>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_comment.ATTACHMENT_COMMENT}</em>
                              </dd>
                              <!-- END switch_no_comment -->

                              <!-- BEGIN switch_no_dl_att -->
                              <dd>
                                 <em><strong>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.TEXT_NO_DL}</strong></em>
                              </dd>
                              <!-- END switch_no_dl_att -->

                              <dd>({postrow.displayed.switch_attachments.switch_post_attachments.FILE_SIZE}) {postrow.displayed.switch_attachments.switch_post_attachments.NB_DL}</dd>
                           </dl>
                           <!-- END switch_post_attachments -->
                        </dd>
                     </dl>
                     <!-- END switch_attachments -->

                     <div class="clear"></div>
                     <div class="signature_div">
                        {postrow.displayed.SIGNATURE}
                     </div>

                  </div>
                  <span class="gensmall">{postrow.displayed.EDITED_MESSAGE}</span>
               </td>
            </tr>
         </table>
      </td>
   </tr>
   <tr>
      <td class="{postrow.displayed.ROW_CLASS} browse-arrows"{postrow.displayed.THANK_BGCOLOR} align="center" valign="middle" width="150">
         <a href="#top">{L_BACK_TO_TOP}</a> <a href="#bottom">{L_GOTO_DOWN}</a>
      </td>
      <td class="{postrow.displayed.ROW_CLASS} messaging gensmall"{postrow.displayed.THANK_BGCOLOR} width="100%" height="28">
         <table border="0" cellspacing="0" cellpadding="0">
            <tr>
               <td valign="middle">
                  {postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}<!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT}<!-- END contact_field --> {postrow.displayed.ONLINE_IMG}
               </td>
            </tr>
         </table>
      </td>
   </tr>
   <!-- BEGIN first_post_br -->
</table>


<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
   <tr>
      <th class="thLeft" nowrap="nowrap" width="150px" height="26">{L_AUTHOR}</th>
      <th class="thRight" nowrap="nowrap" colspan="2">{L_MESSAGE}</th>
   </tr>
   <!-- END first_post_br -->
   <!-- END displayed -->
   <!-- BEGIN hidden -->
   <tr>
      <td class="postdetails {postrow.hidden.ROW_CLASS}" colspan="2" align="center">{postrow.hidden.MESSAGE}</td>
   </tr>
   <!-- END hidden -->
   <!-- END postrow -->
   <!-- BEGIN no_post -->
   <tr align="center">
      <td class="row1" colspan="3" height="28">
         <span class="genmed">{no_post.L_NO_POST}</span>
      </td>
   </tr>
   <!-- END no_post -->
   <tr align="right">
      <td class="catBottom" colspan="3" height="28">
         <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
               <td width="9%" class="noprint"> </td>
               <td align="center" class="t-title"><a name="bottomtitle"></a><h1 class="cattitle">{TOPIC_TITLE}</h1></td>
               <td align="right" nowrap="nowrap" width="9%" class="browse-arrows"><a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#top">{L_BACK_TO_TOP}</a> </td>
            </tr>
         </table>
      </td>
   </tr>
</table>

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

      <td align="right" nowrap="nowrap"><span class="gensmall">{L_JUMP_TO}: {S_JUMPBOX_SELECT} <input class="liteoption" type="submit" value="{L_GO}" /></span></td>

      <!-- 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}&nbsp;<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>

Merci de votre aide


Mon forum : http://earthwarrpg.forumactif.com
MessageSujet: Re: Mettre un contour au profil et/ou à l'avatar (messages)   Mer 24 Nov 2010, 07:53
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://vampiresschool.forumactif.org/forum.htm
avatar
{ Membre }
{ Membre }

Féminin Messages : 64



j'ai essayer tout les codes que j'ai pu trouver mais ça ne marche pas! je comprend pas pourquoi! j'ai tout mis mais j'arrive pas a mettre une bordure =(
MessageSujet: Re: Mettre un contour au profil et/ou à l'avatar (messages)   Lun 29 Nov 2010, 17:03
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://vampiresschool.forumactif.org/forum.htm
avatar
{ Membre }
{ Membre }

Féminin Messages : 64



j'aimerais une réponse j'ai utiliser le code en infobulle
MessageSujet: Re: Mettre un contour au profil et/ou à l'avatar (messages)   Ven 03 Déc 2010, 20:22
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
avatar
{ Membre }
{ Membre }

Féminin Messages : 46



Bonjour,
Pouvons nous faire ce genre de chose : http://london-rain.forumactif.info/questions-suggestions-f7/pour-les-invites-t266.htm

Merci à vous
MessageSujet: Re: Mettre un contour au profil et/ou à l'avatar (messages)   Sam 04 Déc 2010, 10:06
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://...
avatar
{ Membre }
{ Membre }

Féminin Messages : 74



Bonsoir !!

J'aurais besoin de votre aide.

J'ai suivis correctement le tuto et j'ai même personnalisé moi même certaine chose. C'est-à-dire :

- j'ai entouré "le pseudo/rang/avatar" avec un fond de couleur sans cadre
- j'ai entouré "l'avatar d'un cadre solid"
- j'ai entouré "la partie sous l'avatar" avec un fond de couleur sans cadre

Mais j'ai un petit soucis.

Que ce soit l'avatar ou le texte qui se trouve en dessous, tous est coller au fond de couleur que je viens d'installé. En gros, j'aimerais qu'il y a un espace à gauche et à droite afin de voir correctement : le texte et que ça fasse jolie avec l'avatar.

Voici une capture de mon forum : je pense que vous comprendrez mieux

Je suppose que c'est un code à mettre dans le template ou le CSS mais je sais pas quoi.

Puis-je avoir votre aide ?

P.S : ne regarder pas le rang car je vais modifier la couleur du fond (le rendre transparent)
MessageSujet: Re: Mettre un contour au profil et/ou à l'avatar (messages)   Sam 04 Déc 2010, 14:32
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
avatar
{ Membre }
{ Membre }

Féminin Messages : 46



Mon problème est résolu pour ma part.

Pour Leelewine je pense savoir. Essaye d'aller dans ton template et met à chaque fin de tes modification
C'est pour sauter une ligne.
MessageSujet: Re: Mettre un contour au profil et/ou à l'avatar (messages)   Sam 04 Déc 2010, 16:14
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://...
avatar
{ Membre }
{ Membre }

Féminin Messages : 74



J'ai réussi, j'ai glissé deux
et c'est nickel !!

Merci pour le tuto et merci pour ton conseil Kriisten25 !!
MessageSujet: Re: Mettre un contour au profil et/ou à l'avatar (messages)   Sam 04 Déc 2010, 17:04
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://liaw.zikforum.com
avatar
{ Membre }
{ Membre }

Féminin Messages : 5



Bonjour bonjour !
Alors voilà j'ai un petit soucis, le code fonctionnait parfaitement (contour autour de l'avatar uniquement) jusqu'à ce que je mette le pseudo et le rang en dessous de l'avatar... Depuis plus moyen de mettre le cadre :/

help help
merci à ceux qui peuvent m'aider ^^
MessageSujet: Re: Mettre un contour au profil et/ou à l'avatar (messages)   Dim 05 Déc 2010, 08:30
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://www.artsoul.fr/
avatar
{ Membre actif }
{ Membre actif }

Féminin Messages : 370



    Pourrais-tu nous donner ton CSS et ton template s'il te plait?
MessageSujet: Re: Mettre un contour au profil et/ou à l'avatar (messages)   Dim 05 Déc 2010, 09:25
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://liaw.zikforum.com
avatar
{ Membre }
{ Membre }

Féminin Messages : 5



Oui biensur, voilà pour le template (je t'ai mis ce qu'il me semble utile pour toi xd pas tout mettre quoi)

Code:
<tr class="post">
      <td style="text-align: center;"class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150">
         <span class="name"><a name="{postrow.displayed.U_POST_ID}"></a>{postrow.displayed.POSTER_AVATAR}</br></br> <strong>{postrow.displayed.POSTER_NAME}</strong>
</span><br />
            <span class="postdetails poster-profile">
            {postrow.displayed.POSTER_RANK}<br />
            {postrow.displayed.RANK_IMAGE}<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/_.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}  &nbsp;<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>

et pour le CSS

Code:
.postdetails.poster-profile a img
{
border: 8px #999553 solid; /*La bordure*/
}

Merci
MessageSujet: Re: Mettre un contour au profil et/ou à l'avatar (messages)   Dim 05 Déc 2010, 09:46
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://www.artsoul.fr/
avatar
{ Membre actif }
{ Membre actif }

Féminin Messages : 370



    Change le morceau de template par celui-ci Wink

    Code:
    <tr class="post">
          <td style="text-align: center;"class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150">
            <span class="name"><a name="{postrow.displayed.U_POST_ID}"></a><span class="postdetails poster-profile">{postrow.displayed.POSTER_AVATAR}</br></br> <strong>{postrow.displayed.POSTER_NAME}</strong>
    </span><br />
               
                {postrow.displayed.POSTER_RANK}<br />
                {postrow.displayed.RANK_IMAGE}<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/_.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>
MessageSujet: Re: Mettre un contour au profil et/ou à l'avatar (messages)   Dim 05 Déc 2010, 12:35
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://liaw.zikforum.com
avatar
{ Membre }
{ Membre }

Féminin Messages : 5



Aaaaaaaaaaaah merci merci merci merci ! Smack Smack
MessageSujet: Re: Mettre un contour au profil et/ou à l'avatar (messages)   Dim 05 Déc 2010, 13:53
Revenir en haut Aller en bas
Contenu sponsorisé




MessageSujet: Re: Mettre un contour au profil et/ou à l'avatar (messages)   
Revenir en haut Aller en bas
 

Mettre un contour au profil et/ou à l'avatar (messages)

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 3 sur 5Aller à la page : Précédent  1, 2, 3, 4, 5  Suivant

 Sujets similaires

-
» Mettre un champ de profil au dessus de l'avatar et le rang en dessous
» Mettre un contour de forum
» Comment mettre des options au profil
» Mettre des smileys dans profil
» Mettre un contour dans les forums et gatégories

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
CSSActif :: Corbeille :: Archives de CSSActif :: Archives 2009~2011-

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 | Contact | Signaler un abus | Forumactif.com