AccueilDernières imagesRechercherS'enregistrerConnexion

Forum de graphisme, codage et game design proposant des tutoriels, astuces, libres services et commandes dans les domaines de l'infographie amateur, de l'intégration web (HTML et CSS essentiellement) ainsi que dans la conception de RPG sur forum.

Le Deal du moment : -20%
Ecran PC GIGABYTE 28″ LED M28U 4K ( IPS, 1 ms, ...
Voir le deal
399 €

    (HALLOW) Profil relativement simple

    Kiki85
    Kiki85
    MasculinAge : 29Messages : 398

    Mer 18 Juin 2014 - 1:38

    Rappel du premier message :

    MA  DEMANDE



    Bonjour bonsoir, camarades !
    Alors,  mon forum est presque près mais il me manque un élément que je n'arrive pas à coder (je sais pas du tout comment m'y prendre pour le profil) - donc je viendrais solliciter vos talents pour le codage d'un profil  :cow: 

    Un gros gros merci d'avance à celui/celle qui se penchera sur ma commande  :love: 


    Schéma(s) et Eléments
    Schémas :  Voici un schéma/simulation du profil souhaité:
    Spoiler:

    L'image de fond uniquement en haut, en fond du 'nom' du personnage:
    Spoiler:
    Le nom du profil en police 'Playball' (pour la taille je ne sais pas, je ne m'en rend pas compte...)

    Les icones suivants pour les "En ligne" / "Hors ligne"
    En ligne:
    Spoiler:
    Hors ligne:
    Spoiler:


    Tailles des éléments :  Alors les avatars sont en 200*320... donc je ne sais pas trop au niveau du profil... et des écarts...  je ne me rend pas bien compte de combien cela fait en pixel. Entre l'avatar et le texte, il faudrait un espace assez visible quand même (avec le rang justifié vers la droite).  La largeur du cadre texte doit seulement suivre celle de l'avatar, ainsi donc 200 de largeur.

    Pour mes autres éléments que je vous ai fourni (fond du nom du personnage + papillon en ligne/HL) si besoin je peux les refaires plus petit ou plus grand car je n'arrive pas à me rendre compte de la taille nécessaire pour le profil.


    Ressources

    Pour les couleurs:
    Le fond du profil :  #867A8E
    Le profil n'aurait pas de contour, mais juste une ombre noire si possible ?
    Même chose pour l'avatar : pas de contour, juste un effet d'ombre noir. Pour le profil et l'avatar, des coins légèrement arrondis aussi.

    Fond du cadre texte (avec les différents champs du profil) : #10141A
    Bordure du cadre texe : #646E7B , 1px
    Texte du cadre texte en Times New Roman (si possible ?) avec cette couleur: #646E7B


    Autres précisions ?
    Je ne sais pas s'il est nécessaire de l'informer mais je préfère préciser qu'en bas du profil j'aimerai qu'il y est l'icone de MP que j'ai fait (à peu près sur la même ligne que le papillon "horslign/enligne").

    Si le profil est mit en libre service, sera-t-il juste possible que je fasse parvenir d'autres éléments plutôt que ceux que j'ai créer (les papillons, le fond du titre, etc... ) afin d'éviter qu'un autre forum ait le même profil ?  :secret: 

    Je crois avoir tout dit...
    Encore merci à celui/ceux qui m'aideront ! :3 Je suis évidement là pour d'éventuelles précisions !



    Dernière édition par Kiki85 le Dim 22 Juin 2014 - 13:08, édité 3 fois
    Anonymous
    Invité

    Sam 21 Juin 2014 - 18:51

    Bah comme je te le expliqué la première fois. Donc ça donnerait ça :

    Code:
        <script type="text/javascript">
        //<![CDATA[
        var multiquote_img_off = '{JS_MULTIQUOTE_IMG_OFF}', multiquote_img_on = '{JS_MULTIQUOTE_IMG_ON}', _atr = '{JS_DIR}addthis/', _ati = '{PATH_IMG_FA}addthis/'{ADDTHIS_LANG}, addthis_localize = { share_caption: "{L_SHARE_CAPTION}", email: "{L_EMAIL}", email_caption: "{L_EMAIL_CAPTION}", favorites: "{L_SHARE_BOOKMARKS}", print: "{L_PRINT}", more: "{L_MORE}" };
        $(function(){
        _atc.cwait = 0;
        $('.addthis_button').mouseup(function(){
        if ($('#at15s').css('display') == 'block') {
        addthis_close();
        }
        });
        });

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

        //]]>
        </script>

        <table width="100%" border="0" cellspacing="2" cellpadding="0">
        <tr>
        <td align="left" valign="middle" nowrap="nowrap">
        <span class="nav">
        <!-- BEGIN switch_user_authpost -->
        <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}one" alt="{L_POST_NEW_TOPIC}" align="middle" border="0" /></a> 
        <!-- END switch_user_authpost -->
        <!-- BEGIN switch_user_authreply -->
        <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" id="i_reply" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>
        <!-- END switch_user_authreply -->
        </span>
        </td>
        <td align="left" valign="middle" nowrap="nowrap">
        <!-- BEGIN switch_twitter_btn -->
        <span id="twitter_btn" style="margin-left: 6px; ">
        <a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal">Tweet</a>
        <script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
        </span>
        <!-- END switch_twitter_btn -->
        <!-- BEGIN switch_fb_likebtn -->
        <span id="fb_likebtn" style="margin-left: 6px; ">
        <iframe src="http://www.facebook.com/plugins/like.php?href={FORUM_URL}{TOPIC_URL}&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>
        <!-- BEGIN switch_plus_menu -->
          | .
        <script type="text/javascript">//<![CDATA[
        var url_favourite = '{U_FAVOURITE_JS_PLUS_MENU}';
        var url_newposts = '{U_NEWPOSTS_JS_PLUS_MENU}';
        var url_egosearch = '{U_EGOSEARCH_JS_PLUS_MENU}';
        var url_unanswered = '{U_UNANSWERED_JS_PLUS_MENU}';
        var url_watchsearch = '{U_WATCHSEARCH_JS_PLUS_MENU}';
        var url_tellfriend = '{U_TELLFRIEND_JS_PLUS_MENU}';
        insert_plus_menu('f{FORUM_ID}&t={TOPIC_ID}','{JS_SESSION_ID}', {JS_AUTH_FAVOURITES});
        //]]>
        </script>
        <!-- END switch_plus_menu -->
        </span>
        </td>
        </tr>
        </table>

        <table class="forumline viewtopic" width="100%" border="0" cellspacing="0" cellpadding="0" style="border-bottom: 0px;">
        <tr align="right">
        <td class="catHead" colspan="3" height="28">
        <table width="100%" border="0" cellspacing="0" cellpadding="0">
        <tr>
        <td width="9%" class="noprint"> </td>
        <td align="center" class="t-title">
        <h1 class="cattitle"> {TOPIC_TITLE}</h1>
        </td>
        <td align="right" width="9%" class="browse-arrows"><a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#bottom">{L_GOTO_DOWN}</a> </td>
        </tr>
        </table>
        </td>
        </tr>
        <!-- BEGIN topicpagination -->
        <tr>
        <td class="row1 pagination" colspan="2" align="right" valign="top"><span class="gensmall">{PAGINATION}</span></td>
        </tr>
        <!-- END topicpagination -->
        {POLL_DISPLAY}
        <tr>
        <th class="thLeft" nowrap="nowrap" width="150px" height="26">{L_AUTHOR}</th>
        <th class="thRight" nowrap="nowrap" colspan="2">{L_MESSAGE}</th>
        </tr>
        <!-- BEGIN postrow -->
        <!-- BEGIN hidden -->
        <tr>
        <td class="postdetails {postrow.hidden.ROW_CLASS}" colspan="3" align="center">{postrow.hidden.MESSAGE}</td>
        </tr>
        <!-- END hidden -->
        <!-- BEGIN displayed -->
          <link href='http://fonts.googleapis.com/css?family=Playball' rel='stylesheet' type='text/css'>
        <tr class="post post--{postrow.displayed.U_POST_ID}" id="p{postrow.displayed.U_POST_ID}" style="{postrow.displayed.DISPLAYABLE_STATE}">
        <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150">
                          <div class="fond_profil"><br /><a name="{postrow.displayed.U_POST_ID}" style="position: relative; top: -30px; width: 1px;" id="{postrow.displayed.U_POST_ID}"></a><center><div class="pseudo_fond"><div class="pseudo_profil" valign="middle" align="center">{postrow.displayed.POSTER_NAME}</div></div>
                            <br /><span class="avatar_profil">{postrow.displayed.POSTER_AVATAR}</span></center><br />
                            <p align="right" class="rang_profil">{postrow.displayed.POSTER_RANK}</p>
       
                           
                            <center><div class="postdetails_profil">
        <!-- 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}
                              </div></center>  <p align="center"><span class="mp_profil">{postrow.displayed.PM_IMG}</span></p><p align="right"><span class="img_enligne">{postrow.displayed.ONLINE_IMG}</span><img src="http://img4.hostingpics.net/pics/308449HorsLigne.png" class="img_horsligne" /></p>
                                </div>
        </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>
        <!-- BEGIN switch_signature -->
        <div class="signature_div">
        {postrow.displayed.SIGNATURE}
        </div>
        <!-- END switch_signature -->

        </div>
        <span class="gensmall">{postrow.displayed.EDITED_MESSAGE}</span>
        </td>
        </tr>
        </table>
        </td>
        </tr>
        <tr class="post--{postrow.displayed.U_POST_ID}" style="{postrow.displayed.DISPLAYABLE_STATE}">
        <td class="{postrow.displayed.ROW_CLASS} browse-arrows"{postrow.displayed.THANK_BGCOLOR} align="center" valign="middle" width="150">
        <a href="#top">{L_BACK_TO_TOP}</a> <a href="#bottom">{L_GOTO_DOWN}</a>
        </td>
        <td class="{postrow.displayed.ROW_CLASS} messaging gensmall"{postrow.displayed.THANK_BGCOLOR} width="100%" height="28">
        <table border="0" cellspacing="0" cellpadding="0">
        <tr>
        <td valign="middle">
       
        </td>
        </tr>
        </table>
        </td>
        </tr>
        <!-- BEGIN first_post_br -->
        </table>
        <br />
        <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
        <tr>
        <th class="thLeft" nowrap="nowrap" width="150px" height="26">{L_AUTHOR}</th>
        <th class="thRight" nowrap="nowrap" colspan="2">{L_MESSAGE}</th>
        </tr>
        <!-- END first_post_br -->
        <!-- END displayed -->
        <!-- END postrow -->
        <!-- BEGIN no_post -->
        <tr align="center">
        <td class="row1" colspan="3" height="28">
        <span class="genmed">{no_post.L_NO_POST}</span>
        </td>
        </tr>
        <!-- END no_post -->
        <tr align="right">
        <td class="catBottom" colspan="3" height="28">
        <table width="100%" border="0" cellspacing="0" cellpadding="0">
        <tr>
        <td width="9%" class="noprint"> </td>
        <td align="center" class="t-title"><a name="bottomtitle"></a><h1 class="cattitle">{TOPIC_TITLE}</h1></td>
        <td align="right" nowrap="nowrap" width="9%" class="browse-arrows"><a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#top">{L_BACK_TO_TOP}</a> </td>
        </tr>
        </table>
        </td>
        </tr>
        </table>
        <table class="forumline noprint bottomtopic" width="100%" border="0" cellspacing="0" cellpadding="0" style="margin: 0 0 1px 0; border-top: 0px;">
        <tr>
        <td class="row2" valign="top" {COLSPAN_PAGINATION} width="150"><span class="gensmall">{PAGE_NUMBER}</span></td>
        <!-- BEGIN topicpagination -->
        <td class="row1" align="right" valign="top" ><span class="gensmall">{PAGINATION}</span></td>
        <!-- END topicpagination -->
        </tr>
        <!-- BEGIN switch_user_logged_in -->
        <!-- BEGIN watchtopic -->
        <tr>
        <td class="row2" colspan="2" align="right" valign="top"><span class="gensmall">{S_WATCH_TOPIC}</span></td>
        </tr>
        <!-- END watchtopic -->
        <!-- END switch_user_logged_in -->
        </table>

        <!-- BEGIN promot_trafic -->
        <table class="forumline" width="100%" border="0" cellpadding="1" cellspacing="0" id="ptrafic_close" style="display:none;margin: 1px 0px 1px 0px">
        <tr>
        <td class="catBottom" height="28">
        <table width="100%" border="0" cellspacing="0" cellpadding="0">
        <tr>
        <td valign="top"><h1 class="cattitle"> {PROMOT_TRAFIC_TITLE}</h1></td>
        <td align="right" valign="middle" width="10"><span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_MORE_IMG}" alt="+" align="middle" border="0" /></a></span></td>
        </tr>
        </table>
        </td>
        </tr>
        </table>

        <table class="forumline" width="100%" border="0" cellpadding="1" cellspacing="0" id="ptrafic_open" style="display:'';margin: 1px 0px 1px 0px">
        <tr>
        <td class="catBottom" height="28">
        <table width="100%" border="0" cellspacing="0" cellpadding="0">
        <tr>
        <td valign="top"><h1 class="cattitle"> {PROMOT_TRAFIC_TITLE}</h1></td>
        <td align="right" valign="middle" width="10"><span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_LESS_IMG}" alt="-" align="middle" border="0" /></a></span></td>
        </tr>
        </table>
        </td>
        </tr>
        <tr>
        <td class="row2 postbody" valign="top">
        <!-- BEGIN link -->
        » <a style="text-decoration:none" href="{promot_trafic.link.U_HREF}" target="_blank" title="{promot_trafic.link.TITLE}">{promot_trafic.link.TITLE}</a><br />
        <!-- END link -->
        </td>
        </tr>
        </table>
        <!-- END promot_trafic -->

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

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

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

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

        <!-- BEGIN moderation_panel -->
        <td align="center">
        <span class="gensmall">{moderation_panel.U_YOUR_PERSONAL_MODERATE}</span>
        </td>
        <td align="center" width="250">
        <span class="gensmall"> </span>
        </td>
        <!-- END moderation_panel -->
        </tr>
        </table>
        </form>

        <!-- BEGIN viewtopic_bottom -->
        <table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
        <tr>
        <td colspan="2" align="left" valign="top" nowrap="nowrap"><br />{S_TOPIC_ADMIN}<br />
        <form name="action" method="get" action="{S_FORM_MOD_ACTION}">
        <input type="hidden" name="t" value="{TOPIC_ID}" />

        <!-- <input type="hidden" name="sid" value="{S_SID}" /> -->
        <input type="hidden" name="{SECURE_ID_NAME}" value="{SECURE_ID_VALUE}" />

        <span class="gen">{L_MOD_TOOLS}<br />{S_SELECT_MOD} <input class="liteoption" type="submit" value="{L_GO}" /></span>
        </form>
        </td>
        </tr>
        </table>
        <!-- END viewtopic_bottom -->

        <!-- BEGIN switch_image_resize -->
        <script type="text/javascript">
        //<![CDATA[
        $(resize_images({ 'selector' : '.postbody', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} }));
        //]]>
        </script>
        <!-- END switch_image_resize -->
        <script src="{JS_DIR}addthis/addthis_widget.js" type="text/javascript"></script>

    ^^
    Kiki85
    Kiki85
    MasculinAge : 29Messages : 398

    Sam 21 Juin 2014 - 18:58

    Bbah oui mais vu que j'n'avais pas les mêmes morceaux à supprimer je savais pas xDd Désolé !
    Merci beaucoup, j'essaye...

    Alors déjà niquel c'est en haut \o/ Par contre, toujours pas de Playball dans mon titre de pseudo... as-tu besoin d'un autre template ou de ma fiche de CSS entière pr voir si quelque chose bug ?! :/

    (pour le papillon le vert ne s'affichait pas, mais du coup, j'ia mit le vert dans la gestion des images pour le en ligne et du coup (c'est le même lien que celui que j't'ai donné), ça me met bien le papillon vert, et au bon endroit et tout donc ...).

    Juste ce pitit soucis de 'playball' en fait :/ bizarre...
    Anonymous
    Invité

    Sam 21 Juin 2014 - 19:03

    Ah oui, pour le papillon j'ai oublié de le préciser, ça correspond à la balise qui existe déjà pour la balise du "En ligne", désolée. Il faudrait que j'y pense pour le LS =$

    Pour le pseudo c'est bizarre oui ... je peux avoir le CSS s'il te plait ?
    Kiki85
    Kiki85
    MasculinAge : 29Messages : 398

    Sam 21 Juin 2014 - 19:07

    Ah donc ce que j'ai fait pour le papillon de en ligne c'était ce qu'il fallait faire ?

    Alors voilà ma CSS (bon courage... elle est longue :S)
    Code:
    /********************************* FORUMS et CATEGORIES *********************************************************************/

    /*Titres des forums*/
    a.forumlink:link, a.forumlink:visited {
    font-family: Playball;
      font-size: 24px;
    letter-spacing: 0px;
      padding-left: 3px;
      padding-right: 3px;
      }

    /*Quand le curseur passe sur les titres des forums (texte)*/
    td.catHead, th.thHead, td.catBottom, th.catBottom,td.catRight, td.row3Right, th.thRight{border :none;}
    a.forumlink:hover, a.forumlink:hover:visited {
      font-family: Playball;
      font-size: 24px;
    letter-spacing: 0px;
      padding-left: 3px;
      padding-right: 3px;
      }

    /*Lorsqu'on passe le curseur sur les forums (fond)*/
    td.row1{background:none;}
    td.row3.over:hover{background : #0f0f0e;}
    td.row1.over:hover{background: #000000; border-radius: 10px 10px 10px 10px}


    /*après avoir cliquer sur un forums, on tombe sur la liste des sujets: ici c'est la présentation de ce qu'il y a en cliquant sur un forum*/
    td.catBottom, th.catBottom{background : #0f0f0e;}
    td.cat{
     background :#0f0f0e;
     border-left : 1px solid #000000;
     border-right : 1px solid #000000;
     }


    /*retirer le soulignement des liens*/
    A:link {text-decoration: none !important;}
    A:visited {text-decoration: none !important;}
    A:active {text-decoration: none !important;}
    A:hover {text-decoration: none !important;}

    /*************************** justifier + IMPORTANT: Fond du forum *****************************************/
    body {
    text-align:justify;
    background-image: url(http://img15.hostingpics.net/pics/934662gauche.jpg), url(http://img15.hostingpics.net/pics/433207Droite.jpg);
      background-position: top left, top right;
      background-repeat: no-repeat no-repeat;
      background-color: #000000;
      background-size: auto 100%;
    }

    /*Ombre autour du rectangle principal du forum général*/
    .bodyline {
    box-shadow: 0px 0px 100px #000000;
    }



     
    /*************** Séries de Codes à priori inutiles, ou inconnus (à conserver au cas où pour le moment)**********************/
    .foruminfo {
     border-top: 1px solid #050209;
     padding : 5px 0;
     margin-top : 12px
    }
    .w200{width : 200px; }
    .topiclist{
      background : #0f0f0e;
     border : 1px solid #050209;
    }
    .topiclist th{
     background : #0f0f0e;
     border-bottom: #050209;
    }
    td.quote{
      color : rgb(99, 98, 89); border : 1px solid #050209;padding:10px;border-radius: 14px;
    }
    td.spoiler_content, td.code{
      border: 1px solid #050209;
    border-radius: 14px;
    padding: 10px;
    }
    .genmed.forumdesc{padding-right:10px; display:block;}
    .indexhierarchy{text-indent: 20px;display: block;}
    .forumhierarchy{display:block; padding-top : 5px;}
    .catMid{background : #0f0f0e;border-top:1px solid #050209;height: 19px;display: block;vertical-align: bottom;margin-top: 17px;}
    .indexforumL{padding-top: 10px;border-left: 1px solid #050209;}
    .indexforumR{ border-right: 1px solid #050209;}
    td.cornerBottomL{background : #0f0f0e;border-left:1px solid #050209; border-bottom: 1px solid #050209; height:10px;}
    .indexforumL table{border : 1px solid #050209;}
    .indexforumL table td{background : #0f0f0e;}
    .fdescription {padding:5px;text-align:justify;}
    .info ul{list-style-type: none;margin: 0;padding: 10px;background:#0f0f0e;font-size: 12px;font-style:normal;font-family:Calibri;border: 1px solid #2d2b26;}
    .forumline{ background : #0f0f0e;}
    th.secondarytitle{ border-right: 0px solid #1d1c19;border-left: 0px solid #1d1c19;}
    .v_ornament{background: url(http://img4.hostingpics.net/pics/362798frametop.png) no-repeat 1px 0!important;}
    .v_profile{border: 1px solid #4c4d4f;border-top: none;text-align: center;margin-top: 41px;margin-left: -1px;border-radius:30px}
    .v_profile .name{display:block;padding:5px 0px;}
    .v_viewonline{background: #0f0f0e; border: 1px solid #3e3f40; border-radius :14px; padding:10px;margin-top:40px}
    .v_topviewonline{text-align:center;margin-top:-26px}
    .v_title{}
    .v_title h2{display:inline-block;text-indent: 70px; font-family: Elsie, Georgia, Arial; font-size: 25px!important;text-shadow: 0px 2px 5px black;}
    div#modo{background-color:#800F0F; font-family: Century Gothic,Arial,Trebuchet MS,Verdana, Sans-Serif; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; padding: 10px; font-size: 10;}
    div#modo img{float:left;margin-right:7px}
    div#modo span.admn{font-weight: bold;text-decoration:underline;}

    .sceditor-container iframe, .sceditor-container textarea, .sceditor-container{
      background :#151515!important;
      color:inherit!important;
    }

    .sceditor-container{border: 1px solid rgb(60, 52, 35)!important;}
    div.sceditor-toolbar{background: rgb(82, 70, 50)!important;}
    div.sceditor-group{background: rgb(192, 182, 148)!important;}
    .sceditor-emoticons {width: 240px !important; height: 260px !important; overflow: auto !important;}
    img.smiley {width: auto !important; height : auto !important;}
    * {
          font-family: Trebuchet MS;
          

        }
        a.info {
          position: relative;
          color: #E9E0C5;
          text-decoration: none;
        }

        a.info span {
          display: none; /* on masque l'infobulle */
        font-size: 9px;

        }
        a.info:hover {
          background: none; /* correction d'un bug IE */
          z-index: 500; /* on définit une valeur pour l'ordre d'affichage */

          cursor: help; /* on change le curseur par défaut en curseur d'aide */
        }
        a.info: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: 20; /* on positionne notre infobulle */
          left: 20px;

          background: #111111;

          color: #E9E0C5;
          padding: 3px;

          border: 3px solid #000000;
        }

    /*******************************************************************************************************************************************/





    .groupes{
    background-color:#000000;
    height:12px;
    padding-right:12px;
    padding-left:12px
    padding-bottom:3px;
    font-size:12px;
    font-weight: bold;
    text-align:center;
    text-decoration: none !important;}

    .v_profile img { max-width: 200px;}
    .avatar.mini, .avatar.mini img{height:inherit;}
    .titr {font-family: Codystar; font-weight: bold; font-size: 55px; letter-spacing: -3pt; text-transform: lowercase; text-shadow: 0px 0px 1px; text-align: center; line-height: 16px; color:#f4a082;
    }


    .lienssf {
      font-family:ms mincho;
      font-size:12px;
    text-decoration:none;
    text-transform: uppercase;
      letter-spacing:1px;
    }

    .boitesf1 {
       width:450px;
      margin-left:15px;
      margin-right:15px;
    text-align: justify;
    padding:7px;
    }

    .statsmsg {
        font-family: Ms Mincho;
    font-size:11px;
    text-decoration:none;
    text-transform: uppercase;
      letter-spacing:2px;
        text-align: center;
      margin-bottom:10px;
      margin-top:5px;
    }
    /* les onglet */
    .systab .tab {
      padding: 2px 10px;
      margin-right: 5px;
      color: #000;
      background: #fff;
      border: 1px solid #000;
      cursor: pointer;
    }
    /* les onglets survolés */
    .systab .tab:hover {
      background: #b8efa1;
      color: #487f31;
      border-color: #487f31;
    }
    /* les onglets sélectionnés */
    .systab .tab.selected{
      color: #ccc;
      background: #333;
    }
    /* contenus associés aux onglets  */
    .systab .contents {
      margin-top: 1px;
      margin-bottom: 1px;
      color: #000;
      background: #fff;
      border: 1px solid #000;
      padding: 10px;
    }
    /* style des onglets */
    .systab.s_float .tab,.systab.s_float .tab {
      display: block;
      margin: 5px;
    }
    /* flottement des conteneurs  */
    .systab.s_float .tabs,.systab.s_float .contents {
      float: left;
    }






    /* * * * * * * * * * * * LA PALETTE DE COULEURS (lors de l'écriture d'un post) * * * * * * * * * * * * * */


    /* Icônes couleur dans la palette */
    .color-option {
    display: inline-block !important;
    width: 15px !important;  /* largeur de l'icône couleur */
    height: 15px !important;  /* hauteur de l'icône couleur */
    border: 2px solid #fff !important;  /* cadre blanc sur l'icône couleur */
    margin: 3px !important;   /* espace entre chaque icône */
    box-shadow: 0 0 2px #778899;   /* ombre */
    cursor: pointer !important;
    }
    .color-option span{
    display: block !important;
    width: 15px !important;  /* largeur de l'icône couleur */
    height: 15px !important;  /* hauteur de l'icône couleur */
    }
    .color-option, .color-option span {
    border-radius: 2px;  /* arrondi */  
    }
     
    /* Palette complète - la largeur influence le nombre d'icônes affichées */
    .sceditor-dropdown.sceditor-color-picker {
    width: 300px !important;  /* largeur de la palette complète */
    height: 150px !important;  /* hauteur de la palette complète */
    padding: 5px !important;
    border-radius: 2px !important;
    }

    /****************************************************************************************************************/








    /* * * * * * * * * * * * * * * * * * * * * *  CATEGORIE et FORUMS (design principal)  * * * * * * * * * * * * * * * * * * * * * * * * * /

    /*taille titre catégorie*/
    .secondarytitle h2{font-size:x-large}

    /*CORRIGER: l'image à la place des titres de catégories n'apparaît pas lorsqu'on va dans les (sous) forums*/
    .nav img {
    display: none;
    }

    /*bordures gauche et droite des catégories*/
    .forumline.categorie>tbody>tr>td:first-child{border-left:0px solid #0f0f0f;}
    .forumline.categorie>tbody>tr>td:last-child{border-right:0px solid #0f0f0f;}

    /* couleur liens dans les catégories [amélioration de la lisibilité] */
    #page-body .forumline .gen, #page-body .forumline .genmed, #page-body .forumline .gensmall, #page-body .forumline a{
    color:#444D70;
    }

    /* couleur des textes "Sujet du Lundi XX janvier XX etc */
    .postdetails {color: a7b6cc !important;}
    /* fond description catégories */
    .descricategorie {margin: 7px;
      background-color: #7B8AA4;
      border-left: solid #495278 6px;
      border-right: solid #7B8AA4 4px;
      height: auto;
    border-radius: 4px;
    border-top: 0px #b8d784 solid;
    border-bottom: 0px #b8d784 solid;}

    /* texte description catégories */
    .catetexte {margin-left: 7px; margin-right: 6px; padding-top: 7px; padding-bottom: 3px;color:#151722;}


    /* fond derniers messages */
    .derniermess {background-color: #;
      border-left: solid #b8d784 0px;
      border-right: solid #b8d784 0px;
      height: auto; width: 115px;
    border-radius: 8px;
    border-top: 2px #495278 solid;
    border-bottom: 1px #495278 solid;
      color:#4f641f;}
      
    /* texte derniers messages */
    .derniermesstext {margin-left: 7px; margin-right: 3px; padding-top: 3px; padding-bottom: 3px;}

    /*corriger couleur derniers messages*/
    .derniermess a,.derniermess .derniermesstext{color:#7B8AA4 !important;text-shadow:none !important;}

    /*******************************************************************************************************************************************/








    /* * * * * * * * * * * * * * CHATBOX propriétés * * * * * * * * * * * * * *  */

    #chatbox_header .catBottom .cattitle {
    color: #7A8BD8;
    }
    #chatbox_header .cattitle strong { display: none; }
    #chatbox_header .cattitle:before { content: "GRANNY'S ChatBox"; }
    body.chatbox {
    background-image: none;
    }
    #chatbox_header .cattitle strong { visibility: hidden; }

    .chatbox_row_1,.chatbox_row_2 {
    background-color:transparent;
    padding:4px;
    }
    /*************************************************************************************************/





    /*** Supression du FAQ ***/
    #i_icon_mini_search {
    margin-left: -8px;
    }






    /*** PAGE ACCUEIL SUITE A REMPLIR ***/
    .pageaccueil{
    Vos propriété}

    /* * * * ** * * * * * * * * * * * * * * * * PAGE D'ACCUEIL * * * * * * * * * * * * * * * * * * * * * * * * * * * * * /

    /*** PARTENAIRES ET TOPS ***/
    .img_partenaires {
      opacity: 0.5;
    }

    .img_partenaires:hover {
      opacity: 1;
    }



    /*** IMAGES DES PREDEFS ET MBRES DE LA SEMAINE ***/

    .imgPA {
      border-radius: 50%;
      width: 100px;
      height: 100px;
    }

    .info {
      position: relative;
      z-index: 24;
      text-decoration: none;
    }
     
    c.info:hover {
      z-index: 25;
    }
     
    c.info span {
      display: none;
    }

    /*** les petites bulles de quand on passe le curseur devant les prédéfinis ***/
    c.info:hover span {
      display: block;
      position: absolute;
      top: -9.3em;
     left: -0.3em;
      border-radius: 50%;
      width: 105px;
      height: 105px;
      background-color: #151722;
      color: ##F3F3F3;
      text-align: center;
      font-weight: none;
    }



    /*** IMAGES DU STAFF ***/
    .imgwidget {
      border-radius: %;
      width: 100px;
      height: 50px;
      padding : 3px ; border : 1px solid #1E2B3E ; margin : 2px;
     }



    .info {
      position: relative;
      z-index: 24;
      text-decoration: none;
    }

    d.info:hover {
      z-index: 25;
    }
     
    d.info span {
      display: none;
      border-radius: 1%;
    }
     
    d.info:hover span {
      display: block;
      position: absolute;
      top:;
     left:;
      width: 140px;
      height: 50px;
      overflow: auto;
      background-color: ;
      color: #F3F3F3;
      text-align: center ;
      font-weight: none;
    }



    /*** EFFET DU CONTEXTE ***/

    .contexte {
      width: 400px;
      height: 200px;
      overflow: hidden;
      background-color: #151722;
      border-radius: 25px;
      position: relative;
      top: -2.2em;
    }
        
    .contexte_img {
      position: relative;
      z-index: 2;
      width: 400px;
      height: 200px;
      margin-left: 0px;
      transform: all;
      -moz-transform: all;
      -o-transform: all;
      -htm-transform: all;
      -webkit-transform: all;
      -transition: 1s;
      -moz-transition: 1s;
      -o-transition: 1s;
      -htm-transition: 1s;
      -webkit-transition: 1s;
    }

    .contexte:hover .contexte_img {
      margin-top: -200px;
      transform: all;
      -moz-transform: all;
      -o-transform: all;
      -htm-transform: all;
      -webkit-transform: all;
      transition: 1s;
      -moz-transition: 1s;
      -o-transition: 1s;
      -htm-transition: 1s;
      -webkit-transition: 1s;
    }
        
    .contexte_description {
      position: relative;
      z-index: 1;
      width: 350px;
      height: 140px;
      color: #F3F3F3;
      padding: 25px;
      text-align: justify !important;
      font-size: 11px;
      overflow: auto;
    }

    .contexte_description a {
      text-decoration: none !important;
    }



    /*** SYSTEME D'ONGLETS ***/

    .paonglet {
      display: inline-block;
      margin-left: 20px;
      margin-right: 20px;
      padding: 10px;
      cursor: pointer;
      background-color: #151722;
      color: #ADB9D1;
    }
                
    .paonglet_0 {
      border-radius: 8px;
    }

    .paonglet_1 {
      border-radius: 8px;
      color: #ffffff;
    }

    .contenu_paonglet {
      padding: 20px;
      display: none;
      width: 780px;
      height: 450px;
      border-radius: 8px;
      background-color: #0D0D0D;
    }

    .contenu_paonglet a{
      text-decoration: none !important;
    }



    /*** BLOC DE TEXTE DE LA PA ***/

    .bloc_pa {
      background-color: #2c3d57;
      border-radius: 8px;
      color: #fff;
      padding: 15px;
      text-align: justify !important;
      position: relative;
      top: -2.2em;
    }

    .bloc_pa a {
      text-decoration: none !important;
      color: #ADB9D1 !important;
    }

    /*** TITRES DES BLOCS ***/

    .titre_pa {
      font-family: 'Playball', 'cursive';
      font-size: 35px;
      position: relative;
      top: -0.5em;
      color: #ADB9D1;
      z-index: 1;
    }

    .titre_pa:hover {
      color: #ffffff;
    }

    /***************************************************************************************************************************************/






    /* * * * * * * * * * * * * * *  * * * *  QEEL * * * * * * * * * * * * * * * * *  */

    .illustrationqeel {
      -moz-transition-duration: 1s;
      -moz-transition-timing-function: linear;
      -webkit-transition-duration: 1s;
      -webkit-transition-timing-function: linear;
      transition-duration: 1s;
      transition-timing-function: linear;
      border-radius:50%;
    }

    .illustrationqeel:hover {
      -moz-transform:rotate(360deg);
      -webkit-transform:rotate(360deg);
      transform:rotate(360deg);
    }

    /* Titre des groupes apparaissant en bas à droite */
    .titreqeel1{
      font-family: 'Playball', cursive;
      font-size: 35px;
      margin-top: -15px;
      text-align: center;
      color: #CCCEE6;
    }

    /* Citations des groupes */
    .titreqeel2{
      font-family: 'Playball', cursive;
      font-size: 18px;
      margin-top: -25px;
      text-align: center;
      color: #7F83B4 ;
      -moz-transform: rotate(2deg);
      -webkit-transform: rotate(2deg);
      transform: rotate(2deg);
    }

    .titreqeel1:hover{
      color: #B5B6CC;
    }

    .titreqeel2:hover{
      color: #B5B6CC;
    }

    /* Fond de la liste des groupes (cadre en haut à droite) */
    .fondgroupe {
      background-color: ;
      width: 400px;
      text-align: center;
      border-radius : 25px;
      -moz-border-radius : 25px;
      -webkit-border-radius : 25px;
    }


    .groupeonglet {
      display: inline-block;
      margin-left: 20px;
      margin-right: 20px;
      cursor: pointer;
      color: #fff;
      text-align: center;
    }

    /* Texte de liste des groupes (cadre en haut à droite) */
    .groupeonglet_0 {
      font-size: 20px;
      font-family: 'Playball';
      color: #ffffff;
      padding: 2px;
      text-align: center;
    }
            
    .groupeonglet_1 {
      color: #2E314F;
      font-size: 25px;
      font-family: 'Playball'
      padding: 2px;
      text-align: center;
    }

    .contenu_groupeonglet {
      padding: 25px;
      display: none;
      width: 385px;
      height: 210px;
      color:; #F5E9CF
      font-size: 12px;
      -moz-border-radius : 25px;
      -webkit-border-radius : 25px;
      background-color: rgba(29,29,29,0.5);
    }

    #kaboum .row1 {
      background-color: transparent;
    }

    .image {
      border-radius : 25px 25px 25px 25px;
      -moz-border-radius : 25px 25px 25px 25px;
      -webkit-border-radius : 25px 25px 25px 25px;
    }

    /* 1er cadre avec nbr de msg postés*/
    .blocqeel1 {
      width: 250px;
      height: 130px;
      padding: 10px;
      background-color: #151722 ;
      -moz-transform: rotate(0deg);
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
    }

    /* Arrière plan du 1er cadre */
    .blocqeel2 {
      width: 250px;
      height: 130px;
      background-color: #444D70 ;
      color: #000000;
      text-align: justify;
      }

    .blocqeel1:hover {
      -moz-transform: rotate(-5deg);
      -webkit-transform: rotate(-5deg);
      transform: rotate(-5deg);
    }

    /* 2ème cadre avec les connectés */
    .blocqeel4 {
      width: 250px;
      height: 70px;
      padding: 10px;
      overflow: auto;
      background-color: #151722;
      -moz-transform: rotate(5deg);
      -webkit-transform: rotate(5deg);
      transform: rotate(5deg);
      }

    /* Arrière plan du 2ème cadre */
    .blocqeel3 {
      width: 250px;
      height: 60px;
      background-color: #444D70;
      color: #2E314F;
      text-align: justify;
      -moz-transform: rotate(-5deg);
      -webkit-transform: rotate(-5deg);
      transform: rotate(-5deg);
    }

    .blocqeel4:hover {
      -moz-transform: rotate(0deg);
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
    }

    /* 3ème cadre */
    .blocqeel5 {
      width: 250px;
      height: 130px;
      padding: 10px;
      overflow: auto;
      background-color: #151722;
      -moz-transform: rotate(0deg);
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
    }

    /* Arrière plan du 3ème cadre */
    .blocqeel6 {
      width: 250px;
      height: 130px;
      background-color: #444D70;
      color: #2E314F;
      text-align: justify;
    }

    .blocqeel5:hover {
      -moz-transform: rotate(-5deg);
      -webkit-transform: rotate(-5deg);
      transform: rotate(-5deg);
    }


    /******************************************************************************************************** */



    .floatleft{
    float: left;
    padding: 1%;
    margin-top: 30px;
    }







    /* --------------------------------- PROFIL --------------------------------- */

    .avatar_profil {
      max-height: 320px !important;
    }



    /*****/
    /* Fond du profil */
    .fond_profil {
      background-color: #090B0E;
      border-radius: 25px;
      width: 230px;
      font-family: times new roman;
      font-size: 11px;
      box-shadow: 2px 2px 10px black;
      -moz-box-shadow: 2px 2px 10px black;
      -webkit-box-shadow: 2px 2px 10px black;
    }

    /* Mise en forme du pseudo */
    .pseudo_profil {
      font-family: 'Playball', cursive !important;
      font-size: 24px;
      text-align: center !important;
      height: 61px;
      position: relative;
      top: 0.8em;
    }

    /* Enlève le soulignement sous le pseudo */
    .pseudo_profil a{
      text-decoration: none !important;
      font-family: 'Playball', cursive !important;
    }

    /* Fond du pseudo */
    .pseudo_fond {
      background-image: url('http://i39.servimg.com/u/f39/18/47/68/10/1512.png');
      background-repeat: no-repeat;
      height: 70px;
    }

    /* Mise en forme de l'avatar */
    .avatar_profil img {
      max-width: 200px;
      max-height: 320px;
      border-radius: 15px;
      box-shadow: 2px 2px 10px black;
      -moz-box-shadow: 2px 2px 10px black;
      -webkit-box-shadow: 2px 2px 10px black;
    }

    /* Mise en forme du rang du profil */
    .rang_profil {
      padding-right: 10px;
      color: #646E7B;
      font-size: 14px;
      font-family: times new roman;
    }

    /* Contenu du bloc d'information */
    .postdetails_profil {
      background-color: #10141A;
      border: 1px solid #646E7B;
      width: 180px;
      font-size: 13px;
      padding: 15px;
      text-align: justify;
      color: #646E7B;
    }

    /* Positionnement du bouton "MP" */
    .mp_profil {
      position: relative;
      top: 1.5em;
    }

    /* Positionnement de l'image "Hors ligne" */
    .img_horsligne {
      position: relative;
      top: -1em;
      z-index: 1;
    }

    /* Positionnement de l'image "En ligne" */
    .img_enligne {
      position: relative;
      top: -1em;
      z-index: 2;
      left: 3.8em;
    }


    /* --------------------------------- FIN PROFIL --------------------------------- */










    /* * *  CODES IMPORTANTS POUR TITRES DE CATEGORIES ET FORUMS SOIENT DES IMAGES SANS REPERCUSSIONS SUR LES RACCOURCIS * * */

    /* On n'affiche pas l'image dans la liste de catégories */
    .hierarchy .forumlink img {
    display: none;
    }

    /* On affiche pas le span titre caché dans le titre de catégorie */
    .secondarytitle h2 .titre_cache {
    font-family: Playball;
    font-size: 24px;
    display: none;
    }

    .hierarchy .forumlink .titre_cache {
    font-family: 'Playball';
    font-size: 24px;
    }
    /*****************************************************************************************************************************/


    .v_profile img { max-width: 200px;}
    .avatar.mini, .avatar.mini img{height:inherit;}


    /* Bulle du COMPAGNON dans le profi (ATTENTION: n'ajouter aucun autre champs d'images visible dans le profil */
    .test_compagnon img {
      display: block;  
      position: absolute;  
      margin-top: -60px;  
      margin-left: -55px;
      border-radius: 0px;
      border: 0px solid #000000;
      }
    Anonymous
    Invité

    Sam 21 Juin 2014 - 19:15

    Ca vient de ton CSS en effet. Je cherche l'erreur et j'édite quand c'est bon Wink

    EDIT : C'est ça qui pose soucis :

    Code:
    * {
      font-family: Trebuchet MS;
     }

    A quoi ça correspond ? Oo


    Dernière édition par Halloween le Sam 21 Juin 2014 - 19:19, édité 1 fois
    Kiki85
    Kiki85
    MasculinAge : 29Messages : 398

    Sam 21 Juin 2014 - 19:18

    Ca marche ! Merci beaucoup Hallow, c'est déjà un superbe travail ! :3
    Anonymous
    Invité

    Sam 21 Juin 2014 - 19:21

    C'était pas la peine de poster du coup Razz
    J'ai édité avant de voir ton message, c'est ça qui bloque tout :

    Code:
        * {
          font-family: Trebuchet MS;
        }

    Ca correspond à quoi ? Oo
    Kiki85
    Kiki85
    MasculinAge : 29Messages : 398

    Sam 21 Juin 2014 - 19:34

    Oh pardon x) Je pensais pas que tu serais aussi rapide vu ma longue CSS ^^'

    Aucune idée O.o Ma co-admin avait commencé un design au tout tout début, mais j'ai tout tout refait, sauf qu'il y a quelques lignes je sais pas à quoi ça correspondait et j'ai pas osé les supprimer, ne sachant pas ce que ça fait ! Du coup j'essaye de supprimer ça et j'te dis...

    CA MARCHE ! HALLELUJAH ! Very Happy

    J'ai PILE la même fiche que ce que j'souhaitait, au détail près merci Hhallow
    Juste, je voulais tester de l'ombre pour le texte du pseudo j''ai rajouté text-shadow":
    Code:
    /* Mise en forme du pseudo */
    .pseudo_profil {
      font-family: 'Playball', cursive !important;
      font-size: 24px;
      text-align: center !important;
      text-shadow: 10px;
      height: 61px;
      position: relative;
      top: 0.8em;
    }
    A cet endroit, mais ça n'a rien changé, je me suis trompé de notation ? (si tu sais pas t'embêtes pas hein, j'voulais juste essayer !)
    Anonymous
    Invité

    Sam 21 Juin 2014 - 19:39

    C'est parce que tu n'as pas attribué de couleur à ton ombre Wink
    Et le code n'est pas exact, essaies plutôt comme ceci :
    Code:
    /* Mise en forme du pseudo */
    .pseudo_profil {
      font-family: 'Playball', cursive !important;
      font-size: 24px;
      text-align: center !important;
     text-shadow: 1px 1px 2px #COULEUR;
      height: 61px;
      position: relative;
      top: 0.8em;
    }
    Kiki85
    Kiki85
    MasculinAge : 29Messages : 398

    Sam 21 Juin 2014 - 19:45

    Ah d'accord merci beaucoup ! Par contre, la supression du Trebuchet MS m'a changé plein de truc T_T mes descriptions de catégories sont devenu un peu plus grosse (mais ça ça va) c'est surtout toutes mes fiches de post (bottins, règlements etc..; qui sont devenus obèses :'( Il faudrait que je trouve un moyen d'attribuer une taille et une police de base pour éviter cela... ou que j'remodifie les codes de chaque fiches... Grrrrrrrrrrrr ><

    Bref, un gros gros MERCI pour ce profil ! Je te fais parvenir les nouveaux éléments pour ton LS au plus vite (je te préviendrai par MP) :)
    Anonymous
    Invité

    Sam 21 Juin 2014 - 19:54

    Attends t'emballe pas, on va trouver la solution à ton problème va xD
    Je peux avoir le code d'une des fiches pour voir où était fixé le "*" s'il te plait ? Et si tu changes la taille d'écriture dans le PA → couleurs ? Ou si tu fixes un "font-size: Xpx;" dans le body ?
    Kiki85
    Kiki85
    MasculinAge : 29Messages : 398

    Sam 21 Juin 2014 - 20:09

    Pour les fiches c'est bon finalement, j'ai réussi (ça va me prendre du temps à les remettre toute en bonne taille, mais au moins, le texte est gentil aujourd'hui et veut bien se diminuer x) Cca va juste me faire chier pour tout refaire -_-
    Je comprend pas pourquoi soudainement il m'a tout dédoublé dans mes fiches... >< les titres genre à 16 sont passé au moins à 25 (sans que ce soit codé dans la fiche hein !) et les texte à 11 sont genre à 16 -_-
    Bah dans PA > couleurs ce n'est qu'à 11... ^^

    Enfin bref, ne t'en fais pas, il faut juste que je les rebidouille en leur règlant une taille et puis voilà  (j'ai essayé de poster un sujet sans fiche pour voir, il se poste en taille potable, c'est pas trop gros ni trop petit... Je pense que mes fiches devaient être affectées par ce Trebuchet MS mystèrieux !

    T'en fais pas je devrais y arriver \o/
    Encore merci ! je vais te poster d'autres images d'ici 10 min dans la commande pour ton  LS, tu me diras si elle te conviennent (elles seront de tailles similaires)
    Anonymous
    Invité

    Sam 21 Juin 2014 - 20:16

    Bon, comme tu le sens =/
    Bon courage alors !
    Kiki85
    Kiki85
    MasculinAge : 29Messages : 398

    Sam 21 Juin 2014 - 20:24

    T'en fais pas, c'est juste du réglages dans les fiches à faire, et ça donnera l'occasion de relire une dernière fois au cas où des fautes se seraient cachées à la première lecture !

    Je viens de te faire des images vite fait pour ton LS, dis-moi si elles te vont :) (elles sont de même dimension logiquement !)
    Anonymous
    Invité

    Sam 21 Juin 2014 - 20:36

    Ar,f, pour ce qui remplace le papillon il me faudrait quelque chose du même genre si possible, un animal ou une forme, mais pas un texte, sinon il se verra par dessus (désolée =$).
    Kiki85
    Kiki85
    MasculinAge : 29Messages : 398

    Sam 21 Juin 2014 - 20:42

    Ah bon ? Ah j'avais fait de l'ombre exprès... Hhum bin reprend les papillons alors j'ai la flemme de faire autre chose, tant pis xD
    Anonymous
    Invité

    Sam 21 Juin 2014 - 20:47

    Bon, je vais voir si je trouve pas quelque chose de simple sur Render Graphique.
    Merci d'avoir tenté en tout cas et bonne continuation =3
    Kiki85
    Kiki85
    MasculinAge : 29Messages : 398

    Sam 21 Juin 2014 - 20:58

    Comme tu veux ^^
    Merci à toi Very Happy
    Contenu sponsorisé


      La date/heure actuelle est Lun 29 Avr 2024 - 2:41