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.

-37%
Le deal à ne pas rater :
Promo : radiateur électrique d’appoint 1200W à 76€ sur Amazon
76.99 € 121.34 €
Voir le deal

    Profil [Résolu]

    Yogi Nakagawa
    Yogi Nakagawa
    MasculinAge : 23Messages : 94

    Jeu 16 Juil 2015 - 8:46

    Profil en défilement



    Salut!

    Bon, vous allez m'en vouloir, j'arrête pas en ce moment >.<

    En gros, j'ai besoin de modifier un codage pour le profil d'un forum que j'ai en préparation, par rapport à ce code en fait http://ftyogi.forumactif.org/t1-stazz-kalse-le-sgd-qui-aime-prendre-du-bon-temps-enfin-pour-tuer

    Problème, il me faudrait pouvoir mettre un hover ou un défilement sur le côté en passant la souris, mais par rapport aux codages que j'ai essayé avec un hover, la bordure bleue foncée, est tout d'abord effacé en bas et sur le bord droit, ce qui n'est pas esthétique du tout, de plus, je trouve la manière dont l'hover s'enlève un peu trop "violente" enfin bref, je m'égare!

    Serait-il possible de garder, l'effet comme sur ce profil, mais tout en mettant le même genre de défilement qu'ici ? http://risenfromthedead.forum-canada.com/t13-contexte Tout en ne cassant rien, si possible.

    Voici, mon template:

    Code:
      <script type="text/javascript">
            //<![CDATA[
            var multiquote_img_off = '{JS_MULTIQUOTE_IMG_OFF}', multiquote_img_on = '{JS_MULTIQUOTE_IMG_ON}', _atr = '{JS_DIR}addthis/', _ati = '{PATH_IMG_FA}addthis/'{ADDTHIS_LANG}, addthis_localize = { share_caption: "{L_SHARE_CAPTION}", email: "{L_EMAIL}", email_caption: "{L_EMAIL_CAPTION}", favorites: "{L_SHARE_BOOKMARKS}", print: "{L_PRINT}", more: "{L_MORE}" };
            $(function(){
              _atc.cwait = 0;
              $('.addthis_button').mouseup(function(){
                  if ($('#at15s').css('display') == 'block') {
                    addthis_close();
                    addthis_close();
                  }
              });
            });
            //]]>
            </script>
          
            <table width="100%" border="0" cellspacing="2" cellpadding="0">
              <tr>
                  <td align="left" valign="middle" nowrap="nowrap">
                    <span class="nav">
                    <!-- BEGIN switch_user_authpost -->
                    <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}one" alt="{L_POST_NEW_TOPIC}" align="middle" border="0" /></a>
                    <!-- END switch_user_authpost -->
                    <!-- BEGIN switch_user_authreply -->
                    <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" id="i_reply" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>
                    <!-- END switch_user_authreply -->
                    </span>
                  </td>
                  <td align="left" valign="middle" nowrap="nowrap">
                    <!-- BEGIN switch_twitter_btn -->
                    <span id="twitter_btn" style="margin-left: 6px; ">
                    <a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal">Tweet</a>
                    <script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
                    </span>
                    <!-- END switch_twitter_btn -->
                    <!-- BEGIN switch_fb_likebtn -->
                    <span id="fb_likebtn" style="margin-left: 6px; ">
                        <iframe src="http://www.facebook.com/plugins/like.php?href={FORUM_URL}{TOPIC_URL}&layout=button_count&show_faces=false&width=100&action=like&colorscheme=light&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100px; height:21px;" allowTransparency="true"></iframe>
                    </span>
                    <!-- END switch_fb_likebtn -->
                  </td>
                  <td class="nav" valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td>
                  <td align="right" valign="bottom" nowrap="nowrap" width="100%">
                    <span class="gensmall bold">
                        <a class="addthis_button" href="http://www.addthis.com/bookmark.php?v=250&pub=forumotion">{L_SHARE}</a>
                        |
                        <script type="text/javascript">//<![CDATA[
                          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>
                    </span>
                  </td>
              </tr>
            </table>
          
            <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
              <tr align="right">
                  <td class="catHead" colspan="3" height="28">
                    <table width="100%" border="0" cellspacing="0" cellpadding="0">
                        <tr>
                          <td width="9%" class="noprint"> </td>
                          <td align="center" class="t-title">
                              <h1 class="cattitle"> {TOPIC_TITLE}</h1>
                          </td>
                          <td align="right" width="9%" class="browse-arrows"><a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#bottom">{L_GOTO_DOWN}</a> </td>
                        </tr>
                    </table>
                  </td>
              </tr>
              <!-- BEGIN topicpagination -->
              <tr>
                  <td class="row1 pagination" colspan="2" align="right" valign="top"><span class="gensmall">{PAGINATION}</span></td>
              </tr>
              <!-- END topicpagination -->
              {POLL_DISPLAY}
              <tr>
                  <th class="thLeft" nowrap="nowrap" width="150px" height="26">{L_AUTHOR}</th>
                  <th class="thRight" nowrap="nowrap" colspan="2">{L_MESSAGE}</th>
              </tr>
              <!-- BEGIN postrow -->
              <!-- BEGIN displayed -->
              <tr class="post">
                  <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150">
          
          
          
            <div class="profil-fond">

                        <span class="postdetails poster-profile">    <span class="name"> <a name="{postrow.displayed.U_POST_ID}"></a>
                          <div class="profil-fond2"> <center> <div class="profil-pseudo"><div class="fondpseudo">{postrow.displayed.POSTER_NAME}</div><br/><br/></div> </center> <br/><br/>
                        <div class="avatar-fond"> {postrow.displayed.POSTER_AVATAR} </div>

                          </div>
            </span>
          
          
                        <div class="profil-barre"></div>
            <span class="rang">{postrow.displayed.RANK_IMAGE}</span>
              <div style="padding-top:4px;"></div>

                          <center>{postrow.displayed.ONLINE_IMG}</center>
          
          
            </span> </div>
          
          
                    <img src="http://2img.net/i/fa/empty.gif" alt="" style="width:150px;height:1px" />
                  </td>
                  <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="100%" height="28" colspan="2">
                    <table width="100%" border="0" cellspacing="0" cellpadding="0">
                        <tr>
                          <td><span class="postdetails"><img src="{postrow.displayed.MINI_POST_IMG}" alt="{postrow.displayed.L_MINI_POST_ALT}" title="{postrow.displayed.L_MINI_POST_ALT}" border="0" />{L_POST_SUBJECT}: {postrow.displayed.POST_SUBJECT}  <img src="{postrow.displayed.MINI_TIME_IMG}" alt="" border="0" />{postrow.displayed.POST_DATE}</span></td>
                          <td valign="top" nowrap="nowrap" class="post-options">
                              {postrow.displayed.THANK_IMG} {postrow.displayed.MULTIQUOTE_IMG} {postrow.displayed.QUOTE_IMG} {postrow.displayed.EDIT_IMG} {postrow.displayed.DELETE_IMG} {postrow.displayed.IP_IMG} {postrow.displayed.REPORT_IMG}
                          </td>
                        </tr>
                        <tr>
                          <td colspan="2" class="hr">
                              <hr />
                          </td>
                        </tr>
                        <tr>
                          <td colspan="2">
                              <!-- BEGIN switch_vote_active -->
                              <div class="vote gensmall">
                                <!-- BEGIN switch_vote -->
                                <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}">+</a></div>
                                <!-- END switch_vote -->
          
                                <!-- BEGIN switch_bar -->
                                <div class="vote-bar" title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}">
                                    <!-- BEGIN switch_vote_plus -->
                                    <div class="vote-bar-plus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_plus.HEIGHT_PLUS}px;"></div>
                                    <!-- END switch_vote_plus -->
          
                                    <!-- BEGIN switch_vote_minus -->
                                    <div class="vote-bar-minus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_minus.HEIGHT_MINUS}px;"></div>
                                    <!-- END switch_vote_minus -->
                                </div>
                                <!-- END switch_bar -->
          
                                <!-- BEGIN switch_no_bar -->
                                <div title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}" class="vote-no-bar">----</div>
                                <!-- END switch_no_bar -->
          
                                <!-- BEGIN switch_vote -->
                                <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}">-</a></div>
                                <!-- END switch_vote -->
                              </div>
                              <!-- END switch_vote_active -->
          
                              <div class="postbody">
          
                                <div>{postrow.displayed.MESSAGE}</div>
          
                                <!-- BEGIN switch_attachments -->
                                <dl class="attachbox">
                                    <dt>{postrow.displayed.switch_attachments.L_ATTACHMENTS}</dt>
                                    <dd>
                                      <!-- BEGIN switch_post_attachments -->
                                      <dl class="file">
                                          <dt>
                                            <img src="{postrow.displayed.switch_attachments.switch_post_attachments.U_IMG}" />
          
                                            <!-- BEGIN switch_dl_att -->
                                            <a class="postlink" href="{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.U_ATTACHMENT}">{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT}</a> {postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT_DEL}
                                            <!-- END switch_dl_att -->
          
                                            <!-- BEGIN switch_no_dl_att -->
                                            {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT} {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT_DEL}
                                            <!-- END switch_no_dl_att -->
                                          </dt>
          
                                          <!-- BEGIN switch_no_comment -->
                                          <dd>
                                            <em>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_comment.ATTACHMENT_COMMENT}</em>
                                          </dd>
                                          <!-- END switch_no_comment -->
          
                                          <!-- BEGIN switch_no_dl_att -->
                                          <dd>
                                            <em><strong>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.TEXT_NO_DL}</strong></em>
                                          </dd>
                                          <!-- END switch_no_dl_att -->
          
                                          <dd>({postrow.displayed.switch_attachments.switch_post_attachments.FILE_SIZE}) {postrow.displayed.switch_attachments.switch_post_attachments.NB_DL}</dd>
                                      </dl>
                                      <!-- END switch_post_attachments -->
                                    </dd>
                                </dl>
                                <!-- END switch_attachments -->
          
                                <div class="clear"></div>
                                <div class="signature_div">
                                    <div class="limitation-signature">{postrow.displayed.SIGNATURE}</div>
                                </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 -->
                          </td>
                        </tr>
                    </table>
                  </td>
              </tr>
              <!-- BEGIN first_post_br -->
            </table>


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

                    <!-- END link -->
                  </td>
              </tr>
            </table>
            <!-- END promot_trafic -->
          
            <table class="forumline noprint" width="100%" border="0" cellspacing="0" cellpadding="0">
              <tr>
                  <td class="row2" valign="top" {COLSPAN_PAGINATION} width="150"><span class="gensmall">{PAGE_NUMBER}</span></td>
                  <!-- BEGIN topicpagination -->
                  <td class="row1" align="right" valign="top" ><span class="gensmall">{PAGINATION}</span></td>
                  <!-- END topicpagination -->
              </tr>
              <!-- BEGIN switch_user_logged_in -->
              <!-- BEGIN watchtopic -->
              <tr>
                  <td class="row2" colspan="2" align="right" valign="top"><span class="gensmall">{S_WATCH_TOPIC}</span></td>
              </tr>
              <!-- END watchtopic -->
              <!-- END switch_user_logged_in -->
              <tr>
                  <td class="row2" colspan="2" align="center" style="padding:0px">
                    <!-- BEGIN switch_user_logged_in -->
                    <a name="quickreply"></a>
                    {QUICK_REPLY_FORM}

                    <!-- END switch_user_logged_in -->
                  </td>
              </tr>
              <tr>
                  <td style="margin:0; padding: 0;" colspan="2">
                    <table border="0" cellpadding="0" width="100%" cellspacing="0" id="info_open" style="display:''">
                        <tbody>
                  <!-- BEGIN show_permissions -->
                  <tr>
                    <td class="row2" valign="top" width="25%"><span class="gensmall">{L_TABS_PERMISSIONS}</span></td>
                    <td class="row1" valign="top" width="75%"><span class="gensmall">{S_AUTH_LIST}</span></td>
                  </tr>
                  <!-- END show_permissions -->
                  <tr>
                    <td class="catBottom" colspan="2" height="28">
                        <table width="100%" border="0" cellspacing="0" cellpadding="0">
                          <tr>
                              <td valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td>
                              <!-- BEGIN show_permissions -->
                              <td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_LESS_IMG}" alt="-" align="middle" border="0" /></a></span></td>
                              <!-- END show_permissions -->
                          </tr>
                        </table>
                    </td>
                  </tr>
              </tbody>
                    </table>
                  </td>
              </tr>
              <tr>
                  <td style="margin:0; padding: 0;" colspan="2">
                    <table border="0" cellpadding="0" cellspacing="0" width="100%" id="info_close" style="display:none;">
                        <tbody>
                  <tr>
                    <td class="catBottom" colspan="2" height="28">
                        <table width="100%" border="0" cellspacing="0" cellpadding="0">
                          <tr>
                              <td valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td>
                              <td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_MORE_IMG}" alt="+" align="middle" border="0" /></a></span></td>
                          </tr>
                        </table>
                    </td>
                  </tr>
              </tbody>
                    </table>
                  </td>
              </tr>
            </table>
          
            <form action="{S_JUMPBOX_ACTION}" method="get" name="jumpbox" onsubmit="if(document.jumpbox.f.value == -1){return false;}">
            <table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
              <tr>
                  <td align="left" valign="middle" nowrap="nowrap" {WIDTH_GALLERY}>
                    <span class="nav">
                        <!-- BEGIN switch_user_authpost -->
                        <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}Newtopic" alt="{L_POST_NEW_TOPIC}" align="middle" border="0" /></a>
                        <!-- END switch_user_authpost -->
                        <!-- BEGIN switch_user_authreply -->
                        <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>
                        <!-- END switch_user_authreply -->
                    </span>
                  </td>
          
                  <!-- 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">
            {S_TOPIC_ADMIN}

                    <form name="action" method="get" action="{S_FORM_MOD_ACTION}">
                        <input type="hidden" name="t" value="{TOPIC_ID}" />
          
                        <!-- <input type="hidden" name="sid" value="{S_SID}" /> -->
                        <input type="hidden" name="{SECURE_ID_NAME}" value="{SECURE_ID_VALUE}" />
          
                        <span class="gen">{L_MOD_TOOLS}
            {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>

    Et mon CSS pour le profil:
    Code:
    /* PROFIL */
        .fondpseudo {
        background-color: #454545;
        border-bottom: 6px solid #454545;
        border-top: 1px solid #454545;
        font-family: "Oswald";
        font-size: 17px;
        font-style: italic;
        height: 50px;
        left: 0;
        letter-spacing: 1px;
        line-height: 50px;
        position: absolute;
        text-align: center;
        text-transform: uppercase;
        top: 0;
        width: 234px;}

    .rang{
      float: right;
      margin-right: -3px;
    }
    .rang img {
      width:230px;
      height:90px;
    }
    .infosprofil {
    background: url("http://img11.hostingpics.net/pics/267563sanst10.png") repeat scroll center center rgba(0, 0, 0, 0);
        height: 250px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 50px;
        width: 195px;
      position: relative;
    overflow:auto;}
        .profil-fond {
        line-height:10px;
        background-color:#4BB5C1;
        padding:3px;
        text-align: justify;
        position:relative;}


        .profil-fond2 {
        line-height:12px;
        padding:10px;
        border-bottom: 4px solid #4BB5C1;
        border-top: 4px solid #046380;
        text-align: justify; }

        .profil-pseudo {
        FONT-STYLE: italic;
        FONT-FAMILY: times new roman;
        LETTER-SPACING: -2px;
        FONT-SIZE: 25px;
        text-align: center;
        text-shadow: 0px 0px 1px Teal;
        TEXT-TRANSFORM: lowercase; }

        .avatar-fond {
        border: solid 4px #046380;
      }

    .contenuinfo {
        height: 215px;
        margin-top: 20px;
        overflow: auto;
    }
        /******************************FIN PROFIL************************************/

    Voili voilou, si c'est possible, je vous en prie, help me, sinon, je ferai comme mis déjà sans profil et puis tant pis ^w^



    Dernière édition par Yogi Nakagawa le Mar 21 Juil 2015 - 23:42, édité 1 fois
    Yogi Nakagawa
    Yogi Nakagawa
    MasculinAge : 23Messages : 94

    Dim 19 Juil 2015 - 12:46

    Salut,
    Petit up!
    Nihil Scar Winspeare
    Nihil Scar Winspeare
    Messages : 5244

    Dim 19 Juil 2015 - 14:48

    Coucou Yogi :)

    Tu cherches à obtenir un tutoriel ou bien de l'aide pour ton problème ?

    Ton sujet aurait surement davantage sa place dans la partie Problème avec mon code ou encore Personnalisations (si tu as trouvé un LS qui correspondait à peu près mais tu n'arrives pas à bien l'adapter).

    Yogi Nakagawa a écrit:Problème, il me faudrait pouvoir mettre un hover ou un défilement sur le côté en passant la souris, mais par rapport aux codages que j'ai essayé avec un hover, la bordure bleue foncée, est tout d'abord effacé en bas et sur le bord droit, ce qui n'est pas esthétique du tout, de plus, je trouve la manière dont l'hover s'enlève un peu trop "violente" enfin bref, je m'égare!
    Si tu as déjà testé quelque chose, n'hésite pas à le remettre en place en indiquant précisément tous les éléments qui ne vont pas (^-^), parfois c'est plus rapide de régler les bugs :p

    Yogi Nakagawa
    Yogi Nakagawa
    MasculinAge : 23Messages : 94

    Dim 19 Juil 2015 - 16:33

    Salut, alors en faite je dirais plus un tutoriel, parce que sincèrement j'ai chercher un peu partout sur des forums de codages, et j'ai pas trouver de LS, ni de tutoriel.

    Alors pour montrer le soucis, j'en ai perdu un, mais j'en ai gagné un autre ._.

    Profil [Résolu] Hjwh

    Là, j'ai un bout en trop, je suppose, que ça vient du css, donc je vais aller voir rapidement, même si en fait ça m'arrangerait plus que l'avatar soit "tiré" vers la droite et laisse place aux informations, car c'est franchement plus esthétique, enfin à mon sens, puis au moins, ça fait pas un changement direct quand on enlève la souris, là c'est trop rapide et instantané. Ça fait pas comme quand, le curseur arrive et qu'il y a une transition. (Je crois que je suis incompréhensible...)

    EDIT: J'ai plus de bordure en plus, (sur le gif, c'est le fond de la page) mais la transition est toujours laide .w.

    Spoiler:
    Yogi Nakagawa
    Yogi Nakagawa
    MasculinAge : 23Messages : 94

    Mar 21 Juil 2015 - 18:11

    Je sais pas si j'ai le droit mais 48H se sont écoulés, donc je up! ^w^
    Nihil Scar Winspeare
    Nihil Scar Winspeare
    Messages : 5244

    Mar 21 Juil 2015 - 20:29

    Oui oui, tu peux up ♥.

    Yogi Nakagawa a écrit:ça fait pas un changement direct quand on enlève la souris
    Là, le problème vient de ton CSS, du placement du code pour la transition tout simplement ^-^. L'effet pourrait avoir une transition dans les 2 sens (au survol et quand on enlève la souris) sinon Wink

    Est ce que qu'on pourrait avoir la dernière version de ton code CSS s'il te plait ♥ ?

    Au final, ça serait peut-être bien qu'un homme de pouvoir (ou une jolie modératrice) déplace dans la partie Problème en codage vu la tournure que ça prend :p.

    Yogi Nakagawa
    Yogi Nakagawa
    MasculinAge : 23Messages : 94

    Mar 21 Juil 2015 - 23:42

    Tout compte fait, le souci est résolu, j'ai réussi à me débrouiller grâce au LS de Okhmhaka ^w^
    Contenu sponsorisé


      La date/heure actuelle est Ven 1 Nov 2024 - 3:37