AccueilFAQRechercherMembresGroupesS'enregistrer


Partagez | 

Codages

Voir le sujet précédent Voir le sujet suivant Aller en bas
Voir le profil de l'utilisateur http://betelgeuse-test.graphforum.com
Message posté : Mar 19 Aoû - 19:51 Message
Obtenir l'URL : Cliquer ici
Nouveau Membre

avatar
Nouveau Membre
Afficher le profil
ϟ Nombre de Messages : 81
ϟ Nombre des messages RP : 106
ϟ Crédits : Tagada tsouin tsouin
Emploi/loisirs : Dudule machin
ϟ Célébrité : Bidule chouette
ϟ Age du personnage : 125 ans
ϟ Statut : Libre comme l'air
ϟ Liens utiles :
Code:
 <section class="color-1"> <nav class="cl-effect-1"> <a href="#">Wafture</a> <a href="#">Sumptuous</a> <a href="#">Scintilla</a> <a href="#">Propinquity</a> <a href="#">Harbinger</a> </nav> </section> <section class="color-4"> <nav class="cl-effect-2"> <a href="#"><span data-hover="Ratatouille">Ratatouille</span></a> <a href="#"><span data-hover="Lassitude">Lassitude</span></a> <a href="#"><span data-hover="Murmurous">Murmurous</span></a> <a href="#"><span data-hover="Palimpsest">Palimpsest</span></a> <a href="#"><span data-hover="Assemblage">Assemblage</span></a> </nav> </section> <section class="color-6"> <nav class="cl-effect-3"> <a href="#">Palimpsest</a> <a href="#">Ineffable</a> <a href="#">Lilt</a> <a href="#">Mellifluous</a> <a href="#">Serendipity</a> </nav> </section> <section class="color-7"> <nav class="cl-effect-4"> <a href="#">Woebegone</a> <a href="#">Lassitude</a> <a href="#">Murmurous</a> <a href="#">Palimpsest</a> <a href="#">Assemblage</a> </nav> </section> <section class="color-5"> <nav class="cl-effect-5"> <a href="#"><span data-hover="Seraglio">Seraglio</span></a> <a href="#"><span data-hover="Sumptuous">Sumptuous</span></a> <a href="#"><span data-hover="Scintilla">Scintilla</span></a> <a href="#"><span data-hover="Palimpsest">Palimpsest</span></a> <a href="#"><span data-hover="Assemblage">Assemblage</span></a> </nav> </section> <section class="color-4"> <nav class="cl-effect-6"> <a href="#">Umbrella</a> <a href="#">Ineffable</a> <a href="#">Lilt</a> <a href="#">Mellifluous</a> <a href="#">Serendipity</a> </nav> </section> <section class="color-8"> <nav class="cl-effect-7"> <a href="#">Languor</a> <a href="#">Lassitude</a> <a href="#">Murmurous</a> <a href="#">Palimpsest</a> <a href="#">Assemblage</a> </nav> </section> <section class="color-1"> <nav class="cl-effect-8"> <a href="#">Imbue</a> <a href="#">Sumptuous</a> <a href="#">Scintilla</a> <a href="#">Propinquity</a> <a href="#">Harbinger</a> </nav> </section> <section class="color-9"> <nav class="cl-effect-9"> <a href="#"><span>Gossamer</span><span>Sumptuous Heart</span></a> <a href="#"><span>Ineffable</span><span>Evanescent Life</span></a> <a href="#"><span>Chatoyant</span><span>Assemblage Love</span></a> <a href="#"><span>Mellifluous</span><span>Mellifluous Will</span></a> <a href="#"><span>Serendipity</span><span>Serendipity Cut</span></a> </nav> </section> <section class="color-10"> <nav class="cl-effect-10"> <a href="#" data-hover="Seraglio"><span>Seraglio</span></a> <a href="#" data-hover="Sumptuous"><span>Sumptuous</span></a> <a href="#" data-hover="Scintilla"><span>Scintilla</span></a> <a href="#" data-hover="Palimpsest"><span>Palimpsest</span></a> <a href="#" data-hover="Assemblage"><span>Assemblage</span></a> </nav> </section> <section class="color-4"> <nav class="cl-effect-11"> <a href="#" data-hover="Desultory">Desultory</a> <a href="#" data-hover="Sumptuous">Sumptuous</a> <a href="#" data-hover="Scintilla">Scintilla</a> <a href="#" data-hover="Propinquity">Propinquity</a> <a href="#" data-hover="Harbinger">Harbinger</a> </nav> </section> <section class="color-5"> <nav class="cl-effect-12"> <a href="#">Chatoyant</a> <a href="#">Ineffable</a> <a href="#">Efficiency</a> <a href="#">Mellifluous</a> <a href="#">Serendipity</a> </nav> </section> <section class="color-6"> <nav class="cl-effect-13"> <a href="#">Beleaguer</a> <a href="#">Lassitude</a> <a href="#">Murmurous</a> <a href="#">Palimpsest</a> <a href="#">Assemblage</a> </nav> </section> <section class="color-1"> <nav class="cl-effect-14"> <a href="#">Ailurophile</a> <a href="#">Sumptuous</a> <a href="#">Scintilla</a> <a href="#">Propinquity</a> <a href="#">Harbinger</a> </nav> </section> <section class="color-3"> <nav class="cl-effect-15"> <a href="#" data-hover="Desultory">Desultory</a> <a href="#" data-hover="Sumptuous">Sumptuous</a> <a href="#" data-hover="Scintilla">Scintilla</a> <a href="#" data-hover="Propinquity">Propinquity</a> <a href="#" data-hover="Harbinger">Harbinger</a> </nav> </section> <section class="color-11"> <nav class="cl-effect-16"> <a href="#" data-hover="Languor">Languor</a> <a href="#" data-hover="Murmurous">Murmurous</a> <a href="#" data-hover="Lassitude">Lassitude</a> <a href="#" data-hover="Chatoyant">Chatoyant</a> <a href="#" data-hover="Palimpsest">Palimpsest</a> </nav> </section> <section class="color-4"> <nav class="cl-effect-17"> <a href="#" data-hover="Languor">Languor</a> <a href="#" data-hover="Murmurous">Murmurous</a> <a href="#" data-hover="Lassitude">Lassitude</a> <a href="#" data-hover="Chatoyant">Chatoyant</a> <a href="#" data-hover="Palimpsest">Palimpsest</a> </nav> </section> <section class="color-6"> <nav class="cl-effect-18"> <a href="#" data-hover="Desultory">Desultory</a> <a href="#" data-hover="Sumptuous">Sumptuous</a> <a href="#" data-hover="Scintilla">Scintilla</a> <a href="#" data-hover="Propinquity">Propinquity</a> <a href="#" data-hover="Harbinger">Harbinger</a> </nav> </section> <section class="color-5"> <nav class="cl-effect-19"> <a href="#"><span data-hover="Ratatouille">Ratatouille</span></a> <a href="#"><span data-hover="Lassitude">Lassitude</span></a> <a href="#"><span data-hover="Murmurous">Murmurous</span></a> <a href="#"><span data-hover="Palimpsest">Palimpsest</span></a> <a href="#"><span data-hover="Assemblage">Assemblage</span></a> </nav> </section> <section class="color-1"> <nav class="cl-effect-20"> <a href="#"><span data-hover="Beleaguer">Beleaguer</span></a> <a href="#"><span data-hover="Scintilla">Scintilla</span></a> <a href="#"><span data-hover="Chatoyant">Chatoyant</span></a> <a href="#"><span data-hover="Palimpsest">Palimpsest</span></a> <a href="#"><span data-hover="Languor">Languor</span></a> </nav> </section> <section class="color-7"> <nav class="cl-effect-21"> <a href="#">Chatoyant</a> <a href="#">Ineffable</a> <a href="#">Efficiency</a> <a href="#">Mellifluous</a> <a href="#">Serendipity</a> </nav> </section>

Code:
<link rel="stylesheet" type="text/css" href="http://www.aht.li/2428521/normalize.css" />
 <link rel="stylesheet" type="text/css" href="http://www.aht.li/2428520/demo.css" />
 <link rel="stylesheet" type="text/css" href="http://www.aht.li/2428519/component.css" />
 <script src="http://www.aht.li/2428522/modernizrcustom.js"></script>
Revenir en haut Aller en bas

Voir le profil de l'utilisateur http://betelgeuse-test.graphforum.com
Message posté : Sam 23 Aoû - 11:18 Message
Obtenir l'URL : Cliquer ici
Nouveau Membre

avatar
Nouveau Membre
Afficher le profil
ϟ Nombre de Messages : 81
ϟ Nombre des messages RP : 106
ϟ Crédits : Tagada tsouin tsouin
Emploi/loisirs : Dudule machin
ϟ Célébrité : Bidule chouette
ϟ Age du personnage : 125 ans
ϟ Statut : Libre comme l'air
ϟ Liens utiles :
Code:
<link href="http://elysiannah.fr/test_scrollbar/jquery.mCustomScrollbar.css" rel="stylesheet" type="text/css" />
    <script src="http://www.aht.li/2212888/jquery-191.js"></script>
    <script src="http://www.aht.li/2213097/jquerymCustomScrollbarconcatmin.js"></script>
 
<script>
 
    jQuery.noConflict()(function($){
      $(window).load(function(){
        $(".content_barre").mCustomScrollbar({
    theme:"dark",
        scrollButtons:{
          enable:true
        }
      });
      });
    })(jQuery);
 
    </script>
 
 
  <link rel="stylesheet" type="text/css" href="http://www.aht.li/2428521/normalize.css" />
      <link rel="stylesheet" type="text/css" href="http://www.aht.li/2428520/demo.css" />
      <link rel="stylesheet" type="text/css" href="http://www.aht.li/2428519/component.css" />
      <script src="http://www.aht.li/2428522/modernizrcustom.js"></script>
Revenir en haut Aller en bas

Voir le profil de l'utilisateur http://betelgeuse-test.graphforum.com
Message posté : Sam 23 Aoû - 12:15 Message
Obtenir l'URL : Cliquer ici
Nouveau Membre

avatar
Nouveau Membre
Afficher le profil
ϟ Nombre de Messages : 81
ϟ Nombre des messages RP : 106
ϟ Crédits : Tagada tsouin tsouin
Emploi/loisirs : Dudule machin
ϟ Célébrité : Bidule chouette
ϟ Age du personnage : 125 ans
ϟ Statut : Libre comme l'air
ϟ Liens utiles :
Cacher les boutons :

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(){

    if(typeof(_atc) == "undefined") {
        _atc = { };
    }
   
    _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>&nbsp;&nbsp;&nbsp;
         <!-- 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" itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
                <a class="nav" href="{U_INDEX}" itemprop="url"><span itemprop="title">{L_INDEX}</span></a>
                <!--{NAV_SEP}<a class="nav" href="{U_ALBUM}" itemprop="url"><span itemprop="title">{L_ALBUM}</span></a>-->
                {NAV_CAT_DESC_SECOND}
            </span>
      </td>      
      <td align="right" valign="bottom" nowrap="nowrap" width="100%">
         <!-- 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 -->         
         <script>(function(d, s, id) {
           var js, fjs = d.getElementsByTagName(s)[0];
           if (d.getElementById(id)) return;
           js = d.createElement(s); js.id = id;
           js.src = "//connect.facebook.net/{LANGUAGE}/all.js#xfbml=1";
           fjs.parentNode.insertBefore(js, fjs);
         }(document, 'script', 'facebook-jssdk'));</script>   
         <div class="fb-like" data-href="{FORUM_URL}{TOPIC_URL}" data-layout="button_count" data-action="like" data-show-faces="false" data-share="false"></div>
         <!-- END switch_fb_likebtn -->
         
         <span class="gensmall bold">
            <a class="addthis_button" href="http://www.addthis.com/bookmark.php?v=250&amp;pub=forumotion">{L_SHARE}</a>
            <!-- BEGIN switch_plus_menu -->
            &nbsp;|&nbsp;
            <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}&amp;t={TOPIC_ID}','{JS_SESSION_ID}', {JS_AUTH_FAVOURITES});
            //]]>
            </script>
            <!-- END switch_plus_menu -->
         </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">&nbsp;</td>
               <td align="center" class="t-title">
                  <h1 class="cattitle">&nbsp;{TOPIC_TITLE}</h1>
               </td>
               <td align="right" width="9%" class="browse-arrows"><a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a>&nbsp;<a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a>&nbsp;<a href="#bottom">{L_GOTO_DOWN}</a>&nbsp;</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 -->
   <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">
         <span class="name"><a name="{postrow.displayed.U_POST_ID}" style="position: relative; top: -30px; width: 1px;" id="{postrow.displayed.U_POST_ID}"></a><strong>{postrow.displayed.POSTER_NAME}</strong></span><br />
            <span class="postdetails poster-profile">
            {postrow.displayed.POSTER_RANK}<br />
            {postrow.displayed.RANK_IMAGE}{postrow.displayed.POSTER_AVATAR}<br /><br />
            <!-- BEGIN profile_field -->
            {postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
            <!-- END profile_field -->
            {postrow.displayed.POSTER_RPG}
         </span><br />
         <img src="http://illiweb.com/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" id="bulle">
    <tr>
          <td>
              <div class="M14_bloc">
                  <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> <br />
                  <div 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}</div>
            </div>
        </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}" alt="" />

                                 <!-- 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>&nbsp;<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>
<hr />
<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">&nbsp;</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>&nbsp;<a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a>&nbsp;<a href="#top">{L_BACK_TO_TOP}</a>&nbsp;</td>
            </tr>
         </table>
      </td>
   </tr>
</table>
<table class="forumline noprint" 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">&nbsp;{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">&nbsp;{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 -->
         &raquo;&nbsp;<a style="text-decoration:none" href="{promot_trafic.link.U_HREF}" target="_blank" title="{promot_trafic.link.TITLE}" rel="nofollow">{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">&nbsp;{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}" alt="" />
                  </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>&nbsp;&nbsp;&nbsp;
            <!-- 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}:&nbsp;{S_JUMPBOX_SELECT}&nbsp;<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">&nbsp;</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}&nbsp;<input class="liteoption" type="submit" value="{L_GO}" /></span>
         </form>
      </td>
   </tr>
</table>
<!-- END viewtopic_bottom -->

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

CSS
Code:
/*on masque la barre du haut*/
.M14_bloc{-moz-opacity:0;-khtml-opacity:0;-ms-filter:"alpha(opacity=0)";filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);filter:alpha(opacity=0);opacity:0;
zoom: 1;-webkit-transition: opacity 0.5s ease-in-out;-moz-transition: opacity 0.5s ease-in-out;-o-transition: opacity 0.5s ease-in-out;transition: opacity 0.5s ease-in-out;}

/*on affiche la barreau survol du message*/
#bulle:hover .M14_bloc{-moz-opacity:1;-khtml-opacity:1;-ms-filter:"alpha(opacity=100)";filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
filter:alpha(opacity=100);opacity:1;zoom: 1;}
Revenir en haut Aller en bas

Voir le profil de l'utilisateur http://betelgeuse-test.graphforum.com
Message posté : Sam 23 Aoû - 13:12 Message
Obtenir l'URL : Cliquer ici
Nouveau Membre

avatar
Nouveau Membre
Afficher le profil
ϟ Nombre de Messages : 81
ϟ Nombre des messages RP : 106
ϟ Crédits : Tagada tsouin tsouin
Emploi/loisirs : Dudule machin
ϟ Célébrité : Bidule chouette
ϟ Age du personnage : 125 ans
ϟ Statut : Libre comme l'air
ϟ Liens utiles :
Onglets sélectionnés

Code:
<!DOCTYPE html>
    <html lang="fr">
    <head>
      <meta charset="UTF-8">
      <style media="screen">

    .mon_onglet{
      display: block;
      padding: 2px;
      margin: 0px;
      color: #000000;
      background: #dedede;
      border: 1px solid #;}
   
    .mon_onglet:hover{
      background: #;}
   
    .mon_onglet_selected{
      display: block;
      padding: 2px;
      margin: 0px;
      color: #000;
      background: red;
      border: 1px solid #;}
         
    .clear{
      clear: both;}
   
    .mon_contenu{
      color: #000;
      background: #dedede;
      border: 1px solid #;
      padding-bottom: 10px;
      padding-left: 0px;
      margin: 5 px;
      height: 150px;
      line-height: normal;
      font-size: 11px;}
   
    #mes_contenus, #mes_onglets{
      height: 100%;
      width:100%;}

      </style>

      <script>
    function changeOnglet(_this){
        var getOnglets    = document.getElementById('mes_onglets').getElementsByTagName('span');
        for(var i = 0; i < getOnglets.length; i++){
            if(getOnglets[i].id){
                if(getOnglets[i].id == _this.id){
                    getOnglets[i].className = 'mon_onglet_selected';
                    document.getElementById('c' + _this.id).style.display            = 'block';
                }
                else{
                    getOnglets[i].className = 'mon_onglet';
                    document.getElementById('c' + getOnglets[i].id).style.display    = 'none';
                }
            }
        } 
    }
      </script>
    </head>
    <body>

    <div id="mes_onglets"><table style="margin: auto;"><tr><td>
        <span id="o_a" class="mon_onglet_selected" onclick="changeOnglet(this);">Onglet 1</span>
            <span id="o_b" class="mon_onglet" onclick="changeOnglet(this);">Onglet 2</span>
            <span id="o_c" class="mon_onglet" onclick="changeOnglet(this);">Onglet 3</span>
            <span id="o_d" class="mon_onglet" onclick="changeOnglet(this);">Onglet 4</span></td><td>
            <div class="clear"><div id="mes_contenus">
        <div id="co_a" class="mon_contenu">Mon contenu 1</div>
        <div id="co_b" class="mon_contenu" style="display: none;">Mon contenu 2</div>
        <div id="co_c" class="mon_contenu" style="display: none;">Mon contenu 3</div>
        <div id="co_d" class="mon_contenu" style="display: none;">Mon contenu 4</div>
        <div id="co_e" class="mon_contenu" style="display: none;">Mon contenu 5</div>
        <div id="co_f" class="mon_contenu" style="display: none;">Mon contenu 6</div>
        <div id="co_g" class="mon_contenu" style="display: none;">Mon contenu 7</div>
        <div id="co_h" class="mon_contenu" style="display: none;">Mon contenu 8</div>
    </div></div></td><td><span id="o_e" class="mon_onglet" onclick="changeOnglet(this);">Onglet 5</span>
            <span id="o_f" class="mon_onglet" onclick="changeOnglet(this);">Onglet 6</span>
    <span id="o_g" class="mon_onglet" onclick="changeOnglet(this);">Onglet 7</span>
            <span id="o_h" class="mon_onglet" onclick="changeOnglet(this);">Onglet 8</span></td></tr></table></div>

    </body>
    </html>
Revenir en haut Aller en bas

Voir le profil de l'utilisateur http://betelgeuse-test.graphforum.com
Message posté : Dim 31 Aoû - 18:51 Message
Obtenir l'URL : Cliquer ici
Nouveau Membre

avatar
Nouveau Membre
Afficher le profil
ϟ Nombre de Messages : 81
ϟ Nombre des messages RP : 106
ϟ Crédits : Tagada tsouin tsouin
Emploi/loisirs : Dudule machin
ϟ Célébrité : Bidule chouette
ϟ Age du personnage : 125 ans
ϟ Statut : Libre comme l'air
ϟ Liens utiles :
Code:
.boutonSlide_en_tete{position:relative;z-index:1;margin-bottom:-5px;}
.panneauCoulissant_en_tete{height:auto;margin:0 auto 0px;}
#masquer_en_tete{background-repeat: no-repeat;background-image:url('http://img11.hostingpics.net/pics/607968HautEntte.png');width:152px;height:23px;}
#masquer_en_tete:hover{background-repeat: no-repeat;background-image:url('http://img15.hostingpics.net/pics/833240HautEntte2.png');width:152px;height:23px;}

.playlist_1{margin-top:90px;margin-left:-60px;}
.playlist_2{margin-top:20px;margin-left:-60px;}

/* -------------------------- Accueil ------------------------------ */

/* --------------- Slideshow ----------------- */

#go-next{float:right;}
#go-prev{float:right;}
.interieur{width:240px;height:170px;margin-left:1px;margin-top:1px;}
#slider_contenu{width:240px;height:170px;}
.titre_slide{color:#CBCBCB;font-family: 'Rationale', sans-serif;font-size:20px;background-color:#752627;padding-top:3px;padding-bottom:3px;border: 1px solid #752627;
border-top-left-radius:15px;border-top-right-radius:15px;}
.description{width:236px;height:147px;overflow:auto;text-align:justify;line-height:12px;font-size:11px;padding:2px;font-family:Gisha;background-color:#dedede;
border-bottom-left-radius:15px;border-bottom-right-radius:15px;border: 1px solid #752627;}

/* -------------- Onglets -------------------- */

#tabs{width:320px;box-shadow: 0 0 10px #95b5cd;}
.tabs-onglets a{display:inline-block;background:#752627;color:#dedede;padding:0 10px;height:20px;line-height:20px;margin-bottom:5px;font-variant:small-caps;font-size:12px;}
.tabs-onglets .selected, .tabs-onglets a:hover{background:#dedede;color:#752627;height:25px;margin:0; }
#contenu_ong{background:#dedede;padding:2px;width:316px;height:148px;border-bottom-left-radius:15px;border-bottom-right-radius:15px;}
#contenu_ong h1{margin-top:0;margin-bottom:0;text-align:justify;padding:2px;font-size:11px;line-height:12.5px;font-family:Gisha;font-weight:normal;text-transform:none;}

/* -------------- Staff -------------------- */

.bloc_staff{width:314px;height:106px;line-height:11px;background-color:#dedede;padding-top:2px;}
.pseudo_staff{font-family:cambria;font-size:15px;text-transform:uppercase;letter-spacing:-1px;text-align:center;margin-top:1px;}
.titre_staff{font-family:Cambria;font-size:12px;text-transform:uppercase;}
.rang_staff{font-size:8px;margin-top:0px;margin-bottom:1px;text-transform:uppercase;}
.imagepa{-moz-box-shadow: 0px 0px 0.1em #808080;display:inline-block;border-radius:50px;-webkit-transition: all 1.5s ease;-moz-transition: all 1.5s ease;
-o-transition: all 1.5s ease;transition: all 1.5s ease;margin-top:6px;width:30px;}
.imagepa:hover{-webkit-transform : rotate(-180deg);-moz-transform : rotate(-360deg);-o-transform : rotate(-360deg);transform: rotate(-360deg);}

#image_pa_staff{background-repeat:no-repeat;background-image:url('http://img11.hostingpics.net/pics/114840Noir.png');width:30px;height:30px;margin-top:0;margin-bottom:0;}
#image_pa_staff:hover{background-repeat:no-repeat;background-image:url('http://img11.hostingpics.net/pics/410507Rouge.png');width:30px;height:30px;}

/* -------------- Autre -------------------- */

.partlog{border:3px double #752627;}

.scenario_image{border:1px solid #752627;margin-right:5px;margin-bottom:-2px;}
.scenario_pseudo{font-family:cambria;font-size:18px;text-transform:uppercase;letter-spacing:-1px;text-align:center;margin-top:-4px;text-align:center;}
.scenario_role{margin-top:2px;margin-bottom:3px;text-transform:uppercase;font-size:8px;text-align:center;}

/* -------------- Général -------------------- */

.en_tete{background-repeat:no-repeat;background-image:url('http://img11.hostingpics.net/pics/142578Accueil.png');width:900px;height:705px;}
.haut_en_tete_1{width:900px;height:40px;}
.haut_en_tete{width:900px;height:190px;}
.centre_en_tete{width:900px;height:220px;}
.bas_en_tete{width:900px;height:215px;}
.haut_en_tete_2{width:900px;height:40px;}


.predefinis_scenarios{width:320px;height:150px;line-height:12.5px;text-align:center;overflow:auto;padding:2px;}
.divers{width:150px;height:150px;line-height:12.5px;font-size:11px;text-align:justify;overflow:auto;padding:2px;font-family:Gisha;}
.scenario_semaine{width:278px;height:150px;line-height:12.5px;font-size:11px;text-align:justify;font-family:Gisha;overflow:auto;padding:2px;}

.postes_pourvoir{width:234px;height:180px;line-height:12.5px;font-size:11px;text-align:justify;overflow:auto;padding:2px;font-family:Gisha;}
.contexte{width:234px;height:180px;line-height:12.5px;font-size:11px;text-align:justify;overflow:auto;padding:2px;font-family:Gisha;}
.flash_info{width:280px;height:180px;line-height:12.5px;text-align:center;}

.partenaires{width:305px;height:175px;padding:2px;line-height:12.5px;font-size:11px;text-align:center;overflow:auto;font-family:Gisha;}
.radio{width:123px;height:175px;padding:2px;line-height:12.5px;font-size:11px;text-align:center;overflow:auto;font-family:Gisha;}
.statistiques{width:320px;height:175px;}

/* -------------------------- Connexion ------------------------------ */

/* FORMULAIRE DE CONNEXION RAPIDE AMÉLIORÉ de ORANGE pour CSSACTIF (css-actif.com) - Merci de ne pas retirer */

.titre_connexion{font-family: 'Patrick Hand SC', 'cursive';font-size:18px;}

.cssactif_connexrapide {
/* Style général: à modifier à votre guise ! */
background:url(http://img11.hostingpics.net/pics/704925StarCity.png) no-repeat left center #cbcbcb; /* Ajoute une icône de fond et une couleur de fond */
padding-left:90px; /* Donne la marge pour l'icône de fond */
border: 1px solid #373737; /* Bordure du formulaire */
margin: 5px; /* Espacement entre le formulaire et le contenu voisin */
-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;/*Arrondissement des bordures */
/* Ombre portée de la boîte */
-webkit-box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.1);box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.1);      
/* Style du texte intérieur */
font-size:11px;text-align:justify;line-height:12.5px;}

.cssactif_connexrapide_form { /* Correspond à la cellule qui contient le formulaire comme tel */
text-align: center;}

.cssactif_connexrapide_form input.post{ /* Correspond aux entrées de texte qui contiennent les informations de connexion */
margin-bottom: 3px; /* Marge qui empêche que les champs de se toucher  */
background-color:#dbdada;border:1px solid #b1b1b1;padding:3px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;font-family:'Rationale', sans-serif;
-webkit-box-shadow:0px 1px 0px 0px #fef0bd;-moz-box-shadow:0px 1px 0px 0px #fef0bd;box-shadow:0px 1px 0px 0px #fef0bd;font-size:11px;color:#585656;font-size:13px;}

.cssactif_connexrapide_form input.mainoption{ /* Correspond au bouton "Connexion" */
background-color:#dbdada;border:1px solid #b1b1b1;padding:3px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;font-family:'Rationale', sans-serif;
-webkit-box-shadow:0px 1px 0px 0px #fef0bd;-moz-box-shadow:0px 1px 0px 0px #fef0bd;box-shadow:0px 1px 0px 0px #fef0bd;color:#585656;font-size:13px;}

.cssactif_connexrapide_form input.mainoption:active { /* Correspond au bouton "Connexion" lors du clic */ border: none;border-top:   2px solid #752627;}

/* -------------------------- QEEL ------------------------------ */

.qeel_fond{background-image:url("http://img4.hostingpics.net/pics/732460QEEL.png");width:830px;height:451px;}

.haut_qeel{background-image:url("http://img11.hostingpics.net/pics/687002QEEL1.jp");width:830px;height:40px;}
.centre_haut_qeel{background-image:url("http://img11.hostingpics.net/pics/833800QEEL2.jp");width:830px;height:70px;}
.centre_qeel{background-image:url("http://img11.hostingpics.net/pics/833800QEEL2.jp");width:830px;height:220px;}
.bas_qeel{background-image:url("http://img11.hostingpics.net/pics/785744QEEL3.jp");width:830px;height:110px;}
.pied_qeel{background-image:url("http://img11.hostingpics.net/pics/204974QEEL4.jp");width:830px;height:10px;}

.groupes{font-family: 'Rationale', sans-serif;font-size:16px;text-align:center;padding:4px;text-shadow: -1px -1px white, 1px 1px #333}
.groupes:hover{letter-spacing:0.3px;text-decoration:none !important;}

.yosh1 td {background-color:transparent;background-image:url("******");}

.groupes_qeel{width:744px;height:30px;font-size:11px;text-align:center;line-height:12.5px;padding:3px;overflow:auto;}

.connectes_qeel{width:220px;height:185px;font-size:11px;text-align:justify;line-height:12.5px;padding:3px;}
.images_groupes{width:231px;height:110px;font-size:11px;text-align:justify;line-height:11px;}
.statistiques_invites_qeel{width:230px;height:65px;font-size:11px;text-align:justify;line-height:12.5px;padding:3px;}
.derniers_connectes{width:221px;height:185px;font-size:11px;text-align:justify;line-height:12.5px;padding:3px;overflow: auto;}

.statistiques_qeel{width:354px;height:70px;font-size:11px;text-align:justify;line-height:12.5px;padding:3px;}
.anniversaires{width:354px;height:70px;font-size:11px;text-align:justify;line-height:12.5px;padding:3px;}

/* -------------------------- Profils et messages ------------------------------ */

.pseudo{font-family: 'Patrick Hand SC', 'cursive';font-size:22px;text-align:center;line-height: 15px;text-shadow:0px 1px 0px #000000;position:relative;z-index:60;
letter-spacing:1px;text-shadow: 0px 1px 0px black;}
.fondpseudo{background:url("http://www.heberger-image.fr/data/images/93770_Fond_pseudo.png")no-repeat;padding-top:8px;padding-bottom:5px;margin-left:3px;}
.rang{font-size:10px;font-family:times new roman;text-transform:uppercase;line-height:11px;margin-top:2px;padding-bottom:1px;}

.postdetails.poster-profile a img {border: #752627 1px solid;}
.postdetails.poster-profile a img:hover {opacity:0.8;filter:alpha(opacity=75);-moz-opacity:0.8;-khtml-opacity:0.8;}

#post_onlin{background: url('http://img11.hostingpics.net/pics/695495Dconnect.jpg') no-repeat;position:absolute;float:left;width:26px;height:96px;margin-left:-56px;
margin-top:40px;padding:0;border:0;}

.systab .tab{background:#a6b1b9;cursor:pointer;margin-right:7px;padding:3px;text-align:justify;padding-bottom:0px;}
.systab{width:200px;text-align:justify;}
.systab .tab:hover{background:#cccccc;}
.systab .tab.selected{background:#d4d2d2;}
.systab .contents{background:#d4d2d2;margin-bottom:1px;margin-top:0px;padding:5px;text-align:justify;}
.systab.s_float .tab,.systab.s_float .tab{display:block;margin:5px;text-align:justify;}
.systab.s_float .contents,.systab.s_float .tabs{float:center;}

.onglet_profil{font-size:11px;font-family:Cambria;text-transform:uppercase;line-height:12.5px;color:black;letter-spacing:0.3px;}

.haut_profil{background:url("http://img11.hostingpics.net/pics/269061Cadreprofil1.jpg")no-repeat;width:width:246px;height:70px;}
.centre_profil{background:url("http://img11.hostingpics.net/pics/612267Cadreprofil2.jpg") repeat;width:246px;}
.bas_profil{background:url("http://img11.hostingpics.net/pics/772447Cadreprofil3.jpg") no-repeat;width:246px;height:62px;margin-top:-1px;}

.cadre_message{padding:2px;background-color:#dedede;text-align:justify;border: #752627 1px solid;}

.bouton_bas_profil{margin-top:-1px;}
.bouton_haut_profil{margin-bottom:-8px;margin-top:-2px;}

/* -------------------------- Intérieur Forum ------------------------------ */

.sujet_forum{line-height:9px;font-size: 9px; font-family: verdana; font-weight: normal!important;}
.sujet_forum_auteur{line-height:9px;font-size: 11px; font-family: Trebuchet MS;font-weight:normal;}
.topictitle{font-size: 11px; font-family: Trebuchet MS;}
.sujdescr{font-size: 9px; font-family: verdana; font-weight: normal!important; padding-left: 25px; margin-bottom: -20px;}
.postdetails{line-height:9px;font-size: 9px; font-family: verdana; font-weight: normal!important;}

/* -------------------------- Catégories ------------------------------ */

.boutonSlide_categorie{position:relative;z-index:1;margin-bottom:0px;}
.panneauCoulissant_categorie{height:auto;margin:0 auto 0px;}
#masquer_categorie{background-repeat: no-repeat;background-image:url('http://img4.hostingpics.net/pics/183625HautCatgorieOff.png');width:900px;height:45px;}
#masquer_categorie:hover{background-repeat: no-repeat;background-image:url('http://img4.hostingpics.net/pics/153990HautCatgorieOn.png');width:900px;height:45px;}

.titre_categorie{font-family: 'Patrick Hand SC', 'cursive';letter-spacing:1px;text-align:center;margin-bottom:-48px;}
.titre_categorie h2 {font-size: 22px;}

.fond_cat{background:url(http://img4.hostingpics.net/pics/393161Fondrtractable.jpg) no-repeat;}

a.forumlink{font-family: 'Patrick Hand SC', 'cursive';font-size:25px;padding-left:15px;font-weight:bolder;-webkit-transition:all .3s ease-in-out;
-o-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition: all .3s ease-in-out;padding-left:40px;
text-shadow:12px 0px transparent, -12px 0px transparent;position:relative;z-index:10;}

a.forumlink:before{content:"ϟ ";}

.icone_categorie{margin-top:-3px;}

.stat_cat{font-size:10px;font-weight:normal;display:block;padding-right:60px;text-align:right;font-weight:200!important;padding-bottom:0px;margin-top:-23px;}
.cat_titre_stat{font-weight:bold;font-family:Gisha;color:#752627;}

.cadre_dernier_message{background:url("http://img4.hostingpics.net/pics/932608CadreMessages.jpg")no-repeat;width:150px;height:55px;margin-top:0px;margin-bottom:20px;}
.cadre_dernier_message_interne{font-size:11px;font-family:Gisha;line-height:12px;text-align:center;vertical-align:top;padding-bottom:15px;}

.cadre_dernier_message a{font-family: 'Rationale', sans-serif;font-size:14px;}

.titref{font-size:11px;font-weight:bold;font-family:arial;padding-left:20px;color:#752627;}
.titref:hover{color:#76A1CC;}

.descriptjeu{font-size:11px;line-height:12px;margin-bottom:-26px;margin-left:-1px;}

.contourfo{overflow:auto;height:60px;font-size:11px;text-align:justify;line-height:12.5px;background-color:#dbdada;padding:2px;border:1px solid #b1b1b1;font-family:Gisha;
margin-left:10px;position:relative;z-index:1;}

.descripi, .forumdescr {text-align:justify;background-color:#dbdada;border:1px solid #9c9c9c;border-left:none;height:64px;overflow:auto;font-size:11px;line-height:12px;
position:relative;z-index:1;right:2px;padding:3px;margin-bottom:-2px;}
.descripi{margin-top:-1px;}
    
.descripi:hover, .forumdescr:hover{border:1px solid #9c9c9c;border-left:none;}
.contourfo:hover{border:1px solid #9c9c9c;}

.imagedescrp {border: 1px solid #9c9c9c;}

.imagedescrp:hover{border: 1px solid #752627;}

.sous_forum{text-align:center;background-color:#dbdada;border:1px solid #b1b1b1;border-top:none;}
.sous_forum a{color:#752627 !important;font-family: Cambria;text-transform:uppercase;font-size:12px;}
.sous_forum a:hover{color:#000000 !important;}



/* -------------------------- Accueil et barre de navigation ------------------------------ */

/*IMAGE INDEX*/
#i_icon_mini_index{background-repeat: no-repeat;background-image:url('http://img15.hostingpics.net/pics/376489StarCity2.png');width:120px;height:30px;}
#i_icon_mini_index:hover{background-repeat: no-repeat;background-image:url('http://img15.hostingpics.net/pics/981480StarCity.png');width:120px;height:30px;}

/*IMAGE FAQ*/
#i_icon_mini_faq{background-repeat: no-repeat;background-image:url('http://img15.hostingpics.net/pics/159811Faq2.png');width:120px;height:30px;}
#i_icon_mini_faq:hover{background-repeat: no-repeat;background-image:url('http://img15.hostingpics.net/pics/893467Faq.png');width:120px;height:30px;}

/*IMAGE RECHERCHE*/
#i_icon_mini_search{background-repeat: no-repeat;background-image:url('http://img15.hostingpics.net/pics/632492Chercher2.png');width:120px;height:30px;}
#i_icon_mini_search:hover{background-repeat: no-repeat;background-image:url('http://img15.hostingpics.net/pics/588098Chercher.png');width:120px;height:30px;}

/*IMAGE LISTE MEMBRES*/
#i_icon_mini_members{background-repeat: no-repeat;background-image:url('http://img15.hostingpics.net/pics/323064Citoyens2.png');width:120px;height:30px;}
#i_icon_mini_members:hover{background-repeat: no-repeat;background-image:url('http://img15.hostingpics.net/pics/627671Citoyens.png');width:120px;height:30px;}

/*IMAGE GROUPES*/
#i_icon_mini_groups{background-repeat: no-repeat;background-image:url('http://img15.hostingpics.net/pics/823462Factions2.png');width:120px;height:30px;}
#i_icon_mini_groups:hover{background-repeat: no-repeat;background-image:url('http://img15.hostingpics.net/pics/230983Factions.png');width:120px;height:30px;}

/*IMAGE PROFIL*/
#i_icon_mini_profile{background-repeat: no-repeat;background-image:url('http://img15.hostingpics.net/pics/743038Equipement2.png');width:130px;height:30px;}
#i_icon_mini_profile:hover{background-repeat: no-repeat;background-image:url('http://img15.hostingpics.net/pics/500937Equipement.png');width:130px;height:30px;}

/*IMAGE MP (pas de nouveaux messages)*/
#i_icon_mini_message{background-repeat: no-repeat;background-image:url('http://img15.hostingpics.net/pics/244893Messages2.png');width:120px;height:30px;}
#i_icon_mini_message:hover{background-repeat: no-repeat;background-image:url('http://img15.hostingpics.net/pics/455142Messages.png');width:120px;height:30px;}

/*IMAGE MP (nouveaux messages)*/
#i_icon_mini_new_message{background-repeat: no-repeat;background-image:url('http://img15.hostingpics.net/pics/623239Nouveaumessage2.png');width:120px;height:30px;}
#i_icon_mini_new_message:hover{background-repeat: no-repeat;background-image:url('http://img15.hostingpics.net/pics/123302NouveauxMessages2.png');width:120px;height:30px;}

/*IMAGE DECONNEXION*/
#i_icon_mini_logout{background-repeat: no-repeat;background-image:url('http://img15.hostingpics.net/pics/629209Partir2.png');width:120px;height:30px;}
#i_icon_mini_logout:hover{background-repeat: no-repeat;background-image:url('http://img15.hostingpics.net/pics/204839Partir.png');width:120px;height:30px;}

/*IMAGE S'ENREGISTRER*/
#i_icon_mini_register{background-repeat: no-repeat;background-image:url('http://img15.hostingpics.net/pics/551535SInscrire2.png');width:120px;height:30px;}
#i_icon_mini_register:hover{background-repeat: no-repeat;background-image:url('http://img15.hostingpics.net/pics/409163Sinscrire.png');width:120px;height:30px;}

/*IMAGE CONNEXION*/
#i_icon_mini_login{background-repeat: no-repeat;background-image:url('http://img15.hostingpics.net/pics/360202Arriver2.png');width:120px;height:30px;}
#i_icon_mini_login:hover{background-repeat: no-repeat;background-image:url('http://img15.hostingpics.net/pics/554353Arriver.png');width:120px;height:30px;}

a.mainmenu {cursor: help;}

.panneauCoulissant_barre{height:auto;margin:0 auto 0px;}

.boutonSlide_barre{position:relative;margin-left:9px;top:0px;z-index:1;position:fixed;}

.barre_nav{background-image:url(http://img15.hostingpics.net/pics/937636Fonddebarre.png);background-repeat:no-repeat;height:270px;left:15px;position:fixed;width:150px;
top:0;display:block;padding-top:27px;}

.barre_nav a{padding-left:5px;display:block;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;
-ms-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.barre_nav a:hover{padding-left:25px;}

#masquer_barre{background-repeat: no-repeat;background-image:url('http://img15.hostingpics.net/pics/867772FonddebarreOff.png');width:148px;height:22px;}
#masquer_barre:hover{background-repeat: no-repeat;background-image:url('http://img11.hostingpics.net/pics/171723FonddebarreOn.png');width:148px;height:22px;}

/* -------------------------- Bloc déroulant ------------------------------ */

.fondcoul{background-color:#CBCBCB;padding:2px;}

#conteneur {list-style:none outside none;margin:0;padding:0;right:-85px;margin-bottom:4px;position:fixed;top:200px;z-index:999;font-size:11px;}

#conteneur ul {width: 120px;margin-bottom:4px;background-color:transparent;list-style:none;margin:0;padding:0;right:0;padding-left:0;}

#conteneur ul li{background-color:#CBCBCB;display:block;width:110px;border:1px solid #752627;padding:5px;}

#conteneur li .lien_bas{background-color:#E5E5E5;border:1px solid #752627;font-size:11px;padding:2px;vertical-align:center;margin-top:4px;text-align:center;}

#conteneur2 {list-style:none outside none;margin:0;padding:0;right:-85px;margin-bottom:4px;position:fixed;top:360px;z-index:999;font-size:11px;}

#conteneur2 ul {width: 120px;margin-bottom:4px;background-color:transparent;list-style:none;margin:0;padding:0;right:0;padding-left:0;}

#conteneur2 ul li{background-color:#CBCBCB;display:block;width:110px;border:1px solid #752627;padding:5px;}

#conteneur2 li .lien_bas{background-color:#E5E5E5;border:1px solid #752627;font-size:11px;padding:2px;vertical-align:center;margin-top:4px;text-align:center;}

.titre_ong{font-family: 'Patrick Hand SC', 'cursive';font-size:23px;color:#752627;margin-bottom:1px;}
Revenir en haut Aller en bas

Voir le profil de l'utilisateur http://betelgeuse-test.graphforum.com
Message posté : Lun 1 Sep - 11:45 Message
Obtenir l'URL : Cliquer ici
Nouveau Membre

avatar
Nouveau Membre
Afficher le profil
ϟ Nombre de Messages : 81
ϟ Nombre des messages RP : 106
ϟ Crédits : Tagada tsouin tsouin
Emploi/loisirs : Dudule machin
ϟ Célébrité : Bidule chouette
ϟ Age du personnage : 125 ans
ϟ Statut : Libre comme l'air
ϟ Liens utiles :
Code:
<table class="position-table" style="padding-top:75px; padding-left:25px; width:720px;" border="0" cellpadding="0" cellspacing="0" align="center">
   <tbody>
      <tr>
         <td colspan="3">
            <div class="navigation">
               <nav class="cl-effect-11">ϟ <a target="_blank" data-hover="Règlement" href="http://betelgeuse-test.graphforum.com">Règlement</a>ϟ <a target="_blank" data-hover="FAQ" href="http://betelgeuse-test.graphforum.com">FAQ</a>ϟ <a target="_blank" data-hover="Avatars" href="http://betelgeuse-test.graphforum.com">Avatars</a>ϟ <a target="_blank" data-hover="Wanted" href="http://betelgeuse-test.graphforum.com">Wanted</a>ϟ <a target="_blank" data-hover="Annexes" href="http://betelgeuse-test.graphforum.com">Annexes</a>ϟ <a target="_blank" data-hover="Nouveau" href="http://betelgeuse-test.graphforum.com">Nouveau</a>ϟ <a target="_blank" data-hover="Invité" href="http://betelgeuse-test.graphforum.com">Invité</a>ϟ <a target="_blank" data-hover="Index" href="http://betelgeuse-test.graphforum.com">Index</a>ϟ </nav>
            </div>
         </td>
      </tr>
   </tbody>
</table>

Code:
/* Effect 11: text fill based on Lea Verou's animation http://dabblet.com/gist/6046779 */
.cl-effect-11 a {
   padding: 5px 0;
   color: #000000;
   text-shadow:1px 1px rgba(105,64,59,0.1), -1px -1px rgba(0,0,0,0.7);
font-family:'Cambria', cursive;
font-size:15px;
text-transform:uppercase;
font-weight:bold;}

.cl-effect-11 a::before {
   position: absolute;
   top: 0;
   left: 0;
   overflow: hidden;
   padding: 5px 0;
   max-width: 0;
   color: #93A358;
   content: attr(data-hover);
   -webkit-transition: max-width 0.5s;
   -moz-transition: max-width 0.5s;
   transition: max-width 0.5s;
}

.cl-effect-11 a:hover::before,
.cl-effect-11 a:focus::before {
   max-width: 100%;
}

.navigation {
    color: #D9955D;
    left: -13px;
    margin-bottom: 5px;
    padding: 5px;
    position: relative;
    text-align: center;
    top: 5px;
    width: 800px;
}
nav a {
    color: #fff;
    display: inline-block;
    font-size: 15px;
    letter-spacing: 1px;
    margin: 5px;
    outline: medium none;
    position: relative;
    text-decoration: none;
    text-shadow: 0 0 1px rgba(255, 255, 255, 0.3);
}
nav a:hover, nav a:focus {
    outline: medium none;
}
Revenir en haut Aller en bas

Message posté : Message
Obtenir l'URL : Cliquer ici

Contenu sponsorisé
Afficher le profil
Revenir en haut Aller en bas



Codages

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


Sujets similaires

-
» Problème : tous les codages bug [Résolu]

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Forum test :: Titre catégorie numéro 2 :: Votre 2ème forum-