Partagez| .
codage noono
Voir le profil de l'utilisateur
STAFF D'I LOVE HARVARD
MEMBRE DE LA LOWELL HOUSE
avatar
STAFF D'I LOVE HARVARD MEMBRE DE LA LOWELL HOUSE
Messages : 90
Date d'inscription : 28/01/2015

Message(#) Mer 2 Mai - 16:58
blabla

_________________
now payback is a bad bitch and baby, i'm the baddest you fuckin' with a savage can't have this, can't have this and it'd be nice of me to take it easy on ya, but nah; // DEMI LOVATO, sorry i'm not sorry ❀
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
STAFF D'I LOVE HARVARD
MEMBRE DE LA LOWELL HOUSE
avatar
STAFF D'I LOVE HARVARD MEMBRE DE LA LOWELL HOUSE
Messages : 90
Date d'inscription : 28/01/2015

Message(#) Ven 18 Mai - 23:12
ancien affichage profil
Code:
.profile_user {
    background: url(https://i.imgur.com/1yixhCD.png) no-repeat;
    border: 1px solid #ededed;
    border-radius: 3px;
    box-shadow: 0 0 3px 1px #ededed;
    font-size: 12px;
    padding: 20px;
    position: relative;
}


.profile_user .header {
    border-radius: 3px;
    padding: 20px;
    text-align: center;
    background: rgba(255,255,255,0.8);
    margin-bottom: 20px;
    border: 1px solid #ededed;
}


.profile_user .header .pseudo { font: italic 400 32px/24px 'oswald'; }
.profile_user .header .rang { text-transform: uppercase; font: 11px/11px 'Courier New'; height: 22px; }
.profile_user .header .rang img {
    position: absolute;
    bottom: 385px;
    right: 21px;
    z-index: 0;
}

.profile_user .liens { display: flex; justify-content: space-around; margin: 0 auto 10px; width: 50%; }
.profile_user .liens a { text-transform: uppercase; /*background: #17bda3;*/ color: #ffffff; font: 700 italic 16px 'Calibri'; }
.profile_user .stats,
.profile_user .others { display: inline-block; vertical-align: middle; width: 50%; margin: 0 auto; font: 600 10px/10px Open Sans; text-transform: uppercase; }

.profile_user .contact { float: left; width: 10px; position: relative; }

.profile_user .bloc_left, .profile_user .bloc_right {
    display: inline-block;
    background: rgba(255,255,255,0.8);
    border-radius: 3px;
    padding: 10px;
    vertical-align: top;
    border: 1px solid #ededed;
}



.profile_user .header a { color: #d46d73;;; }

.profile_user .bloc_left { width: calc(100% - 230px); overflow: auto; height: 297px; }
.profile_user .bloc_left .infos { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #BFBFDC; }
.profile_user .bloc_left .infos .label,
.profile_user .bloc_left .rpg_field .label { font-size: 10px; letter-spacing: -1px; text-align: right; padding-right: 25px; }
.profile_user .bloc_left .infos .champ,
.profile_user .bloc_left .rpg_field .champ { width: 200px !important; font-size: 10px !important; text-align: justify; }
.profile_user .bloc_left .infos .champ img { max-width: 200px; }
.profile_user .bloc_left .infos .champ textarea { width: 220px; }

.profile_user .bloc_left .rpg_field .label .gen,
.profile_user .bloc_left .rpg_field .champ .gen { font-size: 10px !important; }

.profile_user .bloc_right { width: 200px; text-align: center; margin-left: 20px; }
.profile_user .bloc_right .avatar { width: 150px; border: 0px solid; margin: 0 auto; }
.profile_user .bloc_right .avatar img { width: 150px; position: relative; }
.profile_user .bloc_right .statut { font: 600 10px 'Open Sans'; text-transform: uppercase; position: relative; margin: 10px 0 0; }

.profil_content .content .profil_champs {
    font-size: 9px;
}

_________________
now payback is a bad bitch and baby, i'm the baddest you fuckin' with a savage can't have this, can't have this and it'd be nice of me to take it easy on ya, but nah; // DEMI LOVATO, sorry i'm not sorry ❀
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
STAFF D'I LOVE HARVARD
MEMBRE DE LA LOWELL HOUSE
avatar
STAFF D'I LOVE HARVARD MEMBRE DE LA LOWELL HOUSE
Messages : 90
Date d'inscription : 28/01/2015

Message(#) Ven 18 Mai - 23:13
template profile_view_body
Code:
<table width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
<tr>
<td><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a></span></td>
</tr>
</table>

<div class="profile_user">
  <div class="header">
    <div class="pseudo">{USERNAME}</div>
    <div class="rang">{POSTER_RANK}</div>
   
    <div class="liens">
      <a rel="nofollow" class="genmed" href="/st/{PUSERNAME}">Sujets créés</a>
      <a rel="nofollow" class="genmed" href="/sta/{PUSERNAME}">Sujets</a>
      <a rel="nofollow" class="genmed" href="/spa/{PUSERNAME}">Messages</a>
    </div>
    <div class="stats">
      {POST_PERCENT_STATS} / {POST_DAY_STATS} <br />
      {FRIENDSFOES}
    </div>
    <div class="others">
      {PRIVATE_MSG} messages privés envoyés<br />
      {L_ADMINISTRATE_USER}:&nbsp;{ADMINISTRATE_USER}{BAN_USER}
    </div>
  </div> 
 
  <div class="contact">
    <!-- BEGIN contact_field -->
    <div id="field_id{contact_field.ID}">
       {contact_field.CONTENT}
    </div>
    <!-- END contact_field -->
  </div>
 
  <div class="bloc_left custom_scroll">
    <div class="infos">
         <!-- BEGIN profile_field -->
         <div id="field_id{profile_field.ID}">
          <table width="100%" border="0" cellpadding="0" cellspacing="0">
            <tr>
              <td width="50%" valign="top"><div class="gen label">{profile_field.LABEL}</div></td>
              <td valign="top"><div class="champ">{profile_field.CONTENT}</div></td>
            </tr>
          </table>
        </div>
      <!-- END profile_field -->
    </div>
    <table width="100%" class="rpg_field">
      <!-- BEGIN switch_rpg -->
      <tr>
          <td colspan="2" align="center"><b><span class="gen">{L_VIEWING_RPG}</span></b></td>
      </tr>
      <tr>
          <td align="center" valign="top" height="6">
              {RPG_IMAGE}<br /><br />
              <table width="100%" border="0" cellspacing="1" cellpadding="0">
                  <!-- BEGIN rpg_fields_left -->
                  <tr>
                      <td align="right" valign="middle" nowrap="nowrap" width="50%">
                      <div class="gen label">{switch_rpg.rpg_fields_left.F_NAME} : </div>
                      </td>
                      <td width="100%" valign="middle" nowrap="nowrap">
                      <div class="gen champ">{switch_rpg.rpg_fields_left.F_VALUE_NEW}</div>
                      </td>
                  </tr>
                  <!-- END rpg_fields_left -->
              </table>
          </td>
          <td align="center" valign="top" height="6">
              <table width="100%" border="0" cellspacing="1" cellpadding="0">
                  <!-- BEGIN rpg_fields -->
                  <tr>
                      <td align="right" valign="middle" nowrap="nowrap" width="50%">
                          <div class="gen label">{switch_rpg.rpg_fields.F_NAME} : </div>
                      </td>
                      <td width="100%" valign="baseline">
                          <div class="gen champ">{switch_rpg.rpg_fields.F_VALUE_NEW}</div>
                      </td>
                  </tr>
                  <!-- END rpg_fields -->
              </table>
          </td>
      </tr>
      <tr>
          <td colspan="2" align="center">
              {U_ADMIN_RPG}
          </td>
      </tr>
      <!-- END switch_rpg -->
    </table>
   
  </div>
  <div class="bloc_right">
    <div class="avatar" id="avatarMember">{AVATAR_IMG}</div>
    <div class="statut">{USER_ONLINE} <br/>
      {LAST_VISIT_TIME}</div>
  </div>
</div>

<br />
<script src="{JS_DIR}jquery/json/jquery.json-1.3.min.js" type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
   $(document).ready(function(){
      $('[id^=field_id]').each(function(){
         if ( $(this).find('.field_editable').is('span, div') )
         {
            $(this).hover(function()
            {
               if( $(this).find('.field_editable.invisible').is('span, div') )
               {
                  $(this).find('.field_editable').prev().addClass('ajax-profil_hover').parent().addClass('ajax-profil_parent').append('<div class="ajax-profil_edit"><img src="{AJAX_EDIT_IMG}" /></div>');
                  $(this).find('.ajax-profil_edit').attr({
                        alt: "{L_FIELD_EDIT_VALUE}",
                        title: "{L_FIELD_EDIT_VALUE}"
                     }).click(function(){
                     $(this).prev().prev().removeClass('ajax-profil_hover').addClass('invisible').next().removeClass('invisible').append('<img src="{AJAX_VALID_IMG}" class="ajax-profil_valid" />').find('input,select');
                     $(this).prev().find('.ajax-profil_valid').attr({
                        alt: "{L_VALIDATE}",
                        title: "{L_VALIDATE}"
                     }).click(function(){
                        var content = new Array();
                        $(this).parent().find('[name]').each(function(){
                           var type_special = $(this).is('input[type=radio],input[type=checkbox]');
                           if ( (type_special && $(this).is(':checked')) || !type_special )
                           {
                              content.push(new Array($(this).attr('name'), $(this).attr('value')));
                           }
                        });
                        var id_name = $(this).parents('[id^=field_id]').attr('id');
                        var id = id_name.substring(8, id_name.length);
                        $.post(
                           "{U_AJAX_PROFILE}",
                           {id:id,user:"{CUR_USER_ID}",active:"{CUR_USER_ACTIVE}",content:$.toJSON(content),tid:"{TID}"},
                           function(data){
                              $.each(data, function(i, item){
                                 $('[id=field_id' + i + ']').find('.field_uneditable').html(item).end().find('.ajax-profil_valid').remove().end().find('.field_editable').addClass('invisible').end().find('.field_uneditable').removeClass('invisible');
                              });
                           },
                           "json"
                        );
                     });
                     $(this).remove();
                  });
               }
            },function()
            {
               if( $(this).find('.field_editable.invisible').is('span, div') )
               {
                  $(this).find('.field_editable').prev().removeClass('ajax-profil_hover');
                  $(this).find('.ajax-profil_edit').remove();
               }
            });
         }
      });
   });
//]]>
</script>

_________________
now payback is a bad bitch and baby, i'm the baddest you fuckin' with a savage can't have this, can't have this and it'd be nice of me to take it easy on ya, but nah; // DEMI LOVATO, sorry i'm not sorry ❀
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
STAFF D'I LOVE HARVARD
MEMBRE DE LA LOWELL HOUSE
avatar
STAFF D'I LOVE HARVARD MEMBRE DE LA LOWELL HOUSE
Messages : 90
Date d'inscription : 28/01/2015

Message(#) Dim 20 Mai - 22:45
ancien qeel (css)
Code:
/* ==================== QUI EST EN LIGNE ==================== */
.margintop { margin-top: 10px; }
table.trans { text-align: justify!important; }
table.trans td.row1 { background-color: transparent !important; }

.qeel {
    position: relative;
    width: 724px;
    height: 500px;
    margin: 0 auto;
    background: url(https://i.imgur.com/7VVkXTS.png);
    border-radius: 25px;
}

.qeel .intro {
  position: absolute;
  top: 15px;
  right: 0;
  text-align: justify;
  width: 258px;
  height: 341px;
}

.qeel .intro .onglets {
    position: absolute;
    top: 191px;
    right: 44px;
    width: 35px;
}

.qeel .intro .onglets .onglet {
    display: block;
    width: 35px;
    height: 94px;
    margin-bottom: 5px;
}

.qeel .intro .onglets .onglet img { opacity: 0; transition: .3s all ease-in-out; }
.qeel .intro .onglets .onglet.active img { opacity: 0; }

.qeel .intro .contents .content {
    opacity: 0;
    position: absolute;
    right: 72px;
    top: 197px;
    width: 500px;
    height: 185px;
    text-align: justify;
    overflow: auto;
    z-index: 1;
    transition: all .5s ease-in-out;
    background: rgba(255,255,255,0.8);
    border-radius: 3px;
    border: 1px lightgrey solid;
}

.qeel .intro .contents .content.active {
  opacity: 1;
  z-index: 10;
  transition: all .5s ease-in-out;
}

.qeel .actu {
  position: absolute;
  padding: 15px 10px 5px;
  text-align: justify;
  font-size: 9px !important;
  line-height: 10px;
  font-family: verdana;
}

.qeel .connected {
  position: absolute;
  padding: 10px;
  text-align: justify;
  font-size: 10px !important;
  line-height: 10px;
  font-family: Verdana;
}

.qeel #av_newestMember {
    position: absolute;
    top: 25px;
    left: 25px;
}

.qeel #av_newestMember img { width: 95px; border-radius: 3pxpx; opacity: .8; transition: all .5s ease-in-out; /*box-shadow: 1px 1px 1px #000; */}
.qeel #av_newestMember img:hover { opacity: 1; }

.qeel .stats {
    position: absolute;
    z-index: 201;
    width: 141px;
    height: 155px;
    padding: 10px;
    text-align: center;
    font-size: 11px !important;
    line-height: 12px;
    font-family: 'Open Sans', sans-serif;
    left: 134px;
    top: 25px;
    background: rgba(255,255,255,0.8);
    border-radius: 3px;
    border: 1px solid #dddddd;
}

.qeel .stats .qeelStats {
    display: inline-block;
    font-family: 'Open Sans', sans-serif;
    text-transform: uppercase;
    width: 100%;
    border-bottom: 1px solid lightgrey;
  padding-bottom: 4px;
}

.qeel .stats .qeelStats strong {
    font-size: 12px;
    line-height: 18px;
    display: inline-block;
    font-family: 'oswald', sans-serif;
    font-weight: 700;
    color: #8e0b12;
}

.qeel .stats #qeelNbOnline {
  font-size: 11px;
  line-height: 12px;
  width: 100%;
  display: block;
  padding-top: 20px;
  position: relative;
}

.qeel .stats #qeelNbOnline div {
  position: absolute;
  display: block;
  height: 35px;
  top: 8px; right: 21px;
}

.qeel .stats #qeelNbOnline div strong {
    font-size: 12px;
    line-height: 14px;
    font-family: 'oswald', sans-serif;
    font-weight: 700;
    position: absolute;
    right: 70px;
}

.qeel .stats #qeelNbOnline div.membre {
    position: absolute;
    top: 8px;
    font-family: Lato, 'Open Sans', sans-serif;
    text-transform: uppercase;
    height: auto;
}

.qeel .stats #qeelNewestUser {
  width: 100%;
  margin-bottom: 0;
  position: relative;
  padding-top: 20px;
  padding-left: 12px;
  text-align: left;
}

.qeel .stats #qeelNewestUser strong {
  font-family: 'oswald', sans-serif;
  /*text-shadow: -1px 1px 0 #ffffff; */
  color: #9e9e9e!important;
  text-transform: none;
  font-weight: 700;
  font-size: 16px;
  display: block;
  position: absolute;
  top: 0px;
  left: 3px;
  width: 135px;
}

.qeel .player {
    position: absolute;
    top: 420px;
    left: 10px;
    width: 720px;
    height: 75px;
    padding: 4px 0px;
    z-index: 1;
}

.qeel .groupes {
    position: absolute;
    top: 25px;
    right: 137px;
    width: 300px;
    height: 155px;
    z-index: 200;
    background: rgba(255,255,255,0.8);
    border-radius: 10px;
}

.qeel .groupes .onglets {
    position: relative;
    z-index: 200;
    margin-left: 40px;
    margin-top: 2px;
}

.qeel .groupes a.onglet {
    position: absolute;
    width: 15px;
    height: 15px;
}


.qeel .onglet.default {
    color: #8a8a8a !important;
    top: 160px;
    left: 7px;
    background-color: #444444;
}

.onglet.cabot {
    color: #8a8a8a !important;
    top: 160px;
    left: 25px;
    background-color: #ff7a95;
}

.pres-cabot {
  background: url(https://i.imgur.com/DtZ98YQ.png) top no-repeat;
}

.onglet.dunster {
    color: #8a8a8a !important;
    top: 160px;
    left: 43px;
    background-color: #b39b00;
}

.pres-dunster {
  background: url(https://i.imgur.com/neZ3t7o.png) top no-repeat;
}

.onglet.eliot {
    color: #8a8a8a !important;
    top: 160px;
    left: 61px;
    background-color: #509eed;
}

.pres-eliot {
  background: url(https://i.imgur.com/3ICIj3j.png) top no-repeat;
}

.onglet.lowell {
    color: #8a8a8a !important;
    top: 160px;
    left: 79px;
    background-color: #965bef;
}

.pres-lowell {
  background: url(https://i.imgur.com/bVC8Ion.png) top no-repeat;
}

.onglet.mather {
    color: #8a8a8a !important;
    top: 160px;
    left: 97px;
    background-color: #76ad23;
}

.pres-mather {
  background: url(https://i.imgur.com/6FC6XYE.png) top no-repeat;
}

.onglet.quincy {
    color: #8a8a8a !important;
    top: 160px;
    left: 115px;
    background-color: #ed7b34;
}

.pres-quincy {
  background: url(https://i.imgur.com/0ppc41a.png) top no-repeat;
}

.onglet.winthrop {
    color: #8a8a8a !important;
    top: 160px;
    left: 133px;
    background-color: #c92724;
}

.pres-winthrop {
  background: url(https://i.imgur.com/4oaie9e.png) top no-repeat;
}


.onglet.student {
    color: #8a8a8a !important;
    top: 160px;
    left: 151px;
    background-color: #8a8a8a;
}

.pres-student {
  background: url(https://i.imgur.com/Sps3kTM.png) top no-repeat;
}

.onglet.citicambridge {
    color: #8a8a8a !important;
    top: 160px;
    left: 169px;
    background-color: #9e3474;
}

.fond-citicambridge {
  background: url(https://i.imgur.com/5JENjfx.png) top no-repeat;
}

.onglet.citiboston {
    color: #8a8a8a !important;
    top: 160px;
    left: 187px;
    background-color: #349e95;
}

.fond-citiboston {
  background: url(https://i.imgur.com/51KYgLr.png) top no-repeat;
}

.onglet.harvardstaff {
    color: #8a8a8a !important;
    top: 160px;
    left: 205px;
    background-color: #32368a;
}

.fond-staff {
  background: url(https://i.imgur.com/BUywGiB.png) top no-repeat;
}

.qeel .groupes .contents {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border: 1px solid #dddddd;
}

.qeel .groupes .content {
  position: absolute;
  z-index: 100;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  padding: 5px;
  transition: all .5s ease-in-out;
}

.qeel .groupes .content.active {
  opacity: 1;
  z-index: 500;
  transition: all .5s ease-in-out;
}

.qeel .groupes .content .house {
  display: block;
  text-align: center;
  font-family: 'Seaweed Script', sans-serif;
  font-weight: 700;
  font-size: 23px;
  line-height: 18px;
 /* text-shadow: -1px 1px 0 #ffffff; */
  border-bottom: 1px solid rgba(255,255,255,.05);
  margin-top: 5px;
 

}

.qeel .groupes .content.default .house {
  margin: 2px 0 2px;
}


.qeel ul {
  list-style-type: none;
  padding:0;
  margin: 0;
}

.qeel li {
  display: table;
  width: 90%;
  margin: 0 auto;
  line-height: 14px;
}

.qeel li span {
  display: table-cell;
}
.qeel li .house_c {
  width: 50%;
  text-transform: uppercase;
  text-align: right;
  font: 700 12px/12px Raleway;
  text-shadow: 0px 0px 2px #fff;

}
.qeel li .howmuch {
  width: 45%;
  text-align: right;
  font: 12px Courier;
}

.qeel li.groups span,
.qeel li.others span {
  text-align: center;
  width: 50%;
}

.qeel li.pres,
.qeel li.vp {
  width: 90% !important;
  text-align: center;
  display: flex;
  justify-content: space-between;
}

.qeel li.pres span:first-child,
.qeel li.vp span:first-child {
  font: 600 12px/10px 'Open Sans';
  text-transform: uppercase;
  text-shadow: 1px -1px 0 #fff;
}

.qeel li.pres span:last-child {
  text-transform: uppercase;
  font: 700 italic 11px 'Calibri';
  color: #9A9A9A;
}

.qeel li.vp span:last-child {
  text-transform: uppercase;
  font: 700 italic 11px 'Calibri';
  color: #9A9A9A;
}


.qeel li.maison {
  letter-spacing: 1px;
  font-family: 'Hind', sans-serif;
  font-size:12px;
  line-height: 14px;
  text-transform: uppercase;
  font-weight:700px;
  text-align: center;
  padding-top: 90px;
}

.qeel li.maison i {
  font-style: normal;
  letter-spacing: 0;
  font-family: Courier New;
}

.qeel li.groups span {
  letter-spacing: 1px;
  font-family: 'Hind', sans-serif;
  font-size:12px;
  font-weight:700px;
  text-transform: uppercase;
  text-align: center;
  padding-top: 90px;
}

.qeel li.groups i {
  font-style: normal;
  letter-spacing: 0;
  font-family: Courier New;
}

.qeel li.groups span:first-child {
  text-align: center;
  padding: 0 19px 0 0;
}

.qeel li.one span {
  display: block;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 1px;
  font: 12px Raleway;
}

.qeel li.cta span {
  margin: 10px auto 0;
  width: 75%;
  border: 1px solid rgba(255,255,255,.15);
  font-weight: 700;
}

.qeel li.groups span.pnj {
  letter-spacing: 0;
}

_________________
now payback is a bad bitch and baby, i'm the baddest you fuckin' with a savage can't have this, can't have this and it'd be nice of me to take it easy on ya, but nah; // DEMI LOVATO, sorry i'm not sorry ❀
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
STAFF D'I LOVE HARVARD
MEMBRE DE LA LOWELL HOUSE
avatar
STAFF D'I LOVE HARVARD MEMBRE DE LA LOWELL HOUSE
Messages : 90
Date d'inscription : 28/01/2015

Message(#) Dim 20 Mai - 22:46
ancien qeel (template)
Code:
<!-- BEGIN disable_viewonline -->
<div id="qeel-ilh" class="qeel">
    <div class="stats">
        <span id="qeelNbPosts" class="qeelStats">{TOTAL_POSTS}</span>
        <span id="qeelNbUsers" class="qeelStats">{TOTAL_USERS}</span>
        <span id="qeelNbOnline" class="qeelStats">
          {TOTAL_USERS_ONLINE} <div class="membre">connectés</div>
        </span>
        <span id="qeelNewestUser" class="qeelStats">{NEWEST_USER}</span>
    </div>
    <div id="av_newestMember"></div>
    <div class="intro">
        <div class="onglets">
            <a href="#" class="onglet active" data-intro-onglet="actu">
                <img src="http://www.clker.com/cliparts/2/e/8/p/D/3/purple-snowflake-hi.png" style="width:50px;">
            </a>
            <a href="#" class="onglet" data-intro-onglet="connected">
                <img src="http://www.clker.com/cliparts/2/e/8/p/D/3/purple-snowflake-hi.png" style="width:50px;">
            </a>
        </div>
        <div class="contents">
            <div class="content actu active custom_scroll">
                <span id="qeelRecord">{RECORD_USERS}</span>
                <br />
                <br />
                <span id="qeelLoggedUsers">{LOGGED_IN_USER_LIST}</span>
            </div>

            <div class="content connected custom_scroll">
                <table class="trans">
                    <tr>
                        <td>
                            <div style="font-size:11px;">{L_CONNECTED_MEMBERS}</div>
                        </td>
                    </tr>
                </table>
            </div>
        </div>
    </div>

    <div class="groupes">
        <div class="onglets">
            <a href="#" class="onglet default" data-name="default"></a>
            <a href="#" class="onglet cabot" data-name="cabot"></a>
            <a href="#" class="onglet dunster" data-name="dunster"></a>
            <a href="#" class="onglet eliot" data-name="eliot"></a>
            <a href="#" class="onglet lowell" data-name="lowell"></a>
            <a href="#" class="onglet mather" data-name="mather"></a>
            <a href="#" class="onglet quincy" data-name="quincy"></a>
            <a href="#" class="onglet winthrop" data-name="winthrop"></a>
          <a href="#" class="onglet student" data-name="student"></a>
            <a href="#" class="onglet citicambridge" data-name="citicambridge"></a>
          <a href="#" class="onglet citiboston" data-name="citiboston"></a>
          <a href="#" class="onglet harvardstaff" data-name="harvardstaff"></a>

        </div>
        <br/>
        <div class="lignegroupes"></div>
        <div class="contents">
            <div class="content default">
                <span class="house"> Les compétitions </span>
                <ul>
                  <li><span class="house_c winthrop">Winthrop House</span><span class="howmuch"> 30 406 $</span></li>
                  <li><span class="house_c mather">Mather House</span><span class="howmuch"> 21 861 $</span></li>
                  <li><span class="house_c eliot">Eliot House</span><span class="howmuch"> 21 050 $</span></li>
                  <li><span class="house_c dunster">Dunster House</span><span class="howmuch">  12 107 $</span></li>
                  <li><span class="house_c cabot">Cabot House</span><span class="howmuch">  11 162 $</span></li>
                  <li><span class="house_c quincy">Quincy House</span><span class="howmuch">  9 246 $</span></li>
                  <li><span class="house_c lowell">Lowell House</span><span class="howmuch">  3 733 $</span></li>                                   
                  <li><span class="house_c citiboston">Boston</span><span class="howmuch">  41 840 $</span></li>
                  <li><span class="house_c citicambridge">Cambridge</span><span class="howmuch">  7 049 $</span></li>
                                               
                </ul>
            </div>
            <div class="content cabot pres-cabot">
              <span class="house cabot"> </span>
                <br/>
                <ul class="details">
                    <li class="maison">
                      <span><a href="http://www.i-love-harvard.com/g5-cabot-house" style="color:#8a8a8a">Members</a><br/>(<i class="cabot">#FF7A95</i>)</span>•<span><a href="http://www.i-love-harvard.com/g133-bizuts-cabots" style="color:#8a8a8a">Bizuts</a> <br/>(<i class="cabot">#F0B7C2</i>)</span>•<span><a href="http://www.i-love-harvard.com/f90-flood-prive-cabot-house" style="color:#8a8a8a">Flood privé</a></span>
                    </li>
                </ul>
            </div>
            <div class="content dunster pres-dunster">
                <span class="house dunster"> </span>
                <br/>
                <ul class="details">
                    <li class="maison">
                      <span><a href="http://www.i-love-harvard.com/g9-dunster-house" style="color:#8a8a8a">Members</a><br/>(<i class="dunster">#B39B00</i>)</span>•<span><a href="http://www.i-love-harvard.com/g130-bizuts-dunsters" style="color:#8a8a8a">Bizuts</a> <br/>(<i class="dunster">#C2B97C</i>)</span>•<span><a href="http://www.i-love-harvard.com/f87-flood-prive-dunster-house" style="color:#8a8a8a">Flood privé</a></span>
                    </li>
                </ul>
            </div>
            <div class="content eliot pres-eliot">
                <span class="house eliot"> </span>
                <br/>
                <ul class="details">
                    <li class="maison">
                      <span><a href="http://www.i-love-harvard.com/g2-eliot-house" style="color:#8a8a8a">Members</a><br/>(<i class="eliot">#509EED</i>)</span>•<span><a href="http://www.i-love-harvard.com/g128-bizuts-eliots" style="color:#8a8a8a">Bizuts</a> <br/>(<i class="eliot">#95BADB</i>)</span>•<span><a href="http://www.i-love-harvard.com/f86-flood-prive-eliot-house" style="color:#8a8a8a">Flood privé</a></span>
                    </li>
                </ul>
            </div>
            <div class="content lowell pres-lowell">
                <span class="house lowell"> </span>
                <br/>
              <ul class="details">
                    <li class="maison">
                      <span><a href="http://www.i-love-harvard.com/g64-lowell-house" style="color:#8a8a8a">Members</a><br/>(<i class="lowell">#965BEF</i>)</span>•<span><a href="http://www.i-love-harvard.com/g134-bizuts-lowells" style="color:#8a8a8a">Bizuts</a> <br/>(<i class="lowell">#B39FCC</i>)</span>•<span><a href="http://www.i-love-harvard.com/f217-flood-prive-lowell-house" style="color:#8a8a8a">Flood privé</a></span>
                    </li>
                </ul>
            </div>
            <div class="content mather pres-mather">
                <span class="house mather"></span>
                <br/>
              <ul class="details">
                    <li class="maison">
                      <span><a href="http://www.i-love-harvard.com/g6-mather-house" style="color:#8a8a8a">Members</a><br/>(<i class="mather">#76AD23</i>)</span>•<span><a href="http://www.i-love-harvard.com/g132-bizuts-mathers" style="color:#8a8a8a">Bizuts</a> <br/>(<i class="mather">#A9BA88</i>)</span>•<span><a href="http://www.i-love-harvard.com/f91-flood-prive-mather-house" style="color:#8a8a8a">Flood privé</a></span>
                    </li>
                </ul>
            </div>
            <div class="content quincy pres-quincy">
                <span class="house quincy"></span>
                <br/>
              <ul class="details">
                    <li class="maison">
                      <span><a href="http://www.i-love-harvard.com/g4-quincy-house" style="color:#8a8a8a">Members</a><br/>(<i class="quincy">#ED7B34</i>)</span>•<span><a href="http://www.i-love-harvard.com/g131-bizuts-quincys" style="color:#8a8a8a">Bizuts</a> <br/>(<i class="quincy">#E6A77C</i>)</span>•<span><a href="http://www.i-love-harvard.com/f88-flood-prive-quincy-house" style="color:#8a8a8a">Flood privé</a></span>
                    </li>
                </ul>
            </div>
            <div class="content winthrop pres-winthrop">
                <span class="house winthrop"></span>
                <br/>
            <ul class="details">
                    <li class="maison">
                      <span><a href="http://www.i-love-harvard.com/g3-winthrop-house" style="color:#8a8a8a">Members</a><br/>(<i class="winthrop">#C92724</i>)</span>•<span><a href="http://www.i-love-harvard.com/g129-bizuts-winthrops" style="color:#8a8a8a">Bizuts</a> <br/>(<i class="winthrop">#C98787</i>)</span>•<span><a href="http://www.i-love-harvard.com/f89-flood-prive-winthrop-house" style="color:#8a8a8a">Flood privé</a></span>
                    </li>
                </ul>
            </div>
            <div class="content student pres-student">
                <span class="house student"> </span>
                <br/>
                <ul class="details">
                  <li class="groups"><span><a href="http://www.i-love-harvard.com/g7-students" style="color:#8a8a8a">Members</a> <br/>(<i class="student">#8A8A8A</i>)</span>•<span><a href="http://www.i-love-harvard.com/f206-flood-prive-students" style="color:#8a8a8a">Flood privé</a></span></li>
                </ul>
            </div>
          <div class="content citicambridge fond-citicambridge">
                <span class="house citicambridge"> </span>
                <br/>
                <ul class="details">
                  <li class="groups"><span><a href="http://www.i-love-harvard.com/g8-citizens-of-cambridge" style="color:#8a8a8a">Members</a> <br/>(<i class="citicambridge">#9E3474</i>)</span>•<span><a href="http://www.i-love-harvard.com/f258-flood-prive-cambridge-citizen" style="color:#8a8a8a">Flood privé</a></span></li>
                </ul>
            </div>
          <div class="content citiboston fond-citiboston">
                <span class="house citiboston"> </span>
                <br/>
                <ul class="details">
                  <li class="groups"><span><a href="http://www.i-love-harvard.com/g309-citizen-of-boston" style="color:#8a8a8a">Members</a> <br/>(<i class="citiboston">#349e95</i>)</span>•<span><a href="http://www.i-love-harvard.com/f129-flood-prive-boston-citizen" style="color:#8a8a8a">Flood privé</a></span></li>
                </ul>
            </div>
          <div class="content harvardstaff fond-staff">
                <span class="house staff"> </span>
                <br/>
                <ul class="details">
                  <li class="groups"><span><a href="http://www.i-love-harvard.com/g257-harvard-s-staff" style="color:#8a8a8a">Members</a> <br/>(<i class="staff">#32368A</i>)</span>•<span><a href="http://www.i-love-harvard.com/f126-flood-prive-staff-d-harvard" style="color:#8a8a8a">Flood privé</a></span></li>
                </ul>
            </div>
         
        </div>
    </div>
   
    <div class="player">
 <iframe style="border:none" src="https://s3.amazonaws.com/files.podsnack.com/iframe/embed.html?hash=a1hjqjck&t=1522442267" width="370" height="60" allowfullscreen="true" mozallowfullscreen="true" webkitallowfullscreen="true"></iframe>
    </div>
    <script type="text/javascript">
    $(function() {
        $.get($("#qeelNewestUser a[href^='/u']")[0].href, function(d) {
            (a = $("#avatarMember img", $(d))).length && $("#av_newestMember").html(a);
        })
    });

    document.getElementById('qeelNbOnline').innerHTML = document.getElementById('qeelNbOnline').innerHTML.replace("Il y a en tout", "<div>");
    document.getElementById('qeelNbOnline').innerHTML = document.getElementById('qeelNbOnline').innerHTML.replace("utilisateur en ligne :: ", "</div>");
    document.getElementById('qeelNbOnline').innerHTML = document.getElementById('qeelNbOnline').innerHTML.replace("utilisateurs en ligne :: ", "</div>");
    document.getElementById('qeelNbOnline').innerHTML = document.getElementById('qeelNbOnline').innerHTML.replace("et", "");
    document.getElementById('qeelNbOnline').innerHTML = document.getElementById('qeelNbOnline').innerHTML.replace(", ", "");
    document.getElementById('qeelNbOnline').innerHTML = document.getElementById('qeelNbOnline').innerHTML.replace("Enregistrés", "membres<br />");
    document.getElementById('qeelNbOnline').innerHTML = document.getElementById('qeelNbOnline').innerHTML.replace("Enregistré", "membre<br/>");
    document.getElementById('qeelNbOnline').innerHTML = document.getElementById('qeelNbOnline').innerHTML.replace("Invisible", "fantôme<br/>");
    document.getElementById('qeelNbOnline').innerHTML = document.getElementById('qeelNbOnline').innerHTML.replace("Invité", "visiteur");

    document.getElementById('qeelNbPosts').innerHTML = document.getElementById('qeelNbPosts').innerHTML.replace("Nos membres ont posté un total de", "");
    document.getElementById('qeelNbPosts').innerHTML = document.getElementById('qeelNbPosts').innerHTML.replace("messages", "messages");

    document.getElementById('qeelNbUsers').innerHTML = document.getElementById('qeelNbUsers').innerHTML.replace("Nous avons", "");
    document.getElementById('qeelNbUsers').innerHTML = document.getElementById('qeelNbUsers').innerHTML.replace("membres enregistrés", "membres");

    document.getElementById('qeelNewestUser').innerHTML = document.getElementById('qeelNewestUser').innerHTML.replace("L\'utilisateur enregistré le plus récent est", "Dernier inscrit");

    document.getElementById('qeelNbOnline').innerHTML = document.getElementById('qeelNbOnline').innerHTML.replace("Utilisateurs enregistrés :", "");

    document.getElementById('qeelRecord').innerHTML = document.getElementById('qeelRecord').innerHTML.replace("Le record du nombre d\'utilisateurs en ligne est de", "Record de connexions : ");
    document.getElementById('qeelRecord').innerHTML = document.getElementById('qeelRecord').innerHTML.replace("le", "membres le");
    </script>
</div>



<!-- END disable_viewonline -->

_________________
now payback is a bad bitch and baby, i'm the baddest you fuckin' with a savage can't have this, can't have this and it'd be nice of me to take it easy on ya, but nah; // DEMI LOVATO, sorry i'm not sorry ❀
Revenir en haut Aller en bas
Contenu sponsorisé

Message(#)
Revenir en haut Aller en bas
Page 1 sur 1

Sujets similaires

-
» Correction de codage
» Codage des catégories [Lixyr]
» Sweet'Art • Forum de graphisme et de codage
» manuel de code e-anim
» S. Demande de mise en page - Site du forum

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
stayaway :: before you register :: design awards-