EdggarBello • Sáb 15 Fev 2014 - 19:57
Qual é minha questão: Olá, eu procurei o código, mas acho que nenhum correta.
Deixe-me saber se eu posso ajudá-lo a encontrar o código correto para o meu fórum.
Exemplo:
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem] Como isso no meu fórum:
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem] Obrigao!
Endereço do meu fórum: [Tens de ter uma conta e sessão iniciada para poderes visualizar este link] Versão: PunBB
EdggarBello
Novo Membro
Membro desde : 13/02/2014
Mensagens : 17
Reputação : 0
[K]oke • Sáb 15 Fev 2014 - 20:19
Olá, o senhor que altera o q ? Abraços!
[K]oke
Membro desde : 27/05/2013
Mensagens : 1639
Reputação : 213
1000 mensagens
Por ter publicado 1000 mensagens no best Skins!
~Rafra • Sáb 15 Fev 2014 - 20:21
Davisnatsu escreveu: Olá, o senhor que altera o q ? Abraços!
Olá,
Eu acho que ele quer o Avatar no LastPost :p
~Rafra
Membro Experiente
Membro desde : 04/12/2013
Mensagens : 368
Reputação : 63
EdggarBello • Dom 16 Fev 2014 - 4:24
Davisnatsu escreveu: Olá, o senhor que altera o q ? Abraços!
Olá, gostaria de saber como colocar a imagem no último post.
PS: Se você puder me ajudar também para colocar as questões e respostas separadas, também me ajudar.
EdggarBello
Novo Membro
Membro desde : 13/02/2014
Mensagens : 17
Reputação : 0
Darknes • Dom 16 Fev 2014 - 6:13
Adicione o seguinte código em seu JS:
Código: jQuery(document).ready(function(){ if(!window.localStorage) return; // Avatar par défaut var default_avatar= 'http://i.imgur.com/Ke6zt.png'; // Temps de cache, ici 24 h * 60 m * 60 s * 1000 ms donc un jour var caching_time= 24*60*60*1000; // Temps de cache d'une erreur, ici 60 s * 1000 ms donc une minute var caching_error= 60*1000; var set_avatar= function(id) { $('.mini_ava.member'+id).html('<img src="'+get_avatar(id)+'" />'); }; var get_avatar= function(id) { if(localStorage.getItem('t_ava'+id) < +new Date - caching_time || (localStorage.getItem('d_ava'+id)==default_avatar && localStorage.getItem('t_ava'+id) < +new Date - caching_error)) { localStorage.setItem('d_ava'+id, default_avatar); $.get('/u'+id, function (d){ localStorage.setItem('t_ava'+id,+new Date); localStorage.setItem('d_ava'+id, $('#profile-advanced-right .module:first div img:first,.forumline td.row1.gensmall:first > img, .frm-set.profile-view.left dd img,dl.left-box.details:first dd img, .row1 b .gen:first img, .real_avatar img',d).first().attr('src')||default_avatar); set_avatar(id); }); } return localStorage.getItem('d_ava'+id); }; var to_replace= {}; $('dd.lastpost strong a.gensmall, .ipbtable tr td:last-child span strong a.gensmall, .table td.tcr strong a.gensmall, .forumline .row3.over strong a.gensmall').each(function(){ to_replace[$(this).attr('href').substr(2)]= 1; $(this).closest('td,dd').prepend('<div class="mini_ava member'+$(this).attr('href').substr(2)+'"></div>'); }); for(i in to_replace) { set_avatar(i); }; });
E em seguida este em teu CSS:
Código: .mini_ava img:hover { -moz-box-shadow: 0 2px 2px rgba(0,0,0,0.2); -webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.2); border-color: #a1a1a1; box-shadow: 0 2px 2px rgba(0,0,0,0.2); } .mini_ava img { -moz-box-shadow: 0 2px 2px rgba(0,0,0,0.1); -webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.1); background: #fff; border: 1px solid #D5D5D5; box-shadow: 0 2px 2px rgba(0,0,0,0.1); height: 36px; margin: 0 5px; padding: 1px; width: 36px; }
Resulta? Até mais!
Darknes
Membro
Membro desde : 10/02/2014
Mensagens : 99
Reputação : 33
EdggarBello • Dom 16 Fev 2014 - 12:09
Não funcionou
EdggarBello
Novo Membro
Membro desde : 13/02/2014
Mensagens : 17
Reputação : 0
EdggarBello • Qua 19 Fev 2014 - 15:20
EdggarBello
Novo Membro
Membro desde : 13/02/2014
Mensagens : 17
Reputação : 0
[K]oke • Qua 19 Fev 2014 - 18:34
[K]oke
Membro desde : 27/05/2013
Mensagens : 1639
Reputação : 213
1000 mensagens
Por ter publicado 1000 mensagens no best Skins!
EdggarBello • Qui 20 Fev 2014 - 4:44
CSS
Spoiler: Código: body {background:url(http://euro.mediotiempo.com/media/portada/1390325487-1.jpg) fixed center 0;} #page-body { width: 960px; margin: auto; position: relative; padding: 10px; border-top: 5px solid #1C2229; box-shadow: 0 0 20px rgba(0,0,0,.5); -moz-box-shadow: 0 10px 20px rgba(0,0,0,.5); -webkit-box-shadow: 0 0 20px rgba(0,0,0,.5); background: #Fff; } #pun-foot { border-radius: 0 0 5px 5px; width: 980px; margin: auto; background: #fff; z-index: 999; display: block; position: relative; box-shadow: 0 10 20px rgba(0,0,0,.5); -moz-box-shadow: 0 10px 20px rgba(0,0,0,.5); -webkit-box-shadow: 0 10px 20px rgba(0,0,0,.5); margin-bottom: 30px; } body { color: #444; font-family: Arial, Sans-Serif; font-size: 13px; padding: 0; margin: auto!important; line-height: 1.4; } .pun { width: 980px; margin: auto; position: relative;padding:0px; } .main .main-foot, .main .main-head { background: #53748D url(http://i.imgur.com/3Y5TPJy.png)center center; color: #ffffff; padding: 10px; font-size: 10px; text-transform: uppercase; font-weight: bold; border: 1px solid #284158; border-radius: 4px 4px 0 0; box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.14); line-height: 19px; } .table tbody.statused tr td { background: white!important; vertical-align: middle; border: 0px; border-bottom: 1px solid #DDD!important; font-family: arial, sans-serif; font-size: 12px; font-weight: bold; color: rgb(119, 119, 119); } .table tbody.statused tr:nth-child(2n+2) td ,.main-content tbody .statused tr:nth-child(2n+2) td{ background: rgb(250, 250, 250)!important; } .main-head .page-title h2 ,.main .main-head .page-title{ font-family: arial, sans-serif; font-size: 10px; font-weight: bold; } p#catrow { font-family: arial, sans-serif; font-size: 11px; font-weight: bold; text-align: right; margin-right: 10px; } .desc_forum_cat_row { color: rgb(170, 170, 170); font-family: arial, sans-serif; font-size: 11px; font-style: italic; font-weight: normal; } .statused tr td .hierarchy a {color: rgb(85, 85, 85); font-family: arial, sans-serif; font-size: 12px; font-weight: bold;} .statused tr td .hierarchy a:hover {color: #222;} a {text-decoration: none;} a:link {text-decoration: none;} a:hover {text-decoration: none!important;} a.forumtitle {text-decoration: none;} a.forumtitle:hover {text-decoration: none!important;} a.topictitle {text-decoration: none;} a.topictitle:hover {text-decoration: none!important;} #pun-about #qjump { display: none; } #pun-about { background: rgb(248, 248, 248); color: transparent; border-top: 1px solid #D1D1D1; padding: 0 5px; height: 45px; line-height: 45px; text-align: left; } #pun-about ul li a { font-size: 11px; color: #999; display: block; float: left; height: 45px; line-height: 45px; padding: 0 10px; border-right: 1px solid #ddd; font-weight: normal; } #pun-about ul li a:hover { background: #fff; color: #666; } ul#pun-legend { text-align: left; line-height: 37px; height: 37px; margin: 0; color: rgb(68, 68, 68); font-family: Arial, sans-serif; font-size: 11px; } ul#pun-legend img { top: 9px; position: relative; margin-left: 10px; } #pun-foot #copyright { padding: 0 15px; border-radius: 0 0 5px 5px; font-size: 11px; height: 45px; line-height: 45px; color: #999; } #pun-foot #copyright a { font-weight: bold; } #pun-foot #back-top { float: right; padding: 0 10px; height: 45px; line-height: 45px; display: block; border-left: 1px solid #ddd; margin-left: 10px; border-right: 1px solid #ddd; } #pun-foot .mybb-link.right { margin-right: 10px; border-right: 1px solid #ddd; padding-right: 10px; } #pun-foot .icon-upload.icon-large { background: url("http://i.imgur.com/noa2Awt.png") no-repeat center center; width: 25px; height: 24px; display: block; margin-top: 10px; } #pun-foot .icon-upload.icon-large:hover { background: url("http://i.imgur.com/1JvGS3S.png") no-repeat center center; } #pun-foot #copyright .audentio-link.right { line-height: 15px; margin-top: 8px; } #pun-foot .center.admin { position: absolute; top: 17px; right: 10px; } #pun-foot .center.admin a { font: bold 10px arial; } .boardstats_cat { font-family: arial, sans-serif; background: #F0F0F0 url(http://i.imgur.com/r3Rwykr.png) repeat-x top; font-size: 11px; color: #666; padding: 9px; border-bottom: 1px solid #ddd; min-height: 20px; line-height: 20px; } .boardstats_cat .bw#icons { background: url("http://i.imgur.com/kaTjOdI.png")no-repeat center; height: 14px; width: 16px; float: left; margin: 2px 10px 0 0px; } .tborder.index_boardstats .contenedor { background: white; vertical-align: middle; border-bottom: 1px solid #DDD; padding: 15px; color: rgb(56, 56, 56); font-family: arial, sans-serif; font-size: 11px; } .tborder.index_boardstats { border: 1px solid #ddd; border-bottom: 0px; } .boardstats_cat .bs#icons { background: url("http://i.imgur.com/jsZSvJy.png")no-repeat center; height: 16px; width: 22px; float: left; margin: 2px 10px 0 0px; } .tborder.index_boardstats .bs_br { font-family: arial, sans-serif; background: #F0F0F0 url(http://i.imgur.com/r3Rwykr.png) repeat-x top; font-size: 11px; color: #666; padding: 9px; border-bottom: 1px solid #ddd; min-height: 20px; line-height: 20px; text-align: right;} .tborder.index_boardstats .bs_br ul li { display: inline; } .tborder.index_boardstats .bs_br ul li a { color: rgb(151, 151, 151); border-right: 1px solid rgb(151, 151, 151); padding: 0 5px; } .tborder.index_boardstats .bs_br ul li a:hover { color: black; } .tborder.index_boardstats .bs_br ul li#rtd a { border-right: 0px; } .pun .main-content .table thead tr th { font-family: arial, sans-serif; background: #F0F0F0 url(http://i.imgur.com/r3Rwykr.png) repeat-x top; font-size: 11px; color: #666; padding: 9px; border-bottom: 1px solid #ddd; min-height: 20px; line-height: 20px; font-weight: bold; } #pun-visit, .main-box { display: none; } #page-body { overflow: hidden; padding-top: 20px;} .pun-crumbs{ background: #E0E0E0 url('http://www.ipbforumskins.com/skindemo/public/style_images/splat34x/secondary_nav_bg.png') repeat-x 0 0; border: 1px solid #D6D6D6; text-shadow: white 0px 1px 0px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px; -moz-box-shadow: rgba(0,0,0,0.05) 0px 1px 2px; box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px; overflow: hidden; line-height: 37px; margin-bottom: 15px; } .pun-crumbs p{color:#666;font-size:1.11em;line-height:1.5;margin:0} .pun-crumbs a{text-decoration:none} #pun-crumbs li { float: left; } .pun .pun-crumbs .crumbs{font-size:.8em}.pun .pun-crumbs .crumbs a{ text-shadow: white 0px 1px 0px; margin:0 1.25em 0 .5em} p.crumbs a{ background:url(http://i42.servimg.com/u/f42/17/32/13/00/second10.png) no-repeat 100% -1px; color: #777; color: #777!important; font-size: 11px; font-weight: normal; text-shadow: white 0px 1px 0px; line-height:30px; padding:11px 17px 11px 1px } p.crumbs a:hover{ background: url('http://i.imgur.com/FszIm.gif') no-repeat 100% 0; color:#222; text-decoration: none; } p.crumbs{color:#F3F3F3} .user-basic-info a img { max-height: 90px; max-width: 90px; padding: 1px; border: 1px solid #D5D5D5; background: white; -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.1); box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);} .user-basic-info a img:hover { border-color: #A1A1A1; -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.2); box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2); } .container_IE { background: url("http://i.imgur.com/Hw0gs2Q.png") repeat-x top; } .menu.main_width { background: url(http://i.imgur.com/bhf8jNK.png); height: 58px; border-radius: 4px 4px 0 0; box-shadow: inset 0px 2px 5px rgba(0, 0, 0, 0.07), 0px -1px 0px rgba(255, 255, 255, 0.07); overflow: hidden; } .menu.main_width ul li { display: block; padding-left: 10px; float: left; background: url(http://i.imgur.com/50TLteD.png) no-repeat right 10px; } .menu.main_width ul li:first-child { margin-left: 10px; } .menu.main_width ul li a { color: #f8f8f8; text-decoration: none; margin-top: 16px; display: block; padding-right: 35px; padding-left: 2px; text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.58); } .menu-item-subtitle { display: block; float: left; font-size: 10px; color: #868686; font-weight: normal; font-style: italic; } .menu.main_width ul li:hover .menu-item-subtitle { color: #fafafa; } #panel { color: #E9E9E9; font-size: 11px; height: 42px; font-family: georgia; font-style: italic; text-shadow: 0px -1px 0px #000; line-height: 42px; } #pun-intro { width: 980px; height: 93px; padding: 0; background: none; border: none; } #pun-logo { display: table-cell; vertical-align: middle; height: 93px; line-height: 93px; margin: auto; float: none; } .registerlink { background: #8DB318; text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.25); padding: 5px 10px; border-radius: 2px; box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.19), 1px 1px 0px rgba(0, 0, 0, 0.43); margin-left: 10px; } #panel a { color: #E9E9E9; } .registerlink:hover { background: #78AD28; } .icon-plus-sign { background: url("http://i.imgur.com/Qg6Pc4b.png") no-repeat center; padding: 5px; } .loginlink .icon-user { background: url("http://i.imgur.com/WOLNdgB.png") center no-repeat; padding: 6px; } .social-icons.right { color: #E9E9E9; font-size: 11px; font-family: georgia; font-style: italic; text-shadow: 0px -1px 0px #000; line-height: 42px; height: 42px; } .social-icons.right a { background: url(http://i.imgur.com/AjVm7sG.png) 0px 0px; height: 16px; width: 18px; display: inline-block; position: relative; top: 5px; background-position: 0px -2px; opacity: 0.6; margin: 8px 2px 8px 2px; } .a-icon-twitter { background-position: 60px -2px !important; } .a-icon-gplus { background-position: 80px -2px !important; } .a-icon-rss { background-position: 40px -2px !important; } .a-icon-vimeo { background-position: 100px -2px !important; } .hidden.a-icon-youtube { background-position: 0px -2px !important; } .a-icon-facebook { background-position: 19px -2px !important; } .social-icons.right a:hover { opacity: 1; } .in_search { position: absolute; right: 20px; top: 70px; } .in_search .inputbox.medium { background: #ffffff; color: #979797; font-size: 11px; outline: 0; border: 1px solid rgb(70, 83, 92); padding: 0px 10px; height: 30px; margin-right: -5px; } .in_search #buttonsearch { background: #353535 url(http://i.imgur.com/sQN42lT.png) !important; color: transparent; height: 32px; border: 0; width: 34px; background-position: -50px -8px !important; cursor: pointer; top: 1px; position: relative; } .user-dropdown-box { display: none; position: absolute; min-width: 150px; background: url(http://i.imgur.com/5kJJAoi.png); color: #555; top: 41px; border-radius: 0 4px 4px 4px; padding: 5px; z-index: 88; left: 120px; box-shadow: none; font-family: arial; text-shadow: none; font-style: normal; } .user-dropdown-box .user-dropdown-box-inner { background: white; text-align: center; padding: 10px; } .userloginbox .username input, .userloginbox .pass input { padding: 8px; margin-bottom: 10px; border: 1px solid #D3D3D3; background: #ffffff; color: #979797; font-size: 11px; outline: 0; width: 160px; } .user-dropdown-box .user-dropdown-box-inner .sendpass a { margin: -10px; padding: 15px; background: #fafafa; margin-top: 0; text-shadow: none; color: #555 !important; display: block; height: auto; line-height: 1.3; border-top: 1px solid #ddd; font-family: arial; font-style: normal; text-align: left; } .buttonipblog input.mainoption { font-size: 11px; color: #666; border-radius: 2px; cursor: pointer; border: 1px solid #C2C2C2; background: rgb(255,255,255); background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(238,238,238,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(238,238,238,1))); background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%); background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%); background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); box-shadow: 0px 1px 1px rgba(204, 204, 204, 0.18); display: block; width: 100%; margin-bottom: 15px; padding: 10px; text-transform: uppercase; font-weight: bold; } .buttonipblog input.mainoption:hover { background: #fefefe; } .buttonipblog input.mainoption:active { background: rgb(238,238,238); background: -moz-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,238,238,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(255,255,255,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(238,238,238,1) 0%,rgba(255,255,255,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */; box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.09); } .user-dropdown-box::before { width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; content: ""; position: absolute; border-bottom: 5px solid #000000; top: -5px; left: 10px; } #page-body input[type="button"], #page-body input[type="submit"], #page-body input[type="reset"], #page-body input[type="file"]::-webkit-file-upload-button, #page-body button { padding: 6px 10px; font-size: 11px; color: #666; border-radius: 2px; cursor: pointer; border: 1px solid #C2C2C2; background: rgb(255,255,255); background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(238,238,238,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(238,238,238,1))); background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%); background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%); background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); box-shadow: 0px 1px 1px rgba(204, 204, 204, 0.18); } #page-body input[type="button"]:hover, #page-body input[type="submit"]:hover, #page-body input[type="reset"]:hover, #page-body input[type="file"]::-webkit-file-upload-button:hover, #page-body button:hover { background: #fefefe; } #page-body input[type="button"]:active, #page-body input[type="submit"]:active, #page-body input[type="reset"]:active, #page-body input[type="file"]::-webkit-file-upload-button:active, #page-body button:active { background: rgb(238,238,238); background: -moz-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(255,255,255,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,238,238,1)), color-stop(100%,rgba(255,255,255,1))); background: -webkit-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(255,255,255,1) 100%); background: -o-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(255,255,255,1) 100%); background: -ms-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(255,255,255,1) 100%); background: linear-gradient(to bottom, rgba(238,238,238,1) 0%,rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0 ); box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.09); } #page-body blockquote ,#page-body .codebox { border: 1px solid #ccc; margin: 0; background: #fff; padding: 10px; border-radius: 2px; position: relative; padding-right: 45px; overflow: hidden; } #page-body blockquote::before { content: ""; background: url(http://i.imgur.com/cqwW2R7.png) no-repeat center center; width: 128px; height: 128px; position: absolute; right: 10px; top: -57px; } #page-body .codebox::before { background: url(http://i.imgur.com/zBfocq2.png) no-repeat center center; top: -45px; content: ""; width: 128px; height: 128px; position: absolute; right: 10px; } #page-body .codebox dt { font-weight: bold; border-bottom: 1px solid #ccc; font-style: normal; display: block; margin: 0; padding-bottom: 8px; margin-top: -2px; padding-top: 1px; text-transform: uppercase; font-size: 11px; margin-bottom: 7px; } #page-body .codebox .cont_code { background: none; } .pun .post .user { display: block; position: relative; margin: 0; width: initial!important; float: none; background: white; vertical-align: middle; border-bottom: 1px solid #DDD; padding: 15px; height: 75px; overflow:initial; } .pun .postmain { margin: 0; border: 0; } .pun .post-entry { background: rgb(250, 250, 250); vertical-align: middle; border-bottom: 1px solid #DDD; padding: 5px 10px; } #page-body .postfoot { margin: 0; background: white; vertical-align: middle; border: 0; border-bottom: none; padding: 15px; } .pun .posthead { font-family: arial, sans-serif; background: #F0F0F0 url(http://i.imgur.com/r3Rwykr.png) repeat-x top; font-size: 11px; color: #666; padding: 9px; border-bottom: 1px solid #ddd; border-top: none; min-height: 20px; line-height: 20px; } .pun .post { margin: 10px 0; border: 1px solid #ddd; } .pun .topic { border: 0; background: none; } .pun .user .user-info { float: right; font-size:11px} .pun .user .user-ident { float: left; } .pun .topic .post:first-child { margin-top: 0px; } .pun .user-ident .user-basic-info { font-weight: normal; font-size: 11px; } .pun .post .user .user_avatar { float: left; } .pun .post .user .user_avatar img { padding: 1px; border: 1px solid #DDD; box-shadow: 0px 1px 3px -1px #BEBEBE; width: 70px; height: 70px; } .pun .post .user .user_avatar img:hover {border-color: #aaa;} .pun .user-ident .username { position: relative; } .pun .user .user-ident { margin-left: 15px; font-size: 11px; font-weight: normal; } .pun .user-ident .username a { font-size: 13px; font-weight: bold; } .pun .user-ident .username status.s_u_p { float: left; background: url("http://i.imgur.com/UvKrxTF.png"); height: 7px; width: 7px; margin: 4px 4px 4px 0px; } #tabs ul li a { font-size: 11px; color: #666; border-radius: 2px 2px 0 0; cursor: pointer; border: 1px solid #C2C2C2; background: rgb(255,255,255); background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(238,238,238,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(238,238,238,1))); background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%); background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%); background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); box-shadow: 0px 1px 1px rgba(204, 204, 204, 0.18); display: block; padding: 0px 5px; font-weight: bold; border-bottom: 0; } #tabs ul li.activetab a { background: rgb(238,238,238); background: -moz-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,238,238,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(255,255,255,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(238,238,238,1) 0%,rgba(255,255,255,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */; box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.09); border: 1px solid rgb(150, 150, 150); color: black; text-decoration: none; border-bottom: 0; margin-top: -2px; padding: 1px 5px; } #tabs ul li.activetab a:hover ,#tabs ul li a:hover { background: white; color: black; } #profile-advanced-layout #new-message { width: auto; } .posting img:hover { opacity: 0.9; } #page-body input[type="text"], #page-body textarea { background: #ffffff; color: #979797; border: 1px solid #A7A7A7; padding: 6px; font-size: 11px; outline: 0; } .frm-set.multi.posting .frm-input { margin-left: 0; width: initial; } .frm-set.multi.posting #textarea_content.posting-block .frm-textarea { margin: 0; width: 600px; } .frm-set.multi.posting #textarea_content.posting-block .frm-textarea .sceditor-container.ltr { width: 735px!important; } .frm-set.multi.posting #textarea_content.posting-block .frm-textarea .sceditor-container.ltr .sceditor-toolbar { margin: 0; width: 725px!important; float: left; } .frm-set.multi.posting #textarea_content.posting-block .frm-textarea .sceditor-container.ltr iframe ,.frm-set.multi.posting #textarea_content.posting-block .frm-textarea .sceditor-container.ltr textarea { width: 725px!important; border: 0px!important; padding: 0!important; color: #111; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 13px; } #smiley-box { width: 740px; padding: 2px; margin-left: 1px; height: 90px; background: url(http://i.imgur.com/3Y5TPJy.png)repeat-x; background-size: auto 35px; color: #ffffff; font-size: 10px; text-transform: uppercase; font-weight: bold; border: 1px solid #284158; border-radius: 4px 4px 0 0; box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.14); line-height: 19px; padding-top: 35px; position: relative; } #smiley-box iframe { height: 90px; } #smiley-box::before { content: "Iconos"; position: absolute; top: 9px; text-align: center; width: 139px; } .pun #pun-info .main-content { font-family: arial, sans-serif; background: #F0F0F0 url(http://i.imgur.com/r3Rwykr.png) repeat-x top; font-size: 11px; color: #666; padding: 9px; border: 1px solid #ddd; min-height: 20px; line-height: 20px; font-weight: bold; } .pun #pun-info .main-content #stats { border-bottom: 1px solid white; } .pun #pun-info .main-content #onlinelist { border-top: 1px solid rgb(219, 219, 219); } #user-hoverbox { margin-left: 5px; z-index: 999; min-width: 160px; position: absolute; padding-top: 1px; display:initial!important;} #user-hoverbox #user-hoverbox-inner a { display: block; background: white; color: rgb(136, 136, 136); border-bottom: 1px solid #aaa; padding: 8px; font-size: 11px; z-index: 999; text-align: left; text-shadow: none !important; } #user-hoverbox-inner { background: white; width: 140px; border: 4px solid black; border-radius: 2px; box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.31); } #user-hoverbox #user-hoverbox-inner a:hover { background: #fafafa; color: #333; } #user-hoverbox::before { width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; content: ""; position: absolute; border-bottom: 5px solid rgb(54, 54, 54); top: -4px; left: 12px; } #user-hoverbox a .icon-user { background-image: url("http://i.imgur.com/o0vbztB.png"); } #user-hoverbox a .icon-comments { background-image: url("http://i.imgur.com/H1HNIqI.png"); } .pun #user-hoverbox a i { background-position: center; background-repeat: no-repeat; width: 13px; height: 10px; float: left; margin-top: 2px; margin-right: 3px; opacity: 0.8; } #user-hoverbox a .icon-envelope-alt { background-image: url("http://i.imgur.com/LpRlXho.png"); } #user-hoverbox a .icon-file-alt { background-image: url("http://i.imgur.com/3tVmtX5.png"); } #user-hoverbox a .icon-folder-open { background-image: url("http://i.imgur.com/xbes4ru.png"); } .pun #user-hoverbox a:hover i { opacity: 1!important; } .pun #page-body #user-hoverbox #user-hoverbox-inner a { font-weight: normal; font-style: normal; } #profile-advanced-details .message-text img { max-width: 620px; } #profile-advanced-details .message-header { height: 42px; font: bold 11px arial; color: rgb(101, 107, 112); font-style: normal; border-bottom: 1px solid #C2C2C2!important; border: 0px; margin: 0; background-image: -webkit-linear-gradient(top,#FAFAFA,#EEEEEE); background-image: -moz-linear-gradient(top,#FAFAFA,#EEEEEE); background-image: -ms-linear-gradient(top,#FAFAFA,#EEEEEE); background-image: -o-linear-gradient(top,#FAFAFA,#EEEEEE); background-image: linear-gradient(top,#FAFAFA,#EEEEEE); } #profile-advanced-details .message-block { margin: 0; } #profile-advanced-details ol li { border: 1px solid rgb(187, 187, 187); margin: 5px 0; } #profile-advanced-details .avatar { border: none; margin-top: 0px; margin-right: 6px; } #profile-advanced-details .avatar img { border: solid silver; border-width: 0px 1px 0 0; width: 50px; height: 50px; } #profile-advanced-details .message-block .message-text { padding: 10px; font-family: arial; } embed[src^="http://www.youtube.com"] { width: 620px; height: 380px; } #profile-advanced-layout #tabs.clearfix { position: initial; } .nivoSlider { position: relative; } .nivoSlider img { position: absolute; top: 0; left: 0; } .nivoSlider a.nivo-imageLink { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; padding: 0; margin: 0; z-index: 6; display: none; } .nivo-slice { display: block; position: absolute; z-index: 5; height: 100%; } .nivo-box { display: block; position: absolute; z-index: 5; } .nivo-caption { position: absolute; left: 0; bottom: 0; background: #000; color: #fff; opacity: .8; width: 100%; z-index: 8; } .nivo-caption p { padding: 5px; margin: 0; } .nivo-caption a { display: inline!important; } .nivo-html-caption { display: none; } .nivo-directionNav a { position: absolute; top: 45%; z-index: 9; cursor: pointer; } .nivo-prevNav { left: 0; } .nivo-nextNav { right: 0; } .nivo-controlNav a { position: relative; z-index: 9; cursor: pointer; } .nivo-controlNav a.active { font-weight: bold; } .theme-default .nivoSlider { position: relative; background: #fff url(http://i46.servimg.com/u/f46/15/66/68/20/loadin10.gif) no-repeat 50% 50%; margin-bottom: 50px; -webkit-box-shadow: 0 1px 5px 0 #4a4a4a; -moz-box-shadow: 0 1px 5px 0 #4a4a4a; box-shadow: 0 1px 5px 0 #4a4a4a; } .theme-default .nivoSlider img { position: absolute; top: 0; left: 0; display: none; } .theme-default .nivoSlider a { border: 0; display: block; } .theme-default .nivo-controlNav { position: absolute; left: 50%; bottom: -42px; margin-left: -40px; } .theme-default .nivo-controlNav a { display: block; width: 22px; height: 22px; background: url(http://i46.servimg.com/u/f46/15/66/68/20/bullet10.png) no-repeat; text-indent: -9999px; border: 0; margin-right: 3px; float: left; } .theme-default .nivo-controlNav a.active { background-position: 0 -22px; } .theme-default .nivo-directionNav a { display: block; width: 30px; height: 30px; background: url(http://i46.servimg.com/u/f46/15/66/68/20/arrows10.png) no-repeat; text-indent: -9999px; border: 0; } .theme-default a.nivo-nextNav { background-position: -30px 0; right: 15px; } .theme-default a.nivo-prevNav { left: 15px; } .theme-default .nivo-caption { font-family: Helvetica,Arial,sans-serif; } .theme-default .nivo-caption a { color: #fff; border-bottom: 1px dotted #fff; } .theme-default .nivo-caption a:hover { color: #fff; } /* memberlist 2 in 1 */ .Sname a{background-color:#FFF;border:1px solid #DDD;margin:2px;padding:1px 5px} .Sname a:hover,.Sname a:active{background-color:#2F98D9;color:#FFF} .Sname{text-align:right} .rutgonML img{background-color:#000;border:3px double;border-radius:7px 7px 7px 7px;height:75px;width:72%;margin:10px} .rutgonML{float:left;width:10%} .rutgonML p{background-image:url(http://i.imgur.com/QhVWi.png);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0 2px;padding:2px 5px} .rutgonML:hover{box-shadow:0 0 10px 5px #000} iframe[src*="ad.z5x.net"]{display: none !important;} .pun tbody.statused td.tcl { padding-left: 10 !important; } .pun tbody.statused td.tcl .midesc > div { height: 80px; overflow: auto; padding-left: 10px; padding-top: 10px; } .pun tbody.statused td.tcl .midesc > img { padding-top: 0px; /* controla el margen superior que le das a la imagen */ } .pun tbody.statused td.tcl .hierarchy { margin-left: 50px; /* margen título */ } .pun tbody.statused td.tcl.tdtopics { padding-left: 3.4em !important; } .pun tbody.statused td.tcl .mod-text { margin-left: 10px; } #pun-legend { display: none; } .mini_ava img:hover { -moz-box-shadow: 0 2px 2px rgba(0,0,0,0.2); -webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.2); border-color: #a1a1a1; box-shadow: 0 2px 2px rgba(0,0,0,0.2); } .mini_ava img { -moz-box-shadow: 0 2px 2px rgba(0,0,0,0.1); -webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.1); background: #fff; border: 1px solid #D5D5D5; box-shadow: 0 2px 2px rgba(0,0,0,0.1); height: 36px; margin: 0 5px; padding: 1px; width: 36px; } #tabs ul li.activetab a:hover { background-color: hsl(0, 0%, 21%); } #tabs ul li.activetab a { background-color: hsl(0, 0%, 21%); background-image: url(http://i50.tinypic.com/9qky9y.png); background-repeat: repeat-x; border-color: hsl(0, 0%, 21%); color: hsl(0, 100%, 100%); text-decoration: none; } #tabs ul li.activetab a { background-color: hsl(0, 0%, 21%); border-color: hsl(0, 0%, 21%); color: hsl(207, 69%, 97%); text-decoration: underline; } #tabs ul li a { background-color: hsl(0, 0%, 95%); background-image: url(http://i50.tinypic.com/2rcpvd3.png); background-repeat: repeat-x; border-color: hsl(0, 0%, 76%); border-left: 1px solid hsl(0, 0%, 80%); border-top: 1px solid hsl(0, 0%, 80%); color: hsl(0, 0%, 26%); font-weight: 700; margin-top: 10px; } .ipsSteps { background: #E9E9E9; height: 55px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .ipsSteps li:first-child { border-radius: 3px 0px 0px 3px; -moz-border-radius: 3px 0px 0px 3px; border-radius: 3px 0px 0px 3px; } .ipsSteps ul li { float: left; padding: 11px 33px 5px 18px; color: #323232; background-image: url('http://i69.servimg.com/u/f69/17/45/75/97/wizard10.png'); background-repeat: no-repeat; background-position: 100% -56px; list-style-type: none; position: relative; height: 39px; text-shadow: rgba(255, 255, 255, 0.6) 0px 1px 0px; } .ipsSteps_title { display: block; font-size: 14px; padding-bottom: 4px; } .ipsSteps_desc { font-size: 11px; } .ipsSteps ul li:first-child .ipsSteps_arrow { display: none !important; } .ipsSteps .ipsSteps_active { background-position: 100% 0; color: white; text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.8); } .ipsSteps_active .ipsSteps_arrow { display: block; position: absolute; left: -23px; top: 0; width: 23px; height: 55px; background: url('http://i69.servimg.com/u/f69/17/45/75/97/wizard10.png') no-repeat 0 -112px; } /* Avatar in index */ .avatar-index {float: left;} .avatar-index img {width: 40px;height: 40px;background: #F4F4F4;border: 1px solid #DDD;margin: 0 5px;padding: 1px;} .avatar-index img:hover {border: 1px dashed #CCC;}
Templante index_box
Spoiler: Código: <div class="pun-crumbs"> <p class="crumbs"><a href="{U_INDEX}">{L_INDEX}</a><strong>{NAV_CAT_DESC}</strong></p> </div> <div class="main"> <!-- BEGIN catrow --> <!-- BEGIN tablehead --> <div class="main-head mybb"> <div class="page-title">{catrow.tablehead.L_FORUM}</div> </div> <div class="main-content"> <table cellspacing="0" class="table"> <tbody class="statused"> <!-- END tablehead --> <!-- BEGIN forumrow --> <tr> <td class="tcl" style="padding-right: {catrow.forumrow.INC_LEVEL_RIGHT}; padding-left: {catrow.forumrow.INC_LEVEL_LEFT};"> <span class="status" style="margin-right: -{catrow.forumrow.INC_WIDTH_ICON}; margin-left: -{catrow.forumrow.INC_WIDTH_ICON};"> <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /> </span> <h{catrow.forumrow.LEVEL} class="hierarchy"><a href="{catrow.forumrow.U_VIEWFORUM}" class="forumtitle">{catrow.forumrow.FORUM_NAME}</a></h{catrow.forumrow.LEVEL}> <br /> <div class="desc_forum_cat_row">{catrow.forumrow.FORUM_DESC}</div> <!-- BEGIN switch_moderators_links --> <br /> {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS} <!-- END switch_moderators_links --> {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS} <strong>{forumrow.L_SUBFORUM_STR}</strong> {forumrow.SUBFORUMS} </td> <td class="tc2"></td> <td class="tc3"> <p id="catrow"> <span>{catrow.forumrow.TOPICS} </span> Temas</p> <p id="catrow"> <span>{catrow.forumrow.POSTS} </span> Posts</p></td> <td class="tcr"> <span> <!-- BEGIN switch_topic_title --> <a href="{catrow.forumrow.U_LATEST_TOPIC}" title="{catrow.forumrow.LATEST_TOPIC_TITLE}">{catrow.forumrow.LATEST_TOPIC_NAME}</a><br /> <!-- END switch_topic_title --> {catrow.forumrow.USER_LAST_POST} </span> </td> </tr> <!-- END forumrow --> <!-- BEGIN tablefoot --> </tbody> </table> </div><br/> <!-- END tablefoot --> <!-- END catrow --> </div>
EdggarBello
Novo Membro
Membro desde : 13/02/2014
Mensagens : 17
Reputação : 0
[K]oke • Qui 20 Fev 2014 - 11:27
Olá, tente coloca esse CSS
Código: .mini_ava img:hover { -moz-box-shadow: 0 2px 2px rgba(0,0,0,0.2); -webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.2); border-color: #a1a1a1; box-shadow: 0 2px 2px rgba(0,0,0,0.2); } .mini_ava img { -moz-box-shadow: 0 2px 2px rgba(0,0,0,0.1); -webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.1); background: #fff; border: 1px solid #D5D5D5; box-shadow: 0 2px 2px rgba(0,0,0,0.1); height: 36px; margin: 0 5px; padding: 1px; width: 36px; } body {background:url(http://euro.mediotiempo.com/media/portada/1390325487-1.jpg) fixed center 0;} #page-body { width: 960px; margin: auto; position: relative; padding: 10px; border-top: 5px solid #1C2229; box-shadow: 0 0 20px rgba(0,0,0,.5); -moz-box-shadow: 0 10px 20px rgba(0,0,0,.5); -webkit-box-shadow: 0 0 20px rgba(0,0,0,.5); background: #Fff; } #pun-foot { border-radius: 0 0 5px 5px; width: 980px; margin: auto; background: #fff; z-index: 999; display: block; position: relative; box-shadow: 0 10 20px rgba(0,0,0,.5); -moz-box-shadow: 0 10px 20px rgba(0,0,0,.5); -webkit-box-shadow: 0 10px 20px rgba(0,0,0,.5); margin-bottom: 30px; } body { color: #444; font-family: Arial, Sans-Serif; font-size: 13px; padding: 0; margin: auto!important; line-height: 1.4; } .pun { width: 980px; margin: auto; position: relative;padding:0px; } .main .main-foot, .main .main-head { background: #53748D url(http://i.imgur.com/3Y5TPJy.png)center center; color: #ffffff; padding: 10px; font-size: 10px; text-transform: uppercase; font-weight: bold; border: 1px solid #284158; border-radius: 4px 4px 0 0; box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.14); line-height: 19px; } .table tbody.statused tr td { background: white!important; vertical-align: middle; border: 0px; border-bottom: 1px solid #DDD!important; font-family: arial, sans-serif; font-size: 12px; font-weight: bold; color: rgb(119, 119, 119); } .table tbody.statused tr:nth-child(2n+2) td ,.main-content tbody .statused tr:nth-child(2n+2) td{ background: rgb(250, 250, 250)!important; } .main-head .page-title h2 ,.main .main-head .page-title{ font-family: arial, sans-serif; font-size: 10px; font-weight: bold; } p#catrow { font-family: arial, sans-serif; font-size: 11px; font-weight: bold; text-align: right; margin-right: 10px; } .desc_forum_cat_row { color: rgb(170, 170, 170); font-family: arial, sans-serif; font-size: 11px; font-style: italic; font-weight: normal; } .statused tr td .hierarchy a {color: rgb(85, 85, 85); font-family: arial, sans-serif; font-size: 12px; font-weight: bold;} .statused tr td .hierarchy a:hover {color: #222;} a {text-decoration: none;} a:link {text-decoration: none;} a:hover {text-decoration: none!important;} a.forumtitle {text-decoration: none;} a.forumtitle:hover {text-decoration: none!important;} a.topictitle {text-decoration: none;} a.topictitle:hover {text-decoration: none!important;} #pun-about #qjump { display: none; } #pun-about { background: rgb(248, 248, 248); color: transparent; border-top: 1px solid #D1D1D1; padding: 0 5px; height: 45px; line-height: 45px; text-align: left; } #pun-about ul li a { font-size: 11px; color: #999; display: block; float: left; height: 45px; line-height: 45px; padding: 0 10px; border-right: 1px solid #ddd; font-weight: normal; } #pun-about ul li a:hover { background: #fff; color: #666; } ul#pun-legend { text-align: left; line-height: 37px; height: 37px; margin: 0; color: rgb(68, 68, 68); font-family: Arial, sans-serif; font-size: 11px; } ul#pun-legend img { top: 9px; position: relative; margin-left: 10px; } #pun-foot #copyright { padding: 0 15px; border-radius: 0 0 5px 5px; font-size: 11px; height: 45px; line-height: 45px; color: #999; } #pun-foot #copyright a { font-weight: bold; } #pun-foot #back-top { float: right; padding: 0 10px; height: 45px; line-height: 45px; display: block; border-left: 1px solid #ddd; margin-left: 10px; border-right: 1px solid #ddd; } #pun-foot .mybb-link.right { margin-right: 10px; border-right: 1px solid #ddd; padding-right: 10px; } #pun-foot .icon-upload.icon-large { background: url("http://i.imgur.com/noa2Awt.png") no-repeat center center; width: 25px; height: 24px; display: block; margin-top: 10px; } #pun-foot .icon-upload.icon-large:hover { background: url("http://i.imgur.com/1JvGS3S.png") no-repeat center center; } #pun-foot #copyright .audentio-link.right { line-height: 15px; margin-top: 8px; } #pun-foot .center.admin { position: absolute; top: 17px; right: 10px; } #pun-foot .center.admin a { font: bold 10px arial; } .boardstats_cat { font-family: arial, sans-serif; background: #F0F0F0 url(http://i.imgur.com/r3Rwykr.png) repeat-x top; font-size: 11px; color: #666; padding: 9px; border-bottom: 1px solid #ddd; min-height: 20px; line-height: 20px; } .boardstats_cat .bw#icons { background: url("http://i.imgur.com/kaTjOdI.png")no-repeat center; height: 14px; width: 16px; float: left; margin: 2px 10px 0 0px; } .tborder.index_boardstats .contenedor { background: white; vertical-align: middle; border-bottom: 1px solid #DDD; padding: 15px; color: rgb(56, 56, 56); font-family: arial, sans-serif; font-size: 11px; } .tborder.index_boardstats { border: 1px solid #ddd; border-bottom: 0px; } .boardstats_cat .bs#icons { background: url("http://i.imgur.com/jsZSvJy.png")no-repeat center; height: 16px; width: 22px; float: left; margin: 2px 10px 0 0px; } .tborder.index_boardstats .bs_br { font-family: arial, sans-serif; background: #F0F0F0 url(http://i.imgur.com/r3Rwykr.png) repeat-x top; font-size: 11px; color: #666; padding: 9px; border-bottom: 1px solid #ddd; min-height: 20px; line-height: 20px; text-align: right;} .tborder.index_boardstats .bs_br ul li { display: inline; } .tborder.index_boardstats .bs_br ul li a { color: rgb(151, 151, 151); border-right: 1px solid rgb(151, 151, 151); padding: 0 5px; } .tborder.index_boardstats .bs_br ul li a:hover { color: black; } .tborder.index_boardstats .bs_br ul li#rtd a { border-right: 0px; } .pun .main-content .table thead tr th { font-family: arial, sans-serif; background: #F0F0F0 url(http://i.imgur.com/r3Rwykr.png) repeat-x top; font-size: 11px; color: #666; padding: 9px; border-bottom: 1px solid #ddd; min-height: 20px; line-height: 20px; font-weight: bold; } #pun-visit, .main-box { display: none; } #page-body { overflow: hidden; padding-top: 20px;} .pun-crumbs{ background: #E0E0E0 url('http://www.ipbforumskins.com/skindemo/public/style_images/splat34x/secondary_nav_bg.png') repeat-x 0 0; border: 1px solid #D6D6D6; text-shadow: white 0px 1px 0px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px; -moz-box-shadow: rgba(0,0,0,0.05) 0px 1px 2px; box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px; overflow: hidden; line-height: 37px; margin-bottom: 15px; } .pun-crumbs p{color:#666;font-size:1.11em;line-height:1.5;margin:0} .pun-crumbs a{text-decoration:none} #pun-crumbs li { float: left; } .pun .pun-crumbs .crumbs{font-size:.8em}.pun .pun-crumbs .crumbs a{ text-shadow: white 0px 1px 0px; margin:0 1.25em 0 .5em} p.crumbs a{ background:url(http://i42.servimg.com/u/f42/17/32/13/00/second10.png) no-repeat 100% -1px; color: #777; color: #777!important; font-size: 11px; font-weight: normal; text-shadow: white 0px 1px 0px; line-height:30px; padding:11px 17px 11px 1px } p.crumbs a:hover{ background: url('http://i.imgur.com/FszIm.gif') no-repeat 100% 0; color:#222; text-decoration: none; } p.crumbs{color:#F3F3F3} .user-basic-info a img { max-height: 90px; max-width: 90px; padding: 1px; border: 1px solid #D5D5D5; background: white; -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.1); box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);} .user-basic-info a img:hover { border-color: #A1A1A1; -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.2); box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2); } .container_IE { background: url("http://i.imgur.com/Hw0gs2Q.png") repeat-x top; } .menu.main_width { background: url(http://i.imgur.com/bhf8jNK.png); height: 58px; border-radius: 4px 4px 0 0; box-shadow: inset 0px 2px 5px rgba(0, 0, 0, 0.07), 0px -1px 0px rgba(255, 255, 255, 0.07); overflow: hidden; } .menu.main_width ul li { display: block; padding-left: 10px; float: left; background: url(http://i.imgur.com/50TLteD.png) no-repeat right 10px; } .menu.main_width ul li:first-child { margin-left: 10px; } .menu.main_width ul li a { color: #f8f8f8; text-decoration: none; margin-top: 16px; display: block; padding-right: 35px; padding-left: 2px; text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.58); } .menu-item-subtitle { display: block; float: left; font-size: 10px; color: #868686; font-weight: normal; font-style: italic; } .menu.main_width ul li:hover .menu-item-subtitle { color: #fafafa; } #panel { color: #E9E9E9; font-size: 11px; height: 42px; font-family: georgia; font-style: italic; text-shadow: 0px -1px 0px #000; line-height: 42px; } #pun-intro { width: 980px; height: 93px; padding: 0; background: none; border: none; } #pun-logo { display: table-cell; vertical-align: middle; height: 93px; line-height: 93px; margin: auto; float: none; } .registerlink { background: #8DB318; text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.25); padding: 5px 10px; border-radius: 2px; box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.19), 1px 1px 0px rgba(0, 0, 0, 0.43); margin-left: 10px; } #panel a { color: #E9E9E9; } .registerlink:hover { background: #78AD28; } .icon-plus-sign { background: url("http://i.imgur.com/Qg6Pc4b.png") no-repeat center; padding: 5px; } .loginlink .icon-user { background: url("http://i.imgur.com/WOLNdgB.png") center no-repeat; padding: 6px; } .social-icons.right { color: #E9E9E9; font-size: 11px; font-family: georgia; font-style: italic; text-shadow: 0px -1px 0px #000; line-height: 42px; height: 42px; } .social-icons.right a { background: url(http://i.imgur.com/AjVm7sG.png) 0px 0px; height: 16px; width: 18px; display: inline-block; position: relative; top: 5px; background-position: 0px -2px; opacity: 0.6; margin: 8px 2px 8px 2px; } .a-icon-twitter { background-position: 60px -2px !important; } .a-icon-gplus { background-position: 80px -2px !important; } .a-icon-rss { background-position: 40px -2px !important; } .a-icon-vimeo { background-position: 100px -2px !important; } .hidden.a-icon-youtube { background-position: 0px -2px !important; } .a-icon-facebook { background-position: 19px -2px !important; } .social-icons.right a:hover { opacity: 1; } .in_search { position: absolute; right: 20px; top: 70px; } .in_search .inputbox.medium { background: #ffffff; color: #979797; font-size: 11px; outline: 0; border: 1px solid rgb(70, 83, 92); padding: 0px 10px; height: 30px; margin-right: -5px; } .in_search #buttonsearch { background: #353535 url(http://i.imgur.com/sQN42lT.png) !important; color: transparent; height: 32px; border: 0; width: 34px; background-position: -50px -8px !important; cursor: pointer; top: 1px; position: relative; } .user-dropdown-box { display: none; position: absolute; min-width: 150px; background: url(http://i.imgur.com/5kJJAoi.png); color: #555; top: 41px; border-radius: 0 4px 4px 4px; padding: 5px; z-index: 88; left: 120px; box-shadow: none; font-family: arial; text-shadow: none; font-style: normal; } .user-dropdown-box .user-dropdown-box-inner { background: white; text-align: center; padding: 10px; } .userloginbox .username input, .userloginbox .pass input { padding: 8px; margin-bottom: 10px; border: 1px solid #D3D3D3; background: #ffffff; color: #979797; font-size: 11px; outline: 0; width: 160px; } .user-dropdown-box .user-dropdown-box-inner .sendpass a { margin: -10px; padding: 15px; background: #fafafa; margin-top: 0; text-shadow: none; color: #555 !important; display: block; height: auto; line-height: 1.3; border-top: 1px solid #ddd; font-family: arial; font-style: normal; text-align: left; } .buttonipblog input.mainoption { font-size: 11px; color: #666; border-radius: 2px; cursor: pointer; border: 1px solid #C2C2C2; background: rgb(255,255,255); background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(238,238,238,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(238,238,238,1))); background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%); background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%); background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); box-shadow: 0px 1px 1px rgba(204, 204, 204, 0.18); display: block; width: 100%; margin-bottom: 15px; padding: 10px; text-transform: uppercase; font-weight: bold; } .buttonipblog input.mainoption:hover { background: #fefefe; } .buttonipblog input.mainoption:active { background: rgb(238,238,238); background: -moz-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,238,238,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(255,255,255,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(238,238,238,1) 0%,rgba(255,255,255,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */; box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.09); } .user-dropdown-box::before { width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; content: ""; position: absolute; border-bottom: 5px solid #000000; top: -5px; left: 10px; } #page-body input[type="button"], #page-body input[type="submit"], #page-body input[type="reset"], #page-body input[type="file"]::-webkit-file-upload-button, #page-body button { padding: 6px 10px; font-size: 11px; color: #666; border-radius: 2px; cursor: pointer; border: 1px solid #C2C2C2; background: rgb(255,255,255); background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(238,238,238,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(238,238,238,1))); background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%); background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%); background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); box-shadow: 0px 1px 1px rgba(204, 204, 204, 0.18); } #page-body input[type="button"]:hover, #page-body input[type="submit"]:hover, #page-body input[type="reset"]:hover, #page-body input[type="file"]::-webkit-file-upload-button:hover, #page-body button:hover { background: #fefefe; } #page-body input[type="button"]:active, #page-body input[type="submit"]:active, #page-body input[type="reset"]:active, #page-body input[type="file"]::-webkit-file-upload-button:active, #page-body button:active { background: rgb(238,238,238); background: -moz-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(255,255,255,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,238,238,1)), color-stop(100%,rgba(255,255,255,1))); background: -webkit-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(255,255,255,1) 100%); background: -o-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(255,255,255,1) 100%); background: -ms-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(255,255,255,1) 100%); background: linear-gradient(to bottom, rgba(238,238,238,1) 0%,rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0 ); box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.09); } #page-body blockquote ,#page-body .codebox { border: 1px solid #ccc; margin: 0; background: #fff; padding: 10px; border-radius: 2px; position: relative; padding-right: 45px; overflow: hidden; } #page-body blockquote::before { content: ""; background: url(http://i.imgur.com/cqwW2R7.png) no-repeat center center; width: 128px; height: 128px; position: absolute; right: 10px; top: -57px; } #page-body .codebox::before { background: url(http://i.imgur.com/zBfocq2.png) no-repeat center center; top: -45px; content: ""; width: 128px; height: 128px; position: absolute; right: 10px; } #page-body .codebox dt { font-weight: bold; border-bottom: 1px solid #ccc; font-style: normal; display: block; margin: 0; padding-bottom: 8px; margin-top: -2px; padding-top: 1px; text-transform: uppercase; font-size: 11px; margin-bottom: 7px; } #page-body .codebox .cont_code { background: none; } .pun .post .user { display: block; position: relative; margin: 0; width: initial!important; float: none; background: white; vertical-align: middle; border-bottom: 1px solid #DDD; padding: 15px; height: 75px; overflow:initial; } .pun .postmain { margin: 0; border: 0; } .pun .post-entry { background: rgb(250, 250, 250); vertical-align: middle; border-bottom: 1px solid #DDD; padding: 5px 10px; } #page-body .postfoot { margin: 0; background: white; vertical-align: middle; border: 0; border-bottom: none; padding: 15px; } .pun .posthead { font-family: arial, sans-serif; background: #F0F0F0 url(http://i.imgur.com/r3Rwykr.png) repeat-x top; font-size: 11px; color: #666; padding: 9px; border-bottom: 1px solid #ddd; border-top: none; min-height: 20px; line-height: 20px; } .pun .post { margin: 10px 0; border: 1px solid #ddd; } .pun .topic { border: 0; background: none; } .pun .user .user-info { float: right; font-size:11px} .pun .user .user-ident { float: left; } .pun .topic .post:first-child { margin-top: 0px; } .pun .user-ident .user-basic-info { font-weight: normal; font-size: 11px; } .pun .post .user .user_avatar { float: left; } .pun .post .user .user_avatar img { padding: 1px; border: 1px solid #DDD; box-shadow: 0px 1px 3px -1px #BEBEBE; width: 70px; height: 70px; } .pun .post .user .user_avatar img:hover {border-color: #aaa;} .pun .user-ident .username { position: relative; } .pun .user .user-ident { margin-left: 15px; font-size: 11px; font-weight: normal; } .pun .user-ident .username a { font-size: 13px; font-weight: bold; } .pun .user-ident .username status.s_u_p { float: left; background: url("http://i.imgur.com/UvKrxTF.png"); height: 7px; width: 7px; margin: 4px 4px 4px 0px; } #tabs ul li a { font-size: 11px; color: #666; border-radius: 2px 2px 0 0; cursor: pointer; border: 1px solid #C2C2C2; background: rgb(255,255,255); background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(238,238,238,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(238,238,238,1))); background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%); background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%); background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); box-shadow: 0px 1px 1px rgba(204, 204, 204, 0.18); display: block; padding: 0px 5px; font-weight: bold; border-bottom: 0; } #tabs ul li.activetab a { background: rgb(238,238,238); background: -moz-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,238,238,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(255,255,255,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(238,238,238,1) 0%,rgba(255,255,255,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */; box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.09); border: 1px solid rgb(150, 150, 150); color: black; text-decoration: none; border-bottom: 0; margin-top: -2px; padding: 1px 5px; } #tabs ul li.activetab a:hover ,#tabs ul li a:hover { background: white; color: black; } #profile-advanced-layout #new-message { width: auto; } .posting img:hover { opacity: 0.9; } #page-body input[type="text"], #page-body textarea { background: #ffffff; color: #979797; border: 1px solid #A7A7A7; padding: 6px; font-size: 11px; outline: 0; } .frm-set.multi.posting .frm-input { margin-left: 0; width: initial; } .frm-set.multi.posting #textarea_content.posting-block .frm-textarea { margin: 0; width: 600px; } .frm-set.multi.posting #textarea_content.posting-block .frm-textarea .sceditor-container.ltr { width: 735px!important; } .frm-set.multi.posting #textarea_content.posting-block .frm-textarea .sceditor-container.ltr .sceditor-toolbar { margin: 0; width: 725px!important; float: left; } .frm-set.multi.posting #textarea_content.posting-block .frm-textarea .sceditor-container.ltr iframe ,.frm-set.multi.posting #textarea_content.posting-block .frm-textarea .sceditor-container.ltr textarea { width: 725px!important; border: 0px!important; padding: 0!important; color: #111; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 13px; } #smiley-box { width: 740px; padding: 2px; margin-left: 1px; height: 90px; background: url(http://i.imgur.com/3Y5TPJy.png)repeat-x; background-size: auto 35px; color: #ffffff; font-size: 10px; text-transform: uppercase; font-weight: bold; border: 1px solid #284158; border-radius: 4px 4px 0 0; box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.14); line-height: 19px; padding-top: 35px; position: relative; } #smiley-box iframe { height: 90px; } #smiley-box::before { content: "Iconos"; position: absolute; top: 9px; text-align: center; width: 139px; } .pun #pun-info .main-content { font-family: arial, sans-serif; background: #F0F0F0 url(http://i.imgur.com/r3Rwykr.png) repeat-x top; font-size: 11px; color: #666; padding: 9px; border: 1px solid #ddd; min-height: 20px; line-height: 20px; font-weight: bold; } .pun #pun-info .main-content #stats { border-bottom: 1px solid white; } .pun #pun-info .main-content #onlinelist { border-top: 1px solid rgb(219, 219, 219); } #user-hoverbox { margin-left: 5px; z-index: 999; min-width: 160px; position: absolute; padding-top: 1px; display:initial!important;} #user-hoverbox #user-hoverbox-inner a { display: block; background: white; color: rgb(136, 136, 136); border-bottom: 1px solid #aaa; padding: 8px; font-size: 11px; z-index: 999; text-align: left; text-shadow: none !important; } #user-hoverbox-inner { background: white; width: 140px; border: 4px solid black; border-radius: 2px; box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.31); } #user-hoverbox #user-hoverbox-inner a:hover { background: #fafafa; color: #333; } #user-hoverbox::before { width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; content: ""; position: absolute; border-bottom: 5px solid rgb(54, 54, 54); top: -4px; left: 12px; } #user-hoverbox a .icon-user { background-image: url("http://i.imgur.com/o0vbztB.png"); } #user-hoverbox a .icon-comments { background-image: url("http://i.imgur.com/H1HNIqI.png"); } .pun #user-hoverbox a i { background-position: center; background-repeat: no-repeat; width: 13px; height: 10px; float: left; margin-top: 2px; margin-right: 3px; opacity: 0.8; } #user-hoverbox a .icon-envelope-alt { background-image: url("http://i.imgur.com/LpRlXho.png"); } #user-hoverbox a .icon-file-alt { background-image: url("http://i.imgur.com/3tVmtX5.png"); } #user-hoverbox a .icon-folder-open { background-image: url("http://i.imgur.com/xbes4ru.png"); } .pun #user-hoverbox a:hover i { opacity: 1!important; } .pun #page-body #user-hoverbox #user-hoverbox-inner a { font-weight: normal; font-style: normal; } #profile-advanced-details .message-text img { max-width: 620px; } #profile-advanced-details .message-header { height: 42px; font: bold 11px arial; color: rgb(101, 107, 112); font-style: normal; border-bottom: 1px solid #C2C2C2!important; border: 0px; margin: 0; background-image: -webkit-linear-gradient(top,#FAFAFA,#EEEEEE); background-image: -moz-linear-gradient(top,#FAFAFA,#EEEEEE); background-image: -ms-linear-gradient(top,#FAFAFA,#EEEEEE); background-image: -o-linear-gradient(top,#FAFAFA,#EEEEEE); background-image: linear-gradient(top,#FAFAFA,#EEEEEE); } #profile-advanced-details .message-block { margin: 0; } #profile-advanced-details ol li { border: 1px solid rgb(187, 187, 187); margin: 5px 0; } #profile-advanced-details .avatar { border: none; margin-top: 0px; margin-right: 6px; } #profile-advanced-details .avatar img { border: solid silver; border-width: 0px 1px 0 0; width: 50px; height: 50px; } #profile-advanced-details .message-block .message-text { padding: 10px; font-family: arial; } embed[src^="http://www.youtube.com"] { width: 620px; height: 380px; } #profile-advanced-layout #tabs.clearfix { position: initial; } .nivoSlider { position: relative; } .nivoSlider img { position: absolute; top: 0; left: 0; } .nivoSlider a.nivo-imageLink { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; padding: 0; margin: 0; z-index: 6; display: none; } .nivo-slice { display: block; position: absolute; z-index: 5; height: 100%; } .nivo-box { display: block; position: absolute; z-index: 5; } .nivo-caption { position: absolute; left: 0; bottom: 0; background: #000; color: #fff; opacity: .8; width: 100%; z-index: 8; } .nivo-caption p { padding: 5px; margin: 0; } .nivo-caption a { display: inline!important; } .nivo-html-caption { display: none; } .nivo-directionNav a { position: absolute; top: 45%; z-index: 9; cursor: pointer; } .nivo-prevNav { left: 0; } .nivo-nextNav { right: 0; } .nivo-controlNav a { position: relative; z-index: 9; cursor: pointer; } .nivo-controlNav a.active { font-weight: bold; } .theme-default .nivoSlider { position: relative; background: #fff url(http://i46.servimg.com/u/f46/15/66/68/20/loadin10.gif) no-repeat 50% 50%; margin-bottom: 50px; -webkit-box-shadow: 0 1px 5px 0 #4a4a4a; -moz-box-shadow: 0 1px 5px 0 #4a4a4a; box-shadow: 0 1px 5px 0 #4a4a4a; } .theme-default .nivoSlider img { position: absolute; top: 0; left: 0; display: none; } .theme-default .nivoSlider a { border: 0; display: block; } .theme-default .nivo-controlNav { position: absolute; left: 50%; bottom: -42px; margin-left: -40px; } .theme-default .nivo-controlNav a { display: block; width: 22px; height: 22px; background: url(http://i46.servimg.com/u/f46/15/66/68/20/bullet10.png) no-repeat; text-indent: -9999px; border: 0; margin-right: 3px; float: left; } .theme-default .nivo-controlNav a.active { background-position: 0 -22px; } .theme-default .nivo-directionNav a { display: block; width: 30px; height: 30px; background: url(http://i46.servimg.com/u/f46/15/66/68/20/arrows10.png) no-repeat; text-indent: -9999px; border: 0; } .theme-default a.nivo-nextNav { background-position: -30px 0; right: 15px; } .theme-default a.nivo-prevNav { left: 15px; } .theme-default .nivo-caption { font-family: Helvetica,Arial,sans-serif; } .theme-default .nivo-caption a { color: #fff; border-bottom: 1px dotted #fff; } .theme-default .nivo-caption a:hover { color: #fff; } /* memberlist 2 in 1 */ .Sname a{background-color:#FFF;border:1px solid #DDD;margin:2px;padding:1px 5px} .Sname a:hover,.Sname a:active{background-color:#2F98D9;color:#FFF} .Sname{text-align:right} .rutgonML img{background-color:#000;border:3px double;border-radius:7px 7px 7px 7px;height:75px;width:72%;margin:10px} .rutgonML{float:left;width:10%} .rutgonML p{background-image:url(http://i.imgur.com/QhVWi.png);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0 2px;padding:2px 5px} .rutgonML:hover{box-shadow:0 0 10px 5px #000} iframe[src*="ad.z5x.net"]{display: none !important;} .pun tbody.statused td.tcl { padding-left: 10 !important; } .pun tbody.statused td.tcl .midesc > div { height: 80px; overflow: auto; padding-left: 10px; padding-top: 10px; } .pun tbody.statused td.tcl .midesc > img { padding-top: 0px; /* controla el margen superior que le das a la imagen */ } .pun tbody.statused td.tcl .hierarchy { margin-left: 50px; /* margen título */ } .pun tbody.statused td.tcl.tdtopics { padding-left: 3.4em !important; } .pun tbody.statused td.tcl .mod-text { margin-left: 10px; } #pun-legend { display: none; } .mini_ava img:hover { -moz-box-shadow: 0 2px 2px rgba(0,0,0,0.2); -webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.2); border-color: #a1a1a1; box-shadow: 0 2px 2px rgba(0,0,0,0.2); } .mini_ava img { -moz-box-shadow: 0 2px 2px rgba(0,0,0,0.1); -webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.1); background: #fff; border: 1px solid #D5D5D5; box-shadow: 0 2px 2px rgba(0,0,0,0.1); height: 36px; margin: 0 5px; padding: 1px; width: 36px; } #tabs ul li.activetab a:hover { background-color: hsl(0, 0%, 21%); } #tabs ul li.activetab a { background-color: hsl(0, 0%, 21%); background-image: url(http://i50.tinypic.com/9qky9y.png); background-repeat: repeat-x; border-color: hsl(0, 0%, 21%); color: hsl(0, 100%, 100%); text-decoration: none; } #tabs ul li.activetab a { background-color: hsl(0, 0%, 21%); border-color: hsl(0, 0%, 21%); color: hsl(207, 69%, 97%); text-decoration: underline; } #tabs ul li a { background-color: hsl(0, 0%, 95%); background-image: url(http://i50.tinypic.com/2rcpvd3.png); background-repeat: repeat-x; border-color: hsl(0, 0%, 76%); border-left: 1px solid hsl(0, 0%, 80%); border-top: 1px solid hsl(0, 0%, 80%); color: hsl(0, 0%, 26%); font-weight: 700; margin-top: 10px; } .ipsSteps { background: #E9E9E9; height: 55px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .ipsSteps li:first-child { border-radius: 3px 0px 0px 3px; -moz-border-radius: 3px 0px 0px 3px; border-radius: 3px 0px 0px 3px; } .ipsSteps ul li { float: left; padding: 11px 33px 5px 18px; color: #323232; background-image: url('http://i69.servimg.com/u/f69/17/45/75/97/wizard10.png'); background-repeat: no-repeat; background-position: 100% -56px; list-style-type: none; position: relative; height: 39px; text-shadow: rgba(255, 255, 255, 0.6) 0px 1px 0px; } .ipsSteps_title { display: block; font-size: 14px; padding-bottom: 4px; } .ipsSteps_desc { font-size: 11px; } .ipsSteps ul li:first-child .ipsSteps_arrow { display: none !important; } .ipsSteps .ipsSteps_active { background-position: 100% 0; color: white; text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.8); } .ipsSteps_active .ipsSteps_arrow { display: block; position: absolute; left: -23px; top: 0; width: 23px; height: 55px; background: url('http://i69.servimg.com/u/f69/17/45/75/97/wizard10.png') no-repeat 0 -112px; } /* Avatar in index */ .avatar-index {float: left;} .avatar-index img {width: 40px;height: 40px;background: #F4F4F4;border: 1px solid #DDD;margin: 0 5px;padding: 1px;} .avatar-index img:hover {border: 1px dashed #CCC;}
[K]oke
Membro desde : 27/05/2013
Mensagens : 1639
Reputação : 213
1000 mensagens
Por ter publicado 1000 mensagens no best Skins!
EdggarBello • Qui 20 Fev 2014 - 16:55
EdggarBello
Novo Membro
Membro desde : 13/02/2014
Mensagens : 17
Reputação : 0
EdggarBello • Seg 24 Fev 2014 - 17:41
EdggarBello
Novo Membro
Membro desde : 13/02/2014
Mensagens : 17
Reputação : 0
Darknes • Seg 24 Fev 2014 - 17:50
Substitua seu
JS por:
Código: jQuery(document).ready(function(){if(!window.localStorage)return;var default_avatar='http://2img.net/i/fa/invision/pp-blank-thumb.png';var caching_time=24*60*60*1000;var caching_error=60*1000;var set_avatar=function(id){$('.mini_ava.member'+id).html('<img src="'+get_avatar(id)+'" />')};var get_avatar=function(id){if(localStorage.getItem('t_ava'+id)<+new Date-caching_time||(localStorage.getItem('d_ava'+id)==default_avatar&&localStorage.getItem('t_ava'+id)<+new Date-caching_error)){localStorage.setItem('d_ava'+id,default_avatar);$.get('/u'+id,function(d){localStorage.setItem('t_ava'+id,+new Date);localStorage.setItem('d_ava'+id,$('#profile-advanced-right .module:first div img:first,.forumline td.row1.gensmall:first > img, .frm-set.profile-view.left dd img,dl.left-box.details:first dd img, .row1 b .gen:first img, .real_avatar img',d).first().attr('src')||default_avatar);set_avatar(id)})}return localStorage.getItem('d_ava'+id)};var to_replace={};$('dd.lastpost strong a.gensmall, .ipbtable tr td:last-child span strong a.gensmall, .table td.tcr strong a.gensmall, .forumline .row3.over strong a.gensmall').each(function(){to_replace[$(this).attr('href').substr(2)]=1;$(this).closest('td,dd').prepend('<div class="mini_ava member'+$(this).attr('href').substr(2)+'"></div>')});for(i in to_replace){set_avatar(i)}});
E seu
CSS por esse:
Código: .mini_ava img:hover { -moz-box-shadow: 0 2px 2px rgba(0,0,0,0.2); -webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.2); border-color: #a1a1a1; box-shadow: 0 2px 2px rgba(0,0,0,0.2); } .mini_ava img { -moz-box-shadow: 0 2px 2px rgba(0,0,0,0.1); -webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.1); background: #fff; border: 1px solid #D5D5D5; box-shadow: 0 2px 2px rgba(0,0,0,0.1); height: 36px; margin: 0 5px; padding: 1px; width: 36px; }
Resulta? Até mais!
Darknes
Membro
Membro desde : 10/02/2014
Mensagens : 99
Reputação : 33
[Dark]Doki-. • Seg 24 Fev 2014 - 18:25
Troque seu index_box por este:
Código: <div class="pun-crumbs"> <p class="crumbs"><a href="{U_INDEX}">{L_INDEX}</a><strong>{NAV_CAT_DESC}</strong></p> </div> <div class="main"> <!-- BEGIN catrow --> <!-- BEGIN tablehead --> <div class="main-head"> <div class="page-title">{catrow.tablehead.L_FORUM}</div> </div> <div class="main-content"> <table cellspacing="0" class="table"> <tbody class="statused"> <!-- END tablehead --> <!-- BEGIN forumrow --> <tr> <td class="tc_icon"> <span class="status"> <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /> </span> </td> <td class="tc_forum" style="padding-right: {catrow.forumrow.INC_LEVEL_RIGHT};"> <h{catrow.forumrow.LEVEL} class="hierarchy"><a href="{catrow.forumrow.U_VIEWFORUM}" class="forumtitle">{catrow.forumrow.FORUM_NAME}</a></h{catrow.forumrow.LEVEL}> <br /> {catrow.forumrow.FORUM_DESC} <!-- BEGIN switch_moderators_links --> <br /> {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS} <!-- END switch_moderators_links --> {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS} <strong>{forumrow.L_SUBFORUM_STR}</strong> {forumrow.SUBFORUMS} </td> <td class="tc2"><span class="stats_number">{catrow.forumrow.TOPICS}<img src="http://i74.servimg.com/u/f74/18/12/37/46/stats_10.png" alt="" /></span><span class="stats_text">tópicos</span></td> <td class="tc3"><span class="stats_number">{catrow.forumrow.POSTS}<img src="http://i74.servimg.com/u/f74/18/12/37/46/stats_10.png" alt="" /></span><span class="stats_text">respostas</span></td> <td class="tcr"> <span> <!-- BEGIN switch_topic_title --> <a href="{catrow.forumrow.U_LATEST_TOPIC}" title="{catrow.forumrow.LATEST_TOPIC_TITLE}">{catrow.forumrow.LATEST_TOPIC_NAME}</a><br /> <!-- END switch_topic_title --> {catrow.forumrow.USER_LAST_POST} </span> </td> </tr> <!-- END forumrow --> <!-- BEGIN tablefoot --> </tbody> </table> </div> <!-- END tablefoot --> <!-- END catrow --> </div> <!-- BEGIN switch_on_index --> <div class="main-box clearfix"> <ul> <li><a href="{U_TODAY_ACTIVE}">{L_TODAY_ACTIVE}</a></li> <li><a href="{U_TODAY_POSTERS}">{L_TODAY_POSTERS}</a></li> <li><a href="{U_OVERALL_POSTERS}">{L_OVERALL_POSTERS}</a></li> </ul> <!-- BEGIN switch_delete_cookies --> <p class="right"> <a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a> </p> <!-- END switch_delete_cookies --> </div> <!-- END switch_on_index --> <style> .stats_number { font-size: 16px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; display: block; text-align: center; color: #BBB; position: relative; overflow: hidden; } .stats_number img { position: absolute; top: 0; left: 0; width: 100%; height: 15px; } .stats_text { font-size: 10px; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; display: block; text-align: center; color: #DDD; } </style>
[Dark]Doki-.
Membro Experiente
Membro desde : 25/01/2013
Mensagens : 788
Reputação : 405
500 mensagens
Por ter publicado 500 mensagens no best Skins!
Conteúdo patrocinado •
Permissões neste sub-fórum
Não podes responder a tópicos