cadre autour de l'avatar & Profil Bouton_activecadre autour de l'avatar & Profil Bouton_hovercadre autour de l'avatar & Profil Fb-hovercadre autour de l'avatar & 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
» Fiche de Présentation RPG
cadre autour de l'avatar & Profil EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
cadre autour de l'avatar & Profil EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
cadre autour de l'avatar & Profil EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
cadre autour de l'avatar & Profil EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
cadre autour de l'avatar & Profil EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
cadre autour de l'avatar & Profil EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
cadre autour de l'avatar & Profil EmptySam 11 Fév 2023, 06:04 par Krager

» Vos partenaires dans le footer
cadre autour de l'avatar & Profil EmptyMar 07 Fév 2023, 08:40 par Oxtran

-40%
Le deal à ne pas rater :
Tefal Ingenio Emotion – Batterie de cuisine 10 pièces (induction, ...
59.99 € 99.99 €
Voir le deal

Partagez
 

cadre autour de l'avatar & Profil

Voir le sujet précédent Voir le sujet suivant Aller en bas 
miss october ♥
{ Membre }
{ Membre }

Féminin Messages : 6



cadre autour de l'avatar & Profil Empty

bonjour a tous,
J’ai besoin de votre aide pour arriver a mettre en couleur les information du profil, pour le moment je ne suis arrivé qu’a mettre l’avatar en couleur mais je souhaiterais que le profil y soit complètement. Pour que vous compreniez mieux j’ai fait une capture de ce que je souhaiterais. ;
Spoiler:

comment puis-je faire pour arriver a ce résultat?
MessageSujet: cadre autour de l'avatar & Profil   cadre autour de l'avatar & Profil EmptyDim 22 Aoû 2010, 10:05
Revenir en haut Aller en bas
http://little-sorcerer.forumactif.org/
Kimi Sâto
{ Membre actif }
{ Membre actif }

Féminin Messages : 335



cadre autour de l'avatar & Profil Empty
Pour arriver à cela, il suffit que tu créer une class dans ton css avec les propriétés background et -moz-border-radius, et que tu l'appliques au endroits concernés dans ton template view_topic_body.

Si tu as besoin de plus de détails, dis le moi et je le ferai ^w^

Bisous~
MessageSujet: Re: cadre autour de l'avatar & Profil   cadre autour de l'avatar & Profil EmptyDim 22 Aoû 2010, 10:25
Revenir en haut Aller en bas
miss october ♥
{ Membre }
{ Membre }

Féminin Messages : 6



cadre autour de l'avatar & Profil Empty
je dois dire que je débute en css donc en effet je ne sais pas trop comment arrivé a cela;
donc si possible de me donner plus de détail serais très apprécier I love you
MessageSujet: Re: cadre autour de l'avatar & Profil   cadre autour de l'avatar & Profil EmptyDim 22 Aoû 2010, 10:27
Revenir en haut Aller en bas
http://ensomnia.co.nr
Sui
Sui
{ Membre actif }
{ Membre actif }

Féminin Messages : 346



cadre autour de l'avatar & Profil Empty
Il y a des tutos sur le forum, pourquoi tu ne vas pas fouiller un peu ? (:
MessageSujet: Re: cadre autour de l'avatar & Profil   cadre autour de l'avatar & Profil EmptyLun 23 Aoû 2010, 11:49
Revenir en haut Aller en bas
http://little-sorcerer.forumactif.org/
Kimi Sâto
{ Membre actif }
{ Membre actif }

Féminin Messages : 335



cadre autour de l'avatar & Profil Empty
Alors, je vais t'expliquer rapidement, je n'ai pas trop de temps. Tout d'abord, tu vas aller dans ta feuille de style css, et tu vas mettre ce code:
Code:
.bloc{
background-color:#COULEUR
-moz-border-radius:?px}

Le background-color correspond à la couleur de fond du bloc, tu doit remplacer COULEUR par la couleur de ton choix, comme #FFFFFF pour du blanc.
Le -moz-border-radius correspond à l'arrondissement du bloc, tu doit remplacer ? par le nombre de pixel que tu veux, comme 10px, pour que l'arrondis soit assez faible, mais visible.

Tu peux évidemment le modifier encore plus si tu le souhaite.

Ensuite, ça se passe dans ton template view_topic_body. Tu dois appliquer aux variables que tu souhaites, ce code:
Code:
<div class="bloc">VARIABLE</div>

Les variables sont:
{postrow.displayed.POSTER_RANK} correspond au rang écrit de l'auteur.
{postrow.displayed.POSTER_AVATAR} correspond à l'avatar de l'auteur.
{postrow.displayed.POSTER_RPG} correspond à la fiche de personnage de l'auteur du message.
{postrow.displayed.POSTER_NAME} correspond au nom de l'auteur.
{postrow.displayed.RANK_IMAGE} correspond à l'image du rang de l'auteur.

Je n'ai pas tout mis, mais le plus important il me semble, après si tu veux le reste, c'est dans la même zone du template que tout cela ^w^

Bisous~
MessageSujet: Re: cadre autour de l'avatar & Profil   cadre autour de l'avatar & Profil EmptyMar 24 Aoû 2010, 06:34
Revenir en haut Aller en bas
http://www.i-love-harvard.com/
Kaiji
Kaiji
Blanche-Neige
Blanche-Neige

Féminin Messages : 5578



cadre autour de l'avatar & Profil Empty
    Bonjour,

    Votre problème est-il résolu ?
    Si oui, merci de cocher dans "icône du sujet" l'icône cadre autour de l'avatar & Profil 87671resolu3 en éditant votre 1er post.
MessageSujet: Re: cadre autour de l'avatar & Profil   cadre autour de l'avatar & Profil EmptyMar 31 Aoû 2010, 16:04
Revenir en haut Aller en bas
miss october ♥
{ Membre }
{ Membre }

Féminin Messages : 6



cadre autour de l'avatar & Profil Empty
non, j'ai essayer ce que tu m'as montré Kimi
pourtant ca ne fonctionnent pas les codes ne s'affiche pas et je ne comprend pas pourquoi
MessageSujet: Re: cadre autour de l'avatar & Profil   cadre autour de l'avatar & Profil EmptyMar 31 Aoû 2010, 16:05
Revenir en haut Aller en bas
http://www.i-love-harvard.com/
Kaiji
Kaiji
Blanche-Neige
Blanche-Neige

Féminin Messages : 5578



cadre autour de l'avatar & Profil Empty
    Est-ce qu'on peut avoir tes codes ?
MessageSujet: Re: cadre autour de l'avatar & Profil   cadre autour de l'avatar & Profil EmptyMar 31 Aoû 2010, 16:08
Revenir en haut Aller en bas
miss october ♥
{ Membre }
{ Membre }

Féminin Messages : 6



cadre autour de l'avatar & Profil Empty
code 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="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" 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"><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">
         <span class="name"><a name="{postrow.displayed.U_POST_ID}"></a><strong>
<div class="bloc">{postrow.displayed.POSTER_NAME}</div></size></FONT></strong></span><br />
            <span class="postdetails poster-profile"><div class="cadre_avatar"><div class="bloc"> {postrow.displayed.POSTER_AVATAR}</div></div>
            <div class="bloc"> {postrow.displayed.POSTER_RANK}</div><br />
            <div class="bloc">{postrow.displayed.RANK_IMAGE}</div><br /><br />
            <!-- BEGIN profile_field -->
            {postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
            <!-- END profile_field -->
            <div onClick="this.firstChild.value=(this.firstChild.value=='C L I Q U E Z')?'M A S Q U E R':'C L I Q U E Z';this.lastChild.style.display=(this.firstChild.value=='C L I Q U E Z')?'none':'block';" style="text-align: center;"><input type="button" value="C L I Q U E Z"/><div style="display: none; text-align: left;"><div class="bloc">{postrow.displayed.POSTER_RPG}</div></center></div></div>
         </span><br />
         <img src="http://2img.net/i/fa/vide.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">

                     {postrow.displayed.MESSAGE}

                     <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>
<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 -->
   <!-- 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"><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}<br />
         <!-- END switch_user_logged_in -->
      </td>
   </tr>
   <tr>
      <td style="margin:0; padding: 0;" colspan="2">
         <table border="0" cellpadding="0" width="100%" cellspacing="0" id="info_open" style="display:''">
            <tbody>
      <!-- BEGIN show_permissions -->
      <tr>
         <td class="row2" valign="top" width="25%"><span class="gensmall">{L_TABS_PERMISSIONS}</span></td>
         <td class="row1" valign="top" width="75%"><span class="gensmall">{S_AUTH_LIST}</span></td>
      </tr>
      <!-- END show_permissions -->
      <tr>
         <td class="catBottom" colspan="2" height="28">
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
               <tr>
                  <td valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td>
                  <!-- BEGIN show_permissions -->
                  <td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_LESS_IMG}" alt="-" align="middle" border="0" /></a></span></td>
                  <!-- END show_permissions -->
               </tr>
            </table>
         </td>
      </tr>
   </tbody>
         </table>
      </td>
   </tr>
   <tr>
      <td style="margin:0; padding: 0;" colspan="2">
         <table border="0" cellpadding="0" cellspacing="0" width="100%" id="info_close" style="display:none;">
            <tbody>
      <tr>
         <td class="catBottom" colspan="2" height="28">
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
               <tr>
                  <td valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td>
                  <td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_MORE_IMG}" alt="+" align="middle" border="0" /></a></span></td>
               </tr>
            </table>
         </td>
      </tr>
   </tbody>
         </table>
      </td>
   </tr>
</table>

<form action="{S_JUMPBOX_ACTION}" method="get" name="jumpbox" onsubmit="if(document.jumpbox.f.value == -1){return false;}">
<table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
   <tr>
      <td align="left" valign="middle" nowrap="nowrap" {WIDTH_GALLERY}>
         <span class="nav">
            <!-- BEGIN switch_user_authpost -->
            <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}Newtopic" alt="{L_POST_NEW_TOPIC}" align="middle" border="0" /></a>   
            <!-- END switch_user_authpost -->
            <!-- BEGIN switch_user_authreply -->
            <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>
            <!-- END switch_user_authreply -->
         </span>
      </td>
      <!-- BEGIN viewtopic_bottom -->
      <td align="right" nowrap="nowrap"><span class="gensmall">{L_JUMP_TO}: {S_JUMPBOX_SELECT} <input class="liteoption" type="submit" value="{L_GO}" /></span></td>
      <!-- END viewtopic_bottom -->
      <!-- BEGIN moderation_panel -->
      <td align="center">
         <span class="gensmall">{moderation_panel.U_YOUR_PERSONAL_MODERATE}</span>
      </td>
      <td align="center" width="250">
         <span class="gensmall"> </span>
      </td>
      <!-- END moderation_panel -->
   </tr>
</table>
</form>

<!-- BEGIN viewtopic_bottom -->
<table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
   <tr>
      <td colspan="2" align="left" valign="top" nowrap="nowrap"><br />{S_TOPIC_ADMIN}<br />
         <form name="action" method="get" action="{S_FORM_MOD_ACTION}">
            <input type="hidden" name="t" value="{TOPIC_ID}" />
            <input type="hidden" name="sid" value="{S_SID}" />
            <span class="gen">{L_MOD_TOOLS}<br />{S_SELECT_MOD}&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 type="text/javascript" src="{JS_DIR}addthis/addthis_widget.js?pub=forumotion"></script>




code de css;
Code:
/* Bannière */

body { background-reapeat: no repeat ; background-position: top center; background-attachment: scroll }

body
{
background-image:url('http://nsa17.casimages.com/img/2010/08/11/100811014022392318.png');
background-repeat:no-repeat;
}

/* navig */

a.mainmenu {
background-image:url(NE PAS REMPLIR);
border: #EBEBEB 1px solid;
padding-right: 15px;
font-weight: bold;
-moz-border-radius-topright: 15px;
-moz-border-radius-topleft: 15px;
font-variant: small-caps;
background-color:#dee5eb;
}

a.mainmenu:hover {
border: #EBEBEB 1px solid;
background-color:#FCF8F8;
}


/* lien maj */

a:hover{
text-decoration: none !important;
text-transform: uppercase;
}

/* page accueil */

.box {
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
background-color:#e3dad7;
color:#363030;
font-size:10px;
margin:0;
padding:3px 10px;
}

.boxtitle {
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
background-color:#D61F33;
color:#F3E7E6;
display:block;
font-size:11px;
font-weight:bold;
margin:0 0 5px;
padding:3px 10px;
text-align:center;
text-decoration:none;
text-transform:uppercase;
}
/* lien page accueil */

a.forumlink
{ text-decoration: none !important;
border-bottom : 2px dotted #A4AE9C
}
a.forumlink{
-moz-border-radius: 7px 7px 7px 7px;
background-color: #COLOR;
border-bottom: 4px dotted #8F8F84;
color:#5998C9;
font-family: georgia;
font-size: 14px;
font-weight: lighter;
letter-spacing: 2px;
display:block;
text-align: center;
}

a.forumlink:hover{
color:#6a81bb;
font-family: georgia;
font-size: 14px;
font-weight: lighter;
letter-spacing: 2px;
text-align: center;}

/* lien onglet */

.abc {border-bottom: 5px solid #CDA491}
.def {
background-color: #722b00;
-moz-border-radius:5px;
padding-right: 10px;
padding-left: 10px;
padding-bottom: 3px;
text-transform:uppercase;}

/* pas de soulignement de liens */

a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: none !important;}

/* cadre arrondi */

.forumline, td.row1, td.row2, td.row3 {
-moz-border-radius: 7px;
}

/* infobulle */


a.imginfo {
position: relative;
color: #A88550;
text-decoration: none;
border-bottom: 0px #A88550 solid; /* on souligne le texte */
}

a.imginfo span {
display: none; /* on masque l'infobulle */
}
a.imginfo:hover {
background: none; /* correction d'un bug IE */
z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
cursor: help; /* on change le curseur par défaut en curseur d'aide */
}
a.imginfo:hover span {
display: inline; /* on affiche l'infobulle */
position: absolute;
white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
top: 30px; /* on positionne notre infobulle */
left: 20px;
background: white;
color: A88550;
padding: 3px;
border: 0px solid grey;
border-left: 5px solid #A88550;
border-right: 3px solid #A88550;
border-top: 3px solid #A88550;
border-bottom: 5px solid #A88550;
}

img.sidebar {padding:2px; -moz-opacity: 0.6; margin:2px; -moz-border-radius: 4px; border: 1px solid #5C471F; background-color:#5C471F}
img.sidebar:hover {padding:2px; -moz-opacity: 1; margin:2px; -moz-border-radius: 4px; border: 1px solid #B3AB6A;}

/* opacité */

a img {
border: none;
opacity: 1;
filter:alpha(opacity=100);
}
a:hover img {
opacity: 0.7;
filter:alpha(opacity=70);
}

/* qui est en ligne */

.statistiques{
border:0px;
background-image: url("http://i46.tinypic.com/2dkbkpc.png");
background-repeat: no-repeat;
background-position: top center;
height:150px;}

.groupes{
background-color:#66300B;border: 1px #BDB67A dotted;
-moz-border-radius : 5px 5px 5px 5px;
height:40px;padding-right:12px;padding-left:14px;padding-bottom:3px;
font-size:15px;font-weight: bold;text-align:center;
text-decoration: none !important;}

/* Menu */
.categling {background-color : #fae0be; font-size : 14px; text-align : center; text-transform: uppercase; display : block; border-left : 10px solid #d6d5ba; border-right : 10px solid #d6d5ba; color: #d6d5ba; font-weight : bold; margin: 0px 0px 0px 0px;}

.categling:hover {background-color:#d6d5ba; font-size: 14px; text-align : center; text-transform: uppercase; border-left : 10px solid #fae0be; border-right : 10px solid #fae0be; color: #fae0be; font-weight : bold; margin: 0px 0px 0px 0px;}

/* PA */

.navig {
    background-color: #D8C5AF; /* couleur fond des bloc "navig" */
    color: #423b36; /* couleur police & fond des bloc "navig" */
    letter-spacing: 1px;
    padding-left: 10px;
    padding-right: 10px;
    font-weight: bold;
    border: solid 1px;
}
.menu {
    background-color: #d8c5af; /* couleur du fond des blocks "menu" */
    text-align: center;
    color: #423b36; /* couleur du texte des bloc "menu" */
    font-weight: bold;
    border: solid 1px;
}
.context {
    text-align: justify;
    font-size: 12px;
    border: solid 1px;
    color: #423b36; /*couleur fond & police du bloc "contexte" */
    padding: 10px;
    overflow: auto;
    height: 100px;
    background-color: #D4D5D7; /* couleur de fond du bloc "contexte" */
        width: 290px;
}
.news {
    border-color: #F6D4A4; /* couleur du bloc "news" */
    text-align: justify;
    font-size: 12px;
    border: solid 1px;
    color: #423b36; /* couleur du texte "news" */
    border-color: #F6D4A4; /* couleur du bord du bloc "news" */
    padding: 10px;
    overflow: auto;
    height: 220px;
    background-color: #AD8E75; /* couleur de fond du clob "news" */
}
td {
    vertical-align:top;
}
a {
    text-decoration: none;
}
/* infobulles menu */
span.bull{
    position: relative;
    width: 50px;
    height: 50px;
    border: 3px;
}
span.bull span.img{
    display: none;
}
span.bull:hover {
    background: none;
    z-index: 999;
    cursor: help;
}
span.bull:hover span.img{
    display: inline;
    position: absolute;
    bottom:  2px;
    right: 4px;
}
span.bull span.info{
    display: none;
}
span.bull:hover span.info{
    display: inline;
    position: absolute;
    top: 3px;
    left: 30px;
    background-color: #F6D4A4; /* couleur fond infobulle admins */
    padding: 10px;
    border: solid 3px;
    text-align: center;
    color: #B36F70; /* couleur texte & bords infobulle admins */
    width: 150px;
}



/* infobulle staff */

a.imginfo {
border-bottom:0 solid #couleur;
color:#couleur;
position:relative;
text-decoration:none;
}
a.imginfo span {
display:none;
}
a.imginfo:hover {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent none repeat scroll 0 0;
cursor:help;
z-index: 999;
}
a.imginfo:hover span {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:white none repeat scroll 0 0;
border-color:#couleur;
border-style:solid;
border-width:3px 3px 5px 5px;
display:inline;
left:20px;
padding:3px;
position:absolute;
top:15px;
white-space:nowrap;
}

/* css de cathégorie */

.truc{
background-color:#BBE1EC;
border:4px solid white;
-moz-border-radius:15px;
-moz-box-shadow: 1px 1px 2px grey;
-webkit-box-shadow: 1px 1px 2px grey;
box-shadow: 1px 1px 2px grey;
padding:3px;}
.truc2{
background-color:#BBE1EC;
border:4px solid white;
-moz-border-radius:15px;
-moz-box-shadow: 1px 1px 2px grey;
-webkit-box-shadow: 1px 1px 2px grey;
box-shadow: 1px 1px 2px grey;
z-index:auto; position: relative;
left:100px;
padding:3px}





BLABLABLABLABLABLABLABLA
BLABLABLABLABLABLABLABLBLA
BLABLABLABLABLABLABLABLABLABLABALAA
BLABLABLABLABLABLABLABLA
BLABLABLABLABLABLABLABLBLA
BLABLABLABLABLABLABLABLABLABLABALAA[size=16]LIEN Lien
LIEN Lien
LIEN Lien[/size]





 

.mainmenu {
font-family: Georgia;
font-size:10px;
background-color: #DCBA8A;
text-transform: uppercase;
text-decoration:none;}

et
.mainmenu:hover {
font-family: Georgia;
font-size: 26px;
font-style:italic;
color: #FCFBFA;
background-color: #DCBA8A;
text-transform: lowercase;
text-decoration: none;
}



.mainmenu {
contenu;}

et .mainmenu:hover {
contenu;}






.postbody a {
border-bottom: 1px dotted #D61F33;
}





/*affichage derniers messages*/
.derniers_sujets {
padding: 5px; /*espace entre le texte et la bordure*/
margin: 5px; /*espace entre le bord et la bordure*/
border: 5px dashed #COULEUR;
-moz-border-radius-topleft: 5px; /*arrondir l'angle gauche du haut*/
-moz-border-radius-bottomright: 5px; /*arrondir l'angle droit du bas*/
text-align: center;
}




.boite {
-moz-box-shadow: 4px 4px 50px #1F43A4;
-webkit-box-shadow: 4px 4px 30px #BBE1EC;
box-shadow: 4px 4px 50px #1F43A4;
}

/*cadre autour du profil*/
.bloc{
background-color:#D61F33
-moz-border-radius:8px}
MessageSujet: Re: cadre autour de l'avatar & Profil   cadre autour de l'avatar & Profil EmptyMar 31 Aoû 2010, 16:21
Revenir en haut Aller en bas
http://little-sorcerer.forumactif.org/
Kimi Sâto
{ Membre actif }
{ Membre actif }

Féminin Messages : 335



cadre autour de l'avatar & Profil Empty
Alors déjà, j'ai essayée sur mon forum d'appliquer une class et de le mettre sur les variables que je voulais, et ça marche parfaitement...

Mais quand j'ai essayée avec ton template et ton css ça ne marchait pas du tout. Alors j'ai essayée d'enlever le bouton cliquer/masquer, me disant que ça pouvait venir de là, mais ça m'affichait correctement ma class.

Alors là u.u je sais pas du tout, ça doit venir de quelque chose que tu as mal fait dans ton template.

Bon alors déjà, je vais essayer d'arranger un peu ça:
Déjà, je te conseille, mais c'est facultatif, de retirer la class bloc autour de ton avatar, ça risque de déformer légèrement où que ton contour ne se voit pas.

Ensuite, le seul endroit que tu as entourée d'un bloc sont les rangs de ton personnage, et effectivement, quand je le fais sur le mien, ça ne marche pas, j'essayerai donc de résoudre ce problème, mais en attendant, tu peux enlever les deux autres class bloc que tu as mis.

Là où tu peux rajouter des class, c'est en fait ici:

Code:
{postrow.displayed.POSTER_NAME}
Code:
{postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
Code:
{postrow.displayed.POSTER_RPG}

Après, si ça ne marche toujours pas, je ne pourrais pas plus t'aider, si tu veux, je peux te montrer mon template et mon css, pour que tu copies/colle, et normalement ça devrait marcher.

Bisous~
MessageSujet: Re: cadre autour de l'avatar & Profil   cadre autour de l'avatar & Profil EmptyMer 01 Sep 2010, 04:30
Revenir en haut Aller en bas
http://www.i-love-harvard.com/
Kaiji
Kaiji
Blanche-Neige
Blanche-Neige

Féminin Messages : 5578



cadre autour de l'avatar & Profil Empty
    Bonjour,

    Votre problème est-il résolu ?
    Si oui, merci de cocher dans "icône du sujet" l'icône cadre autour de l'avatar & Profil 87671resolu3 en éditant votre 1er post.
MessageSujet: Re: cadre autour de l'avatar & Profil   cadre autour de l'avatar & Profil EmptyMar 07 Sep 2010, 10:09
Revenir en haut Aller en bas
http://www.i-love-harvard.com/
Kaiji
Kaiji
Blanche-Neige
Blanche-Neige

Féminin Messages : 5578



cadre autour de l'avatar & Profil Empty
    Bonjour,

    Aucune relance de la part du créateur du sujet ! Je considère donc ce problème comme étant résolu et je le déplace pour céder la place aux problèmes en cours.

    Si vous avez d'autres questions, merci d'ouvrir un nouveau topic en respectant les règles de l'entraide.
MessageSujet: Re: cadre autour de l'avatar & Profil   cadre autour de l'avatar & Profil EmptyLun 13 Sep 2010, 17:11
Revenir en haut Aller en bas
Contenu sponsorisé




cadre autour de l'avatar & Profil Empty
MessageSujet: Re: cadre autour de l'avatar & Profil   cadre autour de l'avatar & Profil Empty
Revenir en haut Aller en bas
 

cadre autour de l'avatar & Profil

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

 Sujets similaires

-
» Souci de cadre autour du profil
» Cadre autour du profil qui ne s'affiche plus
» Cadre autour des boutons profil mp ww ... (défectueux)
» Un seul cadre autour des infos profil [résolu]
» Lueur autour du cadre

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