Data/hora atual: 19.03.24 9:21
95 resultados encontrados para FFF
Conflito de códigos JavaScript
Detalhes da questão
Endereço do fórum: https://www.pmhabbo.com/
Versão do fórum: ModernBB
Descrição
Detalhes da questão
Endereço do fórum: https://www.pmhabbo.com/
Versão do fórum: ModernBB
Descrição
Olá. No momento nós fizemos alterações no topo do nosso fórum para remover os antigos bugs, mas existem algumas ferramentas que precisamos no nosso fórum e que os códigos parecem estar ultrapassados ou com algum bug.
O botão da barra lateral de acesso mais rápido aos tópicos não abre;
A barra tods BBCodes não carrega;
O perfil dos usuários não terminava de caregar e era impossível acessar o menu do perfil (trocamos o topo e não precisamos mais);
Esses erros começaram a acontecer sem alguma explicação, não sei se realmente por códigos ultrapassados, mas foi um pouco após eu trocar o domínio do fórum. Precisamos trocar o topo do fórum e mexer no over hall e css, removemos nosso dark mode, o botão de fácil acesso, enfim, tudo isso acaba bugando algo no fórum.
Os bugs visualmente: https://imgur.com/a/232r1e4
O bug do botão em um fórum teste: https://testemaly.forumeiros.com/
- Overhall completo dos bugs:
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}" id="min-width" lang="{L_LANG_HTML}" xml:lang="{L_LANG_HTML}" {NAMESPACE_FB_LIKE} {NAMESPACE_FB} {NAMESPACE_BBCODE}>
<head>
<title>{SITENAME_TITLE}{PAGE_TITLE}</title>
<meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" />
<meta http-equiv="content-script-type" content="text/javascript" />
<meta http-equiv="content-style-type" content="text/css" />
<meta name="google-site-verification" content="XKjtqjtZWGgIZYMo2uUC0hHjkV9F_g3egQ4icnx12sg" />
<!-- BEGIN switch_compat_meta -->
<meta http-equiv="X-UA-Compatible" content="IE={switch_compat_meta.VERSION}" />
<!-- END switch_compat_meta -->
<!-- BEGIN switch_canonical_url -->
<link rel="canonical" href="{switch_canonical_url.CANONICAL_URL}" />
<!-- END switch_canonical_url -->
{META_FAVICO}
{META}
{META_FB_LIKE}
<meta name="title" content="{SITENAME_TITLE}{PAGE_TITLE}" />
{T_HEAD_STYLESHEET}
{CSS}
<link rel="search" type="application/opensearchdescription+xml" href="/improvedsearch.xml" title="{SITENAME}" />
<link rel="search" type="application/opensearchdescription+xml" href="{URL_BOARD_DIRECTORY}/search/improvedsearch.xml" title="{SEARCH_FORUMS}" />
<script src="{JQUERY_PATH}" type="text/javascript"></script>
<!-- BEGIN switch_recent_jquery -->
<script src="{JS_DIR}jquery1.9/jquery-migrate-1.4.1.js" type="text/javascript"></script>
<script src="{JQUERY_DIR}browser/v1.0/jquery.browser.min.js" type="text/javascript"></script>
<script src="{JQUERY_DIR}support/jquery.support.js" type="text/javascript"></script>
<!-- END switch_recent_jquery -->
<script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>
{RICH_SNIPPET_GOOGLE}
<!-- BEGIN switch_fb_login -->
<script src="https://connect.facebook.net/{switch_fb_login.FB_LOCAL}/all.js" type="text/javascript"></script>
<script src="{switch_fb_login.JS_FB_LOGIN}" type="text/javascript"></script>
<!-- END switch_fb_login -->
<!-- BEGIN switch_ticker -->
<link type="text/css" rel="stylesheet" href="{JQUERY_DIR}ticker/ticker.css" />
<script src="{JQUERY_DIR}ticker/ticker.js" type="text/javascript"></script>
<!-- END switch_ticker -->
<!-- BEGIN switch_ticker_new -->
<script src="{JQUERY_DIR}jcarousel/jquery.jcarousel.js" type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
/* Definir le sens de direction en fonction du panneau admin */
var tickerDirParam = "{switch_ticker.DIRECTION}";
var slid_vert = false;
var auto_dir = 'next';
var h_perso = parseInt({switch_ticker.HEIGHT});
switch( tickerDirParam )
{
case 'top' :
slid_vert = true;
break;
case 'left':
break;
case 'bottom':
slid_vert = true;
auto_dir = 'prev';
break;
case 'right':
auto_dir = 'prev';
break;
default:
slid_vert = true;
}
$(document).ready(function() {
$('#fa_ticker_content').css('display','block');
var width_max = $('ul#fa_ticker_content').width();
var width_item = Math.floor(width_max / {switch_ticker.SIZE});
if (width_max > 0)
{
$('ul#fa_ticker_content li').css('float','left').css('list-style','none').width(width_item).find('img').each(function () {
if ($(this).width() > width_item)
{
var ratio = $(this).width() / width_item;
var new_height = Math.round($(this).height() / ratio);
$(this).height(new_height).width(width_item);
}
});
if (slid_vert)
{
var height_max = h_perso;
$('ul#fa_ticker_content li').each( function () {
if ($(this).height() > height_max)
{
height_max = $(this).height();
}
} );
$('ul#fa_ticker_content').width(width_item).height(height_max).css('marginLeft','auto').css('marginRight','auto');
$('ul#fa_ticker_content li').height(height_max);
}
$('#fa_ticker_content').jcarousel({
vertical: slid_vert,
wrap: 'circular',
auto: {switch_ticker.STOP_TIME},
auto_direction: auto_dir,
scroll: 1,
size: {switch_ticker.SIZE},
height_max: height_max,
animation: {switch_ticker.SPEED}
});
}
else
{
$('ul#fa_ticker_content li:not(:first)').css('display','none');
$('ul#fa_ticker_content li:first').css('list-style','none').css('text-align','center');
}
});
//]]>
</script>
<!-- END switch_ticker_new -->
<script type="text/javascript">//<![CDATA[
$(document).ready(function(){
<!-- BEGIN switch_enable_pm_popup -->
pm = window.open('{U_PRIVATEMSGS_POPUP}', '_faprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');
if(pm != null) { pm.focus(); }
<!-- END switch_enable_pm_popup -->
<!-- BEGIN switch_report_popup -->
report = window.open('{switch_report_popup.U_REPORT_POPUP}', '_phpbbreport', 'HEIGHT={switch_report_popup.S_HEIGHT},resizable=yes,scrollbars=no,WIDTH={switch_report_popup.S_WIDTH}');
if(report != null) { report.focus(); }
<!-- END switch_report_popup -->
<!-- BEGIN switch_ticker -->
$(document).ready(function() {
Ticker.start({
height : {switch_ticker.HEIGHT},
spacing : {switch_ticker.SPACING},
speed : {switch_ticker.SPEED},
direction : '{switch_ticker.DIRECTION}',
pause : {switch_ticker.STOP_TIME}
});
});
<!-- END switch_ticker -->
});
<!-- BEGIN switch_login_popup -->
var logInPopUpLeft, logInPopUpTop, logInPopUpWidth = {LOGIN_POPUP_WIDTH}, logInPopUpHeight = {LOGIN_POPUP_HEIGHT}, logInBackgroundResize = true, logInBackgroundClass = false;
$(document).ready( function() {
$(window).resize(function() {
var windowWidth = document.documentElement.clientWidth;
var popupWidth = $("#login_popup").width();
var mypopup = $("#login_popup");
$("#login_popup").css({
"left": windowWidth/2 - popupWidth/2
});
});
});
<!-- END switch_login_popup -->
//]]>
</script>
{GREETING_POPUP}
<style type="text/css">
#page-footer, div.navbar, div.navbar ul.linklist {
display: block !important;
}
ul.linklist li.rightside, ul.linklist li.rightside a.copyright {
display: inline !important;
}
<!-- BEGIN switch_ticker_new -->
.jcarousel-skin-tango .jcarousel-item {
text-align:center;
width: 10px;
}
.jcarousel-skin-tango .jcarousel-item-horizontal {
margin-right: {switch_ticker.SPACING}px;
}
.jcarousel-skin-tango .jcarousel-item-vertical {
margin-bottom: {switch_ticker.SPACING}px;
}
<!-- END switch_ticker_new -->
</style>
{HOSTING_JS}
<!-- BEGIN google_analytics_code -->
<script type="text/javascript">
//<![CDATA[
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','http://www.google-analytics.com/analytics.js','ga');
ga('create', '{G_ANALYTICS_ID}', 'auto');
<!-- BEGIN google_analytics_code_bis -->
ga('create', '{G_ANALYTICS_ID_BIS}', 'auto', 'bis');
<!-- END google_analytics_code_bis -->
ga('send', 'pageview');
<!-- BEGIN google_analytics_code_bis -->
ga('bis.send', 'pageview');
<!-- END google_analytics_code_bis -->
//]]>
</script>
<!-- END google_analytics_code -->
<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,400i,500,700,700i&subset=cyrillic,cyrillic-ext,greek,greek-ext,latin-ext,vietnamese" rel="stylesheet" />
<link href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css" rel="stylesheet" />
<link href="https://kit-pro.fontawesome.com/releases/v5.15.1/css/pro.min.css" rel="stylesheet">
<link href="https://use.fontawesome.com/releases/v5.15.1/css/all.css" rel="stylesheet">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"/>
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
<link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,400i,500,700,700i&subset=cyrillic,cyrillic-ext,greek,greek-ext,latin-ext,vietnamese" rel="stylesheet" />
<link href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css" rel="stylesheet" />
<link href="https://use.fontawesome.com/releases/v5.9.0/css/all.css" rel="stylesheet" />
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"/>
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons" />
<!-- BEGIN switch_user_logged_out -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/1.1.0/magnific-popup.css" integrity="sha256-RdH19s+RN0bEXdaXsajztxnALYs/Z43H/Cdm1U4ar24=" crossorigin="anonymous" />
<!-- END switch_user_logged_out -->
<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,400i,500,700,700i&subset=cyrillic,cyrillic-ext,greek,greek-ext,latin-ext,vietnamese" rel="stylesheet" />
<link href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css" rel="stylesheet" />
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"/>
<script type="text/javascript" src="http://static.tumblr.com/yiol0h8/GOsn3atjv/jquery.tipsy.js"></script>
<script type='text/javascript'>
$(function() {
$('.tool-tip').tipsy({fade: true, gravity: 's'});
});
</script>
<script>
document.addEventListener("DOMContentLoaded", function () {
const darkSwitch = document.getElementById("darkSwitch");
function toggleTheme() {
if (darkSwitch.checked) {
document.documentElement.setAttribute("data-theme", "dark");
localStorage.setItem("darkSwitch", "dark");
} else {
document.documentElement.removeAttribute("data-theme");
localStorage.removeItem("darkSwitch");
}
}
if (localStorage.getItem("darkSwitch") === "dark") {
darkSwitch.checked = true;
toggleTheme();
}
darkSwitch.addEventListener("change", toggleTheme);
});
</script>
<style>
/* 1° Popup de Login **/
.mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 999;
overflow: hidden;
position: fixed;
background: #0b0b0b;
opacity: 0.8;
}
.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 999;
position: fixed;
outline: none !important;
-webkit-backface-visibility: hidden;
}
.mfp-container {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 8px;
box-sizing: border-box;
}
.mfp-container:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
}
.mfp-auto-cursor .mfp-content {
cursor: auto;
}
.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
width: 100%;
cursor: auto;
}
.mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 999;
}
.mfp-s-ready .mfp-preloader {
display: none;
}
.mfp-preloader {
color: #CCC;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -0.8em;
left: 8px;
right: 8px;
z-index: 999;
}
.login-popup {
-webkit-box-shadow: 0 0 20px rgba(0,0,0,.4);
box-shadow: 0 0 20px rgba(0,0,0,.4);
background-color: #fff;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
position: relative;
padding: 37px 50px 50px 325px;
width: auto;
max-width: 645px;
margin: 20px auto;
overflow: hidden;
}
.login-popup:before {
background-image: url(https://i.imgur.com/2JZxwd5.png);
background-position: -435px -67px;
left: -95px;
}
.login-popup:before, .login-popup:after {
-webkit-border-radius: 192px/290px;
-moz-border-radius: 192px/290px;
border-radius: 192px/290px;
width: 385px;
height: 580px;
position: absolute;
content: "";
top: 0;
display: block;
bottom: 0;
margin: auto;
}
.login-popup h3 {
margin-bottom: 30px;
font-size: 20px;
line-height: 26px;
border-bottom: 1px solid rgba(0,0,0,.2);
padding-bottom: 10px;
margin-bottom: 25px;
margin-top: 0;
}
.h3, h3 {
border-color: #3793ff;
border-style: solid;
border-width: 0 0 1px;
color: #1a1a1a;
font-family: Roboto, sans-serif;
font-size: 1.6rem;
font-weight: 400;
letter-spacing: .3px;
margin-bottom: 12px;
padding-bottom: 3px;
}
.login-popup .login-form .username-input, .login-popup .login-form .password-input {
position: relative;
display: block;
}
label {
color: #1a1a1a;
cursor: pointer;
margin-right: 18px;
}
.login-popup .login-form .rounded-input {
padding-right: 40px;
margin-bottom: 15px;
background-color: #fff;
-webkit-border-radius: 48px;
-moz-border-radius: 48px;
border-radius: 48px;
padding: 11px 24px;
display: block;
font-family: poppins,Arial,sans-serif;
font-weight: 300;
font-size: 14px;
color: #333;
border: 1px solid #d4d4d4;
width: 100%;
height: 47px;
-webkit-transition: border-color .2s;
transition: border-color .2s;
}
.login-popup .login-form .username-input i, .login-popup .login-form .password-input i {
font-size: 18px;
font-weight: 700;
color: #d4d4d4;
position: absolute;
top: 13px;
right: 18px;
cursor: text;
display: block;
-webkit-transition: color .2s;
transition: color .2s;
}
.login-popup .login-form .username-input i:before, .login-popup .login-form .password-input i:before {
font-size: 18px;
}
.fa-user:before {
content: "\f007";
}
.fa, .fas {
font-family: "Font Awesome 5 Pro";
font-weight: 900;
}
.fa, .fab, .fad, .fal, .far, .fas {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
}
.rounded-button.login {
background-color: #054F77;
}
.rounded-button.register {
background-color: #000000;
}
.login-popup .rounded-button {
-webkit-border-radius: 48px;
-moz-border-radius: 48px;
border-radius: 48px;
padding: 11px 24px;
text-decoration: none;
font-weight: 600;
font-size: 14px;
text-transform: uppercase;
cursor: pointer;
height: 47px;
line-height: 21px;
text-shadow: none;
text-align: center;
-webkit-transition: background-color .2s,color .2s;
transition: background-color .2s,color .2s;
display: block;
width: 100%;
color: #fff;
}
.mfp-close-btn-in .mfp-close {
color: #333;
}
button.mfp-close, button.mfp-arrow {
overflow: visible;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
display: block;
outline: none;
padding: 0;
z-index: 999;
box-shadow: none;
touch-action: manipulation;
}
.mfp-close {
width: 44px;
height: 44px;
line-height: 44px;
position: absolute;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
opacity: 0.65;
padding: 0 0 18px 10px;
color: #FFF;
font-style: normal;
font-size: 28px;
font-family: Arial, Baskerville, monospace;
}
.login-popup::after {
background-image: url(https://i.imgur.com/Y6SFLhc.png);
background-position: 72% center;
background-repeat: no-repeat;
left: -95px;
background-size: 170px;
}
.login-popup:before, .login-popup:after {
-webkit-border-radius: 192px/290px;
-moz-border-radius: 192px/290px;
border-radius: 192px/290px;
width: 385px;
height: 580px;
position: absolute;
content: "";
top: 0;
display: block;
bottom: 0;
margin: auto;
}
.login-pop-up {
display: none;
}
#login-dialog .rounded-button {
margin-top: 7px;
}
#login-dialog form div label {
margin-top: -20px;
}
.h3, h3 {
border-width: 0 !important;
}
#fa-footer-back-to-top {
background-color: #0C77A5;
border-radius: 7px;
bottom: 30px;
box-shadow: 0 2px 5px rgba(0, 0, 0, .1), inset 0 0 1px 1px rgba(100, 100, 100, .1);
display: flex;
justify-content: center;
align-items: center;
height: 50px;
opacity: 0;
text-align: center;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
transition: background-color .3s, opacity .5s, visibility .5s;
visibility: hidden;
width: 50px;
position: fixed;
bottom: 20px;
left: 10px;
z-index: 999;
}
#fa-footer-back-to-top:hover {
background-color: #000000;
cursor: pointer
}
#fa-footer-back-to-top:active {
background-color: #99dade
}
#fa-footer-back-to-top.show {
opacity: 1;
visibility: visible
}
#fa-footer-reload {
background-color: #0C77A5;
border-radius: 7px;
bottom: 30px;
box-shadow: 0 2px 5px rgba(0, 0, 0, .1), inset 0 0 1px 1px rgba(100, 0, 100, .1);
display: inline-block;
height: 50px;
opacity: 0;
padding-top: 15px;
text-align: center;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
transition: background-color .3s, opacity .5s, visibility .5s;
visibility: hidden;
width: 50px;
z-index: 997;
position: fixed;
bottom: 80px;
left: 10px;
z-index: 999;
}
#fa-footer-reload:hover {
background-color: #000000;
cursor: pointer
}
#fa-footer-reload:active {
background-color: #99dade
}
#fa-footer-reload.show {
opacity: 1;
visibility: visible
}
/* 2° Círculos Informativos **/
.nicolascoluna25 {width: 25%}
.nicolascreationline {
display: flex;
flex-flow: row wrap;
margin-bottom: 25px;
}
.nicolascircleinfo {
width: 80px;
height: 80px;
border-radius: 100%;
box-shadow: inset 0 3px rgb(255 255 255 / 20%), inset 0 -4px rgb(0 0 0 / 10%), inset 0 -25px rgb(0 0 0 / 3%), inset 0 0 0 1px rgb(0 0 0 / 25%);
background-color: #054F77;
color: #fff;
margin-left: 20%;
box-shadow: inset -2px -2px 0 rgb(255 255 255 / 20%),inset 2px 2px 0 rgb(255 255 255 / 20%);
position: relative;
border: 1px solid ##252323
}
.nicolascircleinfo i {
font-size: 30px;
padding: 25px;
position: absolute
}
.nicolascircleinfolittle {
width: max-content;
height: max-content;
border-radius: 5px;
background-color: #333;
color: #e6e6e6;
padding: 5px;
margin-top: 74%;
margin-left: 70%;
font-size: 0;
float: right;
position: absolute;
border: 1px solid #04040480;
box-shadow: inset -2px -2px 0 rgb(255 255 255 / 20%),inset 2px 2px 0 rgb(255 255 255 / 20%);
background: #484848
}
.nicolascircleinfolittle strong {
font-size: 15px
}
.nicolascircleinfolittle a,.nicolascircleinfolittle:visited,nicolascircleinfolittle:hover {
color: #e6e6e6!important
}
.nicolascircleindicator {
width: max-content;
height: max-content;
border-radius: 5px;
background-color: #fff;
color: #636363;
padding: 5px;
margin-top: 22%;
font-size: 15px;
float: right;
font-weight: 700;
position: relative;
margin-right: -180%;
border: solid 1px #cacaca;
background: #f1f1f1;
box-shadow: 1px 0 0 rgb(0 0 0 / 15%),-1px 0 0 rgb(0 0 0 / 15%),0 -1px 0 rgb(0 0 0 / 15%),0 1px 0 rgb(0 0 0 / 15%),inset -2px -2px 0 #fff,inset 2px 2px 0 #fff
}
.nicolassetaindicator {
content: "";
display: inline-block;
vertical-align: middle;
width: 0;
height: 0;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
border-right: 5px solid #fff;
position: absolute;
margin-top: 35%;
margin-left: 92%
}
.nicolascircleinfo {margin-left: 0!important}
/* 3° Estatísticas **/
.block { background-color: #fff; }
.block a:link,
.block a:visited {
color: #262626;
}
.block .h3 {
font-size: 20px;
border: none;
}
.block .h3 i {
height: 28px;
line-height: 30px;
margin-right: 10px;
color: #262626;
}
.stats-tabs br { display: none; }
.stats-tabs section {
display: none;
padding: 20px 0 0;
border-top: 1px solid #abc;
}
.stats-tabs input { display: none; }
.stats-tabs label {
display: inline-block;
margin: 0 0 -1px;
padding: 15px 25px;
font-weight: 600;
font-size: 16px;
font-family: "Calibri Light", "sans-serif";
text-align: center;
color: black;
border: 1px solid transparent;
}
.stats-tabs label:before {
font-family: "Font Awesome 5 Pro";
margin-right: 10px;
}
.stats-tabs label[for*='1']:before { content: '\f500'; }
.stats-tabs label[for*='2']:before { content: '\f1fd'; }
.stats-tabs label[for*='3']:before { content: '\f0c0'; }
.stats-tabs label[for*='4']:before { content: '\f1da'; }
.stats-tabs label:hover {
color: #789;
cursor: pointer;
}
.stats-tabs input:checked + label {
color: black;
border: 1px solid black;
border-top: 1px solid black;
border-bottom: 1px solid black;
border-radius: 3px;
}
.stats-tabs #tab1:checked ~ #content1,
.stats-tabs #tab2:checked ~ #content2,
.stats-tabs #tab3:checked ~ #content3,
.stats-tabs #tab4:checked ~ #content4 { display: block; }
@media screen and (max-width: 800px) {
.stats-tabs label {
font-size: 0;
}
.stats-tabs label:before {
margin: 0;
font-size: 18px;
}
}
@media screen and (max-width: 500px) {
.stats-tabs label {
padding: 15px;
}
}
.block .legend { font-size: 0px; }
.block .legend b a {
font-size: 13px;
font-weight: 600;
}
.block .legend b a::after {
content: ", ";
font-weight: 400;
color: #000;
}
.block .legend b:last-child a::after { content: ""; }
/personalizado kauan/
#preview .postbody table, #preview .postbody td, div[class*='post--'] .postbody table, div[class*='post--'] .postbody td {
border: 0px solid #4440!important;
}
.sceditor-button {
position: relative;
}
.sceditor-button * {
text-indent: initial!important;
color: #000!important;
line-height: 15px!important;
}
.sceditor-button div {
font-size: 0px!important;
background-image: none!important;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.sceditor-button div:before {
font-size: 15px!important;
font-family: 'Font Awesome 5 Free';
text-indent: initial!important;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.sceditor-button-bold div:before {
content: "\f032";
}
.sceditor-button-italic div:before {
content: "\f033";
}
.sceditor-button-underline div:before {
content: "\f0cd";
}
.sceditor-button-strike div:before {
content: "\f0cc";
}
.sceditor-button-left div:before {
content: "\f036";
}
.sceditor-button-center div:before {
content: "\f037";
}
.sceditor-button-right div:before {
content: "\f038";
}
.sceditor-button-justify div:before {
content: "\f039";
}
.sceditor-button-bulletlist div:before {
content: "\f0ca";
}
.sceditor-button-orderedlist div:before {
content: "\f0cb";
}
.sceditor-button-horizontalrule div:before {
content: "\f068";
}
.sceditor-button-quote div:before {
content: "\f10d";
}
.sceditor-button-code div:before {
content: "\f1c9";
}
.sceditor-button-faspoiler div:before {
content: "\f146";
}
.sceditor-button-fahide div:before {
content: "\f070";
}
.sceditor-button-table div:before {
content: "\f0ce";
}
.sceditor-button-servimg div:before {
content: "\f03e";
}
.sceditor-button-image div:before {
content: "\f1c5";
}
.sceditor-button-link div:before {
content: "\f0c1";
}
.sceditor-button-embed div:before {
content: "\f302";
}
.sceditor-button-youtube div:before {
content: "\f03d";
}
.sceditor-button-dailymotion {
display: none;
}
.sceditor-button-flash div:before {
content: "\f008";
}
.sceditor-button-headers div:before {
content: "\f1dc";
}
.sceditor-button-size div:before {
content: "\f034";
}
.sceditor-button-color div:before {
content: "\f1fc";
}
.sceditor-button-font div:before {
content: "\f031";
}
.sceditor-button-removeformat div:before {
content: "\f12d";
}
.sceditor-button-more div:before {
content: "\f067";
}
.sceditor-button-subscript div:before {
content: "\f12c";
}
.sceditor-button-superscript div:before {
content: "\f12b";
}
.sceditor-button-fascroll div:before {
content: "\f060";
}
.sceditor-button-faupdown div:before {
content: "\f062";
}
.sceditor-button-farand div:before {
content: "\f074";
}
.sceditor-button-date div:before {
content: "\f133";
}
.sceditor-button-time div:before {
content: "\f017";
}
.sceditor-button-pastetext div:before {
content: "\f0ea";
}
.sceditor-button-source div:before {
content: "\f0c5";
}
.sceditor-button-emoticon div:before {
content: "\f118";
}
.sceditor-font-picker {
height:250px;
width:150px;
overflow-y:auto;
}
.sceditor-button-staff div:before {
content: "\f3ed";
background: linear-gradient(124deg, #FF0000, #FF7F00, #FFFF00, #00FF00, #0000ff, #4b0082, #8f00ff);
-webkit-background-clip: text;
background-size: 1800% 1800%;
-webkit-text-fill-color: transparent;
animation: rainbow 6s ease infinite;
}
@keyframes rainbow {0% {background-position: 0% 82%;} 50% {background-position: 100% 19%;} 100% {background-position: 0% 82%;}}
.mod_groups {
line-height: 1.5;
font-size: 11px;
font-weight: 400;
}
.mod_box {
-moz-background-clip: padding;
-moz-border-radius: 2px;
-moz-box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.2);
-webkit-background-clip: padding-box;
-webkit-border-radius: 2px;
-webkit-box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.2);
background: #fff;
background-clip: padding-box;
border: 1px solid #ccc;
border-radius: 2px;
box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.2);
color: #333;
width: 200px;
line-height: 1;
padding: 10px;
position: absolute;
z-index: 999;
}
.mod_editor_section {
background: #f1f1f1;
padding: 5px;
font-weight: bold;
border-bottom: 1px solid #d7d7d7;
text-align: left;
text-transform: uppercase;
}
.copyright_e {
margin-top: 5px;
background: #f8f8f8;
border-top: 1px solid #d7d7d7;
text-align: left;
padding: 2px 5px;
font-size: 9px;
color: #777;
text-shadow: 1px 1px 0px white;
}
.mod_editor_message {
padding: 2px 5px;
text-align: left;
}
.mod_groups {
height: 150px;
overflow-y: scroll;
}
.mod_groups li {
list-style-type: none;
margin-left: -40px;
}
.sceditor-button-staff {
position: relative;
}
.mod_box {
top: 73px;
}
#quick_reply .mod_groups li {
margin-left: 0px;
}
#quick_reply .mod_box {
top: 35px;
}
.sceditor-button-staff.disabled div {
opacity: 1.0 !important;
filter: alpha(opacity=100) !important;
}
/4. Sceditor **/
#preview .postbody table:not(.info-table),
#preview .postbody td,
div[class*='post--'] .postbody table:not(.info-table),
div[class*='post--'] .postbody td { border: none!important; }
#preview .postbody .info-table,
#preview .postbody .info-table td,
div[class*='post--'] .postbody .info-table,
div[class*='post--'] .postbody .info-table td { border: none!important; }
.postbody .content table {
border-collapse: collapse;
border: solid 1px #c2c2c2;
text-align: center;
width: -webkit-fill-available;
}
.postbody .content table tr {
border-bottom: solid 1px #d0d0d0;
}
.postbody .content table td, .postbody .content table th {
padding: 15px 15px;
border: none;
}
/--- 5° CITAR, CODEBOX E SPOILER ---/
blockquote {
padding: 8px 16px 8px 10px;
border-radius: 3px;
border-style: solid;
border-width: 0 0 0 6px;
font-size: 14px;
line-height: 1.5;
background-color: transparent;
border-width: 1px 1px 1px 6px;
}
blockquote:before, .codebox:before { display: none!important; }
blockquote cite {
color: rgba(0,0,0,0.44);
margin-bottom: 3px;
}
.codebox {
background-color: #354147!important;
border-color: rgba(0,0,0,0.44)!important;
border-radius: 3px!important;
color: #FFF;
font-size: 14px!important;
line-height: 1.5!important;
padding: 8px 16px 8px 10px!important;
}
.codebox .fa-code-copy-button {
position: absolute;
right: 10px;
top: 8px;
color: #fff;
}
.codebox:not(.spoiler) dt {
font-size: 1.3rem!important;
text-align: left!important;
}
.codebox dt {
color: rgba(255,255,255,0.44)!important;
margin-bottom: 3px!important;
border-bottom: none!important;
}
.spoiler_content .codebox:not(.spoiler) dt {
color: rgba(255,255,255,0.44)!important;
background-color: transparent;
}
.spoiler_content .codebox dt:after { display: none; }
.codebox code {
max-height: 400px!important;
white-space: nowrap!important;
color: #e6e1dc!important;
margin: 0!important;
font-size: 15px!important;
}
.hljs-literal, .hljs-symbol, .hljs-bullet, .hljs-attribute, .hljs-string, .hljs-variable, .hljs-template-variable, .hljs-strong, .hljs-emphasis, .hljs-quote,
.hljs-title, .hljs-attr, .hljs-selector-id, .hljs-selector-class, .hljs-selector-attr, .hljs-selector-pseudo, .hljs-keyword, .hljs-selector-tag, .hljs-type {
color: #fff!important;
}
.spoiler {
border: none!important;
background-color: transparent!important;
padding: 0!important;
color: #000000;
}
.spoiler dt {
background-color: rgba(0,0,0,0.22);
border-radius: 3px;
padding: 6px 11px;
position: relative;
color: #000000!important;
font-size: 15px!important;
}
.spoiler dt:after, .spoiler_content .spoiler dt:after {
content: "\f104";
font-family: "IonIcons";
line-height: 36px;
pointer-events: none;
position: absolute;
right: 11px;
top: 0;
}
.spoiler_content {
border-left: 3px solid rgba(0,0,0,0.22);
margin-top: 6px;
padding-left: 22px!important;
padding-bottom: 20px;
padding: 2px;
}
.title-ranks {
background: #054f77;
text-align: center;
justify-content: center;
padding: 1rem;
width: 32%;
display: flex;
position: relative;
left: 33%;
margin-top: 13px;
border-radius: 5px;
color: white;
box-shadow: inset 0 3px rgb(255 255 255 / 20%), inset 0 -4px rgb(0 0 0 / 10%), inset 0 -25px rgb(0 0 0 / 3%), inset 0 0 0 1px rgb(0 0 0 / 25%);
text-transform: uppercase;
font-weight: 500;
}
</style>
</head>
<body id="modernbb">
<div id="page-header">
<div class="headerbar"></div>
<!-- BEGIN hitskin_preview -->
<div id="hitskin_preview" style="display: block;">
<h1><img src="{hitskin_preview.PATH_IMG_FA}hitskin/hitskin_logo.png" alt="" /> <em>Hit</em>skin.com</h1>
<div class="content">
<p>
{hitskin_preview.L_THEME_SITE_PREVIEW}
<br />
<span>{hitskin_preview.U_INSTALL_THEME}<a href="https://{hitskin_preview.U_RETURN_THEME}">{hitskin_preview.L_RETURN_THEME}</a></span>
</p>
</div>
</div>
<!-- END hitskin_preview -->
<!-- BEGIN switch_login_popup -->
<div id="login_popup" style="z-index: 10000 !important;">
<div class="h3">{SITENAME}</div>
<div id="login_popup_message">
{LOGIN_POPUP_MSG}
</div>
<div id="login_popup_buttons">
<form action="{S_LOGIN_ACTION}" method="get">
<input type="submit" class="button1" value="{L_LOGIN}" />
<input type="button" class="button1" value="{L_REGISTER}" onclick="parent.location='{U_REGISTER}';" />
<input id="login_popup_close" type="button" class="button2" value="{L_DONT_DISPLAY_AGAIN}" />
</form>
</div>
</div>
<!-- END switch_login_popup -->
<header>
<div class="logo">
<a href="/forum"><img src="https://i.imgur.com/tQKqf2I.png" style="background-position: center; position: absolute; right: 47%; margin-top: -20px;"></a>
<div id="main-menu-btn"><i class="material-icons">menu</i></div>
<div id="logo-text">
<div></div>
<!-- BEGIN switch_user_logged_out -->
<div class="custom-switch"><input type="checkbox" class="toggle" id="darkSwitch"><label for="darkSwitch"></label></div><a href="/login"><button class="login-popup-trigger">Login</button></a></div>
<!-- END switch_user_logged_out -->
</div>
<!-- BEGIN switch_user_logged_in -->
<div class="custom-switch"><input type="checkbox" class="toggle" id="darkSwitch"><label for="darkSwitch"></label></div>
<div id="user-menu">
<div class="user-avatar">
<img src=''/>
</div>
<span class="user-username"></span>
</div>
<!-- END switch_user_logged_in -->
</header>
<div id="main-menu" class="hidden">
<div class="main-menu-headline">{SITENAME}</div>
<ul>
<li><a href="/forum"><i class="material-icons">home</i><span>Início</span></a></li>
<!-- BEGIN switch_user_logged_out -->
<div class="divider"></div>
<li><a href="/login"><i class="material-icons">login</i><span>Login</span></a></li>
<li><a href="/register"><i class="material-icons">person_add</i><span>Registre-se</span></a></li>
<!-- END switch_user_logged_out -->
<!-- BEGIN switch_user_logged_in -->
<li><a href="/memberlist"><i class="material-icons">groups</i><span>Membros</span></a></li>
<li><a href="/groups"><i class="material-icons">supervised_user_circle</i><span>Grupos</span></a></li>
<li><a href="https://docs.google.com/forms/d/1l0CPGZN1X24_XAesDiU2IR-ELUW_mw6y4bcRGdIN_YE/edit"target="_blank"><i class="material-icons">person_add_alt_1</i><span>Registro de Recrutamentos</span></a></li>
<li><a href="https://docs.google.com/spreadsheets/d/11s_pv1fTO9QAzaeTZQ89MkhWFFzZMY6FFS_qpZStHvs/edit"target="_blank"><i class="material-icons">hotel_class</i><span>Ranking de Recrutamentos</span></a></li>
</ul>
<div class="divider"></div>
<ul class="forum-links">
<li class="has-sub"><a href="#"><i class="material-icons">folder_open</i><span>Setor Administrativo</span></a>
<ul>
<li class="has-sub"><a href="#">Listagens</a>
<ul>
<li><a href="/t220-">Listagem: Soldados</a></li>
<li><a href="/t219-">Listagem: Corpo de Praças</a></li>
<li><a href="/t218-">Listagem: Corpo de Oficiais</a></li>
<li><a href="/t217-">Listagem: Corpo Executivo</a></li>
<li><a href="/t3078-">Listagem: Contratados</a></li>
<li><a href="/t3079-">Listagem: Reincidentes</a></li>
<li><a href="/t214-">Listagem: TAG's Militares</a></li>
<li><a href="/t215-">Listagem: Desligamentos</a></li>
<li><a href="/t216-">Listagem: Oficiais Reformados</a></li>
<li><a href="/t1121-">Listagem: Exonerados</a></li>
<li><a href="/t1299-">Listagem: Medalhas</a></li>
</ul>
</li>
<li class="has-sub"><a href="#">Requerimentos</a>
<ul>
<li><a href="/t3266-">Requerimento: Cadastro de Soldados</a></li>
<li><a href="/t3264-">Requerimento: Corpo de Praças</a></li>
<li><a href="/t3263-">Requerimento: Corpo de Oficiais</a></li>
<li><a href="/t3269-">Requerimento: Corpo Executivo</a></li>
<li><a href="/t3268-">Requerimento: Contratos</a></li>
<li><a href="/t3267-">Requerimento: Cadastro de TAG militar</a></li>
<li><a href="/t3265-">Requerimento: Baixa</a></li>
<li><a href="/t3271-">Requerimento: Reforma</a></li>
<li><a href="/t3273-">Requerimento: Advertência</a></li>
<li><a href="t3270-">Requerimento: Exoneração</a></li>
<li><a href="/t3272-">Requerimento: Medalhas Militares</a></li>
</ul>
</li>
</ul>
</li>
<li class="has-sub"><a href="#"><i class="material-icons">gavel</i><span>Setor Jurídico</span></a>
<ul>
<li><a href="/t205-">Estatuto dos Policiais Militares</a></li>
<li><a href="/t1388-">Disposições Complementares</a></li>
<li><a href="/t1389-">Código Penal Militar</a></li>
<li><a href="/t1391-">Plano de Ação Emergencial</a></li>
<li><a href="/t3100-">Normas de Vestimentas Militar</a></li>
</ul>
</li>
</ul>
<!-- END switch_user_logged_in -->
</div>
<!-- BEGIN switch_user_logged_in -->
<div id="main-user-menu" class="hidden">
<div class="main-menu-headline">
<div class="avatar-big">
<img src="" alt="avatar" />
</div>
<span class="user-username"></span>
<span class="headline-small">
</span>
</div>
<ul>
<li><a href=""><i class="material-icons">person</i><span>Perfil</span></a></li>
<li><a href="/profile?mode=editprofile"><i class="material-icons">settings</i><span>Configurações</span></a></li>
</ul>
<div class="divider"></div>
<ul>
<li><a href="/profile?mode=editprofile&page_profil=notifications" id="menu_notifications"><i class="material-icons">notifications</i><span>Notificações</span></a></li>
<li><a href="/privmsg?folder=inbox"><i class="material-icons">mail</i><span>Mensagem Privada</span></a></li>
</ul>
<div class="divider"></div>
<ul>
<li><a href="/login?logout=1"><i class="material-icons">logout</i><span>Logout</span></a></li>
</ul>
</div>
<!-- END switch_user_logged_in -->
<!-- BEGIN switch_user_logged_out -->
<div id="login-dialog" class="login-popup zoom-anim-dialog mfp-hide">
<h3 class="aside-title">LOGAR NO FÓRUM</h3>
<form action="{S_LOGIN_ACTION}" method="post" class="login-form" name="form_login">
<label for="login-username-input-target" class="username-input">
<input type="text" name="username" class="rounded-input blue-active" id="login-username-input-target" placeholder="{L_USERNAME}" required/>
<i class="fas fa-user"></i>
</label>
<label for="login-password-input-target" class="password-input">
<input type="password" name="password" class="rounded-input blue-active" id="login-password-input-target" placeholder="{L_PASSWORD}" required/>
<i class="fas fa-key"></i>
</label>
<div style="font-size: 15px; margin-bottom: 5%;">
<input class="radio" id="autologin-check" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED}/>
<vla for="autologin-check"> Manter-me conectado.</vla>
</div>
<button type="submit" class="rounded-button login" id="doLogin" name="login">Login</button>
<button type="submit" class="rounded-button register" onclick="location.href='/register'">Registre-se</button>
</form>
</div>
<!-- END switch_user_logged_out -->
<!-- BEGIN switch_ticker_new -->
<div id="fa_ticker_blockD" style="margin-top:4px;">
<div class="module">
<div class="inner">
<div id="fa_ticker_container">
<ul id="fa_ticker_content" class="jcarousel-skin-tango" style="display:none">
<!-- BEGIN ticker_row -->
<li>{switch_ticker.ticker_row.ELEMENT}</li>
<!-- END ticker_row -->
</ul>
</div>
</div>
</div>
</div>
<!-- END switch_ticker_new -->
</div>
<div class="conteneur_minwidth_IE">
<div class="conteneur_layout_IE">
<div class="conteneur_container_IE">
<div id="wrap">
<!-- BEGIN switch_user_logged_in -->
<iframe src="/h122-" style="width: 100%; height:530px;"></iframe>
<div class="title-ranks">
<span>Melhores da semana</span>
</div>
<iframe src="/h101-" style="width: 100%; height:530px;"></iframe>
<!-- END switch_user_logged_in -->
<div id="page-body">
<!-- BEGIN switch_ticker -->
<div id="fa_ticker_block" style="margin-top:4px;">
<div class="module">
<div class="inner">
<div id="fa_ticker_container">
<div id="fa_ticker" style="height:{switch_ticker.HEIGHT}px;">
<div class="fa_ticker_content">
<!-- BEGIN ticker_row -->
<div>{switch_ticker.ticker_row.ELEMENT}</div>
<!-- END ticker_row -->
</div>
</div>
</div>
</div>
</div>
</div>
<!-- END switch_ticker -->
<div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}>
<div id="outer-wrapper">
<div id="wrapper">
<div id="{ID_LEFT}">
<!-- BEGIN giefmod_index1 -->
{giefmod_index1.MODVAR}
<!-- BEGIN saut -->
<div style="height:{SPACE_ROW}px"></div>
<!-- END saut -->
<!-- END giefmod_index1 -->
</div>
<div id="container">
<div id="content-main">
<div id="main">
<div id="main-content">
- em 20.01.24 6:06
- Procurar em: Questões resolvidas sobre códigos Javascript e jQuery
- Tópico: Conflito de códigos JavaScript
- Respostas: 7
- Vistos: 540
Formulário de Recrutamento
Eu deixei branco para ajudar na leitura, mas o senhor só precisa de localizar na página HTML: background: #fff; e altere o #fff para transparent- em 16.08.20 19:56
- Procurar em: Questões resolvidas sobre HTML e BBCode
- Tópico: Formulário de Recrutamento
- Respostas: 25
- Vistos: 1296
Uso de cabeçalhos, tarjas e footers
Pedxz escreveu:Vou precisar dos códigos HTML para adicionar ao [Plugin] Criador de tags BBCode!
- Spoiler:
<div style="width: 100%;height: auto;text-transform: uppercase;background: linear-gradient(to bottom, #ffbf00 50%, #efb300 50%);float: right;padding: 10px 0px;border-radius: 10px 10px 10px 10px;text-align: center;font-size: 1.3em;font-weight: bold;color: white;box-shadow: inset 1 0 0 1px rgba(0,0,0,.3), inset 0 3px rgba(255,255,255,.3);text-shadow: 0 1px rgba(255,255,255,.4);">Cabeçalho grande - amarelo</div>- Spoiler:
- Código:
<div style="width: 100%;height: auto;text-transform: uppercase;background: linear-gradient(to bottom, #ffbf00 50%, #efb300 50%);float: right;padding: 10px 0px;border-radius: 10px 10px 10px 10px;text-align: center;font-size: 1.3em;font-weight: bold;color: white;box-shadow: inset 1 0 0 1px rgba(0,0,0,.3), inset 0 3px rgba(255,255,255,.3);text-shadow: 0 1px rgba(255,255,255,.4);">Cabeçalho grande - amarelo</div>
<div style="width: 100%;height: auto;text-transform: uppercase;background: linear-gradient(to bottom, #bf0000 50%, #ab0000 50%);float: right;padding: 10px 0px;border-radius: 10px 10px 10px 10px;text-align: center;font-size: 1.3em;font-weight: bold;color: white;box-shadow: inset 1 0 0 1px rgba(0,0,0,.3), inset 0 3px rgba(255,255,255,.3);text-shadow: 0 1px rgba(255,255,255,.4);">cabeçalho grande - vermelho</div>- Spoiler:
- Código:
<div style="width: 100%;height: auto;text-transform: uppercase;background: linear-gradient(to bottom, #bf0000 50%, #ab0000 50%);float: right;padding: 10px 0px;border-radius: 10px 10px 10px 10px;text-align: center;font-size: 1.3em;font-weight: bold;color: white;box-shadow: inset 1 0 0 1px rgba(0,0,0,.3), inset 0 3px rgba(255,255,255,.3);text-shadow: 0 1px rgba(255,255,255,.4);">cabeçalho grande - vermelho</div>
<div style="width: 100%;height: auto;text-transform: uppercase;background: linear-gradient(to bottom, #0e8800 50%, #007b03 50%);float: right;padding: 10px 0px;border-radius: 10px 10px 10px 10px;text-align: center;font-size: 1.3em;font-weight: bold;color: white;box-shadow: inset 1 0 0 1px rgba(0,0,0,.3), inset 0 3px rgba(255,255,255,.3);text-shadow: 0 1px rgba(255,255,255,.4);">cabeçalho grande - verde</div>- Spoiler:
- Código:
<div style="width: 100%;height: auto;text-transform: uppercase;background: linear-gradient(to bottom, #0e8800 50%, #007b03 50%);float: right;padding: 10px 0px;border-radius: 10px 10px 10px 10px;text-align: center;font-size: 1.3em;font-weight: bold;color: white;box-shadow: inset 1 0 0 1px rgba(0,0,0,.3), inset 0 3px rgba(255,255,255,.3);text-shadow: 0 1px rgba(255,255,255,.4);">cabeçalho grande - verde</div>
<div style="width: 100%;height: auto;text-transform: uppercase;background: linear-gradient(to bottom, #f39e00 50%, #d89500 50%);float: right;padding: 10px 0px;border-radius: 10px 10px 10px 10px;text-align: center;font-size: 1.3em;font-weight: bold;color: white;box-shadow: inset 1 0 0 1px rgba(0,0,0,.3), inset 0 3px rgba(255,255,255,.3);text-shadow: 0 1px rgba(255,255,255,.4);">cabeçalho grande - mostarda</div>- Spoiler:
- Código:
<div style="width: 100%;height: auto;text-transform: uppercase;background: linear-gradient(to bottom, #f39e00 50%, #d89500 50%);float: right;padding: 10px 0px;border-radius: 10px 10px 10px 10px;text-align: center;font-size: 1.3em;font-weight: bold;color: white;box-shadow: inset 1 0 0 1px rgba(0,0,0,.3), inset 0 3px rgba(255,255,255,.3);text-shadow: 0 1px rgba(255,255,255,.4);">cabeçalho grande - mostarda</div>
<div style="width: 100%;height: auto;text-transform: uppercase;background: linear-gradient(to bottom, #0000064a 50%, #00000057 50%);float: right;padding: 10px 0px;border-radius: 10px 10px 10px 10px;text-align: center;font-size: 1.3em;font-weight: bold;color: white;box-shadow: inset 1 0 0 1px rgba(0,0,0,.3), inset 0 3px rgba(255,255,255,.3);text-shadow: 0 1px rgba(255,255,255,.4);">cabeçalho grande - cinza claro</div>- Spoiler:
- Código:
<div style="width: 100%;height: auto;text-transform: uppercase;background: linear-gradient(to bottom, #0000064a 50%, #00000057 50%);float: right;padding: 10px 0px;border-radius: 10px 10px 10px 10px;text-align: center;font-size: 1.3em;font-weight: bold;color: white;box-shadow: inset 1 0 0 1px rgba(0,0,0,.3), inset 0 3px rgba(255,255,255,.3);text-shadow: 0 1px rgba(255,255,255,.4);">cabeçalho grande - cinza claro</div>
<div style="width: 100%;height: auto;text-transform: uppercase;background: linear-gradient(to bottom, #000006ad 50%, #000000bd 50%);float: right;padding: 10px 0px;border-radius: 10px 10px 10px 10px;text-align: center;font-size: 1.3em;font-weight: bold;color: white;box-shadow: inset 1 0 0 1px rgba(0,0,0,.3), inset 0 3px rgba(255,255,255,.3);text-shadow: 0 1px rgba(255,255,255,.4);">cabeçalho grande - cinza escuro</div>- Spoiler:
- Código:
<div style="width: 100%;height: auto;text-transform: uppercase;background: linear-gradient(to bottom, #000006ad 50%, #000000bd 50%);float: right;padding: 10px 0px;border-radius: 10px 10px 10px 10px;text-align: center;font-size: 1.3em;font-weight: bold;color: white;box-shadow: inset 1 0 0 1px rgba(0,0,0,.3), inset 0 3px rgba(255,255,255,.3);text-shadow: 0 1px rgba(255,255,255,.4);">cabeçalho grande - cinza escuro</div>
<div style="width: 100%;height: auto;text-transform: uppercase;background: linear-gradient(to bottom, #113875 50%, #0a2c61 50%);float: right;padding: 10px 0px;border-radius: 10px 10px 10px 10px;text-align: center;font-size: 1.3em;font-weight: bold;color: white;box-shadow: inset 1 0 0 1px rgba(0,0,0,.3), inset 0 3px rgba(255,255,255,.3);text-shadow: 0 1px rgba(255,255,255,.4);">cabeçalho grande - azul escuro</div>- Spoiler:
- Código:
<div style="width: 100%;height: auto;text-transform: uppercase;background: linear-gradient(to bottom, #113875 50%, #0a2c61 50%);float: right;padding: 10px 0px;border-radius: 10px 10px 10px 10px;text-align: center;font-size: 1.3em;font-weight: bold;color: white;box-shadow: inset 1 0 0 1px rgba(0,0,0,.3), inset 0 3px rgba(255,255,255,.3);text-shadow: 0 1px rgba(255,255,255,.4);">cabeçalho grande - azul escuro</div>
<div style="width: 100%;height: auto;text-transform: uppercase;background: linear-gradient(to bottom, #008de0 50%, #007dc7 50%);float: right;padding: 10px 0px;border-radius: 10px 10px 10px 10px;text-align: center;font-size: 1.3em;font-weight: bold;color: white;box-shadow: inset 1 0 0 1px rgba(0,0,0,.3), inset 0 3px rgba(255,255,255,.3);text-shadow: 0 1px rgba(255,255,255,.4);">cabeçalho grande - azul claro</div>- Spoiler:
- Código:
<div style="width: 100%;height: auto;text-transform: uppercase;background: linear-gradient(to bottom, #008de0 50%, #007dc7 50%);float: right;padding: 10px 0px;border-radius: 10px 10px 10px 10px;text-align: center;font-size: 1.3em;font-weight: bold;color: white;box-shadow: inset 1 0 0 1px rgba(0,0,0,.3), inset 0 3px rgba(255,255,255,.3);text-shadow: 0 1px rgba(255,255,255,.4);">cabeçalho grande - azul claro</div>
<p style="color: white;text-transform: uppercase;background: #ffbf00;border-radius: 10px;text-align: center;line-height: 37px;box-shadow: 0 2px rgba(0,0,0,.25), inset 0 -2px rgba(0,0,0,.2), inset 0 -20px rgba(0,0,0,.05);text-shadow: 0 1px 1px rgba(0,0,0,.4);font-weight: bold;">cabeçalho médio - amarelo</p>- Spoiler:
- Código:
<p style="color: white;text-transform: uppercase;background: #ffbf00;border-radius: 10px;text-align: center;line-height: 37px;box-shadow: 0 2px rgba(0,0,0,.25), inset 0 -2px rgba(0,0,0,.2), inset 0 -20px rgba(0,0,0,.05);text-shadow: 0 1px 1px rgba(0,0,0,.4);font-weight: bold;">cabeçalho médio - amarelo</p>
<p style="color: white;text-transform: uppercase;background: #bf0000;border-radius: 10px;text-align: center;line-height: 37px;box-shadow: 0 2px rgba(0,0,0,.25), inset 0 -2px rgba(0,0,0,.2), inset 0 -20px rgba(0,0,0,.05);text-shadow: 0 1px 1px rgba(0,0,0,.4);font-weight: bold;">cabeçalho médio - vermelho</p>- Spoiler:
- Código:
<p style="color: white;text-transform: uppercase;background: #bf0000;border-radius: 10px;text-align: center;line-height: 37px;box-shadow: 0 2px rgba(0,0,0,.25), inset 0 -2px rgba(0,0,0,.2), inset 0 -20px rgba(0,0,0,.05);text-shadow: 0 1px 1px rgba(0,0,0,.4);font-weight: bold;">cabeçalho médio - vermelho</p>
<p style="color: white;text-transform: uppercase;background: #0e8800;border-radius: 10px;text-align: center;line-height: 37px;box-shadow: 0 2px rgba(0,0,0,.25), inset 0 -2px rgba(0,0,0,.2), inset 0 -20px rgba(0,0,0,.05);text-shadow: 0 1px 1px rgba(0,0,0,.4);font-weight: bold;">cabeçalho médio - verde</p>- Spoiler:
- Código:
<p style="color: white;text-transform: uppercase;background: #0e8800;border-radius: 10px;text-align: center;line-height: 37px;box-shadow: 0 2px rgba(0,0,0,.25), inset 0 -2px rgba(0,0,0,.2), inset 0 -20px rgba(0,0,0,.05);text-shadow: 0 1px 1px rgba(0,0,0,.4);font-weight: bold;">cabeçalho médio - verde</p>
<p style="color: white;text-transform: uppercase;background: #f39e00;border-radius: 10px;text-align: center;line-height: 37px;box-shadow: 0 2px rgba(0,0,0,.25), inset 0 -2px rgba(0,0,0,.2), inset 0 -20px rgba(0,0,0,.05);text-shadow: 0 1px 1px rgba(0,0,0,.4);font-weight: bold;">cabeçalho médio - mostarda</p>- Spoiler:
- Código:
<p style="color: white;text-transform: uppercase;background: #f39e00;border-radius: 10px;text-align: center;line-height: 37px;box-shadow: 0 2px rgba(0,0,0,.25), inset 0 -2px rgba(0,0,0,.2), inset 0 -20px rgba(0,0,0,.05);text-shadow: 0 1px 1px rgba(0,0,0,.4);font-weight: bold;">cabeçalho médio - mostarda</p>
<p style="color: white;text-transform: uppercase;background: #0000064a;border-radius: 10px;text-align: center;line-height: 37px;box-shadow: 0 2px rgba(0,0,0,.25), inset 0 -2px rgba(0,0,0,.2), inset 0 -20px rgba(0,0,0,.05);text-shadow: 0 1px 1px rgba(0,0,0,.4);font-weight: bold;">cabeçalho médio - CINZA CLARO</p>- Spoiler:
- Código:
<p style="color: white;text-transform: uppercase;background: #0000064a;border-radius: 10px;text-align: center;line-height: 37px;box-shadow: 0 2px rgba(0,0,0,.25), inset 0 -2px rgba(0,0,0,.2), inset 0 -20px rgba(0,0,0,.05);text-shadow: 0 1px 1px rgba(0,0,0,.4);font-weight: bold;">cabeçalho médio - CINZA CLARO</p>
<p style="color: white;text-transform: uppercase;background: #000006ad;border-radius: 10px;text-align: center;line-height: 37px;box-shadow: 0 2px rgba(0,0,0,.25), inset 0 -2px rgba(0,0,0,.2), inset 0 -20px rgba(0,0,0,.05);text-shadow: 0 1px 1px rgba(0,0,0,.4);font-weight: bold;">cabeçalho médio - CINZA escuro</p>- Spoiler:
- Código:
<p style="color: white;text-transform: uppercase;background: #000006ad;border-radius: 10px;text-align: center;line-height: 37px;box-shadow: 0 2px rgba(0,0,0,.25), inset 0 -2px rgba(0,0,0,.2), inset 0 -20px rgba(0,0,0,.05);text-shadow: 0 1px 1px rgba(0,0,0,.4);font-weight: bold;">cabeçalho médio - CINZA escuro</p>
<p style="color: white;text-transform: uppercase;background: #113875;border-radius: 10px;text-align: center;line-height: 37px;box-shadow: 0 2px rgba(0,0,0,.25), inset 0 -2px rgba(0,0,0,.2), inset 0 -20px rgba(0,0,0,.05);text-shadow: 0 1px 1px rgba(0,0,0,.4);font-weight: bold;">cabeçalho médio - azul escuro</p>- Spoiler:
- Código:
<p style="color: white;text-transform: uppercase;background: #113875;border-radius: 10px;text-align: center;line-height: 37px;box-shadow: 0 2px rgba(0,0,0,.25), inset 0 -2px rgba(0,0,0,.2), inset 0 -20px rgba(0,0,0,.05);text-shadow: 0 1px 1px rgba(0,0,0,.4);font-weight: bold;">cabeçalho médio - azul escuro</p>
<p style="color: white;text-transform: uppercase;background: #008de0;border-radius: 10px;text-align: center;line-height: 37px;box-shadow: 0 2px rgba(0,0,0,.25), inset 0 -2px rgba(0,0,0,.2), inset 0 -20px rgba(0,0,0,.05);text-shadow: 0 1px 1px rgba(0,0,0,.4);font-weight: bold;">cabeçalho médio - azul claro</p>- Spoiler:
- Código:
<p style="color: white;text-transform: uppercase;background: #008de0;border-radius: 10px;text-align: center;line-height: 37px;box-shadow: 0 2px rgba(0,0,0,.25), inset 0 -2px rgba(0,0,0,.2), inset 0 -20px rgba(0,0,0,.05);text-shadow: 0 1px 1px rgba(0,0,0,.4);font-weight: bold;">cabeçalho médio - azul claro</p>
<div style="background: linear-gradient(to bottom, #ffbf00 50%, #efb300 50%);box-shadow: inset 1 0 0 1px rgba(0,0,0,.3), inset 0 3px rgba(255,255,255,.3);color: #fff;line-height: 30px;border-radius: 0 5px 5px 0;font-size: 12px;font-weight: bold;margin-left: -6px;text-transform: uppercase;display: inline-block;padding-right: 15px;padding-left: 15px;margin-top: 10px;margin-bottom: 10px;">tarja lateral - amarela</div>- Spoiler:
- Código:
<div style="background: linear-gradient(to bottom, #ffbf00 50%, #efb300 50%);box-shadow: inset 1 0 0 1px rgba(0,0,0,.3), inset 0 3px rgba(255,255,255,.3);color: #fff;line-height: 30px;border-radius: 0 5px 5px 0;font-size: 12px;font-weight: bold;margin-left: -6px;text-transform: uppercase;display: inline-block;padding-right: 15px;padding-left: 15px;margin-top: 10px;margin-bottom: 10px;">tarja lateral - amarela</div>
<div style="background: linear-gradient(to bottom, #bf0000 50%, #ab0000 50%);box-shadow: inset 1 0 0 1px rgba(0,0,0,.3), inset 0 3px rgba(255,255,255,.3);color: #fff;line-height: 30px;border-radius: 0 5px 5px 0;font-size: 12px;font-weight: bold;margin-left: -6px;text-transform: uppercase;display: inline-block;padding-right: 15px;padding-left: 15px;margin-top: 10px;margin-bottom: 10px;">tarja lateral - vermelha</div>- Spoiler:
- Código:
<div style="background: linear-gradient(to bottom, #bf0000 50%, #ab0000 50%);box-shadow: inset 1 0 0 1px rgba(0,0,0,.3), inset 0 3px rgba(255,255,255,.3);color: #fff;line-height: 30px;border-radius: 0 5px 5px 0;font-size: 12px;font-weight: bold;margin-left: -6px;text-transform: uppercase;display: inline-block;padding-right: 15px;padding-left: 15px;margin-top: 10px;margin-bottom: 10px;">tarja lateral - vermelha</div>
<div style="background: linear-gradient(to bottom, #0e8800 50%, #007b03 50%);box-shadow: inset 1 0 0 1px rgba(0,0,0,.3), inset 0 3px rgba(255,255,255,.3);color: #fff;line-height: 30px;border-radius: 0 5px 5px 0;font-size: 12px;font-weight: bold;margin-left: -6px;text-transform: uppercase;display: inline-block;padding-right: 15px;padding-left: 15px;margin-top: 10px;margin-bottom: 10px;">tarja lateral - verde</div>- Spoiler:
- Código:
<div style="background: linear-gradient(to bottom, #0e8800 50%, #007b03 50%);box-shadow: inset 1 0 0 1px rgba(0,0,0,.3), inset 0 3px rgba(255,255,255,.3);color: #fff;line-height: 30px;border-radius: 0 5px 5px 0;font-size: 12px;font-weight: bold;margin-left: -6px;text-transform: uppercase;display: inline-block;padding-right: 15px;padding-left: 15px;margin-top: 10px;margin-bottom: 10px;">tarja lateral - verde</div>
<div style="background: linear-gradient(to bottom, #f39e00 50%, #d89500 50%);box-shadow: inset 1 0 0 1px rgba(0,0,0,.3), inset 0 3px rgba(255,255,255,.3);color: #fff;line-height: 30px;border-radius: 0 5px 5px 0;font-size: 12px;font-weight: bold;margin-left: -6px;text-transform: uppercase;display: inline-block;padding-right: 15px;padding-left: 15px;margin-top: 10px;margin-bottom: 10px;">tarja lateral - mostarda</div>- Spoiler:
- Código:
<div style="background: linear-gradient(to bottom, #f39e00 50%, #d89500 50%);box-shadow: inset 1 0 0 1px rgba(0,0,0,.3), inset 0 3px rgba(255,255,255,.3);color: #fff;line-height: 30px;border-radius: 0 5px 5px 0;font-size: 12px;font-weight: bold;margin-left: -6px;text-transform: uppercase;display: inline-block;padding-right: 15px;padding-left: 15px;margin-top: 10px;margin-bottom: 10px;">tarja lateral - mostarda</div>
<div style="background: linear-gradient(to bottom, #0000064a 50%, #00000057 50%);box-shadow: inset 1 0 0 1px rgba(0,0,0,.3), inset 0 3px rgba(255,255,255,.3);color: #fff;line-height: 30px;border-radius: 0 5px 5px 0;font-size: 12px;font-weight: bold;margin-left: -6px;text-transform: uppercase;display: inline-block;padding-right: 15px;padding-left: 15px;margin-top: 10px;margin-bottom: 10px;">tarja lateral - cinza claro</div>- Spoiler:
- Código:
<div style="background: linear-gradient(to bottom, #0000064a 50%, #00000057 50%);box-shadow: inset 1 0 0 1px rgba(0,0,0,.3), inset 0 3px rgba(255,255,255,.3);color: #fff;line-height: 30px;border-radius: 0 5px 5px 0;font-size: 12px;font-weight: bold;margin-left: -6px;text-transform: uppercase;display: inline-block;padding-right: 15px;padding-left: 15px;margin-top: 10px;margin-bottom: 10px;">tarja lateral - cinza claro</div>
<div style="background: linear-gradient(to bottom, #000006ad 50%, #000000bd 50%);box-shadow: inset 1 0 0 1px rgba(0,0,0,.3), inset 0 3px rgba(255,255,255,.3);color: #fff;line-height: 30px;border-radius: 0 5px 5px 0;font-size: 12px;font-weight: bold;margin-left: -6px;text-transform: uppercase;display: inline-block;padding-right: 15px;padding-left: 15px;margin-top: 10px;margin-bottom: 10px;">tarja lateral - cinza escuro</div>- Spoiler:
- Código:
<div style="background: linear-gradient(to bottom, #000006ad 50%, #000000bd 50%);box-shadow: inset 1 0 0 1px rgba(0,0,0,.3), inset 0 3px rgba(255,255,255,.3);color: #fff;line-height: 30px;border-radius: 0 5px 5px 0;font-size: 12px;font-weight: bold;margin-left: -6px;text-transform: uppercase;display: inline-block;padding-right: 15px;padding-left: 15px;margin-top: 10px;margin-bottom: 10px;">tarja lateral - cinza escuro</div>
<div style="background: linear-gradient(to bottom, #113875 50%, #0a2c61 50%);box-shadow: inset 1 0 0 1px rgba(0,0,0,.3), inset 0 3px rgba(255,255,255,.3);color: #fff;line-height: 30px;border-radius: 0 5px 5px 0;font-size: 12px;font-weight: bold;margin-left: -6px;text-transform: uppercase;display: inline-block;padding-right: 15px;padding-left: 15px;margin-top: 10px;margin-bottom: 10px;">tarja lateral - azul escuro</div>- Spoiler:
- Código:
<div style="background: linear-gradient(to bottom, #113875 50%, #0a2c61 50%);box-shadow: inset 1 0 0 1px rgba(0,0,0,.3), inset 0 3px rgba(255,255,255,.3);color: #fff;line-height: 30px;border-radius: 0 5px 5px 0;font-size: 12px;font-weight: bold;margin-left: -6px;text-transform: uppercase;display: inline-block;padding-right: 15px;padding-left: 15px;margin-top: 10px;margin-bottom: 10px;">tarja lateral - azul escuro</div>
<div style="background: linear-gradient(to bottom, #008de0 50%, #007dc7 50%);box-shadow: inset 1 0 0 1px rgba(0,0,0,.3), inset 0 3px rgba(255,255,255,.3);color: #fff;line-height: 30px;border-radius: 0 5px 5px 0;font-size: 12px;font-weight: bold;margin-left: -6px;text-transform: uppercase;display: inline-block;padding-right: 15px;padding-left: 15px;margin-top: 10px;margin-bottom: 10px;">tarja lateral - azul claro</div>- Spoiler:
- Código:
<div style="background: linear-gradient(to bottom, #008de0 50%, #007dc7 50%);box-shadow: inset 1 0 0 1px rgba(0,0,0,.3), inset 0 3px rgba(255,255,255,.3);color: #fff;line-height: 30px;border-radius: 0 5px 5px 0;font-size: 12px;font-weight: bold;margin-left: -6px;text-transform: uppercase;display: inline-block;padding-right: 15px;padding-left: 15px;margin-top: 10px;margin-bottom: 10px;">tarja lateral - azul claro</div>
<div class="inicioTreino"><center>Roteiro - nome do treinamento <'sigla></center><br><br><center><img src="https://i.imgur.com/iKY4glG.png"></center></div>- Spoiler:
- Código:
<div class="inicioTreino"><center>Roteiro - nome do treinamento <'sigla></center><br><br><center><img src="https://i.imgur.com/iKY4glG.png"></center></div>
<div class="situacao">INFORMAÇÕES OU SITUAÇÃO</div>- Spoiler:
- Código:
<div class="situacao">INFORMAÇÕES OU SITUAÇÃO</div>
<p class="tarjaVerde">Tarja verde para avisos ou mensagens restritas ao professor do treinamento.</p>- Spoiler:
- Código:
<p class="tarjaVerde">Tarja verde para avisos ou mensagens restritas ao professor do treinamento.</p>
<p class="tarjaVermelha">Tarja vermelha de aviso ao professor que aplica o treinamento.</p>- Spoiler:
- Código:
<p class="tarjaVermelha">Tarja vermelha de aviso ao professor que aplica o treinamento.</p>
<p class="tarjaPreta">Tarja preta para mensagens de aguarde, ou instruções ao professor.</p>- Spoiler:
- Código:
<p class="tarjaPreta">Tarja preta para mensagens de aguarde, ou instruções ao professor.</p>
<p class="tarjaAzul">Tarja azul para respostas de treinamentos.</p>- Spoiler:
- Código:
<p class="tarjaAzul">Tarja azul para respostas de treinamentos.</p>
<div class="creditos"><strong class="cred089">Créditos: Nicks dos autores</strong><br><span class="cred07">Atualização:</span> <strong class="cred07">Nick e data</strong><br><br><u class="cred07">Detalhes da última atualização:</u> <span class="cred07"> Observações e detalhes.</span></div>- Spoiler:
- Código:
<div class="creditos"><strong class="cred089">Créditos: Nicks dos autores</strong><br><span class="cred07">Atualização:</span> <strong class="cred07">Nick e data</strong><br><br><u class="cred07">Detalhes da última atualização:</u> <span class="cred07"> Observações e detalhes.</span></div>
- em 11.05.20 22:09
- Procurar em: Questões resolvidas sobre HTML e BBCode
- Tópico: Uso de cabeçalhos, tarjas e footers
- Respostas: 7
- Vistos: 1557
Perfil IPB para AwesomeBB
Olá @joaquin,Primeiro faça isto:
- Spoiler:
[TUTORIAL] Perfil IPB para usuários forumeiros
Neste tutorial, você irá aprender á deixar os perfis de seu fórum como os de fóruns IPB.Atenção!
Caso retire os créditos do criador do código ( [F]lames ), um litígio será aberto contra o fórum em questão por retirar os devidos créditos do criador.--> Tutoriais, dicas e astúcias <--
[TUTORIAL] Perfil IPB para usuários forumeiros
1º - Estudo e adição do código JavaScript:
Aceda á Gestão dos códigos JavaScript:Painel de Controle Módulos HTML & JAVASCRIPT Gestão dos Códigos JavaScript
Localize, e clique em "Criar um novo código JavaScript":Título: -Perfil estilo IPB ( [F]lames ).
Investimento: Não marque NADA.
Código JS:jQuery(document).ready(function() {
if(jQuery('#profile-advanced-right').length) {
jQuery('body').prepend('<style>#profile_panes_wrap .reputation .title {font-size: 13px;}.reputation.positive, .members li.positive {background: #649b16;color: #FFF !important;}#profile_panes_wrap .reputation {line-height: 1.8em;}.ipsButton_secondary:hover {color: #4c4c4c;border-color: #9a9a9a;}.ipsButton_secondary {height: 22px;line-height: 22px;font-size: 12px;padding: 0 10px;background: #f6f6f6;background: -moz-linear-gradient(top, #f6f6f6 0%, #e5e5e5 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f6f6), color-stop(100%,#e5e5e5)) !important;border: 1px solid #dbdbdb;-moz-box-shadow: 0px 1px 0px rgba(255,255,255,1) inset, 0px 1px 0px rgba(0,0,0,0.3);-webkit-box-shadow: 0px 1px 0px rgba(255,255,255,1) inset, 0px 1px 0px rgba(0,0,0,0.3);box-shadow: 0px 1px 0px rgba(255,255,255,1) inset, 0px 1px 0px rgba(0,0,0,0.3);-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;color: #616161;display: inline-block;white-space: nowrap;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;}.ipsBadge_green {background: #75b618;}.ipsVerticalTabbed_tabs li a:hover {background: #f5f5f5;color: #808080;}.clear {clear: both;}.ipsBox, .ipsPad {padding: 9px;}.ipsBox {background: #f0f0f0;}.ipsLayout_smallleft.ipsLayout_withleft {padding-left: 150px;}.ipsLayout_smallleft.ipsLayout .ipsLayout_left {width: 140px;margin-left: -150px;float: left;}.ipsLayout_content, .ipsLayout .ipsLayout_left, .ipsLayout_right {position: relative;}.short {text-align: center;}.photo_holder {position: relative;}.ipsVerticalTabbed_tabs>ul {width: 149px !important;margin-top: 10px;border-top: 1px solid #eaeaea;border-left: 1px solid #eaeaea;}.ipsVerticalTabbed_tabs li {background: #fbfbfb;color: #808080;border-bottom: 1px solid #eaeaea;font-size: 13px;}.ipsVerticalTabbed_tabs li.active a {width: 135px;position: relative;z-index: 999;border-right: 1px solid #fff;background: #fff;color: #353535;font-weight: bold;}.ipsVerticalTabbed_tabs li a {display: block;padding: 10px 8px;outline: 0;-webkit-transition: background-color 0.1s ease-in-out;-moz-transition: background-color 0.3s ease-in-out;}.ipsLayout_content {width: 100%;float: left;}.ipsLayout_content, .ipsLayout .ipsLayout_left, .ipsLayout_right {position: relative;}.ipsBox_container {background: #fff;border: 1px solid #e0e0e0;}.ipsPad {padding: 9px;}#profile_content_main {min-height: 75px;line-height: 1.3;margin-bottom: 20px;}#user_info_cell {display: table-cell;white-space: nowrap;padding-right: 15px;}.ipsType_pagetitle, .ipsType_subtitle {font: 300 26px/1.3 Helvetica,Arial,sans-serif;color: #323232;}.reset_cursor {cursor: default;}.ipsBadge {display: inline-block;height: 16px;line-height: 16px;padding: 0 5px;font-size: 9px;font-weight: bold;text-transform: uppercase;color: #fff;-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;vertical-align: middle;}.ipsBadge_lightgrey {background: #b3b3b3;}.desc.lighter, .desc.lighter.blend_links a {color: #a4a4a4;}.desc, .desc.blend_links a, p.posted_info {font-size: 12px;}.rating {display: block;margin-bottom: 4px;line-height: 16px;}#user_utility_links {margin-top: 10px;text-align: right;}.ipsList_inline>li:first-child {margin-left: 0;}.ipsList_inline>li {display: inline-block;margin: 0 3px;}.ipsButton_secondary {height: 22px;line-height: 22px;font-size: 12px;padding: 0 10px;background: #f6f6f6;background: -moz-linear-gradient(top, #f6f6f6 0%, #e5e5e5 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f6f6), color-stop(100%,#e5e5e5));border: 1px solid #dbdbdb;-moz-box-shadow: 0px 1px 0px rgba(255,255,255,1) inset, 0px 1px 0px rgba(0,0,0,0.3);-webkit-box-shadow: 0px 1px 0px rgba(255,255,255,1) inset, 0px 1px 0px rgba(0,0,0,0.3);box-shadow: 0px 1px 0px rgba(255,255,255,1) inset, 0px 1px 0px rgba(0,0,0,0.3);-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;color: #616161;display: inline-block;white-space: nowrap;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;}.ipsList_inline>li {display: inline-block;margin: 0 3px;}.ipsList_inline>li:last-child {margin-right: 0;}.ipsList_inline>li {display: inline-block;margin: 0 3px;}.ipsButton_secondary a {color: #616161;}.ipsButton_secondary {height: 22px;line-height: 22px;font-size: 12px;padding: 0 10px;background: #f6f6f6;background: -moz-linear-gradient(top, #f6f6f6 0%, #e5e5e5 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f6f6), color-stop(100%,#e5e5e5));border: 1px solid #dbdbdb;-moz-box-shadow: 0px 1px 0px rgba(255,255,255,1) inset, 0px 1px 0px rgba(0,0,0,0.3);-webkit-box-shadow: 0px 1px 0px rgba(255,255,255,1) inset, 0px 1px 0px rgba(0,0,0,0.3);box-shadow: 0px 1px 0px rgba(255,255,255,1) inset, 0px 1px 0px rgba(0,0,0,0.3);-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;color: #616161;display: inline-block;white-space: nowrap;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;}.ipsLayout_largeright.ipsLayout_withright {padding-right: 280px;}.ipsLayout_content {width: 100%;float: left;}.ipsLayout_content, .ipsLayout .ipsLayout_left, .ipsLayout_right {position: relative;}.general_box h3 {font: normal 14px helvetica, arial, sans-serif;padding: 8px 10px;background: #e4ecdb;color: #486620;}.ipsList_data li {margin-bottom: 6px;line-height: 1.3;}.ipsList_data .row_title, .ipsList_data .ft {display: inline-block;float: left;width: 120px;font-weight: bold;text-align: right;padding-right: 10px;}#profile_panes_wrap .ipsList_data .row_data {display: block;margin-left: 130px;word-wrap: break-word;max-width: 100%;}.ipsList_data li {line-height: 1.3;}.general_box {background: #fcfcfc;margin-bottom: 10px;}.ipsLayout_largeright.ipsLayout .ipsLayout_right {width: 270px;margin-right: -280px;float: right;}#profile_panes_wrap .reputation {float: none;margin: 0 0 5px 0;padding: 10px;text-align: center;font-weight: normal;display: block;}.reputation.zero {background: #dedede;color: #6e6e6e;-webkit-border-radius: 3px;border-radius: 3px;width: 93%;}#profile_panes_wrap .reputation .number {font-size: 20px;font-weight: bold;display: block;}#profile_panes_wrap .reputation {text-align: center;font-weight: normal;}.desc, .desc.blend_links a, p.posted_info {font-size: 12px;color: #777;}.ipsBox, .ipsPad {padding: 9px;}</style>');
jQuery('#profile-advanced-right').after('<div class="ipsBox clear vcard" id="profile_background"><div class="ipsVerticalTabbed ipsLayout ipsLayout_withleft ipsLayout_smallleft clearfix"><div class="ipsVerticalTabbed_tabs ipsLayout_left" id="profile_tabs" style="background: #f0f0f0;position: relative;margin-left: -159px;width: 159px;border-bottom: 1px solid #eaeaea;"><p class="short photo_holder"><img src="" class="avatar_img" style="max-height: 240px; max-width: 150px;"></p><ul class="clear" style="margin-top: 17px;width: 159px !important;"><li id="tab_link_core:info" class="tab_toggle active" data-tabid="user_info" style="margin-top: 0px;"><a href="#">Visão Geral</a></li><li id="tab_link_members:friends" class=" tab_toggle" data-tabid="friends"><a href="friends" title="Visualizar Amigos">Amigos</a></li><li id="tab_link_forums:topics" class=" tab_toggle" data-tabid="topics"><a href="/sta/" title="Visualizar Tópicos">Tópicos</a></li><li id="tab_link_forums:posts" class=" tab_toggle" data-tabid="posts"><a href="/spa/" title="Visualizar Posts">Posts</a></li><li class=" tab_toggle" style=""><a href="#" style="color: #777 !important;"><b>Créditos:</b> [F]lames</a></li></ul></div><div class="ipsVerticalTabbed_content ipsLayout_content ipsBox_container" id="profile_content" style="min-height: 431px;"><div class="ipsPad"><div id="profile_content_main"><div id="user_info_cell"><h1 class="ipsType_pagetitle"><span class="fn nickname"></span></h1>Cadastrado: <span class="userins"></span><br><br><span class="ipsBadge reset_cursor ipsBadge_lightgrey">offline</span></div><ul class="ipsList_inline" id="user_utility_links"><li id="friend_toggle" class="ipsButton_secondary"><a href="/profile?friend=&mode=editprofile&page_profil=friendsfoes" title="Adicionar como Amigo"><img src="http://hydracheats.com.br/forum/public/style_images/xgame/user_add.png" alt="Adicionar como Amigo"> Adicionar como amigo</a></li><li class="pm_button" id="pm_xxx_16" style="background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(246, 246, 246)), to(rgb(229, 229, 229)));"><a href="#" title="Enviar MP" class="ipsButton_secondary"><img src="http://hydracheats.com.br/forum/public/style_images/xgame/email_open.png" alt="Enviar MP"> Enviar mensagem</a></li></ul></div><div id="profile_panes_wrap" class="clearfix"><div id="pane_core:info" class="ipsLayout ipsLayout_withright ipsLayout_largeright clearfix"><div class="ipsLayout_content"><div class="general_box clearfix"><h3>Estatísticas</h3><br><ul class="ipsList_data clearfix"><li class="clear clearfix"><span class="row_title">Rank:</span><span class="row_data"><span class="userank"><b></b></span></span></li><li class="clear clearfix"><span class="row_title">Posts:</span><span class="row_data"><span class="userpost"></span></span></li><li class="clear clearfix"><span class="row_title">Nascimento:</span><span class="row_data desc lighter"><span class="usernasc"></span></span></li><li class="clear clearfix"><span class="row_title">Sexo:</span><div class="row_data"><img src="http://hydracheats.com.br/forum/public/style_images/xgame/profile/mystery.png" alt="Não informado"> <span class="usersexo"></span></div></li></ul><br></div><div class="general_box clearfix"><h3>Contato</h3><br><ul class="ipsList_data clearfix"></ul></div></div><div class="ipsLayout_right"><div class="reputation zero" id="anonymous_element_21"><span class="number">0</span><span class="title">Neutral</span></div><br><div class="general_box clearfix" id="friends_overview"><h3>Amigos</h3><div class="ipsPad"><p class="desc"></p></div></div><div class="general_box clearfix"><h3>Últimos visitantes</h3><p class="ipsPad desc">Sem visitantes</p></div></div></div></div></div></div></div></div>');
jQuery('#profile-advanced-layout, #profile-advanced-right').hide();
jQuery('.ipsPad #profile_content_main #user_info_cell h1.ipsType_pagetitle span.fn.nickname').html(jQuery('#profile-advanced-right .module.main:first .main-head .h3').text().split(' (conectado)').join(''));
jQuery('.ipsPad #profile_content_main #user_info_cell .userins').html(jQuery('.main-content.clearfix .middleline dl[id^="field_id"]:contains("Data de inscrição") dd .field_uneditable').text());
jQuery('.ipsBox.clear .ipsVerticalTabbed p.short.photo_holder .avatar_img').attr('src',jQuery('#profile-advanced-right .module.main .main-content.clearfix.center img:first').attr('src'));
jQuery('.ipsBox.clear .ipsVerticalTabbed .ipsPad #profile_panes_wrap .ipsLayout .ipsLayout_content .general_box ul.ipsList_data li.clear.clearfix .row_data .userank b').html(jQuery('#profile-advanced-right .module.main .main-content.clearfix.center').html().split('Rank: ').join('').split('<br>').join('').split('src="').join('style="display: none;" src="'));
jQuery('.ipsBox.clear .ipsVerticalTabbed .ipsPad #profile_panes_wrap .ipsLayout .ipsLayout_content .general_box ul.ipsList_data li.clear.clearfix .row_data .userpost').text(jQuery('.main-content.clearfix .middleline dl[id^="field_id"]:contains("Mensagens:") dd .field_uneditable').text());
jQuery('.ipsBox.clear .ipsVerticalTabbed .ipsPad #profile_panes_wrap .ipsLayout .ipsLayout_content .general_box ul.ipsList_data li.clear.clearfix .row_data .usernasc').text(jQuery('.main-content.clearfix .middleline dl[id^="field_id"]:contains("Data de nascimento") dd .field_uneditable').text());
jQuery('.ipsBox.clear .ipsVerticalTabbed .ipsPad #profile_panes_wrap .ipsLayout .ipsLayout_right .general_box .ipsPad p.desc').html(jQuery('#profile-advanced-right .module.main:last .main-content .friend-block a').text());
jQuery('ul#user_utility_links li#friend_toggle a').attr('href','/profile?friend='+jQuery('#profile-advanced-right .module.main:first .main-head .h3').text().split(' (conectado)').join('')+'&mode=editprofile&page_profil=friendsfoes');
jQuery('ul.clear li a:contains("Tópicos")').attr('href','/sta/'+jQuery('#profile-advanced-right .module.main:first .main-head .h3').text().split(' (conectado)').join(''));
jQuery('ul.clear li a:contains("Posts")').attr('href','/spa/'+jQuery('#profile-advanced-right .module.main:first .main-head .h3').text().split('(conectado)').join(''));
jQuery('ul.clear li a:contains("Amigos")').attr('href',location.href+'friends');
if(jQuery('#profile-advanced-right .module.main:first .main-head .h3:contains("conectado")').length) {jQuery('.ipsPad #profile_content_main #user_info_cell .ipsBadge.reset_cursor').html('online').addClass('ipsBadge_green').removeClass('ipsBadge_lightgrey');}
else if(jQuery('#profile-advanced-right .module.main:first .main-head .h3').not('#profile-advanced-right .module.main:first .main-head .h3:contains("conectado")').length) {jQuery('.ipsPad #profile_content_main #user_info_cell .ipsBadge.reset_cursor').html('offline').addClass('ipsBadge_lightgrey').removeClass('ipsBadge_green');}
jQuery('.ipsButton_secondary').css('background','-webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f6f6), color-stop(100%,#e5e5e5))');
jQuery('li.pm_button a.ipsButton_secondary').attr('href','/privmsg?mode=post&u='+location.href.split('LINK_DE_SEU_FÓRUM/u').join(''));
jQuery('.userClient, .userDesigner, .userManagement, .userMember, .userMemberactive, .userModerator, .userStaff, .vipBS').attr('style','background: none;color: black;text-shadow: none;border-radius: 0px;font-size: 11px;margin-top: 0px;padding: 0px;');
jQuery.get(location.href+'stats', function(data) {
var l=jQuery('#profile-advanced-details .main-content fieldset:nth-child(2) ul:contains("Reputação") li:first',data).text().split('Reputação :').join('');
jQuery('.reputation.zero .number').text(l);
});
if(jQuery('#profile_panes_wrap .reputation .number').text()>=10) {jQuery('#profile_panes_wrap .reputation').removeClass('zero').addClass('positive');jQuery('#profile_panes_wrap .reputation .title').text('Bom !');}
if(jQuery('#profile_panes_wrap .reputation .number').text()>=25) {jQuery('#profile_panes_wrap .reputation').removeClass('zero').addClass('positive');jQuery('#profile_panes_wrap .reputation .title').text('Excelente !');}
if(jQuery('#profile_panes_wrap .reputation .number').text()>=40) {jQuery('#profile_panes_wrap .reputation').removeClass('zero').addClass('positive');jQuery('#profile_panes_wrap .reputation .title').text('Ótimo !');}
if(jQuery('#profile_panes_wrap .reputation .number').text()>=80) {jQuery('#profile_panes_wrap .reputation').removeClass('zero').addClass('positive');jQuery('#profile_panes_wrap .reputation .title').text('Maravilhoso !');}
if(jQuery('#profile_panes_wrap .reputation .number').text()>=160) {jQuery('#profile_panes_wrap .reputation').removeClass('zero').addClass('positive');jQuery('#profile_panes_wrap .reputation .title').text('Perfeito !');}
}
});
function esc() {
jQuery('script#mi').remove();
setTimeout('esc()',100);
}
esc();
Antes de salvar, localize "LINK_DE_SEU_FÓRUM" e substitua pelo link de seu fórum; devendo ficar como este exemplo "http://bestskins.forumeiros.com/u".
Salve!
2º - Estudo e adição da configuração do código:
Aceda á Configuração:Painel de Controle Geral Fórum Configuração
Localize "Descrição do Site * :", e, no campo ao lado, antes de tudo, adicione isto:<script src="LINK.js" id="mi"></script>
LINK Substitua isto pelo link do código JavaSCript criado anteriormente, por exemplo:<script src="/78564.js" id="mi"></script>
Salve!
3º - Resultado:- Isto é funcional à que versões ??
O código é funcional á todas as versões, mas apenas foi testado na versão PunBB.
- Pessoas poderão retirar este código de meu fórum usando o Inspecionar Elemento ??
Caso você configure bem o código, o mesmo tem um sistema de proteção que impede os usuários de retirarem este código de seu fórum para uso próprio.
- Oque acontece caso eu retire os créditos do código ??
O fórum em questão poderá receber um litígio por retirar os devidos créditos do autor do código, eu, [F]lames.
BestSkins & [F]lamesSe tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título:
[TUTORIAL] Perfil IPB para usuários forumeiros- Isto é funcional à que versões ??
Veja se fica do seu agrado, se faltar algum ajuste avise!
Atenciosamente,
Sleep
- em 24.04.20 2:50
- Procurar em: Questões resolvidas sobre a aparência do fórum
- Tópico: Perfil IPB para AwesomeBB
- Respostas: 6
- Vistos: 2273
Nomes brancos ao mencionar membros
Olá,Bem-vinda ao Fórum dos Fóruns!Seja bem-vinda ao Fórum dos Fóruns! Como acabou de se inscrever, veja aqui alguns links importantes a saber:
|
Adicione este código CSS:
- Código:
.mentiontag:link, .mentiontag:visited {
color: #FFF;
}
Troque {#}FFF{/#} pela cor que quiser em hexadecimal / inglês / rgb(a).
Se quiser com background, use este código:
- Código:
.mentiontag:link, .mentiontag:visited {
color: #FFF;
background-color: #8c8cc0!important;
}
Cordialmente,
Roger123
- em 09.08.19 10:03
- Procurar em: Questões resolvidas sobre a aparência do fórum
- Tópico: Nomes brancos ao mencionar membros
- Respostas: 5
- Vistos: 1079
Barra de membros conectados preta
Olá @Luqui,Você tem este código no CSS acima:
Porém, a divisão com a class "statistics" não se encontra dentro de "#main-content", por isso ele não funciona.
Substitua apenas o trecho acima por este:
- Código:
#main .statistics {
background-color: #fff;
padding: 17px!important;
}
Abraços.
- em 19.07.18 0:24
- Procurar em: Questões resolvidas sobre a aparência do fórum
- Tópico: Barra de membros conectados preta
- Respostas: 5
- Vistos: 888
Personalizar barra de menu
Procure por:a.mainmenu.active {
background-color: black;
color: #fff;
padding: 5px;
text-decoration: none !important;
font-weight: bold;
border-radius: 4px 4px 0 0;
}
Altere o que esta de vermelho até ficar ao seu gosto
Atenciosamente,
Neox
- em 08.07.18 4:44
- Procurar em: Questões resolvidas sobre a aparência do fórum
- Tópico: Personalizar barra de menu
- Respostas: 37
- Vistos: 2134
botões da barra de ferramentas de postagem
É por causa nesta parte do CSS- Código:
#profile-advanced-add a, a.button1, a.button2, button.button2, input.button, input.button1, input.button2 {
background: #c90;
border: none;
border-bottom: 2px solid #17A;
border-radius: 15px;
color: #FFF!important;
display: inline-block;
font-size: 15px;
font-weight: 700;
line-height: normal!important;
margin: 2px;
padding: 6px 9px!important;
transition: .3s;
}
tenta remover o !important a frente de color: #FFF;
ou simplesmente remove input.button,
- em 03.07.18 22:30
- Procurar em: Questões resolvidas sobre a aparência do fórum
- Tópico: botões da barra de ferramentas de postagem
- Respostas: 8
- Vistos: 716
Código para exibir perfil ModernBB
Olá!É sim possível. Altere o código anterior para este:
- Código:
jQuery(document).ready(function(){
jQuery('.post .postprofile').each(function(){
jQuery(this).find('.postprofile-info').insertAfter(this).hide();
jQuery(this).find('.postprofile-rank').after('<input onclick="jQuery(this).closest(\'.post\').find(\'.postprofile-info\').fadeToggle();" style="font-weight: bold;font-family: century gothic;" id="botpefi" value="Exibir perfil" type="button">');
});
});
Após isso, adicione à sua folha de estilos:
- Código:
.post .postprofile-info {
-moz-border-radius: 7px;
-o-border-radius: 7px;
-webkit-border-radius: 7px;
background: #fff;
border: 6px solid #379ecf;
border-radius: 4px;
max-width: 300px;
padding: 7px;
position: absolute;
z-index: 999;
left: 18%;
top: 5%;
}
.postprofile #botpefi {
-moz-border-radius: 3px;
-moz-box-shadow: inset 0 2px 0 0 #5C5C5C, 0 2px 3px rgba(0,0,0,0.2);
-webkit-border-radius: 3px;
-webkit-box-shadow: inset 0 2px 0 0 #5C5C5C, 0 2px 3px rgba(0,0,0,0.2);
background: #242c2e!important;
background-color: #242c2e!important;
border: 1px solid #212121;
border-color: #212121!important;
border-radius: 3px;
border-width: 1px 1px 0;
box-shadow: inset 0 2px 0 0 #5C5C5C, 0 2px 3px rgba(0,0,0,0.2);
color: #fff;
cursor: pointer;
display: inline-block;
font-family: Helvetica,Arial,sans-serif;
font-size: 12px;
font-style: normal;
font-variant: normal;
font-weight: 300;
height: 30px;
line-height: 30px;
padding: 0 10px;
text-align: center;
text-shadow: 0 -1px 0 #191919;
width: 100%;
}
A caixa flutuante irá aparecer do lado direito, ou seja por cima do tópico. Para alterar para o lado esquerdo procure no código CSS que lhe passei, o seguinte:
Altere 18% para -20%.
Remova o top: 5%;
Até mais.
- em 24.06.18 13:44
- Procurar em: Questões resolvidas sobre códigos Javascript e jQuery
- Tópico: Código para exibir perfil ModernBB
- Respostas: 5
- Vistos: 1553
Como mudar as cores e arrumar os cargos do fórum?
Ok, vamos lá por partes!1) Para alterar o que está circulado em verde, procura por:
- Código:
.module .main-head
Ai você vai achar:
- Clique Aqui:
- .module .main-head {
-moz-box-shadow: inset 0 0 0;
-webkit-box-shadow: inset 0 0 0;
[b]background: #369fcf;[/b]
border: 0;
border-radius: 5px 5px 0 0;
box-shadow: inset 0 0 0;
color: #fff;
font-family: helvetica,arial,sans-serif;
font-size: 14px;
font-style: normal;
font-variant: normal;
font-weight: normal;
padding: 10px;
}
Altere #369fcf para a cor desejada.
2) Para alterar a borda azul, procura por:
- Código:
.main .main-foot, .main .main-head
Ai você vai achar:
- Clique Aqui:
- .main .main-foot, .main .main-head {
-moz-border-radius: 4px 4px 0 0;
-moz-box-shadow: inset 0 1px 0 [b]#528cbc;[/b]
-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
-webkit-box-shadow: inset 0 1px 0 [b]#528cbc;[/b]
background: #000;
border-color: [b]#1a8bbf;[/b]
border-radius: 4px 4px 0 0;
border-style: solid;
border-width: 1px 1px 0;
box-shadow: inset 0 1px 0 #528cbc;
color: #fff;
margin-top: 15px;
padding: 10px 10px 11px;
}
Troca #528cbc e #1a8bbf para a cor desejada.
Até mais.
- em 13.04.18 19:40
- Procurar em: Questões resolvidas sobre a aparência do fórum
- Tópico: Como mudar as cores e arrumar os cargos do fórum?
- Respostas: 5
- Vistos: 1215
Cor/Bordas
Sim, tem. Utilize este código:- Código:
li.header dl.icon { background-color: #FFF; }
Já sabe, #FFF é a cor hexadecimal.
Atenciosamente,
Fraise.
- em 30.03.18 17:14
- Procurar em: Questões resolvidas sobre a aparência do fórum
- Tópico: Cor/Bordas
- Respostas: 13
- Vistos: 1096
Cor/Bordas
Atenção! Você não pode fazer UP's antes de se completar 24 horas desde a última mensagem deste tópico! Por este motivo, nós pedimos que leia as regras do setor de suporte e principalmente a do Fórum dos Fóruns para não cometer novos erros! Regras do FdF | Regras do Setor de Suporte |
Bom dia @SheikZZ,
Adicione em sua folha de estilos:
- Código:
.forabg { background-color: #FFF !important; }
#FFF corresponde à cor hexadecimal desejada.
Atenciosamente,
Fraise.
- em 30.03.18 10:30
- Procurar em: Questões resolvidas sobre a aparência do fórum
- Tópico: Cor/Bordas
- Respostas: 13
- Vistos: 1096
Alterar cor de fundo do balão de mensagens
Boa noite.Você pode mudar com CSS mesmo. Acesse Visualização >> Imagens e Cores > Cores > Folha de estilos CSS e adicione depois de
- Código:
.fa-post-content-wrapper .content {
margin: 0 !important;
}
- Código:
.fa-post-content-wrapper div.content.clearfix {
background-color: COR_AQUI;
}
- Código:
.fa-post-content-wrapper::before {
content: "";
display: block;
position: absolute;
top: 1px;
left: calc(100% - 1px);
border: solid 20px transparent;
border-left-color: #fff;
border-top-color: #fff;
z-index: 999;
filter: drop-shadow(2px -1px 0px rgba(0, 0, 5, .09));
}
Salve seu CSS antes de tudo.
Atenciosamente,
Shek
- em 28.01.18 1:44
- Procurar em: Questões resolvidas sobre a aparência do fórum
- Tópico: Alterar cor de fundo do balão de mensagens
- Respostas: 5
- Vistos: 1159
Colocar o campo buscar neste local !
Adicione mais este CSS:- Código:
#search-box #keywords {
background-color: grey !important;
}
"Grey" é cinza em inglês. Pode personalizar para a cor que desejar, um cinza mais claro em hexadecimal, etc.
Att!
- em 02.12.17 23:32
- Procurar em: Questões resolvidas sobre a aparência do fórum
- Tópico: Colocar o campo buscar neste local !
- Respostas: 13
- Vistos: 1511
Aumentar Aba Loguim
Troque por essa:.topic-actions-buttons{
display: none;
}
.fa_login_row {
margin: 0px 0;
}
.fa_login_button {
color: #69C;
background: none;
border: 0px solid #69C;
border-radius: 3px;
font-size: 16px;
font-weight: bold;
font-family: Arial, sans-serif;
display: block;
height: 30px;
line-height: 3px;
width: 240px;
margin: 3px auto;
transition: 250ms;
outline: none;
cursor: pointer;
}
element.style {
height: 290px;
}
.button, .button1, .button2, input[type="submit"] {
background-color: #3793ff;
border-radius: 3px;
box-shadow: 0 1px 2px rgba(0,0,0,0.3);
color: #fff;
display: inline-block;
font-family: Roboto, sans-serif;
font-size: 1.2rem;
font-weight: 500;
overflow: hidden;
padding: 1px 20px;
position: relative;
text-decoration: none;
vertical-align: middle;
width: auto!important;
}
Até mais!
- em 23.11.17 13:59
- Procurar em: Questões resolvidas sobre HTML e BBCode
- Tópico: Aumentar Aba Loguim
- Respostas: 16
- Vistos: 1025
A fonte daqui está preta
OláVá em:
Painel de controle>Visualização>Imagens e cores>Cores>Folha CSS
Aplique o código:
- Código:
.post-entry {
color: #fff!important;
}
Obs: Modifique #fff pela cor deseja.
- em 13.11.17 14:44
- Procurar em: Questões resolvidas sobre a aparência do fórum
- Tópico: A fonte daqui está preta
- Respostas: 3
- Vistos: 699
Menu Mensagem Privada
Orientações:- Código:
// Todo CSS[size=16][/size]
$('head').append([size=16][/size]
'<style type="text/css">' +[size=16][/size]
' #bs_full_inbox {' +[size=16][/size]
' font-size: 13px;' +[size=16][/size]
' font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;' +[size=16][/size]
' line-height: 18px;' +[size=16][/size]
' margin-top: 15px;' +[size=16][/size]
' display: none;' +[size=16][/size]
' width: 450px;' +[size=16][/size]
' background: #333333;' +[size=16][/size]
' box-shadow: 0px 15px 110px rgba(0,0,0,0.2);' +[size=16][/size]
' border-radius: 3px;' +[size=16][/size]
' z-index: 200;' +[size=16][/size]
' position: absolute;' +[size=16][/size]
' }' +
>Nessa parte #333333 do código você irá modificar a cor de fundo.
- Código:
[size=16].bs_inbox_header {' +[/size][size=16][/size]
[size=16]' background: #333333;' +[/size][size=16][/size]
[size=16]' border-bottom: 1px solid #252525;' +[/size][size=16][/size]
[size=16]' box-shadow: 0px 1px 6px rgba(0,0,0,0.07);' +[/size][size=16][/size]
[size=16]' border-radius: 3px 3px 0px 0px;' +[/size][size=16][/size]
[size=16]' padding: 10px;' +[/size][size=16][/size]
[size=16]' line-height: 24px;' +[/size][size=16][/size]
[size=16]' }' +[/size]
>Nessa outra parte #333333 irá modificar a cor de fundo do nome caixa de entrada
- Código:
#bs_full_inbox a {' +[size=16][/size]
' color: #fff;' +[size=16][/size]
' text-decoration: none;' +[size=16][/size]
' }' +
>Nessa parte #fff irá modificar cor da letra de fundo e do nome ir para mensagens
- Código:
.bs_inbox_item {color: #9c9c9c;}' +
' .bs_inbox_item .topictitle {display: inherit;}' +
' .bs_inbox_footer {' +
' background: #333333;' +
' text-align: center;' +
' padding: 10px;' +
' line-height: 24px;' +
' border-top: 1px solid #252525;' +
' box-shadow: 0px -1px 6px rgba(0,0,0,0.07);' +
' border-radius: 0px 0px 3px 3px;' +
' }' +
>Nessa parte #333333 irá modificar a cor de fundo do nome ir para mensagens
Obs: Faça as modificações e poste se está tudo ok.
- em 21.10.17 1:49
- Procurar em: Questões resolvidas sobre códigos Javascript e jQuery
- Tópico: Menu Mensagem Privada
- Respostas: 17
- Vistos: 1618
Mudar cor da fonte/letra do perfil
Olá thegmxl,Seja bem vindo ao FDF!
O senhor pode está modificando a cor da fonte padrão acessando:
Painel de controle>Visualização>Imagens e cores>Cores>Cor do texto>
Basta alterar pela cor que preferir.
Caso não funcione, acesse:
Painel de controle>Visualização>Imagens e cores>Cores>Folha de estilo CSS
Aplique o seguinte código:
- Código:
.post-entry {
color: #fff!important;
}
Obs: Troque o #fff pela cor deseja.
Atenciosamente: Ketholy
- em 19.10.17 1:13
- Procurar em: Questões resolvidas sobre a aparência do fórum
- Tópico: Mudar cor da fonte/letra do perfil
- Respostas: 5
- Vistos: 1474
Cor do texto do fórum
OláA forma mais rápido de modificar a cor do texto e indo em painel de administração.
Painel de controle>Visualização> Imagens e cores> Cores> Modificar cor do texto.
Após aplicar a cor click em salvar.
Obs: Caso não esteja funcionando, aplique o seguinte código abaixo.
- Código:
.post-entry {
color: #fff!important;
}
No nome color: #fff, troque pela cor que deseja.
Atenciosamente: Ketholy
- em 14.09.17 16:20
- Procurar em: Questões resolvidas sobre a aparência do fórum
- Tópico: Cor do texto do fórum
- Respostas: 3
- Vistos: 772
Colorir um nick em especial
Olá autor, pois então, não tem como colorir o nome de um usuário se ele for de um grupo especial, pois pelo painel é fixo a cor do grupo, sabe? mesmo com o requesito !important, não dá.Te dou uma opção que é chata... mas, coloque isso na sua folha de estilo css:
- Código:
a[href="/u3"] {
font-size:0px!important;
}
a[href="/u3"]:after {
content:"Nome"!important;
color:#fff;
font-size:12px;
}
Modifique o /u3, onde o 3 é o número do registro da pessoa e também modifique o "Nome", onde deve colocar o nome da pessoa certinho, e troque o valor do color... "#fff" é a cor branca, ou você pode por o nome em inglês: "black", "blue", etc.
Tem uma maneira legal de efeito, adicione esse código css em sua folha de estilo css, o efeito funciona perfeitamente no /u3 na pagina inicial, é só uma amostra do poder do CSS:
- Código:
span[style="color:#D19122"] strong {
-webkit-animation-name: blinker;
-webkit-animation-duration: 1s;
-webkit-animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
-moz-animation-name: blinker;
-moz-animation-duration: 1s;
-moz-animation-timing-function: linear;
-moz-animation-iteration-count: infinite;
animation-name: blinker;
animation-duration: 1s;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@-moz-keyframes blinker {
0% { opacity: 1.0; }
50% { opacity: 0.0; }
100% { opacity: 1.0; }
}
@-webkit-keyframes blinker {
0% { opacity: 1.0; }
50% { opacity: 0.0; }
100% { opacity: 1.0; }
}
@keyframes blinker {
0% { opacity: 1.0; }
50% { opacity: 0.0; }
100% { opacity: 1.0; }
}
Cordialmente,
While.
- em 01.09.17 1:31
- Procurar em: Questões resolvidas sobre a aparência do fórum
- Tópico: Colorir um nick em especial
- Respostas: 10
- Vistos: 1271
Colorir um nick em especial
Olá,Adicione em sua folha de estilo:
- Código:
a[href="/u2"] {
text-shadow: 0px 0px 2px #fff;
}
#FFF corresponde à cor (hexadecimal) desejada.
Abraço,
Fraise.
- em 31.08.17 14:58
- Procurar em: Questões resolvidas sobre a aparência do fórum
- Tópico: Colorir um nick em especial
- Respostas: 10
- Vistos: 1271
Editar cor da imagem & Mudar o ícone
Informações técnicas
Tipo de pedido : [Ícones]Dimensões : 90x100
Cores primátias : #E6AD1D
Cores secundárias : #fff
Imagens do pedido :
- Imagens a serem usadas:
Link do meu fórum : http://testepunbb.forumeiros.com/
Informações adicionais
Descrição do que desejo :Olá.
Irei pedir uma coisa bem simples hoje aos senhores:
(Ao menos eu penso que seja simples, pois não entendo muito bem de edição gráfica )
Tenho essa imagem:
https://i.servimg.com/u/f38/18/21/41/30/cre10.png
Gostaria de mudar o fundo dela para a cor #e6ad1d, e mudar o ícone para este:
-> http://fontawesome.io/icon/life-ring/
---
Exemplo do ícone:
o/
- em 06.04.17 17:58
- Procurar em: Arquivos de Pedidos finalizados
- Tópico: Editar cor da imagem & Mudar o ícone
- Respostas: 12
- Vistos: 1237
Botões em .CSS
Tente alterar o código que lhe passei acima por:span.fa-btn {
background-color: #3091c1;
color: #fff;
transition: all 200ms ease-in-out;
padding: 5px 9px;
border-radius: 4px;
border-bottom: solid 3px #2a79a0;
display: inline-block;
margin-top: 15px;
}
span.fa-btnRed {
background-color: #da4d45;
border-bottom-color: #a53933;
}
span.fa-btn:hover {
background-color: #2a2c33;
border-bottom-color: #202127;
}
Altere o valor destacado à teu gosto.
- em 30.03.17 23:52
- Procurar em: Questões resolvidas sobre códigos Javascript e jQuery
- Tópico: Botões em .CSS
- Respostas: 9
- Vistos: 2364
Visualização de tópico
Procure no seu viewtopic_body por:- Código:
class="profile-field
E troque por:
- Código:
class="profile-field color-primary
Procure no seu CSS por:
- Código:
.post .content {
padding: 10px;
background: #fff !important;
}
E remova o background: #fff !important;
- em 13.03.17 13:19
- Procurar em: Questões resolvidas sobre HTML e BBCode
- Tópico: Visualização de tópico
- Respostas: 22
- Vistos: 1604
Estatisticas personalizadas
Boa tarde.Adicione em seu CSS:
- Código:
div#stats {
padding: 10px;
padding-bottom: 25px;
background-color: #FF5722;
width: 100%;
}
- Código:
.statsPers li
- em 14.12.16 15:14
- Procurar em: Questões resolvidas sobre a aparência do fórum
- Tópico: Estatisticas personalizadas
- Respostas: 11
- Vistos: 1057
Alinhar colunas das categorias
Detalhes da questão
Endereço do fórum: http://winxclubfadas.forumeiros.com/
Versão do fórum: PhpBB3
Descrição
Olá.
Gostaria de alinhar os elementos das categorias: última mensagem e colunas, da melhor forma possível.
- Folha de estilos CSS:
- /* Forum */
#logo {
position:relative !important;
top: 15px;
}
#wrap {
margin-left: 255px;
-moz-border-radius: 60px;
border-radius: 60px;
border-right: 7px solid #121E38;
border-left: 7px solid #121E38;
border : 2px solid #121E38;
max-width: 1050px !important;
}
/* --- */
/* Navigation */
a.mainmenu {
bottom: 100px;
font-family: trebuchet ms;
font-size: 9px;
letter-spacing: 1px;
text-align: center;
text-transform: uppercase;
background-color:#0e0e0e;
border-bottom: 0px solid #ddd;
color:#848484;
-webkit-transition: all 0.2s linear 0ms;
padding: 10px;
}
a.mainmenu:hover {
bottom: 100px;
text-decoration: none;
color: #000;
text-transform:uppercase;
background-color:#f9f9f9;
border-bottom: 0px solid #aaa;
padding: 10px;
-webkit-transition: opacity 0.6s linear;
-webkit-transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
}
/* --- */
/* Widgets */
.h3 {
padding: 0px;
width: 200px;
text-align: right;
color: #ffffff;
font-family: times new roman;
font-size: 15px;
letter-spacing: 2px;
text-shadow: 1px 1px 1px #000;
margin-bottom: 0px;
position: relative;
}
.module h3{
color: #121E38;
}
.module .h3 {
height: 20px;
font-family: Oranienbaum !important;
font-size: 18px;
max-width: 300px !important;
text-align: center;
border-bottom: 1px solid #121E38;
padding-bottom: 3px;
visibility: ;
}
#content-container div#left {
overflow-y:auto;
background-color:#0e0e0e;
color:#121E38;
background-position:initial initial;
background-repeat:initial initial;
border-left-color:#121E38;
border-left-style:solid;
border-left-width:25px;
border-right-color:#121E38;
border-right-style:solid;
border-right-width:10px;
float:none;
height:100%;
margin:0;
padding:0;
position:fixed;
left: 10px;
top:0;
width:200px;
}
#comments_scroll_container {
font-family: georgia;
font-size: 11px;
text-tranform: lowercase;
text-align: left;
padding: 7px;
background: #;
text-align: center;
border-radius: 0px 0px 0px 0px;
}
/* --- */
/* Forum Table */
ul.forums {
background-image: url("https://i.imgur.com/QaUnqqp.png");
background-repeat: repeat;
background-color: #121E38;
border-bottom: 15px solid #121E38;
border-radius: 0 0 40px 40px;
}
li.header {
background-image: url(\'https://i.imgur.com/PbcxC7c.png\');
color: #121E38;
text-transform: none;
font-size:0px;
padding: 35px;
background-color: #121E38;
border-bottom: 0px solid #121E38;
text-align: right;
}
.forabg .row {
display: inline-block;
width: 50%;
}
dd.dterm {
margin-left: 15px;
}
.forabg dd.topics {
position: absolute;
}
.forabg dd.posts {
position: absolute;
}
.forabg dd.lastpost {
position: absolute;
}
#desc-ro {
background: #DDD;
width: 362px;
height: 200px;
}
a.forumtitle {
color: #EEE9E9;
display: block;
font-family: \'Neucha\', cursive;
font-size: 20px;
margin-bottom: -16px;
text-shadow: 2px 1px 0 #5E91AD, 1px 1px 0 #444, -1px 1px 0 #444, -1px -1px 0 #444, 1px -1px 0 #444;
text-transform: uppercase;
width: 361px;
font-weight: lighter;
}
.forabg dd.topics {
background: #121E38;
border-bottom: 2px solid #64828A;
height: 89px;
margin-left: 395px;
margin-top: 29px;
position: absolute;
width: 70px;
font-size: 22px;
color: #DBDBDB;
font-family: \'Alfa Slab One\', cursive;
text-shadow: 2px 1px 0 #5E91AD, 1px 1px 0 #444, -1px 1px 0 #444, -1px -1px 0 #444, 1px -1px 0 #444;
text-transform: uppercase;
line-height: 89px;
}
.forabg dd.posts {
background: #121E38;
height: 93px;
margin-left: 395px;
margin-top: 128px;
position: absolute;
width: 70px;
font-size: 22px;
color: #DBDBDB;
font-family: \'Alfa Slab One\', cursive;
text-shadow: 2px 1px 0 #5E91AD, 1px 1px 0 #444, -1px 1px 0 #444, -1px -1px 0 #444, 1px -1px 0 #444;
text-transform: uppercase;
line-height: 89px;
}
.forabg dd.lastpost {
width: 303px;
background: #748192;
margin-left: 91px;
margin-top: 191px;
height: 30px;
line-height: 30px;
text-transform: uppercase;
font-family: calibri;
color: #fff;
text-shadow: 2px 1px 0 #444;
}
dd.lastpost a strong {
margin-left: 10px;
margin-right: 10px;
}
li dd.lastpost span a {
margin-right: 10px;
}
.forabg dd.lastpost a {
color: #fff;
}
.last-post-icon{ display:none; }
.lastpost br { display:none;}
/* para eliminar la columna de temas */
.forabg li.header dd.topics {
display: none
}
/* para eliminar la columna de mensajes */
.forabg li.header dd.posts {
display: none
}
/* para eliminar la columna de ultimos mensajes */
.forabg li.header dd.lastpost {
display: none
}
.table-title, .table-title h2 {
color: #ffffff;
font: 40px Neucha;
letter-spacing: 3px;
padding: 30px;
height: 64px;
text-shadow: 3px 3px 3px #121E38;
margin-top: 20px;
}
@font-face {
font-family: \'Oranienbaum\';
font-style: normal;
font-weight: 400;
src: local(\'Oranienbaum\'), local(\'Oranienbaum-Regular\'), url(http://themes.googleusercontent.com/static/fonts/oranienbaum/v2/WyaFSM_en0pjtlmUWwS7GWOb2gHztoQeulij-1lvl-8.woff) format(\'woff\');
}
@font-face {
font-family: \'Yeseva One\';
font-style: normal;
font-weight: 400;
src: local(\'Yeseva One\'), local(\'YesevaOne\'), url(http://themes.googleusercontent.com/static/fonts/yesevaone/v7/wVgDKaRrT3DN9VGcOY4orxsxEYwM7FgeyaSgU71cLG0.woff) format(\'woff\');
}
/* --- */
/* Post Content & Profiles */
.postbody .content {
text-align: justify;
font-size: 12px;
line-height: 13px;
background: #0e0e0e;
margin-top: -15px;
border-left: 10px solid #121E38;
padding: 10px 30px;
background-repeat: repeat;
border-bottom: 8px solid #121E38;
border-radius: 0 0 40px 40px;
}
p.author {
background-image: url(\'\');
background-color: #0e0e0e;
margin-top: 15px;
padding: 3px !important;
position: relative;
right: -7em;
text-align: center;
}
p.author {
font-family: Yanone Kaffeesatz;
font-size: 12px;
line-height: 1.2em;
margin-top: 15px;
padding: 5 5 5px;
}
.postprofile dl dt a img {
margin-top: 10px;
padding-right: 10px;
opacity: 1.0;
border-radius: 0px 0px 0px 0px;
-webkit-transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
}
.postprofile:hover dl dt a img {
opacity: 0.5;
-webkit-transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
}
* div.postprofile dl dd{
display: none;
-webkit-transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
text-align: center;
}
* div.postprofile dl:hover dd{
text-align: justify;
display:inline-block;
-webkit-transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
}
.postprofile a:link, .postprofile a:active, .postprofile a:visited, .postprofile dt.author a {
font-family:calibri;
font-size:11px;
text-transform:uppercase;
}
.postprofile {
width: 220px;
border-top: 3px solid #121E38;
border-left: 3px solid #121E38;
border-right: 3px solid #121E38;
font-family: georgia;
font-size:9px;
color: #COLOR;
text-transform: uppercase;
text-align: justify;
margin-left: 10px;
background-image: url(\'https://2img.net/h/oi48.tinypic.com/2aikcns.jpg\');
padding: -10px;
-webkit-transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
}
.postprofile dd {
text-align: left;
margin-top: 4px;
-webkit-transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
}
.postprofile strong:first-child {
background-color:#121E38;
color: white !important;
background-position:initial initial;
background-repeat:initial initial;
display:inline-block;
font-family: Oranienbaum;
font-size:17px;
padding:5px;
margin-left: -10px;
opacity: 100;
text-align:center !important;
text-transform:uppercase;
width: 215px;
height: 17px;
-webkit-transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
}
.postprofile dt:first-child img {
margin-bottom: 3px;
display: block;
margin-left: auto;
margin-right: auto;
float:center;
padding: -10px;
max-width: 200px !important;
-webkit-transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
}*/
/* --- */
/* Group Legend */
ul + .h3, #i_whosonline + p {
width: 500px;
}
.clear + .h3, #page-body p.page-bottom {
float: right;
left: -180px;
width: 400px;
}
.clear + .h3 {
position: relative;
bottom: 420px;
visibility: ;
}
#page-body p.page-bottom {
position: relative;
bottom: 370px;
left: 450px;
line-height: 120%;
}
ul#picture_legend {
background: url(https://i.imgur.com/PbcxC7c.png);
font: 10px Balthazar;
text-transform: uppercase;
letter-spacing: 2px;
text-align: center!important;
display: block;
padding: 5px;
}
#page-footer li a {
font: 8px trebuchet ms;
text-transform: uppercase;
letter-spacing: 3px;
}
p em b a.gensmall {
color:gray;
float:center !important;
font-family:Kelly Slab;
font-size: 15px;
letter-spacing:2px;
text-transform:uppercase;
}
p em {
color:transparent;
font-style:normal;
}
@font-face {
font-family: \'Kelly Slab\';
font-style: normal;
font-weight: 400;
src: local(\'Kelly Slab\'), local(\'KellySlab-Regular\'), url(http://themes.googleusercontent.com/static/fonts/kellyslab/v3/gKqKZ8BbpAcxgFwZImcomxsxEYwM7FgeyaSgU71cLG0.woff) format(\'woff\');
}
/* --- */
/* Spoiler, Code & Others*/
dl.codebox {
font-size: 1em;
padding: 3px;
border:none;
}
dl.codebox {
-moz-border-radius: 8px 8px 8px 8px;
background:url(http://hitskin.com/themes/19/30/67/i_background.jpg);
border-top: 1px dashed #666;
border: none;
}
dl.codebox dt {
display:block;
font-size:0.8em;
font-weight:700;
color:#ddd;
margin-bottom:3px;
text-transform:uppercase;
font-family:sans-serif;
border:none;
}
dl.codebox code {
color:#ddd;
font-family:Sans-serif;
text-align:center;
font-size:9px;
border: none;
}
dl.spoiler {
border:none;
font-size:12px;
color:#ddd;
display:block;
border-bottom: 2px solid #666;
}
blockquote {
background: url(https://2img.net/h/i122.photobucket.com/albums/o271/KaiEiri/w7kuhc83_zpsbe2c44bb.png) repeat;
border-left: 3px solid #666;
border-right: 3px solid #666;
display:block;
}
.content blockquote {
color:#color;
font-family:Arial,Helvetica,sans-serif;
font-size:11px;
letter-spacing:1px;
border:none;
border-left: 9px solid #433e3e;
border-right: 3px solid #433e3e;
}
/* --- */
/**CORPO DO CHAT**/
#chatbox_footer{background-color:#121D2D}
#chatbox,#chatbox_members,#chatbox_header.main-head,#chatbox_footer{-moz-border-radius:10px;-webkit-border-radius:10px;border:7px;border-top:7px solid #121D2D;border-bottom:7px solid}
#chatbox {background-image: url(http://images4.fanpop.com/image/photos/19200000/Dobby-harry-potter-19287081-1440-900.jpg);
background-image: url(http://images4.fanpop.com/image/photos/19200000/Dobby-harry-potter-19287081-1440-900.jpg) !important;
background-repeat: no-repeat;
background-position: bottom right;
}
#chatbox_header, #chatbox_footer, #chatbox, #chatbox_members {
moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: 7px solid #121D2D;
}
#chatbox_header{background-color: #121D2D;}
/**FIM DO CORPO**/
#cajamayor{
background: #202020;
background-color: #242424;
padding: 10px;
border: 20px solid #000;
height: auto;
width: 1030px;
}
.estadis-h3{
color: #fff;
background-color: #000;
padding: 50px;
text-transform: uppercase;
font-size: 20;
text-align: center;
}
#leyenda-ori {
background: #141414;
border: 10px solid #141414;
color: #aaa;
font-family: calibri;
font-size: 10px;
height: 150px;
overflow: auto;
text-align: justify;
text-transform: uppercase;
width: 184px;}
.g1 { background: #646480; }
.g2 { background: #A4A682; }
.g3 { background: #965D6D; }
.g4 { background: #547E81; }
.g1, .g2, .g3, .g4 {
color: #fff;
display: block;
font-family: calibri;
font-size: 12px;
height: 20px;
margin-top: 2px;
padding: 23px;
text-align: center;
text-transform: lowercase;
text-shadow: 1px 1px 0 #222;
width: 120px;
}
p em {
background-color: #111;
border-bottom: 28px solid #121E38;
border-top: 9px solid #121E38;
color: transparent;
display: block;
margin-left: 105px;
padding: 10px;
text-align: center;
text-transform: uppercase;
width: 800px;
}
* {
margin: 0px;
padding: 0px;
}
p {
font-size: 1.1em;
line-height: 1.3em;
}
p em b a.gensmall {
font-family: Neucha;
font-size: 15px;
letter-spacing: 2px;
text-align: center;
text-transform: capitalize;
text-shadow: 1px 1px 2px #000;
}
p em b a.gensmall {
font-family: Neucha;
font-size: 20px;
line-height: 100%;
letter-spacing: 0px;
font-style: normal;
text-align: center;
text-transform: none;
}
/**FIM Da Estatisticas**/
.postprofile{width:21%!important}.postbody{width:77%}
- em 03.10.16 23:02
- Procurar em: Questões resolvidas sobre a aparência do fórum
- Tópico: Alinhar colunas das categorias
- Respostas: 4
- Vistos: 3550
Modificar cor dos campos de perfil
Olá,Para a cor dos campos, tente este (troque #fff pela cor desejada):
- Código:
.panel-right > div:nth-child(1) > fieldset > dl > dd > select {color: #fff !important;}
Para aba, tente este (troque red pela cor desejada) :
- Código:
#tabs .activetab a:hover span {
color: #fff !important;
}
#tabs .activetab a span:focus {
color: red !important;
}
Até mais!
- em 21.09.16 14:50
- Procurar em: Questões resolvidas sobre a aparência do fórum
- Tópico: Modificar cor dos campos de perfil
- Respostas: 9
- Vistos: 1129
Personalizar Footer
Olá.Procure por:
footer {
margin-top: 5px;
background: rgba(0,0,0,0.4);
color: #FFF;
padding: 15px;
margin-bottom: -50px!important;
width: 98%!important;
margin-left: 0px!important;
background: none!important;
}
Verde -> Altere o valor até que a barra de rolagem suma, neste caso diminua o valor.
Atenciosamente,
Holkis - Moderador do grupo dos ajudeiros.
- em 12.09.16 16:30
- Procurar em: Questões resolvidas sobre a aparência do fórum
- Tópico: Personalizar Footer
- Respostas: 27
- Vistos: 1331
Ícones tipo o do FdF (resolvido, etc)
Informações técnicas
Tipo de pedido : [Ícones]Dimensões : 109x32
Cores primátias : #FD0000
Cores secundárias : #2d3134
Imagens do pedido :
- Imagens a serem usadas:
Texto a ser inserido : Não especificado
Fonte : Verdana (EM CAPS LOCK)
Cor da fonte : Branco com uma leve sombra
Link do meu fórum : http://jornalrhc.forumeiros.com
Link do meu último pedido : Não especificado
Informações adicionais
Descrição do que desejo : Olá, Artmeiros!Gostaria de pedir três ícones :v
Primeiro:
Cor base: #8b5
Cor secundária: #2d3134
Cor e fonte do texto: #fff e Verdana
Texto a ser inserido: APROVADO
Imagem: http://www.daev.org.br/media/images/textures/icones/fa-check.png
Segundo
Cor base: #ec0a0a
Cor secundária: #2d3134
Cor e fonte do texto: #fff e Verdana
Texto a ser inserido: NEGADO
Imagem: https://www.communitybapt.com/static/djangocms_admin_style/fonts/src/exclamation-triangle.svg
Terceiro:
Cor base: #e8983a
Cor secundária: #2d3134
Cor e fonte do texto: #fff e Verdana
Texto a ser inserido: EM AVALIAÇÃO
Imagem: http://etiklife.com/wp-content/uploads/intense-cache/icons/plugin/font-awesome/book.svg
Observação: O tamanho dos ícones pode ser ajustado conforme o tamanho, vale frisar que a fonte deve estar em 14px , todas em caps lock.
- em 04.09.16 5:14
- Procurar em: Arquivos de Pedidos finalizados
- Tópico: Ícones tipo o do FdF (resolvido, etc)
- Respostas: 3
- Vistos: 1720
Perfil Nos Tópicos
Simples, no código que te pedi pra por na folha de estilo css, tem essa propriedade:background: #fff;
Em #fff coloque o valor desejado.
Alguma outra pergunta?
Até mais.
- em 24.08.16 23:26
- Procurar em: Questões resolvidas sobre a aparência do fórum
- Tópico: Perfil Nos Tópicos
- Respostas: 8
- Vistos: 1042
Ajustar largura do fórum
Olá!localize na sua folha css:
É altere seu valor para 97% (ou como achar melhor)
para o footer a mesma coisa, localize:
É altere seu valor para 97% (ou como achar melhor)
Até mais
- em 07.07.16 1:50
- Procurar em: Questões resolvidas sobre a aparência do fórum
- Tópico: Ajustar largura do fórum
- Respostas: 5
- Vistos: 1264
Aumentar espaçamento entre avatar e nick
Olá, para distanciar basta adicionar esse código em sua folha de estilo css:- Código:
dl > dt > a > img {padding:10px;}
Quanto a mudar a cor de fundo, adicione esta:
- Código:
.postprofile {background:black;}
altere o "black" pelo nome da cor que deseja (deve ser em inglês, exemplo black, blue, red) ou coloque a cor em hexadicimal , ou seja #000, #FFF, #ddd.
Até mais.
- em 17.06.16 17:51
- Procurar em: Questões resolvidas sobre a aparência do fórum
- Tópico: Aumentar espaçamento entre avatar e nick
- Respostas: 3
- Vistos: 1451
Melhor Resposta / Botão Obrigado
Retire os CSS e JS passado nesse topico e acesse:Painel de Controle -> Visualização -> Imagens e Cores -> Cores
procure por Cor do fundo de uma mensagem agradecida :
e deixe #FFF
e pronto... não estará aparecendo mais o "Melhor Resposta".
- em 29.04.16 18:28
- Procurar em: Questões resolvidas sobre a aparência do fórum
- Tópico: Melhor Resposta / Botão Obrigado
- Respostas: 12
- Vistos: 1270
Personalizar rodapé
Oi,Tentei o código e nada mudou, daí eu substitui o "color:#fff" por "background-color:#fff" e ficou conforme a imagem abaixo.
Apenas as partes que destaquei em vermelho ficaram brancas.
- em 14.04.16 17:40
- Procurar em: Questões resolvidas sobre a aparência do fórum
- Tópico: Personalizar rodapé
- Respostas: 9
- Vistos: 1754
logo forum
Informações técnicas
Tipo de pedido : [Logo]Dimensões : 1255x339
Cores primátias : Não especificado
Cores secundárias : Não especificado
Imagens do pedido :
- Imagens a serem usadas:
- Não
especificado
Texto a ser inserido : World Best RPG
Fonte : http://www.netfontes.com.br/dow.php?cod=pricedown
Cor da fonte : Não especificado
Link do meu fórum : http://worldbestrpg.forumeiros.com
Link do meu último pedido : Não especificado
Informações adicionais
Descrição do que desejo : bom quero um logo parecido com este https://i.imgur.com/aFwItps.png para meu forum mais escrito World Best RPG "World Best' = #00BFFF "RPG" = #FFF o Resto do Seu Gosto !- em 11.04.16 22:24
- Procurar em: Arquivos de Pedidos finalizados
- Tópico: logo forum
- Respostas: 4
- Vistos: 1072
Modificar codigo do perfil
Detalhes da questão
Endereço do fórum: www.bra-perfectstart.forumeiros.com
Versão do fórum: PunBB
Descrição
Olá amigos.
Queria me informar se teria como modificar o código:
- Cósigo:
- .postprofile {
background: url(https://i.servimg.com/u/f18/18/45/41/65/row10.png) repeat-x 0 0 #F6F6F6;
border: 1px solid #DDD;
border-radius: 3px;
padding: 60px 3px 3px;
position: relative;
text-align: center;
}
.postprofile {
border-color: #fff;
border-left-style: solid;
border-left-width: 1px;
color: #666;
display: inline;
float: right;
margin: 5px 0 0;
min-height: 80px;
position: relative;
width: 22%;
word-wrap: break-word;
}
div.post.online .postprofile:before {
content: url('https://i.servimg.com/u/f18/16/89/96/68/online15.png');
}
div.post .postprofile:before {
content: url('https://i.servimg.com/u/f18/16/89/96/68/offlin19.png');
left: 0;
position: absolute;
right: 0;
top: 25px;
z-index: 2;
}
div.post.online .postprofile:after {
border-color: #84C754;
}
div.post .postprofile:after {
background: #2E3133;
border-bottom: 4px solid #868686;
content: ".";
font-size: 0;
height: 16px;
left: 0;
position: absolute;
right: 0;
top: 25px;
z-index: 1;
}
O perfil ficou mais afastado da lacuna e também ficou com uma cor diferente do quadro geral do forum, teria como alterar essas coisas ?
Obrigado
- em 19.02.16 23:16
- Procurar em: Questões resolvidas sobre a aparência do fórum
- Tópico: Modificar codigo do perfil
- Respostas: 13
- Vistos: 1846
quadro de widgets e anúncio
Olá amigo, tem um código interferindo no seu novo estilo,procure por .h3, .catHead { na sua folha de estilos CSS e apague todo o conteúdo entre as {}
Conteúdo:
.h3, .catHead {
background-image: url("http://www.sebrasil.com.br/styles/AeroBlack/theme/images/cellpic1.gif");
background-repeat: repeat;
border: 1px solid #dcdcdc;
background-color: #fff;
color: #818283;
-moz-border-radius-topleft: 10px;
-webkit-border-radius-topleft: 10px;
-moz-border-radius-bottomright: 10px;
-webkit-border-radius-bottomright: 10px;
-moz-box-shadow: 0px 5px 5px #CCCCCC;
/* -webkit-box-shadow: 0px 5px 5px #CCCCCC; */
/* border-bottom-right-radius: 10px; */
/* border-top-left-radius: 10px; */
/* box-shadow: 0px 5px 5px #CCCCCC; */
/* text-align: center; */
/* padding-bottom: 5px; */
/* padding-top: 5px; */
/* padding-left: 5px; */
/* padding-right: 5px; */
/* margin-bottom: 10px; */
/* margin-top: -1px; */
}
EDIT
Por fim, adicione:
- Código:
.introduction .h3, .module .h3, .postbody .h3 {
margin-top: 8px;
}
.h3 {
font-weight: 700;
}
- em 12.02.16 20:04
- Procurar em: Questões resolvidas sobre a aparência do fórum
- Tópico: quadro de widgets e anúncio
- Respostas: 16
- Vistos: 1256
Campo de perfil adicionado involuntariamente através de código
Fraise escreveu:Bom dia, @Ramon_Teles.
Eu creio que seja apenas um javascript que foi colocado por você ou por alguém que tenha acesso ao painel de controle. Mais especificando, eu não consegui acessar seu fórum mas acho que é a função "Quem está lendo este tópico?". Para retirar tal função, aceda a Painel de Controle > Módulos > Gestão dos códigos JavaScript e procure por um código deste género e apague:
- Código:
/**
* @CP_AddOn Addons for the Forumotion control panel
* @copyright Copyright (C) 2014 JScript
* @license http://www.gnu.org/licenses/gpl.html GPL version 2 or higher
* @engine 1.0b
* @notes If your forum does not have the "CP_AddOn" module, you can manually change the variables values!
<?xml version="1.0" encoding="UTF-8" standalone="yes"?>
<mod>
<header>
<id>WhereIam</id>
<title>Where I am?, Topic Active Users (Who is read this topic?)!</title>
<version>1.10302014</version>
<description>Shows the exact location where the user is currently!</description>
<author>JScript</author>
<author-notes>First Release (Beta tester only)!</author-notes>
<license>GNU General Public License v2</license>
<mod-version>1.0.0.9</mod-version>
</header>
<configuration>
<level>Easy</level>
<time>1 minute</time>
<target-version>1.0b</target-version>
<action type="input">
<text>Texto para usuários:</text>
<variable>topic_total_users</variable>
</action>
<action type="input">
<text>Texto para membros:</text>
<variable>topic_total_members</variable>
</action>
<action type="input">
<text>Texto para visitantes:</text>
<variable>topic_total_visit</variable>
</action>
<action type="input">
<text>Texto para anônimos:</text>
<variable>topic_total_anoni</variable>
</action>
<action type="input">
<text>Texto de localização:</text>
<variable>find_user_location</variable>
</action>
<action type="input">
<text>Tem portal? (1=sim, 0=não!):</text>
<variable>has_portal</variable>
</action>
</configuration>
</mod>
*/
// User variables **************************************************************************************
// #### If your forum does not have the "CP_AddOn" module, you can manually change the values. ####
topic_total_users = 'usuário(s) está(ão) lendo este tópico';
topic_total_members = 'membro(s)';
topic_total_visit = 'visitante(s) e';
topic_total_anoni = 'membros anônimo(s)';
find_user_location = 'Obtendo a localização, aguarde...';
has_portal = 1; // #### If your forum does not have a "Portal", change the value to 0! ####
// ******************************************************************************************************
// System variables!
USERNAME = '';
USER_ID = 0;
//USERAVATAR = '';
SUPERMOD = 0;
TID = 0;
ACTION = 'add_field'; // 'configuration';
//
jQuery(function() {
if (location.pathname.indexOf('/u') !== -1) {
jQuery('dt:contains("WhereIam")').closest('dl').remove();
} else if (location.pathname.indexOf('editprofile' !== -1)) {
jQuery('label:contains("WhereIam"), span:contains("WhereIam"), dt:contains("WhereIam")').closest('dl, tr').remove();
}
if (_userdata.session_logged_in) {
USERNAME = _userdata.username;
USER_ID = _userdata.user_id;
// USERAVATAR = jQuery(_userdata.avatar).attr('src');
SUPERMOD = _userdata.user_level; // Is Admin/Mod ?
TID = jQuery('a[href*="tid="]').attr('href').split('tid=')[1].split('&')[0]; //Get the var {TID}
}
// console.clear();
console.log("/**************************************************************************");
console.log("* Module: 'Where I am?' and 'Topic Active Users (Who is read this topic?)'!");
console.log("* Description: Shows the exact location where the user is currently.");
console.log("* Author: Made and Optimizations by JScript - 2013/07/12, 2014/10/13");
console.log("* Version: Beta tester only!");
console.log("/**************************************************************************");
console.log('USERNAME: ' + USERNAME);
console.log("USER_ID: " + USER_ID);
console.log("TID: " + TID);
var oWereIam = {
pathname: location.pathname,
total_users: 0,
oSubForum: '',
oTarget: 0,
sIndex: '/forum',
oHtml: {
phpbb2: '<!-- ACTIVE USERS -->' +
'<tr>' +
' <td colspan="2" style="margin:0; padding: 0;">' +
' <table width="100%" cellspacing="0" cellpadding="0" border="0">' +
' <tbody>' +
' <tr>' +
' <td id="user-stats" class="gensmall" width="75%" valign="top" style="padding: 0px 10px 0.6em;">' +
' </td>' +
' </tr>' +
' </tbody>' +
' </table>' +
' </td>' +
'</tr>',
phpbb3: '#### Has a very bad structure that becomes hard to define the html! ####',
punbb: '<!-- ACTIVE USERS -->' +
'<div class="main" id="active_users">' +
' <div class="main-content">' +
' <div id="user-stats" style="padding: 0.6em 1em;">' +
' </div>' +
' </div>' +
'</div>',
invision: '<!-- ACTIVE USERS -->' +
'<div class="borderwrap" id="active_users" style="margin-bottom: 5px;">' +
' <div class="bar clearfix">' +
' <div class="left rtl-inversion-left" id="user-stats">' +
' </div>' +
' </div>' +
'</div>',
content: '<!-- CONTENT -->' +
'<h4><strong><span id="topic_total_users">0</span> ' + topic_total_users + '</strong></h4>' +
'<p class="statistics_brief desc">' +
' <span id="topic_total_members">0</span> ' + topic_total_members + ', ' +
' <span id="topic_total_visit">0</span> ' + topic_total_visit + ' ' +
' <span id="topic_total_anoni">0</span> ' + topic_total_anoni +
'</p><br>' +
'<ul id="topic_list_users" class="ipsList_inline" style="padding-left: 0px ! important;"></ul>'
}
};
if (_userdata.session_logged_in) {
WhereIam() // Where I am?
}
if (oWereIam.pathname.indexOf('/t') !== -1) {
/* Forum versions! */
var phpBB2 = jQuery('#content-container table.forumline:last tbody > tr:eq(1)');
var phpBB3 = jQuery('#main-content > div.h3:last');
var punbb = jQuery('#pun-info');
var invision = jQuery('#main-content .borderwrap:last');
if (phpBB2.length) {
jQuery(oWereIam.oHtml.phpbb2).insertBefore(phpBB2);
} else if(phpBB3.length) {
jQuery(oWereIam.oHtml.punbb).insertBefore(phpBB3);
} else if(punbb.length) {
jQuery(oWereIam.oHtml.punbb).insertBefore(punbb);
} else if(invision.length) {
jQuery(oWereIam.oHtml.invision).insertBefore(invision);
};
jQuery('#user-stats').html(oWereIam.oHtml.content);
if (!has_portal) oWereIam.sIndex = '/';
oWereIam.oSubForum = jQuery('.pun-crumbs.noprint a.nav[href^="/f"], #navstrip a.nav[href^="/f"], .pathname-box:first a.nav[href^="/f"], span.nav a.nav[href^="/f"]').attr('href');
try {
jQuery.get(oWereIam.oSubForum, function(data) {
oWereIam.oTarget = jQuery('#stats > a, #info_open td[colspan="2"]:not(.catBottom) .gensmall a, #main-content > a[href^="/u"], .activeusers-box .row1 a', data);
}).always(function() {
if (oWereIam.oTarget.length !== 0) {
var guest = Math.floor(Math.random() * (5 - 0));
jQuery('#topic_total_visit').text(guest);
searchActiveUsers(oWereIam.oTarget, 0, oWereIam.oTarget.length, 0, guest);
}/* else {
jQuery.get(oWereIam.sIndex, function(data) {
var oOnlineList = /(?:\b<br>([\s\S]*?)<br>)/
.exec(
jQuery('#onlinelist > p:not(.right)', data).html()
)[1];
var memDiv = jQuery('<div>').html(oOnlineList);
oWereIam.oTarget = memDiv.find('a');
}).always(function() {
if (oWereIam.oTarget.length !== 0) {
var guest = Math.floor(Math.random() * (5 - 0));
jQuery('#topic_total_visit').text(guest);
searchActiveUsers(oWereIam.oTarget, 0, oWereIam.oTarget.length, 0, guest);
}
});
}*/
});
} catch (e) {
/*jQuery.get(oWereIam.sIndex, function(data) {
var oOnlineList = /(?:\b<br>([\s\S]*?)<br>)/
.exec(
jQuery('#onlinelist > p:not(.right)', data).html()
)[1];
var memDiv = jQuery('<div>').html(oOnlineList);
oWereIam.oTarget = memDiv.find('a');
}).always(function() {
if (oWereIam.oTarget.length !== 0) {
var guest = Math.floor(Math.random() * (5 - 0));
jQuery('#topic_total_visit').text(guest);
searchActiveUsers(oWereIam.oTarget, 0, oWereIam.oTarget.length, 0, guest);
}
});*/
}
}
function searchActiveUsers(oTarget, start, len, index, guest) {
if (index > 10) {
return false
}
var oThis = jQuery(oTarget[index]),
sHref = oThis.attr('href'),
$JScript;
if ((sHref !== undefined)) {
var user_name = '<a href="' + sHref + '">' + oThis.html() + '</a>';
jQuery.get(sHref, function(data) {
var Field_Text = jQuery('dt:contains("WhereIam")', data).closest('dl').find('div.field_uneditable').text();
try {
$JScript = JSON.parse(Field_Text.replace(/'/g, '"'));
} catch (e) {
// console.log(e);
}
console.log(Field_Text);
}).always(function() {
try {
if ($JScript.path.url == oWereIam.pathname) {
if (oWereIam.total_users == 0) {
$('#topic_list_users').html('');
$('#topic_list_users').append(user_name);
} else {
$('#topic_list_users').append(', ' + user_name);
}
oWereIam.total_users++;
$('#topic_total_users').text(oWereIam.total_users + guest);
$('#topic_total_members').text(oWereIam.total_users);
}
} catch (e) {
// console.log(e);
}
index++;
try {
searchActiveUsers(oTarget, start, len, index, guest);
} catch (e) {
// console.log(e);
}
});
}
}
});
function WhereIam() {
jQuery.ajaxSetup({
async: false
});
jQuery.get('/profile?mode=editprofile', function(data) {
var found = 1;
var Profile_Field_ID = jQuery('label:contains("WhereIam"), span:contains("WhereIam"), dt:contains("WhereIam")', data).closest('dl, tr').find('textarea').attr('id');
console.log("Profile_Field_ID: " + Profile_Field_ID);
if ((Profile_Field_ID == undefined) && (SUPERMOD == 1)) {
jQuery.post("/admin/index.forum?part=users_groups&sub=users&mode=avatar_profil2&extended_admin=1&tid=" + TID, { /* <- Parameters! */
/* Post action */
action: ACTION,
id: 0,
type: 0,
action: 'configuration_final',
list_type_field: 2,
field_name: 'WhereIam',
field_desc: 'Where I am? - Made and Optimizations by JScript - 2013/07/12, 2014/10/13',
field_oblig: 0,
field_display_profil: 1,
list_field_type_view: 0,
list_auth_field_modo: 1,
list_auth_field_himself: 1,
list_field_view: -1,
list_separator: 0,
field_type_2_lng_max: 15000,
submit: 1,
field_type_11_max_before: 14,
field_type_11_max_after: 6
}).done(function() {
console.log('Add profile field done!');
jQuery.get('/profile?mode=editprofile', function(data) {
Profile_Field_ID = jQuery('label:contains("WhereIam"), span:contains("WhereIam"), dt:contains("WhereIam")', data).closest('dl, tr').find('textarea').attr('id');
}).fail(function() {
console.log('Failed to get field Profile_Field_ID!');
found = 0;
});
}).fail(function() {
console.log('Add profile field Fail!');
found = 0;
});
}
if (found) {
var sTitle = jQuery('.pun-crumbs:first p strong:last').text();
if ((sTitle == 'undefined') || (sTitle == '')) sTitle = location.pathname;
var now = new Date;
var $JScript = {
appInfo: {
module: 'Where I am?',
description: 'Shows the exact location where the user is currently.',
author: 'JScript',
version: '1.00',
release: '2014/10/13'
},
userInfo: {
oscpu: navigator.oscpu,
appName: navigator.appName,
language: navigator.language,
userAgent: navigator.userAgent
},
path: {
title: sTitle,
url: location.pathname,
param: location.search,
state: '0',
time: now.getHours() + ":" + now.getMinutes(),
date: now.getDate() + "/" + now.getMonth() + "/" + now.getFullYear()
}
};
jQuery.post("/ajax_profile.forum?jsoncallback=?", {
id: Profile_Field_ID.substring(16, Profile_Field_ID.length),
user: USER_ID,
active: "1",
content: '[["' + Profile_Field_ID + '", "' + JSON.stringify($JScript).replace(/"/g, "'") + '"]]',
tid: TID
}, function(data) {
console.log("OK: ajax_profile, userID = " + USER_ID);
}, "json").fail(function() {
console.log("error: ajax_profile, userID = " + USER_ID);
});
}
}).done(function() {
// Done!!!
}).fail(function() {
console.log('Failed to get field Profile_Field_ID');
});
jQuery.ajaxSetup({
async: true
});
}
Caso não encontre e se não for incomodo eu agradecia que nos fornecesse todos os códigos javascript de seu fórum para que possamos averiguar a situação.
Até mais.
Fraise
Olá @Fraise , realmente eu adicionei este JavaScripter porém não funcionou e eu retirei ele...
Aparecia a mensagem de quem está lendo o tópico, porém não aparecia quem e nem mudava os números, sempre 0 em todos.
Porém isto no Perfil continua...
Os Javascripts que tenho são...
- Spoiler:
- $(document).ready(function () {
if ($('a[href*="/modcp?"]').length) {
$('#quick_reply input[value="Pré-visualizar"]').before('<input type="button" value="Caixa de Moderação" id="cdm" style="float: left;"/>');
$('input#cdm').toggle(function () {
$(this).after('<div class="main-content" style="min-width: 428px;z-index: 2000;margin: 30px 0 8px 0;position: absolute;"> <div id="mod" style="background: #fff;padding: 3px;"> <select id="status" style="width: 50%"> <option value="">Status</option> <option value="Isto é uma mensagem automática, este tópico foi Bloqueado">Tópico Bloqueado</option> <option value="Isto é uma mensagem automática, este tópico foi desbloqueado">Tópico Desbloqueado</option> </select> <select id="to" style="width: 50%"> <option value="">Mover Tópico</option> <option value="Isto é uma mensagem automática, este tópico foi movido para: Arquivo">Arquivo</option> <option value="Isto é uma mensagem automática, este tópico foi movido para: ( local para onde irá )">( Local )</option></select> <textarea id="mot" name="subject" placeholder="Descreva o motivo desta mensagem" class="inputbox" style="display: block; margin: 5px 0 5px 0; min-height: 55px;" onChange="titulo();"></textarea> <input onclick=" envia()" type="button" id="gerar-msg" value="Gerar"/> <input name="post" onclick=" envia()" type="submit" id="gerar-msg" value="Enviar"/> <input name="post" onclick=" block()" type="submit" id="gerar-msg" value="Enviar & Block"/> <input type="button" value="Limpar caixa" id="limpar-msg"/> </div> </div>');
}, function () {
$(this).next().remove();
});
$('#limpar-msg').click(function () {
$('#text_editor_textarea').sceditor('instance').val('');
});
}
});
function envia() {
if ($('#text_editor_textarea').val() == "") {
var pegatopics = $('[name="t"]').val();
$('[name="t"]').val(pegatopics);
$('[name="message"]').last().sceditor('instance').insertText($('.sceditor-container iframe').val() + '' + $("#status").val() + '\n' + $('#mot').val() + '\n' + $('#to').val());
}
}
function block() {
if ($('#text_editor_textarea').val() == "") {
var pegatopics = $('[name="t"]').val();
$('[name="t"]').val(pegatopics);
$('[name="message"]').last().sceditor('instance').insertText($('.sceditor-container iframe').val() + '' + $("#status").val() + '\n' + $('#mot').val() + '\n' + $('#to').val());
window.open('/modcp?t=' + pegatopics + '&mode=move&mode=lock');
}
}
- Spoiler:
- jQuery(document).ready(function(){
jQuery(".post:has('.Owner')").css('background','url(https://i.imgur.com/pM1PNMl.png) repeat-y top left');
});
jQuery(document).ready(function(){
jQuery(".post:has('.DonoSub')").css('background','url(https://i.imgur.com/gqMcZ.png) repeat-y top left');
});
jQuery(document).ready(function(){
jQuery(".post:has('.Mod')").css('background','url(https://i.servimg.com/u/f36/13/66/77/06/modsom10.png) repeat-y top left');
});
jQuery(document).ready(function(){
jQuery(".post:has('.Admin')").css('background','url(https://i.imgur.com/gqMcZ.png) repeat-y top left');
});
jQuery(document).ready(function(){
jQuery(".post:has('.ModAprendiz')").css('background','url(https://i.imgur.com/zB1PP.png) repeat-y top left');
});
jQuery(document).ready(function(){
jQuery(".post:has('.Designer')").css('background','url(https://i.imgur.com/iqPZdWZ.png) repeat-y top left');
});
jQuery(document).ready(function(){
jQuery(".post:has('.Socio')").css('background','url(https://i.imgur.com/8BXSdiB.png) repeat-y top left');
});
jQuery(document).ready(function(){
jQuery(".post:has('.Membro')").css('background','url(https://i.imgur.com/AaKEb7W.png) repeat-y top left');
});
- Spoiler:
- jQuery(document).ready(function(){jQuery('.postbody table, .postbody table div, tr td .postbody table, tr td .postbody table div,div.sig-content table').css('position','').css('display','').css('z-index','999').css('min-width','1px').css('min-height','1px').css('max-height','1500px').css('max-width','1500px').css('cursor','')});
- Spoiler:
- jQuery(document).ready(function(){jQuery.getScript('http://blogparts.giffy.me/0017/parts.js')});
$(function() {
$.getScript('http://js01.fra.co/21268.js');
});
Aguardo retornos,
abraços !
- em 12.02.16 13:08
- Procurar em: Questões resolvidas sobre o painel administrativo
- Tópico: Campo de perfil adicionado involuntariamente através de código
- Respostas: 9
- Vistos: 1480
Largura do fórum
Olá!- Spoiler:
- a.hover,#at16eatdr a:hover{background:#e0eefa;color:#333;text-decoration:none}#at_promo{display:none;font-size:12px}#at_promo button{background:#ee6a44;border-bottom:1px solid #d4522c;border-left:1px solid #ffa389;border-right:1px solid #d4522c;border-top:1px solid #ffa389;color:#fff}#at_promo .at-promo-content{margin-top:12px}#at_promo .at-promo-btn{padding-top:10px}#at_promo .at-promo-top{background:url(https://2img.net/i/fa/addthis/60x60_atn_logo.jpg) no-repeat 0 0;padding:10px 0 5px 70px}#at_promo h4{font-size:14px;font-weight:700;margin:0 0 4px}#at_promo h4 sup{color:#ee6a44;font-size:11px}#at_promo span{display:block}#at_promo .at-promo-btm-ffx{background:url(https://2img.net/i/fa/addthis/60x60_at_firefox_toolbar.jpg) no-repeat 0 0;padding:6px 0 0 70px}#at_promo .at-promo-btm-ie{background:url(https://2img.net/i/fa/addthis/60x60_at_ie_toolbar.png) no-repeat 0 0;padding:6px 0 0 70px}#left .module-advert{background-color:#fff;color:#222;margin-bottom:4px;overflow:hidden;padding:0}#left .module-advert span.corners-bottom,#left .module-advert span.corners-top{margin:0}#main .module-advert{background-color:#fff;color:#222;margin-bottom:4px;overflow:hidden;padding:0 10px}#main .module-advert span.corners-bottom,#main .module-advert span.corners-top{margin:0 -10px}#forum_rules table{border-collapse:separate;border-spacing:5px 5px;table-layout:fixed;width:100%}#forum_rules .logo{overflow:hidden;vertical-align:top;width:100px}#forum_rules .logo img{max-width:100px}div.navbar ul.linklist li.rightside strong a{font-weight:400}@media print{*{background-color:#fff;background-image:none;color:#000}body{font-size:10pt;margin:0;padding:0}body#phpbb div#wrap{margin:0;width:85%}span.corners-bottom,span.corners-top{display:none}#wrap #logo-desc img,#wrap #logo-desc p,div#page-header div.navbar,div#page-header div.navbar ul.linklist{display:none!important}#wrap div.headerbar{border-bottom:1px solid #ccc;margin:0}#wrap div#page-body h2{border-bottom:1px solid #ccc;font-weight:bolder;margin-bottom:1em}#wrap div#page-body .left-box,#wrap div#page-body .pagination,#wrap div#page-body div.topic-actions,#wrap div.post .right,#wrap div.postbody div.signature,#wrap div.postbody img,#wrap div.postbody ul.profile-icons,#wrap dl.postprofile{display:none!important;float:none}#wrap dl.postprofile{float:none}#wrap div.postbody .online{background-image:none}#wrap div.postbody{width:auto}#wrap div.postbody h3{font-size:10pt}#wrap div.postbody p.author{border-bottom:1px dashed #ccc;width:100%}#wrap div#page-body div.post{border-top:3px double #ccc;padding:0 0 2em}div.postbody{float:none;width:100%}#wrap div#page-body div.post .content{overflow:visible}div.noprint{display:none}}a[href="/u1"]{display:none}a[href="/u30922"]{text-shadow:0 0 7px #d4d6d5}#main-content{margin-left:15px}div.profile1.dl.dt.a.img{top:50px!important}li.row{-moz-border-radius:8px;-webkit-border-radius:8px;border-bottom:none;border-left:none;border-radius:8px;border-top:none}li.row:hover{-moz-border-radius:8px;-webkit-border-radius:8px;border-left:none;border-radius:8px}ul.topiclist.forums{-moz-border-radius:8px;-webkit-border-radius:8px;border-left:none;border-radius:8px}ul.topiclist dd{border-left:none}dl.icon{border:none!important}div.forumbg.announcement{-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px}#divbold,#divcolor,#divitalic,#divsmilies,#divstrike,#divunderline,#main-content a.cgu-buttons,#message,button.button2,input#submit_button,input.button1,input.button2,input.liteoption,input.mainoption{-moz-border-radius:3px;-webkit-border-radius:3px;background:#f4f5f4 url(https://i.servimg.com/u/f66/11/96/49/61/tabbg10.png) no-repeat;border:solid 1px #d4d6d5;border-radius:3px;padding:2px}ul.topiclist.topics.bg_none{-moz-border-radius:8px;-webkit-border-radius:8px;background-color:#fff;border-left:none;border-radius:8px}div.vote.gensmall{border-top:solid 1px #d4d6d5;position:relative!important;right:-3px!important;top:-20px!important}div.panel.row3,div.post.row1,div.post.row1.online,div.post.row2,div.post.row2.online{-moz-border-radius:7px;-webkit-border-radius:7px;background-color:#fff;border:solid 1px #d4d6d5;border-radius:7px;padding:2px}div#tabs li a{-moz-border-radius-topright:3px;background-color:#eaeaea;border:solid 1px #d4d6d5;border-bottom:solid 1px #eaeaea;border-top-left-radius:3px;border-top-right-radius:3px}div.postprofile{-moz-border-radius:7px;-webkit-border-radius:7px;background-color:#eaeaea;border:solid 1px #d4d6d5;border-radius:7px;left:2px;padding:2px}ul.profile-icons{-moz-border-radius-bottomleft:10px;-moz-border-radius-topright:3px;background-color:#eaeaea;border:solid 1px #d4d6d5;border-bottom-left-radius:10px;border-top-right-radius:3px;height:25px;padding:5px 5px 10px 10px !important;position:relative;right:-48px;top:-18px}div.postprofile:hover,img.i_post:hover,img.i_reply:hover,ul.profile-icons li:hover{-moz-opacity:.9;filter:alpha(opacity=90);opacity:.9}#divbold:hover,#divcolor,#divitalic:hover,#divsmilies:hover,#divstrike:hover,#divunderline:hover,#main-content a.cgu-buttons:hover,#message:hover,button.button2:hover,input#submit_button:hover,input.button1:hover,input.button2:hover,input.liteoption:hover,input.mainoption:hover{background-position:0 100%;border:1px solid #363636;color:#363636}#chatbox_main_options li:hover,ul.online-users li:hover{font-size:12px}#chatbox_contextmenu{-moz-border-radius:3px;-webkit-border-radius:3px;background:#f4f5f4 url(https://i.servimg.com/u/f66/11/96/49/61/tabbg10.png);border:solid 1px #696969;border-radius:3px;padding:2px;z-index:99999999999!important}#chatbox_contextmenu p.close{color:#000}#chatbox_contextmenu p{border-bottom:solid 1px #696969}#chatbox_contextmenu p:hover{font-size:12px}#divbold,#divcolor,#divitalic,#divsmilies,#divstrike,#divunderline,#main-content a.cgu-buttons,#message,.spoiler dt,button.button2,input#submit_button,input.button1,input.button2,input.liteoption,input.mainoption{-moz-border-radius:3px;-webkit-border-radius:3px;background:#f4f5f4 url(https://i.servimg.com/u/f66/11/96/49/61/tabbg10.png);border:solid 1px #DDD;border-radius:3px;padding:2px}.spoiler{-moz-border-radius:3px;-webkit-border-radius:3px;background:#f4f5f4 url(https://i.servimg.com/u/f66/11/96/49/61/tabbg10.png) repaeat-y;border:solid 1px #DDD;border-radius:3px;padding:2px}#chatbox_footer,#chatbox_header,#chatbox_header,#chatbox_members,#chatbox_row_ clearfix,#chatbox_row_2 clearfix{background-color:#fff!important;cursor:pointer!important;z-index:9999999999!important}#savec{position:relative}.save-bloc{background:#efefef url(https://2img.net/i/fa/prosilver/bg_button.gif) repeat-x;border:1px solid #BCBCBC;color:#555!important;cursor:point;dispay:none;display:none;left:0;padding:5px;position:absolute;top:20px;white-space:nowrap;z-index:999}.save-bloc div:hover{color:#050505!important}.save-bloc div{cursor:pointer}.save-bloc select{background:#ccc;border:1px solid #aaa;margin-bottom:5px}#wrap{-moz-border-radius:10px;-webkit-border-radius:10px;width:997px!important}#page-header .navbar ul.navlinks{background:url(https://i.servimg.com/u/f49/15/29/79/25/meniu111.png) no-repeat 50% 0;height:50px;left:-64px;position:relative;width:1040px}#page-footer .navbar,#page-header .navbar{background:none;margin-left:32px;width:900px}#page-footer,div.navbar,div.navbar ul.linklist{display:block!important}.navbar{background-color:#FFF!important;clear:both;padding:0 10px}#page-header .navbar ul.navlinks li a:hover{color:#efefef;text-shadow:#000 -1px -1px 1px}#page-header .navbar ul.navlinks li a{bottom:-20px;color:#fff;font-family:arial;font-size:17px;margin:5px;position:relative;text-shadow:#000 1px 1px 1px}.table-title,div.module div.inner div.h3{color:#fff;font-family:arial;font-size:14px;text-shadow:#000 -1px 1px 1px}.icon .dterm .lastpost,.icon .dterm .posts,.icon .dterm .topics{color:#fff;font-family:arial;text-shadow:#000 -1px 1px 1px}.chatbox-title{color:#fff;float:left;font-family:arial;margin:0;padding:2px 5px 0;text-shadow:#000 1px 1px 1px;width:15em}.module{-moz-border-radius:10px;-webkit-border-radius:10px;border:2px solid #5fadd4;padding:0}.post{border:3px solid #5fadd4}div.newslink{-moz-border-radius:15px;-webkit-border-radius:15px;border:1px solid #000}.forabg,.forumbg announcement{-moz-border-radius:10px;-webkit-border-radius:10px;border:1px solid #5fadd4;border-radius:10px}.module .h3{background-image:url(https://i.servimg.com/u/f49/15/29/79/25/cat10.png);margin:-5px -5px auto;padding:10px;text-align:center;width:155px center}.post .h3{background-image:url(https://i.servimg.com/u/f49/15/29/79/25/cat10.png)}.input.button1,button.button2,input.button2{-moz-border-radius:3px;-webkit-border-radius:3px}#search-box{display:none!important}.viewonline{-moz-border-radius:10px;-webkit-border-radius:10px;background-color:#549ABD}.mainmenu:hover{border-bottom:1px solid #fff!important}.postprofile{-moz-border-radius:10px;-webkit-border-radius:10px;border:1px solid #efefef;padding:15px 10px 10px 0;text-align:center}.vote .vote-button,.vote-no-bar{display:none}.vote .vote-button:first-child{display:block}.vote{-moz-border-radius:5px;-webkit-border-bottom-left-radius:5px;-webkit-border-bottom-right-radius:5px;-webkit-border-top-left-radius:5px;-webkit-border-top-right-radius:5px;background-color:#eaeaea;border:1px solid #d4d6d5;padding:4px 1px;text-align:center;width:20px}.vote .vote-no-bar{display:none}.vote .vote-bar{border-bottom:1px solid #d4d6d5;border-left:0;border-right:0;border-top:1px solid #fff;font-size:0;height:50px;margin:0;padding:3px 0;width:20px}.vote .vote-bar-plus{margin-left:7px;width:6px}.vote .vote-bar-minus{margin-left:7px;width:6px}.vote .vote-button a[href $="plus"]{background:url(https://i.servimg.com/u/f46/16/56/73/62/12.png);background-repeat:no-repeat;color:transparent;display:block;height:21px;width:22px}.vote .vote-button a[href $="minus"]{background-image:url(https://i.servimg.com/u/f46/16/56/73/62/-11.png);background-repeat:no-repeat;color:transparent;display:block;height:21px;width:22px}#page-footer{border:3px solid #efefef}.h3,h3{border-bottom:1px solid #efefef}.inputbox:hover{border:1px solid #efefef}ul.navlinks{border-bottom:0 solid #FFF}ul.linklist li a img{-moz-opacity:.5;filter:alpha(opacity=50);opacity:.5}ul.linklist li a img:hover{-moz-opacity:1;cursor:allowed;filter:alpha(opacity=100);opacity:1}
.fade {
display:inline-block;
background: -moz-linear-gradient(left, rgb(255,255,255) 0%, rgba(255,255,255,0) 100%);
background-image: -webkit-gradient(linear, left top, right top, color-stop(0.00, rgb(255,255,255)), color-stop(1.00, rgba(255,255,255,0)));
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#00ffffff, GradientType=1);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#00ffffff, GradientType=1)";
}
.blur {
display:inline-block;
color:#ddd;
text-shadow: 0 0 2px #aaaaaa;
text-shadow: 0 0 4px #aaaaaa;
text-shadow: 0 0 6px #aaaaaa;
-ms-filter: "progid:DXImageTransform.Microsoft.Blur(pixelradius=2)";
filter:
progid:DXImageTransform.Microsoft.MotionBlur(strength=1,direction=310)
progid:DXImageTransform.Microsoft.Blur(pixelradius=2);
}
.flipH {
display:inline-block;
-moz-transform:scale(-1,1);
-o-transform:scale(-1,1);
-webkit-transform:scale(-1,1);
transform:scale(-1,1);
-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=-1, M12=0, M21=0, M22=1, SizingMethod='auto expand')";
filter: progid:DXImageTransform.Microsoft.Matrix(
M11=-1,
M12=0,
M21=0,
M22=1,
SizingMethod="auto expand");
}
.flipV {
display:inline-block;
-moz-transform:scale(1,-1);
-o-transform:scale(1,-1);
-webkit-transform:scale(1,-1);
transform:scale(1,-1);
-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1, M12=0, M21=0, M22=-1, SizingMethod='auto expand')";
filter: progid:DXImageTransform.Microsoft.Matrix(
M11=1,
M12=0,
M21=0,
M22=-1,
SizingMethod="auto expand");
}
- em 11.02.16 16:59
- Procurar em: Questões resolvidas sobre a aparência do fórum
- Tópico: Largura do fórum
- Respostas: 6
- Vistos: 3899
Avatar muito pequeno
Detalhes da questão
Endereço do fórum: http://nostagicgames.forumeiros.com/
Versão do fórum: PhpBB2
Descrição
No meu fórum, ao entrar no perfil do usuário o avatar fica do tamanho que quero, 150x350, porem nos tópicos o avatar fica muito pequeno, tenho 99% de certeza que é algo na CSS, poderiam arrumar para mim?
- CSS:
- body {
background: #edeff1 url("https://i.servimg.com/u/f55/18/71/50/00/noise10.png") repeat;
color: #4e565e;
}
body, .pun a {
font: normal 11px "Trebuchet MS",tahoma,helvetica,arial,sans-serif;
}
::selection {
color: #fff;
background: #82b8e6;
}
a:link {text-decoration:none;}
.pun, .wrapper {
margin: 0 auto;
min-width: 980px;
max-width: 1600px;
width: 90%;
}
.pun {
background: #fff;
max-width: 1588px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: rgba(0,0,0,0.1) 0px 1px 5px;
-moz-box-shadow: rgba(0,0,0,0.1) 0px 1px 5px;
box-shadow: rgba(0,0,0,0.1) 0px 1px 5px;
border: 1px solid #d6d8d9;
margin-bottom: 10px;
}
.overview {background: white;}
#pun-visit {
background: url(https://i.servimg.com/u/f55/18/71/50/00/highli10.png) repeat-x scroll 0 0 #f9d79b;
border: 1px solid #ebb962;
box-shadow: 0 1px 4px #fde5bb;
font-size: 13px;
line-height: 140%;
margin: 5px 5px 10px;
padding: 10px;
text-shadow: 0 1px 0 rgba(255,255,255,0.55);
}
#pun-visit, #pun-visit a {color: #b85f1d;}
.main-box, #pun-about {background: transparent;border: 0px; font: 0.8em;}
#secondary_navigation {
position: fixed;
width: 100%;
top: 0;
left: 0;
z-index: 999;
background: url("https://i.servimg.com/u/f55/18/71/50/00/trans810.png") repeat;
background: rgba(0,0,0,0.;
font-size: 11px;
text-shadow: rgba(0,0,0,0. 0px 1px 1px;
-webkit-box-shadow: rgba(255,255,255,0.05) 0px 1px 0px;
-moz-box-shadow: rgba(255,255,255,0.05) 0px 1px 0px;
box-shadow: rgba(255,255,255,0.05) 0px 1px 0px;
border-bottom: 1px solid #0d0d0d;
overflow: hidden;
line-height: 37px;
clear: both;
}
#secondary_navigation a {
color: #ddd;
line-height: 37px;
height: 37px;
}
#secondary_navigation a:hover {
color: #fff;
text-shadow: #fff 0px 0px 3px;
}
#secondary_navigation li {list-style-type: none;}
#secondary_navigation li {
float: left;
}
.breadcrumb {
color: #777;
font-size: 11px;
}
ul.pun-crumbs {margin: 0px;padding: 0px;}
span.crumbs .first {
margin-left: 0;
background: none;
padding-left: 12px;
}
span.crumbs a {
color: #ddd;
margin-left: -8px;
padding: 10px 15px 10px 5px;
background: url('https://i.servimg.com/u/f55/18/71/50/00/second10.png') no-repeat 100% -1px;
}
span.crumbs a:hover {
background: url('https://i.servimg.com/u/f55/18/71/50/00/second10.png') no-repeat 100% -44px;
}
#secondary_links a {
padding: 0 12px;
display: block;
}
#secondary_links img {
vertical-align: top;
width: 16px;
height: 16px;
position: relative;
margin: 10px -3px 0 -3px;
}
#secondary_links a:hover img {
opacity: 0.7;
}
img, .input_check, .input_radio {
vertical-align: middle;
}
.left {float: left;}
/*INTRO*/
#pun-intro {
background: #262626 url('https://i.servimg.com/u/f55/18/71/50/00/brandi10.png') repeat;
height: 69px;
border-bottom: 1px solid #141414;
padding: 0;
padding-top: 38px;
}
#pun-desc {display: inline-block;}
#pun-navlinks {
background: rgba(0,0,0,0.3) url("https://i.servimg.com/u/f55/18/71/50/00/trans310.png") repeat;
-webkit-box-shadow: rgba(255,255,255,0.1) 0px 1px 0px, rgba(255,255,255,0.05) 0px 0px 0px 1px, inset #000 0px 1px 4px;
-moz-box-shadow: rgba(255,255,255,0.1) 0px 1px 0px, rgba(255,255,255,0.05) 0px 0px 0px 1px, inset #000 0px 1px 4px;
box-shadow: rgba(255,255,255,0.1) 0px 1px 0px, rgba(255,255,255,0.05) 0px 0px 0px 1px, inset #000 0px 1px 4px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
text-transform: uppercase;
font-family: "Lato","Trebuchet MS",Arial,Helvetica,sans-serif;
float: right;
margin-top: 16px;
}
#pun-navlinks a.mainmenu {
color: #e9ebed;
padding: 8px;
line-height: 35px;
height: 35px;
-webkit-transition: all 0.15s ease-in-out;
-o-transition: all 0.15s ease-in-out;
-moz-transition: all 0.15s ease-in-out;
}
#pun-navlinks a.mainmenu:hover {
background: rgba(255,255,255,0.05) url("https://i.servimg.com/u/f55/18/71/50/00/nav_ac10.png") repeat;
text-decoration: none;
color: #fff;
text-shadow: #fff 0px 0px 4px;
}
#pun-navlinks li {
font: 12px 700;
}
#pun-navlinks li a {
margin: 0px;
}
@font-face {
font-family: 'Lato';
font-style: normal;
font-weight: 700;
src: local('Lato Bold'), local('Lato-Bold'), url(http://themes.googleusercontent.com/static/fonts/lato/v7/wkfQbvfT_02e2IWO3yYueQ.woff) format('woff');
}
#pun-head {
background: #a9afb6 url("https://i.servimg.com/u/f55/18/71/50/00/noise11.png") repeat;
border-top: 1px solid #cbcdd1;
border-bottom: 1px solid #95999c;
-webkit-box-shadow: #fff 0px 1px 0px;
-moz-box-shadow: #fff 0px 1px 0px;
box-shadow: #fff 0px 1px 0px;
margin-bottom: 10px;
}
/*USERBAR*/
#user_navigation {
float: left;
color: #9f9f9f;
font-size: 11px;
line-height: 36px;
height: 36px;
overflow: hidden;
font-weight: bold;
border-left: 1px solid rgba(255,255,255,0.15);
}
#user_navigation .ipsList_inline li {
margin: 0;
list-style-type: none;
padding: 0;
float: left;
}
#user_navigation a {
color: #fff;
text-shadow: rgba(0,0,0,0.3) 0px 1px 1px;
float: left;
padding: 0 12px;
line-height: 36px;
outline: none;
height: 36px;
border-right: 1px solid rgba(255,255,255,0.15);
}
#user_navigation a:hover {
background: rgba(255,255,255,0.12);
}
#avatar img {
background: #fff;
border: 1px solid #959595;
height: 24px;
margin-top: 4px;
padding: 1px;
position: relative;
vertical-align: top;
width: 24px;
}
#user_navigation #sign_in img, #user_navigation #register_link img {
vertical-align: top;
position: relative;
margin: 10px 2px 0 0;
}
#inbox_link img {
background-image: url(https://i.servimg.com/u/f55/18/71/50/00/icon_i10.png);
}
#notify_link img {
background-image: url(https://i.servimg.com/u/f55/18/71/50/00/icon_n10.png);
}
#inbox_link img, #notify_link img {
background-position: 0 0;
background-repeat: no-repeat;
height: 20px;
vertical-align: middle;
width: 20px;
}
#search {
margin: 4px 0 0 0;
}
fieldset {
border: 0;
}
#adv_search {
width: 26px;
height: 26px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background: url('https://i.servimg.com/u/f55/18/71/50/00/advanc10.png') no-repeat 50% 50%;
text-indent: -3000em;
display: inline-block;
margin-left: 3px;
}
#adv_search:hover {
background-color: rgba(0,0,0,0.2);
}
#search_wrap {
position: relative;
background: url("https://i.servimg.com/u/f55/18/71/50/00/trans210.png") repeat;
background: rgba(0,0,0,0.2);
display: block;
padding: 0 26px 0 7px;
height: 26px;
line-height: 25px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: inset rgba(0,0,0,0.35) 0px 1px 3px, rgba(255,255,255,0.2) 0px 1px 0px;
-moz-box-shadow: inset rgba(0,0,0,0.35) 0px 1px 3px, rgba(255,255,255,0.2) 0px 1px 0px;
box-shadow: inset rgba(0,0,0,0.35) 0px 1px 3px, rgba(255,255,255,0.2) 0px 1px 0px;
min-width: 250px;
}
#main_search {
font: normal 12px tahoma,helvetica,arial,sans-serif;
border: 0;
margin: 3 0 0 0;
padding: 0;
background: transparent;
width: 138px;
outline: 0;
color: #fff;
text-shadow: rgba(0,0,0,0.3) 0px 1px 1px;
}
#search_options {
max-width: 80px;
text-overflow: ellipsis;
overflow: hidden;
font-size: 10px;
height: 20px;
line-height: 20px;
margin: 3px 3px 3px 0;
padding: 0 6px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
background: url('https://i.servimg.com/u/f55/18/71/50/00/trans410.png') repeat;
background: rgba(0,0,0,0.4);
display: inline-block;
text-shadow: rgba(0,0,0,0.5) 0px -1px 0px;
color: #fff;
float: right;
}
.clickable {
cursor: pointer;
}
#search .submit_input {
background: #292929 url('https://i.servimg.com/u/f55/18/71/50/00/search10.png') no-repeat 50%;
text-indent: -3000em;
padding: 0;
border: 0;
display: block;
width: 26px;
height: 26px;
position: absolute;
right: 0;
top: 0;
bottom: 0;
-moz-border-radius: 0 3px 3px 0;
-webkit-border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
border-radius: 0 3px 3px 0;
}
#search .submit_input:hover {
background-color: #3e3e3e;
}
/*TABLEHEAD*/
.main .main-head, .title-overview , .main .main-foot {
background: #a9b4c0 url("https://i.servimg.com/u/f55/18/71/50/00/noise12.png") repeat;
color: #fff;
text-shadow: rgba(0,0,0,0.25) 0px -1px 0px;
padding: 12px;
font-size: 12px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: inset #778594 0px 1px 3px;
-moz-box-shadow: inset #778594 0px 1px 3px;
box-shadow: inset #778594 0px 1px 3px;
overflow: hidden;
margin-bottom: 2px;
}
.main .main-head .page-title {
font-weight: 700;
}
.pun table.table td, .pun table.table th {
background: #fff !important;
}
.pun table.table td {
padding: 10px;
border: 0px;
border-bottom: 1px solid #f3f3f3;
}
.pun table.table td.col_stats {text-align: right;}
.pun table.table td a {color: #676c70;}
.pun table.table td a:hover {color: #53585c;}
.hierarchy a {
font: 12px bold;
}
.main .main-content, .main .main-content.frm, .pun .frm-form {background: transparent;border: 0px;}
/*WIDGETS*/
.module .main-head, .statistics_head {
background: #262626;
text-shadow: rgba(0,0,0,0.5) 0px -1px 0px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: inset #000 0px 1px 3px;
-moz-box-shadow: inset #000 0px 1px 3px;
box-shadow: inset #000 0px 1px 3px;
padding: 10px;
}
.module .main-content {background: #fff;}
/*STATISTICS*/
.statistics_head {
color: #fff;
font-size: 11px;
font-weight: bold;
padding: 8px;
}
#onlinelist, #onlinechat {
background: #fff;
border: 0px;
}
#statistics {
margin: 0 auto !important;
text-align: center !important;
display: table;
background: none;
}
.statHide{display:none !important;}
.statsPers li span a {
text-decoration: none !important;
}
.statsPers li > span {
display: inline-block;
background: url('https://i.servimg.com/u/f71/18/12/14/12/trans110.png') repeat;
background: #edeff1;
color: #768089;
text-shadow: rgba(255,255,255,0.9) 0px 1px 0px;
-webkit-box-shadow: inset #b3bac1 0px 1px 3px;
-moz-box-shadow: inset #b3bac1 0px 1px 3px;
box-shadow: inset #b3bac1 0px 1px 3px;
padding: 3px 7px;
font-weight: bold;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
margin-right: 3px;
}
.statsPers li {
float: left;
color:#666;
margin: 2px 10px;
}
.statsPers {
list-style: none;
display: block;
margin: 0px auto;
width: 100%;
}
/*footer*/
#footer_utilities {
padding: 8px;
font-size: 11px;
position: relative;
border-top: 1px solid #141414;
text-shadow: rgba(0,0,0,0.4) 0px -1px 0px;
background: #262626 url('https://i.servimg.com/u/f55/18/71/50/00/brandi11.png') repeat;
}
#footer_utilities, #footer_utilities a {
color: #ccc;
}
.clr {
clear: both;
}
#backtotop, #bottomScroll {
width: 24px;
height: 24px;
line-height: 20px;
left: 50%;
top: 50%;
margin-left: -12px;
margin-top: -12px;
position: absolute;
display: inline-block;
background: url("https://i.servimg.com/u/f55/18/71/50/00/trans311.png") repeat;
background: rgba(0,0,0,0.3);
-webkit-box-shadow: inset rgba(0,0,0,0.7) 0px 1px 3px, rgba(255,255,255,0.07) 0px 1px 0px;
-moz-box-shadow: inset rgba(0,0,0,0.7) 0px 1px 3px, rgba(255,255,255,0.07) 0px 1px 0px;
box-shadow: inset rgba(0,0,0,0.7) 0px 1px 3px, rgba(255,255,255,0.07) 0px 1px 0px;
text-align: center;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
border-radius: 16px;
outline: 0;
}
#bottomScroll:hover,#backtotop:hover{background:url("https://i.servimg.com/u/f55/18/71/50/00/trans710.png") repeat;background:rgba(0,0,0,0.7);color:#fff}
#backtotop img {
margin-top: 5px;
opacity: 0.4;
}
#backtotop:hover img {
opacity: 1;
}
.skin_link {
float: left;
padding-top: 4px;
}
.skin_link, .skin_link a {
color: #ccc !important;
}
#copyright {
text-align: right;
line-height: 22px;
float: right;
}
#footer_utilities .ipsList_inline {
margin-top: 3px;
clear: left;
float: left;
}
#footer_utilities .ipsList_inline>li {
margin: 0;
}
.ipsList_inline>li {
display: inline-block;list-style-type: none;
margin: 0 3px;
}
#rss_feed {
margin-top: -1px;
}
#footer_utilities .ipsList_inline>li>a {
margin-right: 0px;
padding: 4px 10px;
display: inline-block;
}
/*TÓPICO*/
.pun .paged-foot, .pun .paged-head {
background-color: transparent;
border: 0px;
}
.pun .posthead {
background: #262626 url('https://i.servimg.com/u/f55/18/71/50/00/brandi12.png') repeat;
text-shadow: rgba(0,0,0,0.5) 0px -1px 0px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: inset #000 0px 1px 3px;
-moz-box-shadow: inset #000 0px 1px 3px;
box-shadow: inset #000 0px 1px 3px;
color: #bbb;
border: 0px;
padding: 0 10px;
height: 36px;
line-height: 36px;
font-weight: normal;
font-size: 13px;
}
.pun .posthead a {color: #fff;}
.pun .posthead h2 strong {
font: 11px normal;
color: #878c91;
}
.pun .posthead h2 strong:before {
content: '#';
}
.pun .posthead .username {
float: left;
min-width: 177px;
}
.pun .posthead .username a {
font-weight: bold;
text-shadow: rgba(0,0,0,0.5) 0px -1px 0px;
font-size: 13px;
}
.pun .posthead .username a span {color: #fff !important;}
.pun .user .user-basic-info a img {
max-width: 90px;
max-height: 90px;
padding: 1px;
border: 1px solid #d5d5d5;
background: #fff;
-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
}
.pun .user .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);
}
.pun .post {margin-bottom: 10px;}
.pun .post, .pun .postmain {background: #fff;border: 0px;}
.pun .postmain {margin-left: 17em;}
.pun .post .user {
width: 155px;
margin-top: 1em;
border-right: 1px dashed #e4e8ed;
font-size: 12px;
text-align: center;
margin-left: -16em;
padding: 10px 10px;
line-height: 150%;
}
.pun .user .user-info {
font: 11px;
color: #878c91;
}
.pun .postfoot {
background: #edeff1 url("https://i.servimg.com/u/f55/18/71/50/00/noise13.png") repeat;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border: 0px;
border-radius: 3px;
-webkit-box-shadow: inset #b3bac1 0px 1px 3px;
-moz-box-shadow: inset #b3bac1 0px 1px 3px;
box-shadow: inset #b3bac1 0px 1px 3px;
clear: both;
}
/*PERFIL TABS PERSONALIZADOS*/
#tabs ul li a {
font-weight: bold;
color: #424242;
background-color: #F1F1F1;
border-color: #C1C1C1;
background-image: url('https://2img.net/h/oi50.tinypic.com/2rcpvd3.png');
background-repeat: repeat-x;
margin-top: 10px;
border-top: 1px solid #CCC;
border-left: 1px solid #CCC;
}
#tabs ul li.activetab a:hover {
background-color: #363636;
}
#tabs ul li a:hover {
background-color: #F4F4F4;
border-color: #333;
}
#tabs ul li.activetab a {
background-color: #363636;
background-image: url(https://2img.net/h/oi50.tinypic.com/9qky9y.png);
background-repeat: repeat-x;
border-color: #363636;
color: white;
text-decoration: none;
}
#tabs ul li.activetab a:hover {
background: white;
}
/*QR*/
#quick_reply .frm-buttons {
text-align: right;
}
.pun .main-head a.exthelp, .pun .main-head a.exthelp:link, .pun .main-head a.exthelp:visited {
background-image: url(http://cdn2.iconfinder.com/data/icons/humano2/16x16/apps/gnome-help.png);
background-position: left;
background-repeat: no-repeat;
color: #fff;
}
input[type="button"], input[type="submit"], input[type="reset"] {
background: #51a3ce url('https://i.servimg.com/u/f55/18/71/50/00/highli11.png') repeat-x 0 0;
border: 1px solid #4897c0;
-webkit-box-shadow: #8ac7e7 0px 1px 2px;
-moz-box-shadow: #8ac7e7 0px 1px 2px;
box-shadow: #8ac7e7 0px 1px 2px;
color: #fff;
padding: 4px 10px !important;
cursor: pointer;
text-shadow: 0 -1px 0 rgba(0,0,0,0.2);
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
}
input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover {background-color:#60b3de;color:#fff}
input[type="button"]:active, input[type="submit"]:active, input[type="reset"]:active {-webkit-box-shadow:inset rgba(0,0,0,0.2) 0px 1px 3px;-moz-box-shadow:inset rgba(0,0,0,0.2) 0px 1px 3px;box-shadow:inset rgba(0,0,0,0.2) 0px 1px 3px;position:relative;top:1px}
- em 01.02.16 11:00
- Procurar em: Questões resolvidas sobre a aparência do fórum
- Tópico: Avatar muito pequeno
- Respostas: 3
- Vistos: 4940
Cor do "Painel de Controle"
Cole os seguintes códigos:Folha de estilo CSS
- Código:
.painelcontrole a:link{
color:#fff !important;
}
No fim do rodapé (substitua todo o código por esse logo abaixo)
- Código:
<!-- BEGIN html_validation -->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<body>
<div>
<div>
<div>
<div>
<div>
<div>
<ul>
<li>
<!-- END html_validation -->
</li>
</ul>
<!-- BEGIN switch_footer_links -->
<ul>
<li>
<!-- BEGIN footer_link -->
<!-- BEGIN switch_separator --> | <!-- END switch_separator -->
{switch_footer_links.footer_link.FOOTER_LINK_SEPARATOR}<a name="bottom" class="copyright" href="{switch_footer_links.footer_link.U_FOOTER_LINK_HREF}" rel="{switch_footer_links.footer_link.FOOTER_LINK_REL}" target="{switch_footer_links.footer_link.FOOTER_LINK_TARGET}" title="{switch_footer_links.footer_link.L_FOOTER_LINK_TITLE}">{switch_footer_links.footer_link.L_FOOTER_LINK_TEXT}</a>
<!-- END footer_link -->
</li>
</ul>
<!-- END switch_footer_links -->
</div>
<br />
<p class="center painelcontrole">
<strong>{ADMIN_LINK}</strong>
</p>
</div>
{PROTECT_FOOTER}
</div>
</div>
</div>
</div>
<div id="footer" class="clear">
<div class="clearfix footerColumns">
<div class="footerCol">
<h3><a href="/forum">Forum</a></h3>
<ul>
<li><a href="#">Regras Gerais</a></li>
<li><a href="#"> Noticias</a></li>
<li><a href="#">Ajuda-Bugs</a></li>
<li><a href="#">Edição de RG </a></li>
<li><a href="#">Cash</a></li>
</ul>
</div>
<div class="footerCol">
<h3><a href="#">Denúncia e Revisão</a></h3>
<ul>
<li><a href="#">Denúncia Fórum</a></li>
<li><a href="#">Denúncia Servidor</a></li>
<li><a href="#">Revisões</a></li>
</ul>
</div>
<div class="footerCol">
<h3><a href="#">Assuntos Gerais</a></h3>
<ul>
<li><a href="#">Discussão</a></li>
<li><a href="#">Downloads</a></li>
<li><a href="#">Screenshots</a></li>
<li><a href="#">Vídeos</a></li>
<li><a href="#">Tutoriais</a></li>
</ul>
</div>
<div class="footerCol">
<h3><a href="#">Painel do Usuário</a></h3>
<ul>
<li><a href="/profile?mode=editprofile&page_profil=informations">Meu Perfil</a></li>
<li><a href="/search?search_id=watchsearch">Tópicos sendo Observado(s)</a></li>
<li><a href="/search?search_id=egosearch">Tópicos Responidos</a></li>
<li><a href="/search?search_id=newposts">Novos Tópicos </a></li>
</ul>
</div>
<div class="footerCol">
<h3><a href="#">Grupos</a></h3>
<ul>
<li><a href="#">Administradores</a></li>
<li><a href="#">Moderadores</a></li>
<li><a href="#">Líderes</a></li>
<li><a href="#">Helpers</a></li>
<li><a href="#">Membros</a></li>
</ul>
</div>
</div>
</div>
<div id="footer_utilities" class="clearfix clear">
<a rel="nofollow" href="#top" id="backtotop" title="Go to top">
<img src="http://i.imgur.com/aSgMJ9W.png" alt="">
</a>
<div class="skin_link"><a href="http://www.ipbfocus.com">IPB skin</a> by <a href="http://baixacidade.forumeiros.com/">Sliw</a>
</div>
<!-- Copyright Information -->
<p id="copyright">
<a href="#" title="Community Forum Software by Forumotion">© 2016 BC RPG | Desenvolvido por Pala & Sliw - Todos os direitos reservados.</a>
</p>
<!-- / Copyright -->
<ul class="ipsList_inline left">
<li><a href="/contact">Contact Us</a>
</li>
<li><a href="/faq" title="View help" rel="help" accesskey="6">FAQ</a>
</li>
</ul>
</div>
<!-- BEGIN switch_facebook_login -->
<div id="fb-root"></div>
<script type="text/javascript">
//<![CDATA[
FB.init({
appId: '{switch_facebook_login.FACEBOOK_APP_ID}',
status: true,
cookie: true,
xfbml: true,
oauth: true
});
//]]>
</script>
<!-- END switch_facebook_login -->
<!-- BEGIN switch_facebook_logout_TMP -->
<script type="text/javascript">
//<![CDATA[
FB.Event.subscribe('auth.logout', function(response) {
if ($('a#logout'))
{
var lien_redir = $('a#logout').attr('href');
if ($('a#logout').attr('href') && $('a#logout').attr('href') != '')
{
document.location.href = 'http://{switch_facebook_logout.SERVER_NAME}/' + lien_redir;
}
}
});
$(document).ready( function() {
$('a#logout').click( function() {
FB.logout();
} );
} );
//]]>
</script>
<!-- END switch_facebook_logout_TMP -->
<script type="text/javascript">
//<![CDATA[
fa_endpage();
//]]>
</script>
</body>
</html>
<style>
#footer_utilities{
padding:12px;
position:relative;
background:url("http://www.ipbfocus.com/skindemo/public/style_images/dispersion/trans60.png") repeat;
background-image:-moz-linear-gradient(top, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.65) 100%);
background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.6)), color-stop(100%,rgba(0,0,0,0.65)));
background-image:-webkit-linear-gradient(top, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.65) 100%);
background-image:-o-linear-gradient(top, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.65) 100%);
background-image:-ms-linear-gradient(top, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.65) 100%);
background-image:linear-gradient(to bottom, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.65) 100%);
border:1px
solid #111;
border:1px
solid rgba(0,0,0,0.5);
color:#ddd;
-webkit-box-shadow:rgba(0,0,0,0.45) 0px 1px 5px;
-moz-box-shadow:rgba(0,0,0,0.45) 0px 1px 5px;
box-shadow:rgba(0,0,0,0.45) 0px 1px 5px;
text-shadow:rgba(0,0,0,0.6) 0px -1px 0px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px
}
#footer_utilities, #footer_utilities a{
color:#fff
}
#footer_utilities .ipbmenu_content a{
color:#333;
text-shadow:none
}
#footer_utilities .ipsList_inline{
margin-top:3px;
clear:left;
float:left
}
#footer_utilities .ipsList_inline>li{
margin:0
}
#footer_utilities .ipsList_inline>li>a{
margin-right:0px;
padding:4px 10px;
display:inline-block
}
#footer_utilities a.menu_active{
background:url('http://www.ipbfocus.com/skindemo/public/style_images/dispersion/trans30.png') repeat;
background:rgba(0,0,0,0.3);
color:#fff;
text-shadow:rgba(0,0,0,0.3) 0px -1px 0px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
-webkit-box-shadow:inset 0px 1px 3px rgba(0,0,0,0.5), rgba(255,255,255,0.16) 0px 1px 0px, rgba(255,255,255,0.05) 0px 0px 0px 1px;
-moz-box-shadow:inset 0px 1px 3px rgba(0,0,0,0.5), rgba(255,255,255,0.16) 0px 1px 0px, rgba(255,255,255,0.05) 0px 0px 0px 1px;
box-shadow:inset 0px 1px 3px rgba(0,0,0,0.5), rgba(255,255,255,0.16) 0px 1px 0px, rgba(255,255,255,0.05) 0px 0px 0px 1px
}
#copyright{
text-align:right;
line-height:22px;
float:right
}
#ipsDebug_footer{
width:900px;
margin:8px
auto 0px auto;
text-align:center;
color:#404040;
font-size:11px
}
#ipsDebug_footer
strong{
margin-left:20px
}
#ipsDebug_footer
a{
color:#404040
}
#backtotop,#bottomScroll{
width:24px;
height:24px;
line-height:20px;
left:50%;
top:50%;
margin-left:-12px;
margin-top:-12px;
position:absolute;
display:inline-block;
background:url("http://www.ipbfocus.com/skindemo/public/style_images/dispersion/trans20.png") repeat;
background:rgba(0,0,0,0.2);
-webkit-box-shadow:inset rgba(0,0,0,0.7) 0px 1px 3px, rgba(255,255,255,0.1) 0px 1px 0px;
-moz-box-shadow:inset rgba(0,0,0,0.7) 0px 1px 3px, rgba(255,255,255,0.1) 0px 1px 0px;
box-shadow:inset rgba(0,0,0,0.7) 0px 1px 3px, rgba(255,255,255,0.1) 0px 1px 0px;
text-align:center;
-moz-border-radius:16px;
-webkit-border-radius:16px;
border-radius:16px;
outline:0
}
#bottomScroll:hover,#backtotop:hover{
background:rgba(0,0,0,0.7);
color:#fff
}
#footer_utilities {
padding: 12px;
position: relative;
background: linear-gradient(to bottom, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.65) 100%) repeat scroll 0% 0% transparent;
color: #DDD;
box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.45);
text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.6);
border-radius: 3px;
width: 88.3%;
margin: 10px auto;
}
#backtotop img{
padding-top: 4px;
}
</style>
Criei uma segunda classe na div do Painel de controle, pq não sabia se a "center" é usada em outros locais do fórum.
O esquema é o mesmo, ali em #fff fica a cor.
Resultou? Não esqueça do joinha!
- em 15.01.16 12:26
- Procurar em: Questões resolvidas sobre a aparência do fórum
- Tópico: Cor do "Painel de Controle"
- Respostas: 6
- Vistos: 1258
Cor do "Painel de Controle"
Acesse Painel de Controle Visualização Imagens e Cores Cores Folha de Estilo CSSCole o seguinte código lá e salve:
- Código:
.copyright a:link {
color: #fff !important;
}
Onde está #fff você altera para cor que quiser, no caso #fff é branco.
- em 15.01.16 8:27
- Procurar em: Questões resolvidas sobre a aparência do fórum
- Tópico: Cor do "Painel de Controle"
- Respostas: 6
- Vistos: 1258
Duvida sobre codigo de parceiros
Shek escreveu:Bom dia!
Bem... Mas, seria no DIV ou na imagem? Se for na DIV, depois do align="center" basta atribuir o:
- Código:
style="border: 1px solid #FFF"
Solid: indica que a borda é sólida (não modificar).
1px: Significa que a borda tem 1px. Quando mais aumentar, mais grossa a borda fica.
FFF: Seria a cor Hexadecimal da borda. Caso não queira, apenas tire o #FFF
Até mais!
Imagem
- em 07.12.15 14:12
- Procurar em: Questões resolvidas sobre HTML e BBCode
- Tópico: Duvida sobre codigo de parceiros
- Respostas: 8
- Vistos: 1312
Duvida sobre codigo de parceiros
Bom dia!Bem... Mas, seria no DIV ou na imagem? Se for na DIV, depois do align="center" basta atribuir o:
- Código:
style="border: 1px solid #FFF"
1px: Significa que a borda tem 1px. Quando mais aumentar, mais grossa a borda fica.
FFF: Seria a cor Hexadecimal da borda. Caso não queira, apenas tire o #FFF
Até mais!
- em 07.12.15 14:05
- Procurar em: Questões resolvidas sobre HTML e BBCode
- Tópico: Duvida sobre codigo de parceiros
- Respostas: 8
- Vistos: 1312
Como alterar a pagination do fórum?
É quase isso que o Rafusqui falou, porém, procure no CSS essa linha:- Código:
background: #3c6994;
E altere o #3c6994, para a cor decimal (Isso é a cor da barra)
Procure por essa linha:
- Código:
background: #fff!important;
Altere o #fff para a sua cor em hexadecimal ou em inglês. Essa parte altera os botões quando estão ativos, por exemplo, se estiver na página 1 o botão 1 fica branco etc.
Procure por essa linha:
- Código:
background: rgba(255,255,255,0.1)!important;
Altere o rgba(255,255,255,0.1), para a cor desejada, esse é o fundo dos botões 1,2,3,4,5,6 etc.
Exemplo:
- Código:
background: black !important
A cor deve ser escrita em hexadecimal ou inglês!!
Abraço!
MateusAnjosV.
- em 10.11.15 20:04
- Procurar em: Questões resolvidas sobre a aparência do fórum
- Tópico: Como alterar a pagination do fórum?
- Respostas: 5
- Vistos: 1138
Adicionar um parágrafo dentro de um código javascript
Rapaz, deu certo mesmo.Valeu mesmo, @MateusAnjosV.
- search_results_posts:
<style type="text/css">#search-opts {
width:auto;
position:relative;
z-index:1;
}
.preset_label {
display: block !important;
padding-top: 20px !important;
}
#search-results {
width:auto;
position:relative;
z-index:1;
margin-top:-26px;
}
.search-option {
display:block;
margin:3px 0;
}
#search_presets a.preset_option {
color:#FFF;
margin:0 3px;
}
#search_presets a.preset_option.preset_actif {
color:#FFA;
}</style>
<script src="{JS_DIR}extendedview.js" type="text/javascript"></script>
<!-- BEGIN switch_user_logged_in -->
<div id="pun-visit" class="clearfix">
<ul>
<li><a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a></li>
<li><a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a></li>
</ul>
<p>{LOGGED_AS}. {LAST_VISIT_DATE}</p>
</div>
<!-- END switch_user_logged_in -->
<!-- BEGIN switch_user_logged_out -->
<div id="pun-visit">
<p>{L_NOT_CONNECTED} {L_LOGIN_REGISTER}</p>
</div>
<!-- END switch_user_logged_out -->
<div class="pun-crumbs" itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
<p class="crumbs">
<a href="{U_INDEX}" itemprop="url"><span itemprop="title">{L_INDEX}</span></a>{NAV_CAT_DESC} » <strong>{L_SEARCH_TITLE}</strong>
</p>
</div>
<div id="search-opts">
<div class="module main">
<div class="main-head">
<h3>Tipo de Pesquisa:</h3>
</div>
<div class="main-content">
<a class="search-option" href="/search?show_results=topics&">Por Tópicos</a>
<a class="search-option" href="/search?show_results=posts&">Por Postagens</a>
</div>
</div>
</div>
<script type="text/javascript">//<![CDATA[
(function() {
var opt = $('.search-option'), query = window.location.search.slice(1).replace(/show_results=(?:topics|posts)/, '').replace(/^&|&$/g, '');
opt[/show_results=topics/.test(window.location.search) ? 0 : 1].className += ' search-actif';
opt[0].href += query;
opt[1].href += query;
}());
//]]></script>
<div class="main paged" id="search-results">
<div class="inner-page">
<div class="paged-head clearfix">
</div>
<div class="main-head">
<h1 class="page-title">{L_SEARCH_MATCHES}</h1>
</div>
<!-- BEGIN searchresults -->
<div class="main-content topic">
<div class="post">
<div class="postmain">
<div class="posthead">
<h2><a href="{searchresults.U_POST}">{searchresults.TOPIC_TITLE}</a> - {searchresults.POST_DATE}</h2>
</div>
<div class="postbody">
<div class="user online">
<h4 class="user-ident">
<span class="username">{searchresults.POSTER_NAME}</span>
</h4>
</div>
</div>
<div class="post-entry">
<div class="entry-content">
<div>{searchresults.MESSAGE}</div>
</div>
</div>
<div class="postfoot">
<div class="user-contact">
</div>
<div class="post-options">
{L_FORUM}: <strong><a class="postdetails" href="{searchresults.U_FORUM}">{searchresults.FORUM_NAME}</a></strong>
{L_TOPIC}: <strong><a class="postdetails" href="{searchresults.U_TOPIC}">{searchresults.TOPIC_TITLE}</a></strong>
</div>
</div>
</div>
</div>
</div>
<!-- END searchresults -->
<div class="main-foot clearfix">
<h2>{L_SEARCH_MATCHES}</h2>
</div>
<div class="paged-foot clearfix">
<p class="paging">{PAGINATION}</p>
<p class="posting">{L_BACK_TO_TOP}</p>
</div>
</div>
</div>
<div class="clear"></div>
<!-- BEGIN switch_image_resize -->
<script type="text/javascript">
//<![CDATA[
$(resize_images({ 'selector' : '.post-entry .entry-content', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} }));
//]]>
</script>
<!-- END switch_image_resize -->
<style type="text/css">
#search_presets a.preset_option {
color:#FFF;
margin:0 3px;
}
#search_presets a.preset_option.preset_actif { color:#FFA }
#search_presets a.preset_option:hover { text-decoration:none }
</style>
<script type="text/javascript">
(function() {
var href = window.location.href,
presets = {
'\nFiltrar Por\n': {
'\nTempo de Postagem\n': href.replace(/sort_by=\d+/, '') + '&sort_by=0',
'\nTítulo do Tópico\n': href.replace(/sort_by=\d+/, '') + '&sort_by=1',
'\nAutor\n': href.replace(/sort_by=\d+/, '') + '&sort_by=2'
},
'\nOrdenar Por\n': {
'\nAscendente\n': href.replace(/&sort_dir=(?:ASC|DESC)/, '') + '&sort_dir=ASC',
'\nDescendente\n': href.replace(/&sort_dir=(?:ASC|DESC)/, '') + '&sort_dir=DESC'
}
},
title = $('.page-title')[0],
container = document.createElement('DIV'),
i, j, str = '';
container.id = 'search_presets';
if (title) {
for (i in presets) {
str += '<span class="preset_label">' + i + ' : </span>';
for (j in presets[i]) {
str += '<a class="preset_option ' + (new RegExp(presets[i][j].replace(/.*?(sort_by=\d+|sort_dir=(?:ASC|DESC))$/, '$1')).test(href) ? 'preset_actif' : '') + '" href="' + presets[i][j] + '">' + j + '</a>';
}
}
container.innerHTML = str;
title.innerHTML = '';
title.appendChild(container);
}
})();
</script>
- search_results_topics:
<style type="text/css">#search-opts {
width:auto;
position:relative;
z-index:1;
}
.preset_label {
display: block !important;
padding-top: 20px !important;
}
#search-results {
width:auto;
position:relative;
z-index:1;
margin-top: -26px;
}
.search-option {
display:block;
margin:3px 0;
}
#search_presets a.preset_option {
color:#FFF;
margin:0 3px;
}
#search_presets a.preset_option.preset_actif {
color:#FFA;
}</style>
<!-- BEGIN switch_user_logged_in -->
<div id="pun-visit" class="clearfix">
<ul>
<li><a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a></li>
<li><a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a></li>
</ul>
<p>{LOGGED_AS}. {LAST_VISIT_DATE}</p>
</div>
<!-- END switch_user_logged_in -->
<!-- BEGIN switch_user_logged_out -->
<div id="pun-visit">
<p>{L_NOT_CONNECTED} {L_LOGIN_REGISTER}</p>
</div>
<!-- END switch_user_logged_out -->
<div class="pun-crumbs" itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
<p class="crumbs">
<a href="{U_INDEX}" itemprop="url"><span itemprop="title">{L_INDEX}</span></a>{NAV_CAT_DESC} » <strong>{L_SEARCH_TITLE}</strong>
</p>
</div>
<div id="search-opts">
<div class="module main">
<div class="main-head">
<h3>Tipo de Pesquisa:</h3>
</div>
<div class="main-content">
<a class="search-option" href="/search?show_results=topics&">Por Tópicos</a>
<a class="search-option" href="/search?show_results=posts&">Por Postagens</a>
</div>
</div>
</div>
<script type="text/javascript">//<![CDATA[
(function() {
var opt = $('.search-option'), query = window.location.search.slice(1).replace(/show_results=(?:topics|posts)/, '').replace(/^&|&$/g, '');
opt[/show_results=topics/.test(window.location.search) ? 0 : 1].className += ' search-actif';
opt[0].href += query;
opt[1].href += query;
}());
//]]></script>
<div class="main paged" id="search-results">
<div class="inner-page">
<form action="{S_ACTION}" method="post" name="post" onsubmit="return verify_select();" class="frm-form">
<div class="paged-head clearfix">
</div>
<div class="main-head">
<h1 class="page-title">{L_SEARCH_MATCHES}</h1>
</div>
<div class="main-content">
<table class="table" cellspacing="0">
<thead>
<tr>
<th class="tcl">{L_TOPICS}</th>
<th class="tcr">{L_FORUM}</th>
<th class="tcr">{L_LASTPOST}</th>
</tr>
</thead>
<tbody class="statused">
<!-- BEGIN searchresults -->
<tr>
<td class="tcl tdtopics search">
<span class="status">
<img src="{searchresults.TOPIC_FOLDER_IMG}" alt="{searchresults.L_TOPIC_FOLDER_ALT}" title="{searchresults.L_TOPIC_FOLDER_ALT}" />
</span>
{searchresults.TOPIC_ICON}
{searchresults.NEWEST_POST_IMG}
{searchresults.PARTICIPATE_POST_IMG}
{searchresults.TOPIC_TYPE}
<h2 class="topic-title"> <a class="topictitle" href="{searchresults.U_VIEW_TOPIC}">{searchresults.TOPIC_TITLE}</a></h2><br>
{searchresults.GOTO_PAGE}
{searchresults.TOPIC_AUTHOR}</br>
</td>
<td class="tc2"><a href="{searchresults.U_VIEW_FORUM}">{searchresults.FORUM_NAME}</a></td>
<td class="tcr">{searchresults.LAST_POST_TIME}<br>{searchresults.L_BY} {searchresults.LAST_POST_AUTHOR}{searchresults.LAST_POST_IMG}</br></td>
</tr>
<!-- END searchresults -->
</tbody>
</table>
</div>
<div class="main-foot">
</div>
<div class="paged-foot clearfix">
<p class="paging">{PAGINATION}</p>
<p class="posting">{L_BACK_TO_TOP}</p>
</div>
</form>
</div>
</div>
<div class="clear"></div>
<style type="text/css">
#search_presets a.preset_option {
color:#FFF;
margin:0 3px;
}
#search_presets a.preset_option.preset_actif { color:#FFA }
#search_presets a.preset_option:hover { text-decoration:none }
</style>
<script type="text/javascript">
(function() {
var href = window.location.href,
presets = {
'\nFiltrar Por\n': {
'\nTempo de Postagem\n': href.replace(/sort_by=\d+/, '') + '&sort_by=0',
'\nTítulo do Tópico\n': href.replace(/sort_by=\d+/, '') + '&sort_by=1',
'\nAutor\n': href.replace(/sort_by=\d+/, '') + '&sort_by=2'
},
'\nOrdenar Por\n': {
'\nAscendente\n': href.replace(/&sort_dir=(?:ASC|DESC)/, '') + '&sort_dir=ASC',
'\nDescendente\n': href.replace(/&sort_dir=(?:ASC|DESC)/, '') + '&sort_dir=DESC'
}
},
title = $('.page-title')[0],
container = document.createElement('DIV'),
i, j, str = '';
container.id = 'search_presets';
if (title) {
for (i in presets) {
str += '<span class="preset_label">' + i + ' : </span>';
for (j in presets[i]) {
str += '<a class="preset_option ' + (new RegExp(presets[i][j].replace(/.*?(sort_by=\d+|sort_dir=(?:ASC|DESC))$/, '$1')).test(href) ? 'preset_actif' : '') + '" href="' + presets[i][j] + '">' + j + '</a>';
}
}
container.innerHTML = str;
title.innerHTML = '';
title.appendChild(container);
}
})();
</script>
Podem fechar
- em 31.10.15 0:15
- Procurar em: Questões resolvidas sobre códigos Javascript e jQuery
- Tópico: Adicionar um parágrafo dentro de um código javascript
- Respostas: 17
- Vistos: 2847
[Logotipo] Ani Manga Online
Informações técnicas
Tipo de pedido : [Logo]Dimensões : 691x263
Cores primátias : A fonte da letra será branca
Cores secundárias : A fonte da letra será branca
Imagens do pedido :
- Imagens a serem usadas:
Texto a ser inserido : Ani Manga Online
Fonte : A fonte da palavra escrita "Fórum dos Fóruns"
Cor da fonte : #FFF
Link do meu fórum : http://animangaonline.ativoforum.com/
Link do meu último pedido : Não especificado
Informações adicionais
Descrição do que desejo : Meu prezado administrador,Eu não quero igual ao logotipo de Fórum dos Fórum, eu gostaria como aquelas setas e apenas o nome do Ani Manga Online, se puder bote aquelas bolhas, olha exemplo:
http://prntscr.com/8v468t
O descrição, excluir isto, aquele logotipo de Forumeiros, pode tirar também, do outro lado que tem imagens tipo coração,sol,comunidade, retire isto também.
Bote uma render de anime ao lado de logotipo, seria bom!
Isto não é plágio, apenas mudei tudinho a tipografia, tente aparecido.
- em 25.10.15 12:48
- Procurar em: Arquivos de Pedidos finalizados
- Tópico: [Logotipo] Ani Manga Online
- Respostas: 5
- Vistos: 713
Background com CSS
Certo. Adicione no inicio da sua folha de estilos:- Código:
div#apresentaPrimeiro_quadrado { background: #FFF !important; }
#FFF Corresponde à cor desejada.
Até mais.
Fraise
- em 23.10.15 16:56
- Procurar em: Questões resolvidas sobre a aparência do fórum
- Tópico: Background com CSS
- Respostas: 11
- Vistos: 1045
Como colorir a caixa de título dos tópicos ?
Para alterar a cor do texto, use este código:- Código:
.post .post-header {
color: #FFF !important;
}
#FFF corresponde à cor hexadecimal do texto.
Até mais.
Fraise
- em 14.10.15 16:04
- Procurar em: Questões resolvidas sobre a aparência do fórum
- Tópico: Como colorir a caixa de título dos tópicos ?
- Respostas: 20
- Vistos: 1325
Cor do texto do fórum
Olá!Aceda a Painel de Controle > Visualização > Imagens e Cores > Cores > Folha de estilo CSS e, no ínicio, adicione o seguinte código:
- Código:
.secondarytitle h2 { color: #FFF !important; }
a.forumlink:link { color: #FFF !important; }
a.forumlink:visited { color: #FFF !important; }
#FFF corresponde à cor hexadecimal. Poderá encontrar variadas cores aqui:
http://www.color-hex.com/
Até mais.
Fraise
- em 10.10.15 11:44
- Procurar em: Questões resolvidas sobre a aparência do fórum
- Tópico: Cor do texto do fórum
- Respostas: 4
- Vistos: 860
Página 1 de 2 • 1, 2