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! |
| cadre autour de l'avatar & Profil | |
| miss october ♥
{ Membre }
Messages : 6
| 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?
| | |
| | | Kimi Sâto
{ Membre actif }
Messages : 335
| 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~ | | |
| | | miss october ♥
{ Membre }
Messages : 6
| 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 | | |
| | | Sui
{ Membre actif }
Messages : 346
| Il y a des tutos sur le forum, pourquoi tu ne vas pas fouiller un peu ? (: | | |
| | | Kimi Sâto
{ Membre actif }
Messages : 335
| 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~ | | |
| | | Kaiji
Blanche-Neige
Messages : 5578
| Bonjour, Votre problème est-il résolu ? Si oui, merci de cocher dans "icône du sujet" l'icône en éditant votre 1er post.
| | |
| | | miss october ♥
{ Membre }
Messages : 6
| 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 | | |
| | | Kaiji
Blanche-Neige
Messages : 5578
| Est-ce qu'on peut avoir tes codes ? | | |
| | | miss october ♥
{ Membre }
Messages : 6
| 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} <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}
| | |
| | | Kimi Sâto
{ Membre actif }
Messages : 335
| 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~ | | |
| | | Kaiji
Blanche-Neige
Messages : 5578
| Bonjour, Votre problème est-il résolu ? Si oui, merci de cocher dans "icône du sujet" l'icône en éditant votre 1er post.
| | |
| | | Kaiji
Blanche-Neige
Messages : 5578
| 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.
| | |
| | | Contenu sponsorisé
| | | | | cadre autour de l'avatar & Profil | |
|
Sujets similaires | |
|
| Permission de ce forum: | Vous ne pouvez pas répondre aux sujets dans ce forum
| |
| |
| |
|
| Partenaires Or
|