Tu primer tema

Prueba

Código:

Prueba

Spoiler:

iColor escribió:

Prueba

Código:

Prueba

Spoiler:

Código:

 background-color: #cadceb;

Código:

$(function () {
  var iAmount = 10; 
  var oConfig = {
    sContent:
      '<div class="ipsHeaderMenu boxShadow" id="user_inbox_link_menucontent" style="display: none; width: 300px; position: absolute; z-index: 9999;">' +
        '<h4 class="ipsType_sectiontitle">Buzón de mensajes' +
          '<p class="ipsPad_half ipsType_smaller right">' +
            '<a class="configure" href="/privmsg?folder=inbox">Mensajes</a> · <a href="/privmsg?mode=post" title="New message">Nuevo mensaje</a>' +
          '</p>' +
        '</h4>' +
        '<ul class="ipsList_withminiphoto"><img src="http://i55.servimg.com/u/f55/18/17/62/92/ajax-l10.gif" alt="- Load" style="display: block; margin-left: auto; margin-right: auto;"></ul>' +
      '</div>',   
    sCSS:
      '<style>' +
      '.ipsHeaderMenu {' +
        'background-color: #FFFFFF;' +
        'border-radius: 0 0 6px 6px;' +
        'overflow: hidden;' +
        'padding: 10px;' +
        'width: 340px;' +
      '}' +
      '.boxShadow {' +
        'box-shadow: 0 12px 25px rgba(0, 0, 0, 0.58);' +
      '}' +
      '.ipsHeaderMenu .ipsType_sectiontitle {' +
        'margin-bottom: 8px;' +
      '}' +
      '.ipsType_sectiontitle {' +
        'border-bottom: 1px solid #ECECEC;' +
        'color: #595959;' +
        'font-size: 16px;' +
        'font-weight: 400;' +
        'padding: 5px 0;' +
      '}' +
      '.ipsType_smaller, .ipsType_smaller a {' +
        'font-size: 11px !important;' +
      '}' +
      '.ipsPad_half {' +
        'padding: 4px !important;' +
      '}' +
      '.right {' +
        'float: right;' +
      '}' +
      '.ipsList_withminiphoto > li {' +
        'margin-bottom: 8px;' +
      '}' +
      '.ipsType_small {' +
        'font-size: 12px;' +
      '}' +
      '.ipsUserPhoto {' +
        'background: none repeat scroll 0 0 #FFFFFF;' +
        'border: 1px solid #D5D5D5 !important;' +
        'box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);' +
        'padding: 1px;' +
      '}' +
      '.ipsUserPhoto_mini {' +
        'height: 30px;' +
        'width: 30px;' +
      '}' +
      '.left {' +
        'float: left;' +
      '}' +
      '.ipsList_withminiphoto > li .list_content {' +
        'margin-left: 40px;' +
      '}' +
      '#user_inbox_link_menucontent ul.ipsList_withminiphoto {' +
        'list-style: none outside none;' +
        'padding-left: 0 !important;' +
      '}' +
      '.desc.lighter, .desc.lighter.blend_links a {' +
        'color: #A4A4A4;' +
      '}' +
      '.ipsType_smaller, .ipsType_smaller a {' +
        'font-size: 11px !important;' +
      '}' +
      '.menu_active {' +
        'color: #595959 !important;' +
        'background-color: #FFFFFF !important;' +
        'background-position: center bottom;' +
        'border-radius: 3px 3px 0 0;' +
        'padding: 4px;' +
      '}' +
      '</style>',
    sTarget: '',
    sSearch: '',
    sExpression0: '',
    sExpression1: '',
    sExpression2: '',
    sGetIMG: ''
  };
 
  $(oConfig.sCSS).insertBefore('body');
  $('body').append(oConfig.sContent);
  /* Forum versions! */
  var phpBB2 = $('.bodyline');
  var phpBB3 = $('#wrap');
  var punbb = $('#pun-intro');
  var invision = $('#ipbwrapper');
 
  if (phpBB2.length) {
    oConfig.sSearch = 'form[name="privmsg_list"] .forumline tr';
    oConfig.sTarget = 'tr';
    oConfig.sExpression0 = 'memDiv.find("tr:first, tr:last").remove();';
    oConfig.sExpression1 = '$(this).find("a.topictitle").html()';
    oConfig.sExpression2 = '$(this).find("td .name").html() + " - " + $(this).find("td .postdetails").html()';
    oConfig.sGetIMG = ' #emptyidcc .row1.gensmall img:eq(0)';
  } else if(phpBB3.length) {
    oConfig.sSearch = '.topiclist.pmlist.bg_none li';
    oConfig.sTarget = '.icon dt';
    oConfig.sExpression1 = '$(this).find("a.topictitle")[0].outerHTML';
    oConfig.sExpression2 = '$(this).find("em").html()';
    oConfig.sGetIMG = ' #profile-advanced-right img:eq(0)';
  } else if(punbb.length) {
    oConfig.sSearch = '.main-content tr .tcl.tdtopics';
    oConfig.sGetIMG = ' #profile-advanced-right .main-content img:first';
  } else if(invision.length) {
    oConfig.sSearch = '.borderwrap table.ipbtable tbody tr:not(":empty")';
    oConfig.sTarget = 'tr';
    oConfig.sExpression1 = 'var _tmp1 = $(this).find("td:eq(2)");_tmp1.children("a.topictitle")[0].outerHTML';
    oConfig.sExpression2 = '_tmp1.children("a.topictitle").remove();_tmp1.html()';
    oConfig.sGetIMG = ' #profile-advanced-right .box-content.profile.center img:first';
  };
 
  $('a[href*="/privmsg?folder=inbox"]').click(function () {
    var oClicked = $(this);
    var oTarget = $('#user_inbox_link_menucontent');
    if (oTarget[0].style.display == 'none') {
      oClicked.addClass('menu_active');
     
      if ( !$('#user_inbox_link_menucontent ul.ipsList_withminiphoto > li').length ) {
        var memDiv = $('<div>');
        memDiv.load('/privmsg?folder=inbox ' + oConfig.sSearch + ':lt(' + iAmount + ')', function() {
          if (punbb.length) {
            memDiv
              .html(
                memDiv.html()
                  .replace(/\<\/a\> por/g, '</a></br><span class="ipsType_smaller desc lighter">')
                  .replace(/\<\/td\>/g, '</span></div></li>')
                  .replace(/\<br><td class="tcl tdtopics"\>/g, '<li class="ipsType_small clearfix"><img class="ipsUserPhoto ipsUserPhoto_mini left" alt="User image" src="http://i78.servimg.com/u/f78/18/17/62/92/defaul10.png"><div class="list_content">')
              )
              .find('span.status').remove();
          } else {
            if (oConfig.sExpression0) {
              eval( oConfig.sExpression0 );
            }
            var sHtml = '';
            oConfig.sTarget = memDiv.find(oConfig.sTarget);
            $.each(oConfig.sTarget, function( index, value ) {
              sHtml +=
                '<li class="ipsType_small clearfix">' +
                  '<img class="ipsUserPhoto ipsUserPhoto_mini left" alt="User image" src="http://i78.servimg.com/u/f78/18/17/62/92/defaul10.png">' +
                  '<div class="list_content">' +
                    eval( oConfig.sExpression1 ) + '<br>' +
                    '<span class="ipsType_smaller desc lighter">' + eval( oConfig.sExpression2 ) + '</span>' +
                  '</div>' +
                '</li>';
            });
            memDiv.html(sHtml);
          }
          $('#user_inbox_link_menucontent ul.ipsList_withminiphoto').html(memDiv.html());
          var oImgTarget = oTarget.find('.ipsType_small.clearfix');
          oImgTarget.each(function( index ) {
            var UserURL = $(this).find('.ipsType_smaller a, .list_content a:last');
            if (UserURL.length) {
              UserURL = UserURL.attr('href');
              var oImgTag = $(this).find('.ipsUserPhoto');
              var UserIMG = sessionStorage.getItem(UserURL);
       
              if(UserIMG) {
                $(this).find('img').attr('src', UserIMG);
              } else {
             
                $.get(UserURL, function(data){
                  var profile_img = $(oConfig.sGetIMG, data).attr('src');
                  if (profile_img !== undefined) {
                    oImgTag.attr('src', profile_img);
                 
                    sessionStorage.setItem(UserURL, profile_img);
                  }
                });
              }
            }
          });
        });
      }
      oTarget
        .css({
          'left': (oClicked.offset().left + oClicked.outerWidth()) - oTarget.outerWidth(),
          'top': oClicked.offset().top + oClicked.outerHeight()
        })     
        .fadeIn(400);
      $(document).mousedown(function() {
        if(!oTarget.is(":hover")) {
          $(document).unbind('mousedown');
          oClicked.removeClass('menu_active');
          oTarget.fadeOut(400);
        }
      });     
    } else {
      oClicked.removeClass('menu_active');
      oTarget.fadeOut(400);
    }
    return false;
  });
});

Código:

http://images.habbo.com/c_images/album1584/UK529.gif

Código:

http://images.habbo.com/c_images/album1584/BR912.gif

Código:

http://images.habbo.com/c_images/album1584/DE787.gif

Código:

http://images.habbo.com/c_images/album1584/IT938.giff

Código:

http://images.habbo.com/c_images/album1584/IT943.gif

Código:

http://images.habbo.com/c_images/album1584/FR710.gif

Código:

http://images.habbo.com/c_images/album1584/ES884.gif

Código:

http://images.habbo.com/c_images/album1584/UK479.gif

Código:

http://images.habbo.com/c_images/album1584/FR650.gif