Good art is a taste, good design is an opinion.


Come as guest, stay as family.
Board Index

Come as guest, stay as family.

You are not connected. Please login or register

Board Index » Advanced Search

Search found 1 match for cd3816

  • Description:
how can I move this box left more private messages

my code:
js:
/*
* Código: Inbox List Elegante.
* Data de criação: 08/09/2014.
* Autor: Daemon.
* Versão: 1.0.
* Inspirado: IPS4 - IPB.
* Acesse: http://bestskins.net
* Não distribuir, ou remover os créditos do autor.
*/
$(document).ready(function() {

//*Defina aqui abaixo a quantidade de mensagens que irão ser exibidas.*//
var qtd = 5;

$('body').append('<div id="bs_full_inbox"></div>');
var Inner = '<div class="bs_inbox_header">' +
' <a href="/privmsg?mode=post" class="compose" target="_self">Nova Mensagem</a>' +
' <h4 class="bs_inbox_sectionHead">Caixa de entrada</h4>' +
'</div>' +
'<ol class="bs_inbox_inner">' +
' <img src="https://i.imgur.com/DYwSiJf.gif" style="margin: 5px auto;display: block" />' +
'</ol>' +
'<div class="bs_inbox_footer">' +
' <a href="/privmsg?folder=inbox">Ir Para Mensagens</a>' +
'</div>';
var oInbox = $('#bs_full_inbox');
oInbox.append(Inner);
$('a.mainmenu[href="/privmsg?folder=inbox"]').click(function(d) {
d.preventDefault();
if(oInbox.css('display') != 'none') {
oInbox.fadeOut('450');
} else {
oInbox.css({
'left': $(this).offset().left,
'top': $(this).offset().top + $(this).outerHeight()
}).show();
if($('.bs_inbox_photo').length != -1) {
$('.bs_inbox_inner').load('/privmsg?folder=inbox .tdtopics:lt('+qtd+')', function() {
$(this).html(
$(this).html()
.replace(/\<\/td\>/g, '</span></div></li>')
.replace(/\<td class="tcl tdtopics"\>/g, '<li class="bs_inbox_li clearfix"><div class="bs_user_p left"><img class="bs_inbox_photo" alt="photo" src="https://i.imgur.com/n4qY3fc.png" /></div><div class="bs_inbox_item">')
).find('span.status').remove();
$('.bs_inbox_li').each(function(index) {
var user = $(this).find('a[href^="/u"]');
if(user.length) {
user = user.attr('href');
var oImg = $(this).find('.bs_inbox_photo');
var userImage = sessionStorage.getItem(user);
if(userImage) {
oImg.attr('src', userImage);
} else {
$.get(user, function(data) {
var image = $('#profile-advanced-right .main-content img:first', data).attr('src');
oImg.attr('src', image);
sessionStorage.setItem(user, image);
});
}
}
});
});
}
}
});
});

css:

#bs_full_inbox {
font-size: 13px;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
line-height: 18px;
margin-top: 15px;
display: none;
width: 450px;
background: #fff;
box-shadow: 0px 15px 110px rgba(0,0,0,0.2);
border-radius: 3px;
z-index: 200;
position: absolute;
}
#bs_full_inbox a {
color: #255b79;
text-decoration: none;
}
#bs_full_inbox a:hover {color: #cd3816;}
#bs_full_inbox:before {
border-style: solid;
border-width: 15px;
border-color: transparent transparent #fff;
bottom: 100%;
pointer-events: none;
left: 15px;
content: '';
display: block;
height: 0;
position: absolute;
width: 0;
z-index: 3;
}
.bs_inbox_header {
background: #fff url('https://i.imgur.com/sl0Efuz.png') repeat-x 0 0;
border-bottom: 1px solid #e0e0e0;
box-shadow: 0px 1px 6px rgba(0,0,0,0.07);
border-radius: 3px 3px 0px 0px;
padding: 10px;
line-height: 24px;
}
.bs_inbox_header .compose {
font-size: 12px;
line-height: 28px;
padding: 0 15px;
float: right;
background: #262e33;
color: #ffffff !important;
font-weight: 500;
text-align: center;
text-decoration: none;
text-shadow: none;
white-space: nowrap;
display: inline-block;
vertical-align: middle;
border-radius: 3px;
border: 1px solid rgba(0,0,0,0.1);
-webkit-transition: 0.1s all linear;
-moz-transition: 0.1s all linear;
-ms-transition: 0.1s all linear;
-o-transition: 0.1s all linear;
transition: 0.1s all linear;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
-webkit-font-smoothing: antialiased;
}
.bs_inbox_header .compose:hover {
background-image: url('https://i.imgur.com/eaB5FHK.png');
background-repeat: repeat;
}
.bs_inbox_sectionHead {
font-size: 18px;
color: #333333;
line-height: 24px;
font-weight: 400;
display: inline-block;
margin: 0;
}
.bs_inbox_inner {
width: 100%;
display: table;
table-layout: auto;
position: relative;
border-collapse: separate;
border-spacing: 0;
list-style: none;
padding: 0;
margin: 0;
}
.bs_inbox_li {
width: 100%;
position: relative;
padding: 5px 3px;
border-width: 0 0 1px 0;
border-style: solid;
border-color: #f5f5f5;
}
.bs_inbox_li:last-child {border-bottom: 0;}
.bs_inbox_li strong {font-weight: normal !important;}
.bs_inbox_item, .bs_user_p {
display: table-cell;
padding: 8px 10px;
}
.bs_inbox_item {color: #9c9c9c;}
.bs_inbox_item .topictitle {display: inherit;}
.bs_inbox_footer {
background: #fff url('https://i.imgur.com/sl0Efuz.png') repeat-x 0 0;
text-align: center;
padding: 10px;
line-height: 24px;
border-top: 1px solid #e0e0e0;
box-shadow: 0px -1px 6px rgba(0,0,0,0.07);
border-radius: 0px 0px 3px 3px;
}
.bs_inbox_photo {
background: #fff;
border: 1px solid #fff;
box-shadow: 0px 0px 0px 1px #e2e2e2;
padding: 0.5px;
vertical-align: middle;
line-height: 1px;
position: relative;
border-radius: 150px;
width: 34px;
height: 34px;
}
Topics tagged under cd3816 on Board Index Screenshot_53
Topics tagged under cd3816 on Board Index Screenshot_53


  • Information:
Forum:http://testeady8.forumgratuit.ro/Version:PUNBB
Type:Errors in codeTags:issue,private,messages
Search in: [Read Only] Questions & Problems  Topic: [Archived] issue private messages  Replies: 3  Views: 1739

Search found 1 match for cd3816

Back to top