Personalizar menu do fórum

Item: Personalizar menu do fórum
Rating: 1

por YouTube3 04.11.16 18:38

Detalhes da questão

Endereço do fórum: HTTP://FamilytuDo2.Forumais.com
Versão do fórum: PunBB

Descrição

Boa tarde, -Criei um tópico alguns dias atras mas acabei ficando inativo.

Então galera já troquei muitas vezes meu menu etc.. enfim.
Quero saber se é possível eu botar algum menu tipo o da BS?
Porem não igual é claro .. algum parecido se for possível desde já agradeço.

OBS: Não sei nenhum fórum com menu que eu quero apenas o da bs.
Porem não quero tão parecido entende?

Meu Overall_Header:

Código:: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">[size=16][/size] <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}>[size=16][/size] <head>[size=16][/size] <title>{SITENAME_TITLE}{PAGE_TITLE}</title>[size=16][/size] <meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" />[size=16][/size] <meta http-equiv="content-script-type" content="text/javascript" />[size=16][/size] <meta http-equiv="content-style-type" content="text/css" />[size=16][/size] [size=16][/size] <meta http-equiv="X-UA-Compatible" content="IE={switch_compat_meta.VERSION}" />[size=16][/size] [size=16][/size] [size=16][/size] <link rel="canonical" href="{switch_canonical_url.CANONICAL_URL}" />[size=16][/size] [size=16][/size] {META_FAVICO}[size=16][/size] {META}[size=16][/size] {META_FB_LIKE}[size=16][/size] <meta name="title" content="{SITENAME_TITLE}{PAGE_TITLE}" />[size=16][/size] {T_HEAD_STYLESHEET}[size=16][/size] {CSS}[size=16][/size] <link rel="search" type="application/opensearchdescription+xml" href="/improvedsearch.xml" title="{SITENAME}" />[size=16][/size] <link rel="search" type="application/opensearchdescription+xml" href="{URL_BOARD_DIRECTORY}/search/improvedsearch.xml" title="{SEARCH_FORUMS}" />[size=16][/size] <script src="{JQUERY_PATH}" type="text/javascript"></script>[size=16][/size] <script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>[size=16][/size] [size=16][/size] [size=16][/size] <script src="http://connect.facebook.net/{switch_fb_login.FB_LOCAL}/all.js" type="text/javascript"></script>[size=16][/size] <script src="{switch_fb_login.JS_FB_LOGIN}" type="text/javascript"></script>[size=16][/size] [size=16][/size] [size=16][/size] [size=16][/size] <link type="text/css" rel="stylesheet" href="{JS_DIR}jquery/ticker/ticker.css" /> [size=16][/size] <script src="{JS_DIR}jquery/ticker/ticker.js" type="text/javascript"></script>[size=16][/size] [size=16][/size] [size=16][/size] [size=16][/size] <script src="{JS_DIR}jquery/jcarousel/jquery.jcarousel.js" type="text/javascript"></script>[size=16][/size] <script type="text/javascript">//<![CDATA[[size=16][/size] /* Definir le sens de direction en fonction du panneau admin */[size=16][/size] var tickerDirParam = "{switch_ticker.DIRECTION}";[size=16][/size] var slid_vert = false;[size=16][/size] var auto_dir = 'next';[size=16][/size] var h_perso = parseInt({switch_ticker.HEIGHT});[size=16][/size] [size=16][/size] switch( tickerDirParam )[size=16][/size] {[size=16][/size] case 'top' :[size=16][/size] slid_vert = true;[size=16][/size] break;[size=16][/size] [size=16][/size] case 'left':[size=16][/size] break;[size=16][/size] [size=16][/size] case 'bottom':[size=16][/size] slid_vert = true;[size=16][/size] auto_dir = 'prev';[size=16][/size] break;[size=16][/size] [size=16][/size] case 'right':[size=16][/size] auto_dir = 'prev';[size=16][/size] break;[size=16][/size] [size=16][/size] default:[size=16][/size] slid_vert = true;[size=16][/size] }[size=16][/size] [size=16][/size] $(document).ready(function() {[size=16][/size] [size=16][/size] var width_max = $('ul#fa_ticker_content').width();[size=16][/size] var width_item = Math.floor(width_max / {switch_ticker.SIZE});[size=16][/size] [size=16][/size] if (width_max > 0)[size=16][/size] {[size=16][/size] $('#fa_ticker_content').css('display','block');[size=16][/size] [size=16][/size] $('ul#fa_ticker_content li').css('float','left').css('list-style','none').width(width_item).find('img').each(function () {[size=16][/size] if ($(this).width() > width_item)[size=16][/size] {[size=16][/size] var ratio = $(this).width() / width_item;[size=16][/size] var new_height = Math.round($(this).height() / ratio);[size=16][/size] $(this).height(new_height).width(width_item);[size=16][/size] }[size=16][/size] });[size=16][/size] [size=16][/size] if (slid_vert)[size=16][/size] {[size=16][/size] var height_max = h_perso;[size=16][/size] [size=16][/size] $('ul#fa_ticker_content li').each( function () {[size=16][/size] if ($(this).height() > height_max)[size=16][/size] {[size=16][/size] height_max = $(this).height();[size=16][/size] }[size=16][/size] } );[size=16][/size] [size=16][/size] $('ul#fa_ticker_content').width(width_item).height(height_max).css('marginLeft','auto').css('marginRight','auto');[size=16][/size] $('ul#fa_ticker_content li').height(height_max);[size=16][/size] }[size=16][/size] [size=16][/size] $('#fa_ticker_content').jcarousel({[size=16][/size] vertical: slid_vert,[size=16][/size] wrap: 'circular',[size=16][/size] auto: {switch_ticker.STOP_TIME},[size=16][/size] auto_direction: auto_dir,[size=16][/size] scroll: 1,[size=16][/size] size: {switch_ticker.SIZE},[size=16][/size] height_max: height_max,[size=16][/size] animation: {switch_ticker.SPEED}[size=16][/size] });[size=16][/size] }[size=16][/size] else[size=16][/size] {[size=16][/size] $('ul#fa_ticker_content li:not(:first)').css('display','none');[size=16][/size] $('ul#fa_ticker_content li:first').css('list-style','none').css('text-align','center');[size=16][/size] }[size=16][/size] });[size=16][/size] //]]>[size=16][/size] </script>[size=16][/size] [size=16][/size] [size=16][/size] <script type="text/javascript">[size=16][/size] //<![CDATA[[size=16][/size] jQuery().ready(function(){[size=16][/size] [size=16][/size] pm = window.open('{U_PRIVATEMSGS_POPUP}', '_faprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');[size=16][/size] if(pm != null) { pm.focus(); }[size=16][/size] [size=16][/size] [size=16][/size] 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}');[size=16][/size] if(report != null) { report.focus(); }[size=16][/size] [size=16][/size] [size=16][/size] $(window).load(function() { [size=16][/size] Ticker.start({[size=16][/size] height : {switch_ticker.HEIGHT},[size=16][/size] spacing : {switch_ticker.SPACING},[size=16][/size] speed : {switch_ticker.SPEED},[size=16][/size] direction : '{switch_ticker.DIRECTION}',[size=16][/size] pause : {switch_ticker.STOP_TIME} [size=16][/size] });[size=16][/size] });[size=16][/size] [size=16][/size] });[size=16][/size] [size=16][/size] [size=16][/size] var logInPopUpLeft, logInPopUpTop, logInPopUpWidth = {LOGIN_POPUP_WIDTH}, logInPopUpHeight = {LOGIN_POPUP_HEIGHT}, logInBackgroundResize = false, logInBackgroundClass = false;[size=16][/size] [size=16][/size] [size=16][/size] [size=16][/size] $(document).ready( function() {[size=16][/size] $(window).resize(function() {[size=16][/size] var windowWidth = document.documentElement.clientWidth;[size=16][/size] var popupWidth = $("#login_popup").width();[size=16][/size] var mypopup = $("#login_popup");[size=16][/size] [size=16][/size] $("#login_popup").css({[size=16][/size] "left": windowWidth/2 - popupWidth/2[size=16][/size] });[size=16][/size] });[size=16][/size] });[size=16][/size] [size=16][/size] //]]>[size=16][/size] </script>[size=16][/size] {GREETING_POPUP}[size=16][/size] [size=16][/size] <style>[size=16][/size] .jcarousel-skin-tango .jcarousel-item {[size=16][/size] text-align:center;[size=16][/size] width: 10px;[size=16][/size] }[size=16][/size] [size=16][/size] .jcarousel-skin-tango .jcarousel-item-horizontal {[size=16][/size] margin-right: {switch_ticker.SPACING}px;[size=16][/size] }[size=16][/size] [size=16][/size] .jcarousel-skin-tango .jcarousel-item-vertical {[size=16][/size] margin-bottom: {switch_ticker.SPACING}px;[size=16][/size] }[size=16][/size] </style>[size=16][/size] [size=16][/size] {HOSTING_JS}[size=16][/size] [size=16][/size] <script type="text/javascript">[size=16][/size] //<![CDATA[[size=16][/size] var _gaq = _gaq || [];[size=16][/size] _gaq.push(["_setAccount", "{G_ANALYTICS_ID}"]);[size=16][/size] _gaq.push(["_trackPageview"]);[size=16][/size] _gaq.push(['_trackPageLoadTime']);[size=16][/size] [size=16][/size] [size=16][/size] _gaq.push(['b._setAccount', '{G_ANALYTICS_ID_BIS}']);[size=16][/size] _gaq.push(['b._trackPageview']);[size=16][/size] [size=16][/size] [size=16][/size] (function() {[size=16][/size] var ga = document.createElement("script"); ga.type = "text/javascript"; ga.async = true;[size=16][/size] ga.src = ("https:" == document.location.protocol ? "https://ssl" : "http://www") + ".google-analytics.com/ga.js";[size=16][/size] var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(ga, s);[size=16][/size] })();[size=16][/size] //]]>[size=16][/size] </script>[size=16][/size] [size=16][/size] <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">[size=16][/size] </head>[size=16][/size] [size=16][/size] <body>[size=16][/size] [size=16][/size] <div id="hitskin_preview" style="display: block;">[size=16][/size] <h1><img src="http://2img.net/i/fa/hitskin/hitskin_logo.png" alt="" /> <em>Hit</em>skin.com</h1>[size=16][/size] <div class="content">[size=16][/size] <p>[size=16][/size] {hitskin_preview.L_THEME_SITE_PREVIEW}[size=16][/size] <br />[size=16][/size] <span>{hitskin_preview.U_INSTALL_THEME}<a href="http://{hitskin_preview.U_RETURN_THEME}">{hitskin_preview.L_RETURN_THEME}</a></span>[size=16][/size] </p>[size=16][/size] </div>[size=16][/size] </div>[size=16][/size] [size=16][/size] [size=16][/size] [size=16][/size] <div id="login_popup" class="module main" style="z-index: 10000 !important;">[size=16][/size] <div id="login_popup_title" class="main-head">[size=16][/size] <div class="h3">{SITENAME}</div>[size=16][/size] </div>[size=16][/size] <div class="main-content">[size=16][/size] {LOGIN_POPUP_MSG}[size=16][/size] <div id="login_popup_buttons">[size=16][/size] <form action="{S_LOGIN_ACTION}" method="get">[size=16][/size] <input type="submit" class="button2" value="{L_LOGIN}" />[size=16][/size] <input type="button" class="button2" value="{L_REGISTER}" onclick="parent.location='{U_REGISTER}';" />[size=16][/size] <input id="login_popup_close" type="button" class="button2" value="{L_DONT_DISPLAY_AGAIN}" />[size=16][/size] </form>[size=16][/size] </div>[size=16][/size] </div>[size=16][/size] </div>[size=16][/size] [size=16][/size] [size=16][/size] [size=16][/size] <div id="branding">[size=16][/size] <div class="wrapper clearfix">[size=16][/size] <div id="logo"><a href="/forum" class="textLogo"></a></div>[size=16][/size] <div id="primary_nav" class="clearfix">[size=16][/size] <ul class="ipsList_inline" id="community_app_menu">[size=16][/size] <li class="left"><a href="/forum" title="Inicio" rel="home">Inicio</a></li>[size=16][/size] <li class="left"><a href="/memberlist" title="Membros">Membros</a></li>[size=16][/size] <li class="left"><a href="/h1-" title="Shop">Loja</a></li>[size=16][/size] </ul>[size=16][/size] </div>[size=16][/size] </div>[size=16][/size] </div>[size=16][/size] <div class="wrapper">[size=16][/size] <div id="user_bar">[size=16][/size] [size=16][/size] <div id="user_navigation" class="logged_in" style="width:100%;">[size=16][/size] <ul class="ipsList_inline right" style="width:100%;">[size=16][/size] <li><a id="user_link" href="/profile?mode=editprofile" title="Seu Perfil"><span class="USERNAME">Seu Perfil</span></a></li>[size=16][/size] <li><a href="/privmsg?folder=inbox" class="mp-local">MP</a></li> [size=16][/size] <li><a href="/login?logout">Sair</a></li> [size=16][/size] <li style="float:right;">[size=16][/size] <form action="/search" method="get" style="margin: .5em .5em 0 0;"><input class="inputbox medium" name="search_keywords" type="text"><input class="button1" value="Pesquisar" type="submit"></form>[size=16][/size] </li>[size=16][/size] </ul>[size=16][/size] </div>[size=16][/size] [size=16][/size] [size=16][/size] [size=16][/size] <div id="user_navigation" class="not_logged_in" style="width:100%;">[size=16][/size] <ul class="ipsList_inline" style="width:100%;">[size=16][/size] <li><a href="/login" title="Sign In" id="sign_in"><img src="http://i.imgur.com/0ns7zBy.png" alt="">Login</a></li>[size=16][/size] <li><a href="/register" title="Create Account" id="register_link"><img src="http://i.imgur.com/W4pPjOe.png" alt="">Registrar-se</a></li>[size=16][/size] <li style="float:right;">[size=16][/size] <form action="/search" method="get" style="margin: .5em .5em 0 0;"><input class="inputbox medium" name="search_keywords" type="text"><input class="button1" value="Pesquisar" type="submit"></form>[size=16][/size] </li>[size=16][/size] </ul>[size=16][/size] </div>[size=16][/size] [size=16][/size] </div>[size=16][/size] </div>[size=16][/size] [size=16][/size] [size=16][/size] [size=16][/size] [size=16][/size] <a id="top" name="top" accesskey="t"></a>[size=16][/size] [size=16][/size] <div class="minwidth_IE">[size=16][/size] <div class="layout_IE">[size=16][/size] <div class="container_IE">[size=16][/size] <div class="pun">[size=16][/size] <div id="pun-intro" class="clearfix">[size=16][/size] <a href="{U_INDEX}" id="pun-logo"><img src="{LOGO}" alt="{L_INDEX}" /></a>[size=16][/size] [size=16][/size] [size=16][/size] <div id="pun-title">{switch_h1.MAIN_SITENAME}</div>[size=16][/size] [size=16][/size] [size=16][/size] [size=16][/size] <p id="pun-desc">{switch_desc.SITE_DESCRIPTION}</p>[size=16][/size] [size=16][/size] </div>[size=16][/size] <div id="pun-head">[size=16][/size] <div id="pun-navlinks">[size=16][/size] <ul class="clearfix">[size=16][/size] <li>{GENERATED_NAV_BAR}</li>[size=16][/size] </ul>[size=16][/size] </div>[size=16][/size] </div>[size=16][/size] [size=16][/size] [size=16][/size] <div id="fa_ticker_block" style="padding-top:4px;">[size=16][/size] <div class="module main">[size=16][/size] <div class="main-content clearfix">[size=16][/size] <div id="fa_ticker_container">[size=16][/size] <ul id="fa_ticker_content" class="jcarousel-skin-tango" style="display: none;width: 100%;">[size=16][/size] [size=16][/size] <li>{switch_ticker.ticker_row.ELEMENT}</li>[size=16][/size] [size=16][/size] </ul>[size=16][/size] </div>[size=16][/size] </div>[size=16][/size] </div>[size=16][/size] </div>[size=16][/size] [size=16][/size] [size=16][/size] [size=16][/size] <div id="fa_ticker_block" style="padding-top:4px;">[size=16][/size] <div class="module main">[size=16][/size] <div class="main-content clearfix">[size=16][/size] <div id="fa_ticker_container">[size=16][/size] <div id="fa_ticker" style="height:{switch_ticker.HEIGHT}px;">[size=16][/size] <div class="fa_ticker_content">[size=16][/size] [size=16][/size] <div>{switch_ticker.ticker_row.ELEMENT}</div>[size=16][/size] [size=16][/size] </div>[size=16][/size] </div>[size=16][/size] </div>[size=16][/size] </div>[size=16][/size] </div>[size=16][/size] </div>[size=16][/size] [size=16][/size] [size=16][/size] <div id="page-body">[size=16][/size] <div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}>[size=16][/size] <div id="outer-wrapper">[size=16][/size] <div id="wrapper">[size=16][/size] <div id="container">[size=16][/size] <div id="content">[size=16][/size] <div id="{ID_LEFT}">[size=16][/size] [size=16][/size] {giefmod_index1.MODVAR}[size=16][/size] [size=16][/size] <div style="height:{SPACE_ROW}px"></div>[size=16][/size] [size=16][/size] [size=16][/size] </div>[size=16][/size] <div id="main">[size=16][/size] <div id="main-content">[size=16][/size] [size=16][/size] [size=16][/size] </div>[size=16][/size] </div>[size=16][/size] </div>[size=16][/size] </div>[size=16][/size] </div>[size=16][/size] </div>[size=16][/size] </div>[size=16][/size] </div>[size=16][/size] </div>[size=16][/size] </div>[size=16][/size] </div>[size=16][/size] </div>[size=16][/size] </body>[size=16][/size] </html>[size=16][/size]

por Kyo Panda 04.11.16 20:17

Olá,

O código do overall_header que passou foi quebrado por BBCode. Poderia tentar passar novamente?

^-^

por YouTube3 04.11.16 20:50

Bom desculpa demora.. Aqui está:

Código:: <!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 http-equiv="X-UA-Compatible" content="IE={switch_compat_meta.VERSION}" />   <link rel="canonical" href="{switch_canonical_url.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> <script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>  <script src="http://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>   <link type="text/css" rel="stylesheet" href="{JS_DIR}jquery/ticker/ticker.css" /> <script src="{JS_DIR}jquery/ticker/ticker.js" type="text/javascript"></script>   <script src="{JS_DIR}jquery/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() { var width_max = $('ul#fa_ticker_content').width(); var width_item = Math.floor(width_max / {switch_ticker.SIZE}); if (width_max > 0) { $('#fa_ticker_content').css('display','block'); $('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>  <script type="text/javascript"> //<![CDATA[ jQuery().ready(function(){  pm = window.open('{U_PRIVATEMSGS_POPUP}', '_faprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400'); if(pm != null) { pm.focus(); }   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(); }   $(window).load(function() { Ticker.start({ height : {switch_ticker.HEIGHT}, spacing : {switch_ticker.SPACING}, speed : {switch_ticker.SPEED}, direction : '{switch_ticker.DIRECTION}', pause : {switch_ticker.STOP_TIME} }); });  });  var logInPopUpLeft, logInPopUpTop, logInPopUpWidth = {LOGIN_POPUP_WIDTH}, logInPopUpHeight = {LOGIN_POPUP_HEIGHT}, logInBackgroundResize = false, 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 }); }); });  //]]> </script> {GREETING_POPUP}  <style> .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; } </style>  {HOSTING_JS}  <script type="text/javascript"> //<![CDATA[ var _gaq = _gaq || []; _gaq.push(["_setAccount", "{G_ANALYTICS_ID}"]); _gaq.push(["_trackPageview"]); _gaq.push(['_trackPageLoadTime']);  _gaq.push(['b._setAccount', '{G_ANALYTICS_ID_BIS}']); _gaq.push(['b._trackPageview']);  (function() { var ga = document.createElement("script"); ga.type = "text/javascript"; ga.async = true; ga.src = ("https:" == document.location.protocol ? "https://ssl" : "http://www") + ".google-analytics.com/ga.js"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(ga, s); })(); //]]> </script>  <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css"> </head> <body>  <div id="hitskin_preview" style="display: block;"> <h1><img src="http://2img.net/i/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="http://{hitskin_preview.U_RETURN_THEME}">{hitskin_preview.L_RETURN_THEME}</a></span> </p> </div> </div>   <div id="login_popup" class="module main" style="z-index: 10000 !important;"> <div id="login_popup_title" class="main-head"> <div class="h3">{SITENAME}</div> </div> <div class="main-content"> {LOGIN_POPUP_MSG} <div id="login_popup_buttons"> <form action="{S_LOGIN_ACTION}" method="get"> <input type="submit" class="button2" value="{L_LOGIN}" /> <input type="button" class="button2" 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> </div>  <div id="branding"> <div class="wrapper clearfix"> <div id="logo"><a href="/forum" class="textLogo"></a></div> <div id="primary_nav" class="clearfix"> <ul class="ipsList_inline" id="community_app_menu"> <li class="left"><a href="/forum" title="Inicio" rel="home">Inicio</a></li> <li class="left"><a href="/memberlist" title="Membros">Membros</a></li> <li class="left"><a href="/h1-" title="Shop">Loja</a></li> </ul> </div> </div> </div> <div class="wrapper"> <div id="user_bar">  <div id="user_navigation" class="logged_in" style="width:100%;"> <ul class="ipsList_inline right" style="width:100%;"> <li><a id="user_link" href="/profile?mode=editprofile" title="Seu Perfil"><span class="USERNAME">Seu Perfil</span></a></li> <li><a href="/privmsg?folder=inbox" class="mp-local">MP</a></li> <li><a href="/login?logout">Sair</a></li> <li style="float:right;"> <form action="/search" method="get" style="margin: .5em .5em 0 0;"><input class="inputbox medium" name="search_keywords" type="text"><input class="button1" value="Pesquisar" type="submit"></form> </li> </ul> </div>   <div id="user_navigation" class="not_logged_in" style="width:100%;"> <ul class="ipsList_inline" style="width:100%;"> <li><a href="/login" title="Sign In" id="sign_in"><img src="http://i.imgur.com/0ns7zBy.png" alt="">Login</a></li> <li><a href="/register" title="Create Account" id="register_link"><img src="http://i.imgur.com/W4pPjOe.png" alt="">Registrar-se</a></li> <li style="float:right;"> <form action="/search" method="get" style="margin: .5em .5em 0 0;"><input class="inputbox medium" name="search_keywords" type="text"><input class="button1" value="Pesquisar" type="submit"></form> </li> </ul> </div>  </div> </div> <a id="top" name="top" accesskey="t"></a> <div class="minwidth_IE"> <div class="layout_IE"> <div class="container_IE"> <div class="pun"> <div id="pun-intro" class="clearfix"> <a href="{U_INDEX}" id="pun-logo"><img src="{LOGO}" alt="{L_INDEX}" /></a>  <div id="pun-title">{switch_h1.MAIN_SITENAME}</div>   <p id="pun-desc">{switch_desc.SITE_DESCRIPTION}</p>  </div> <div id="pun-head"> <div id="pun-navlinks"> <ul class="clearfix"> <li>{GENERATED_NAV_BAR}</li> </ul> </div> </div>  <div id="fa_ticker_block" style="padding-top:4px;"> <div class="module main"> <div class="main-content clearfix"> <div id="fa_ticker_container"> <ul id="fa_ticker_content" class="jcarousel-skin-tango" style="display: none;width: 100%;">  <li>{switch_ticker.ticker_row.ELEMENT}</li>  </ul> </div> </div> </div> </div>   <div id="fa_ticker_block" style="padding-top:4px;"> <div class="module main"> <div class="main-content clearfix"> <div id="fa_ticker_container"> <div id="fa_ticker" style="height:{switch_ticker.HEIGHT}px;"> <div class="fa_ticker_content">  <div>{switch_ticker.ticker_row.ELEMENT}</div>  </div> </div> </div> </div> </div> </div>  <div id="page-body"> <div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}> <div id="outer-wrapper"> <div id="wrapper"> <div id="container"> <div id="content"> <div id="{ID_LEFT}">  {giefmod_index1.MODVAR}  <div style="height:{SPACE_ROW}px"></div>   </div> <div id="main"> <div id="main-content">  </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </body> </html>

por Kyo Panda 04.11.16 23:25

Faça um backup do seu overall_header e então troque-o por esse:

Código:: <!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 http-equiv="X-UA-Compatible" content="IE={switch_compat_meta.VERSION}" />   <link rel="canonical" href="{switch_canonical_url.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> <script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>  <script src="http://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>   <link type="text/css" rel="stylesheet" href="{JS_DIR}jquery/ticker/ticker.css" /> <script src="{JS_DIR}jquery/ticker/ticker.js" type="text/javascript"></script>   <script src="{JS_DIR}jquery/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() { var width_max = $('ul#fa_ticker_content').width(); var width_item = Math.floor(width_max / {switch_ticker.SIZE}); if (width_max > 0) { $('#fa_ticker_content').css('display','block'); $('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>  <script type="text/javascript"> //<![CDATA[ jQuery().ready(function(){  pm = window.open('{U_PRIVATEMSGS_POPUP}', '_faprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400'); if(pm != null) { pm.focus(); }   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(); }   $(window).load(function() { Ticker.start({ height : {switch_ticker.HEIGHT}, spacing : {switch_ticker.SPACING}, speed : {switch_ticker.SPEED}, direction : '{switch_ticker.DIRECTION}', pause : {switch_ticker.STOP_TIME} }); });  });  var logInPopUpLeft, logInPopUpTop, logInPopUpWidth = {LOGIN_POPUP_WIDTH}, logInPopUpHeight = {LOGIN_POPUP_HEIGHT}, logInBackgroundResize = false, 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 }); }); });  //]]> </script> {GREETING_POPUP}  <style> .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; } </style>  {HOSTING_JS}  <script type="text/javascript"> //<![CDATA[ var _gaq = _gaq || []; _gaq.push(["_setAccount", "{G_ANALYTICS_ID}"]); _gaq.push(["_trackPageview"]); _gaq.push(['_trackPageLoadTime']);  _gaq.push(['b._setAccount', '{G_ANALYTICS_ID_BIS}']); _gaq.push(['b._trackPageview']);  (function() { var ga = document.createElement("script"); ga.type = "text/javascript"; ga.async = true; ga.src = ("https:" == document.location.protocol ? "https://ssl" : "http://www") + ".google-analytics.com/ga.js"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(ga, s); })(); //]]> </script>  <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css"> <script type="text/javascript"> ; (function ($) { 'use strict'; $(function () { var path; path = location.pathname .split('/') .filter(function (str) { return str; }) .shift(); $('#community_app_menu > li') .removeClass('active') .each(function (key, item) { var self, link, href; self = $(item); link = self.children('a').first(); if (typeof link.attr('href') === 'undefined') { return; } href = link .attr('href') .split('/') .filter(function (str) { return str; }) .shift(); if (typeof path === 'undefined' && href === 'forum' && !$('#i_icon_mini_portal').length || path === href) { self.addClass('active'); } }); }); })(jQuery); </script> </head> <body> <a id="top" name="top" accesskey="t"></a>  <div id="hitskin_preview" style="display: block;"> <h1><img src="http://2img.net/i/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="http://{hitskin_preview.U_RETURN_THEME}">{hitskin_preview.L_RETURN_THEME}</a></span> </p> </div> </div>   <div id="login_popup" class="module main" style="z-index: 10000 !important;"> <div id="login_popup_title" class="main-head"> <div class="h3">{SITENAME}</div> </div> <div class="main-content"> {LOGIN_POPUP_MSG} <div id="login_popup_buttons"> <form action="{S_LOGIN_ACTION}" method="get"> <input type="submit" class="button2" value="{L_LOGIN}" /> <input type="button" class="button2" 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> </div>  <div id="user_bar"> <div class="wrapper">  <div id="user_navigation" class="logged_in" style="width:100%;"> <ul class="ipsList_inline right" style="width:100%;"> <li><a id="user_link" href="/profile?mode=editprofile" title="Seu Perfil"><span class="USERNAME">Seu Perfil</span></a></li> <li><a href="/privmsg?folder=inbox" class="mp-local">MP</a></li> <li><a href="/login?logout">Sair</a></li> </ul> </div>   <div id="user_navigation" class="not_logged_in" style="width:100%;"> <ul class="ipsList_inline" style="width:100%;"> <li> <a href="/login" title="Sign In" id="sign_in"><img src="http://i.imgur.com/0ns7zBy.png" alt="">Login</a> </li> <li> <a href="/register" title="Create Account" id="register_link"><img src="http://i.imgur.com/W4pPjOe.png" alt="">Registrar-se</a> </li> </ul> </div>  </div> </div> <div id="branding"> <div class="wrapper clearfix"> <div id="logo"> <a href="/forum" class="textLogo"></a> </div> <div id="branding-search"> <form action="/search" method="get" style="margin: .5em .5em 0 0;"><input class="inputbox medium" name="search_keywords" type="text"><input class="button1" value="Pesquisar" type="submit"></form> </div> </div> </div> <div id="primary_nav" class="clearfix"> <ul class="ipsList_inline" id="community_app_menu"> <li class="left">{GENERATED_NAV_BAR}</li> </ul> </div> <div class="minwidth_IE"> <div class="layout_IE"> <div class="container_IE"> <div class="pun"> <div id="pun-intro" class="clearfix"> <a href="{U_INDEX}" id="pun-logo"><img src="{LOGO}" alt="{L_INDEX}" /></a>  <div id="pun-title">{switch_h1.MAIN_SITENAME}</div>   <p id="pun-desc">{switch_desc.SITE_DESCRIPTION}</p>  </div> <div id="pun-head"> <div id="pun-navlinks"> <ul class="clearfix"> <li>{GENERATED_NAV_BAR}</li> </ul> </div> </div>  <div id="fa_ticker_block" style="padding-top:4px;"> <div class="module main"> <div class="main-content clearfix"> <div id="fa_ticker_container"> <ul id="fa_ticker_content" class="jcarousel-skin-tango" style="display: none;width: 100%;">  <li>{switch_ticker.ticker_row.ELEMENT}</li>  </ul> </div> </div> </div> </div>   <div id="fa_ticker_block" style="padding-top:4px;"> <div class="module main"> <div class="main-content clearfix"> <div id="fa_ticker_container"> <div id="fa_ticker" style="height:{switch_ticker.HEIGHT}px;"> <div class="fa_ticker_content">  <div>{switch_ticker.ticker_row.ELEMENT}</div>  </div> </div> </div> </div> </div> </div>  <div id="page-body"> <div id="{ID_CONTENT_CONTAINER}" {CLASS_CONTENT_CONTAINER}> <div id="outer-wrapper"> <div id="wrapper"> <div id="container"> <div id="content"> <div id="{ID_LEFT}">  {giefmod_index1.MODVAR}  <div style="height:{SPACE_ROW}px"></div>   </div> <div id="main"> <div id="main-content">  </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </body> </html>

Depois vá em Painel de controle › Visualização › Imagens e Cores › Cores › Folha de estilo CSS e adicione o seguinte código ao final da caixa de texto:

Código:: /** **/ #user_bar { background-color: #2f2747; overflow: hidden; height: 30px; padding: 0; border-bottom: none; } #user_navigation { float: right; width: auto !important; height: 30px; line-height: 30px; } #user_navigation .ipsList_inline li { padding-left: 15px; } #user_navigation a { line-height: 30px; height: 30px; padding: 0; margin: 0; color: #fff; } #user_navigation img { vertical-align: middle; margin-right: 3px; } .mp-local { margin-top: 2px !important; } #branding { margin: 0; padding: 0; width: auto; line-height: initial; height: 80px; background: #3a2d60 !important; } #branding .wrapper { padding: 15px 0; box-sizing: border-box; } #branding-search { float: right; } #branding-search form { margin: 0 !important; } #branding-search .inputbox { border-radius: 3px 0 0 3px; } #branding-search .button1 { background-color: #9751ae; border-radius: 0 3px 3px 0; margin: 0; padding: 0 15px !important; font-family: Arial, Helvetica, sans-serif; line-height: 29px; } #branding-search .button1:hover, #branding-search .button1:focus { background-color: #cb7ce6; } #primary_nav { position: relative; float: none; padding-left: 0; margin: 0; background-color: #9751ae; height: 70px; } #community_app_menu { float: none; margin: 0 auto; background-color: #4c3c7b; position: absolute; z-index: 100; margin-top: -20px; left: 5%; right: 5%; } #community_app_menu > li { overflow: hidden; height: 40px; } #community_app_menu > li > a { line-height: 40px; height: 40px; border-radius: 0; margin: 0 5px 0 0; } #community_app_menu > li.active a { background-color: #9751ae; }

O resultado do cabeçalho: http://ajuda-punbb.forumeiros.com/

^-^

por YouTube3 05.11.16 0:52

Ficou bom como mostra no seu resultado.

Mas não é bem assim que eu quero entende? achei um fórum, que mostra exatamente como quero.

Quero que fique assim:

Pórem ali onde está Início, FAQ, Buscar, Membros, Registrar-se, Login, Se for possível botar eles centrado.

Fórum: http://bestweb.forumais.com

Até mais.

por while 05.11.16 1:39

Olá, boa noite.

Retorne seu overall_header ao padrão por gentileza, pois o utilizado no fórum citado (o meu Rindo

), não alterei o template. Isto é apenas css.

O que realmente deseja personalizar?
Até mais.

por Kyo Panda 05.11.16 1:41

Esse é bem diferente do do que foi pedido... ._.

---

Teria como ativar a barra de ferramentas? O exemplo a utiliza.

---

EDIT.: Parece que o @while já se apresentou. Manda bala @while ^-^

por YouTube3 05.11.16 2:07

while escreveu:Olá, boa noite.

Retorne seu overall_header ao padrão por gentileza, pois o utilizado no fórum citado (o meu ), não alterei o template. Isto é apenas css.

O que realmente deseja personalizar?
Até mais.

Eu tava registrado nesse fórum, já Rindo

porem não tinha notado ainda.
Depois que você falou que eu percebi que o nome do fórum era bestweb.

Pronto retornei meu Overall_Header padrão.

por while 05.11.16 2:15

Ué, quando eu quis dizer padrão me referi a nenhuma modificação no Overall_header Rindo

Seria deixar igual ao da imagem certo?
Até mais.

por YouTube3 05.11.16 2:46

Sim queria igual da imagem porem com os botões centralizados entende?
Overall_Header padrão que você diz é o da forumeiros? se for eu botei. Rindo

OBS: Ficou sem menu ... se eu sair não tem mas como entrar no fórum, mas vou tentar deixar aberto kk

por Cepheus 05.11.16 13:12

Adicione no seu css:
OBS: no inicio do código altere as duas seguintes cores pela cor pretendida:
#C33
#522

Código:: .pun #pun-intro, .pun #pun-navlinks .mainmenu:after { background-color: #C33; } .pun #pun-head #pun-navlinks { background-color: #522; } .pun #pun-head { margin-top: -5pc; position: absolute; width: 100%; left: 0; } .pun #pun-intro { top: 0; position: absolute; width: 100%; left: 0; padding: 50px 0; height: 40px; } .pun #pun-navlinks ul { text-align: center; } .pun #pun-head, .pun #pun-intro { display: inherit; } #branding, .wrapper { display: none!important; } .pun { margin-top: 185px } .pun #pun-logo, .pun #pun-title, .pun p#pun-desc { padding-left: 5%; display: block } .pun #pun-head #pun-navlinks { padding: 0; } .pun #pun-navlinks li { color: #FFF; line-height: 0; padding: 0px; } .pun #pun-navlinks .mainmenu { color: #FFF; font-size: 12px; font-weight: 700; font-family: "Trebuchet MS", Arial, Verdana, Sans-serif; text-decoration: none; line-height: 40px; padding: 0 10px; display: inline-block; overflow: hidden; position: relative; } .pun #pun-navlinks .mainmenu { text-decoration: none } .pun #pun-navlinks .mainmenu:hover:after { bottom: 0; } .pun #pun-navlinks .mainmenu:after { content: "."; font-size: 0; height: 5px; position: absolute; bottom: -5px; left: 0; right: 0; transition: bottom 250ms; }

Até mais.

por YouTube3 06.11.16 0:38

Perfeito, só mais algumas coisinhas.

Quando clico em buscar a busca avançada fica bugada.
Ela vai parar lá embaixo como na print mostra.
É também se for possível, ali onde está marcado de verde,
Teria como mudar para está cor #3091C1

ah é como faria para por uma banner no lugar do vermelho?

IMAGEM:

Até mais.

por Konai 06.11.16 5:22

Olá amigo! Muito feliz

Substitua o código CSS passado anteriormente, por este:

Código:: .pun #pun-intro, .pun #pun-navlinks .mainmenu:after { background-color: #3091BD; } .overview { top: 40px !important; left: 300px !important; position: absolute !important; } .pun #pun-head #pun-navlinks { background-color: #522; } .pun #pun-head { margin-top: -5pc; position: absolute; width: 100%; left: 0; } .pun #pun-intro { top: 0; position: absolute; width: 100%; left: 0; padding: 50px 0; height: 40px; } .pun #pun-navlinks ul { text-align: center; } .pun #pun-head, .pun #pun-intro { display: inherit; } #branding, .wrapper { display: none!important; } .pun { margin-top: 185px } .pun #pun-logo, .pun #pun-title, .pun p#pun-desc { padding-left: 5%; display: block } .pun #pun-head #pun-navlinks { padding: 0; } .pun #pun-navlinks li { color: #FFF; line-height: 0; padding: 0px; } .pun #pun-navlinks .mainmenu { color: #FFF; font-size: 12px; font-weight: 700; font-family: "Trebuchet MS", Arial, Verdana, Sans-serif; text-decoration: none; line-height: 40px; padding: 0 10px; display: inline-block; overflow: hidden; position: relative; } .pun #pun-navlinks .mainmenu { text-decoration: none } .pun #pun-navlinks .mainmenu:hover:after { bottom: 0; } .pun #pun-navlinks .mainmenu:after { content: "."; font-size: 0; height: 5px; position: absolute; bottom: -5px; left: 0; right: 0; transition: bottom 250ms; }

A área vermelha que diz, pode ser forçada a mudar com este código:

Código:: div#pun-intro { background-color: COR !important; }

Adicione junto com os demais, mas antes de fazer isto, modifique "COR" no código para a cor que deseja.

Até!

Contente

por YouTube3 06.11.16 5:36

Muito bom Hakuouki, só mais uma coisa.
Como faço para por uma banner ali onde está a parte azul claro?
Personalizar menu do fórum H6L8hgY

por Konai 06.11.16 5:40

Amigo, substitua o código CSS anterior por este outro, pois errei a posição da caixa de busca:

Código:: .overview { left: 550px!important; position: absolute!important; top: 40px!important; } .pun #pun-intro, .pun #pun-navlinks .mainmenu:after { background-color: #3091BD; } .pun #pun-head #pun-navlinks { background-color: #522; } .pun #pun-head { margin-top: -5pc; position: absolute; width: 100%; left: 0; } .pun #pun-intro { top: 0; position: absolute; width: 100%; left: 0; padding: 50px 0; height: 40px; } .pun #pun-navlinks ul { text-align: center; } .pun #pun-head, .pun #pun-intro { display: inherit; } #branding, .wrapper { display: none!important; } .pun { margin-top: 185px } .pun #pun-logo, .pun #pun-title, .pun p#pun-desc { padding-left: 5%; display: block } .pun #pun-head #pun-navlinks { padding: 0; } .pun #pun-navlinks li { color: #FFF; line-height: 0; padding: 0px; } .pun #pun-navlinks .mainmenu { color: #FFF; font-size: 12px; font-weight: 700; font-family: "Trebuchet MS", Arial, Verdana, Sans-serif; text-decoration: none; line-height: 40px; padding: 0 10px; display: inline-block; overflow: hidden; position: relative; } .pun #pun-navlinks .mainmenu { text-decoration: none } .pun #pun-navlinks .mainmenu:hover:after { bottom: 0; } .pun #pun-navlinks .mainmenu:after { content: "."; font-size: 0; height: 5px; position: absolute; bottom: -5px; left: 0; right: 0; transition: bottom 250ms; }

Agora para colocar imagem ao invés de cor, acrescente este código:

Código:: div#pun-intro { background-image: url(LINK_DA_IMAGEM) !important; }

Altere "LINK_DA_IMAGEM" para a url da mesma.

Contente

por YouTube3 06.11.16 6:16

Só mais uma coisa que eu não tinha notado.
Quando bota o banner ele fica assim:
Personalizar menu do fórum A5EB7vv

Queria que preenchesse toda parte do banner para ele não ficar se repetindo entende?
Teria como aumentar a altura onde vai o banner? É fizesse com que ele aparecesse por inteiro?

Espero que entenda até mais.

por Konai 06.11.16 15:49

Já fiz o que tinha que fazer para não se repetir, mas o senhor terá que criar uma imagem maior.

Troque o código CSS que lhe passei anteriormente por este:

Código:: .overview { left: 550px!important; position: absolute!important; top: 40px!important; } .pun #pun-intro, .pun #pun-navlinks .mainmenu:after { background-color: #3091BD; } .pun #pun-head #pun-navlinks { background-color: #522; } .pun #pun-head { left: 0; margin-top: 0; position: absolute; width: 100%; } .pun #pun-intro { height: 250px; left: 0; padding: 20px 0; position: absolute; top: 0; width: 100%; } .pun #pun-navlinks ul { text-align: center; } .pun #pun-head, .pun #pun-intro { display: inherit; } #branding, .wrapper { display: none!important; } .pun { background: #fff; border-radius: 0; color: #666!important; margin-top: 300px; max-width: 1200px; padding: 10px; width: 90%; line-height: 130%; margin: 0 auto; min-width: 768px; } .pun #pun-logo, .pun #pun-title, .pun p#pun-desc { padding-left: 5%; display: block } .pun #pun-head #pun-navlinks { padding: 0; } .pun #pun-navlinks li { color: #FFF; line-height: 0; padding: 0px; } .pun #pun-navlinks .mainmenu { color: #FFF; font-size: 12px; font-weight: 700; font-family: "Trebuchet MS", Arial, Verdana, Sans-serif; text-decoration: none; line-height: 40px; padding: 0 10px; display: inline-block; overflow: hidden; position: relative; } .pun #pun-navlinks .mainmenu { text-decoration: none } .pun #pun-navlinks .mainmenu:hover:after { bottom: 0; } .pun #pun-navlinks .mainmenu:after { content: "."; font-size: 0; height: 5px; position: absolute; bottom: -5px; left: 0; right: 0; transition: bottom 250ms; } div#pun-intro { background-image: url(http://i.imgur.com/iJ8Gfva.gif) !important; background-attachment: fixed !important; background-repeat: no-repeat !important; }

Até!

por YouTube3 06.11.16 16:41

Bugou tudo ficou encima do chatbox etc...

por Konai 06.11.16 20:48

Troque por este:

Código:: .pun .main .main-foot, .pun .main .main-head { padding: 10px !important; } .overview { left: 550px!important; position: absolute!important; top: 290px!important; } .pun #pun-navlinks ul { text-align: center; margin-top: 250px !important; } .pun #pun-intro, .pun #pun-navlinks .mainmenu:after { background-color: #3091BD; } .pun #pun-head #pun-navlinks { background-color: #522; } .pun #pun-head { margin-top: -5pc; position: absolute; width: 100%; left: 0; } .pun #pun-intro { top: 0; position: absolute; width: 100%; left: 0; padding: 50px 0; height: 40px; } .pun #pun-head, .pun #pun-intro { display: inherit; } #branding, .wrapper { display: none!important; } .pun { margin-top: 185px } .pun #pun-logo, .pun #pun-title, .pun p#pun-desc { padding-left: 5%; display: block } .pun #pun-head #pun-navlinks { padding: 0; } .pun #pun-navlinks li { color: #FFF; line-height: 0; padding: 0px; } .pun #pun-navlinks .mainmenu { color: #FFF; font-size: 12px; font-weight: 700; font-family: "Trebuchet MS", Arial, Verdana, Sans-serif; text-decoration: none; line-height: 40px; padding: 0 10px; display: inline-block; overflow: hidden; position: relative; } .pun #pun-navlinks .mainmenu { text-decoration: none } .pun #pun-navlinks .mainmenu:hover:after { bottom: 0; } .pun #pun-navlinks .mainmenu:after { content: "."; font-size: 0; height: 5px; position: absolute; bottom: -5px; left: 0; right: 0; transition: bottom 250ms; }

Deu certo?

Até! Contente

por YouTube3 06.11.16 21:14

Infelizmente não ainda está bugado.
Só não mando print porque não estou conseguindo tirar.
Olhe você mesmo: http://familytudo2.forumais.com/

por Cepheus 06.11.16 23:05

Retire qualquer alteração feita desde a minha última postagem, depois adicione esse css na sua folha de estilo:
OBS: Na primeira linha em background-size, deixei a imagem para ocupar 100% do fórum, pois a largura era pequena, pode haver perda de qualidade.

Código:: .pun div#pun-intro { background-attachment: none !important; background: #3091C1 url(http://i.imgur.com/iJ8Gfva.gif) center no-repeat !important; background-size: 100%!important; } .pun #pun-navlinks .mainmenu:after { background-color: #3091C1; } .pun #pun-head #pun-navlinks { background-color: background: #1c1f25; } .pun #pun-head { margin-top: -5pc; position: absolute; width: 100%; left: 0; } .pun #pun-intro { top: 0; position: absolute; width: 100%; left: 0; padding: 50px 0; height: 110px; } .pun #pun-navlinks ul { text-align: center; } .pun #pun-head, .pun #pun-intro { display: inherit; } #branding, .wrapper { display: none!important; } .pun { margin-top: 285px } .pun #pun-logo, .pun #pun-title, .pun p#pun-desc { padding-left: 5%; display: block } .pun #pun-head #pun-navlinks { padding: 0; } .pun #pun-navlinks li { color: #FFF; line-height: 0; padding: 0px; position: relative; } .pun #pun-navlinks .mainmenu { color: #FFF; font-size: 12px; font-weight: 700; font-family: "Trebuchet MS", Arial, Verdana, Sans-serif; text-decoration: none; line-height: 40px; padding: 0 10px; display: inline-block; overflow: hidden; position: relative; } .pun #pun-navlinks .mainmenu { text-decoration: none } .pun #pun-navlinks .mainmenu:hover:after { bottom: 0; } .pun #pun-navlinks .mainmenu:after { content: "."; font-size: 0; height: 5px; position: absolute; bottom: -5px; left: 0; right: 0; transition: bottom 250ms; } #search_menu { top: 15px!important; left: 0!important; }

Até mais.

por YouTube3 06.11.16 23:58

Ficou como eu queria porem quando botei este código
Começou a dar um erro por exemplo.

Erro

Erro detectado

Nós contamos um número diferente de "{" e de "}". Isto significa que o seu

CSS pode não ser válido e não será exibido corretamente no seu fórum.

Lhe aconselhamos que releia o seu código.

por Konai 07.11.16 4:32

Troque por este aqui:

Código:: .pun div#pun-intro { background-attachment: none !important; background: #3091C1 url(http://i.imgur.com/iJ8Gfva.gif) center no-repeat !important; background-size: 100% !important; } .pun #pun-navlinks .mainmenu:after { background-color: #3091C1; } .pun #pun-head #pun-navlinks { background-color: background: #1c1f25; } .pun #pun-head { margin-top: -5pc; position: absolute; width: 100%; left: 0; } .pun #pun-intro { top: 0; position: absolute; width: 100%; left: 0; padding: 50px 0; height: 110px; } .pun #pun-navlinks ul { text-align: center; } .pun #pun-head, .pun #pun-intro { display: inherit; } #branding, .wrapper { display: none !important; } .pun { margin-top: 285px; } .pun #pun-logo, .pun #pun-title, .pun p#pun-desc { padding-left: 5%; display: block } .pun #pun-head #pun-navlinks { padding: 0; } .pun #pun-navlinks li { color: #FFF; line-height: 0; padding: 0px; position: relative; } .pun #pun-navlinks .mainmenu { color: #FFF; font-size: 12px; font-weight: 700; font-family: "Trebuchet MS", Arial, Verdana, Sans-serif; text-decoration: none; line-height: 40px; padding: 0 10px; display: inline-block; overflow: hidden; position: relative; } .pun #pun-navlinks .mainmenu { text-decoration: none; } .pun #pun-navlinks .mainmenu:hover:after { bottom: 0; } .pun #pun-navlinks .mainmenu:after { content: "."; font-size: 0; height: 5px; position: absolute; bottom: -5px; left: 0; right: 0; transition: bottom 250ms; } #search_menu { top: 15px!important; left: 0!important; }

Se o erro persistir, mande a tua CSS, pois é provável que um código não está fechado.

OBS: Perdoe-me pelas falhas com os códigos.

Até! Contente

por YouTube3 07.11.16 10:20

Não deve ser este código o erro ainda está persistindo.
Se você puder dar uma olhada no meu css eu agradeço.

Código:: } .pun #pun-intro, .pun #pun-navlinks .mainmenu:after { background-color: #3091BD; } div#pun-intro { background-image: url(http://i.imgur.com/iJ8Gfva.gif) !important; background-attachment: fixed !important; background-repeat: no-repeat !important; } .lastpost-avatar img { border-radius: 50%; } /*fonts*/ @font-face { font-family: 'Ubuntu'; font-style: normal; font-weight: 300; src: local('Ubuntu Light'), local('Ubuntu-Light'), url(http://fonts.gstatic.com/s/ubuntu/v7/_aijTyevf54tkVDLy-dlnFtXRa8TVwTICgirnJhmVJw.woff2) format('woff2'), url(http://fonts.gstatic.com/s/ubuntu/v7/_aijTyevf54tkVDLy-dlnD8E0i7KZn-EPnyo3HZu7kw.woff) format('woff'); } @font-face { font-family: 'Ubuntu'; font-style: normal; font-weight: 400; src: local('Ubuntu'), url(http://fonts.gstatic.com/s/ubuntu/v7/sDGTilo5QRsfWu6Yc11AXg.woff2) format('woff2'), url(http://fonts.gstatic.com/s/ubuntu/v7/_xyN3apAT_yRRDeqB3sPRg.woff) format('woff'); } @font-face { font-family: 'Ubuntu'; font-style: normal; font-weight: 700; src: local('Ubuntu Bold'), local('Ubuntu-Bold'), url(http://fonts.gstatic.com/s/ubuntu/v7/0ihfXUL2emPh0ROJezvraFtXRa8TVwTICgirnJhmVJw.woff2) format('woff2'), url(http://fonts.gstatic.com/s/ubuntu/v7/0ihfXUL2emPh0ROJezvraD8E0i7KZn-EPnyo3HZu7kw.woff) format('woff'); } /*fonts*/ #branding .wrapper { height: 100%; position: relative; z-index: 10; } *, *:after, *:before { -webkit-transition: background 0.5s ease-out; -moz-transition: background 0.5s ease-out; -o-transition: background 0.5s ease-out; -ms-transition: background 0.5s ease-out; } body { background: #dedede; color: #5A5A5A; font-family: Ubuntu, sans-serif; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; padding-bottom: 12px; } .pun { max-width: 1200px; width: 90%; background: white; border-radius: 0; padding: 10px; } .pun a, .pun a:link, .pun a:visited, a { color: #666; text-decoration: none; font-family: ubuntu; } .pun a:hover, a:hover { color: #444; text-decoration: none font-family: Ubuntu; } #branding { background: #3C414B url(http://i.imgur.com/j5fLP7A.jpg) repeat scroll center top / cover; border-top: 3px solid #6485E2; height: 200px; line-height: 200px; width: 90%; padding: 10px; margin: 20px auto 0; } #branding:hover { background-position: center center; } .wrapper { width: 90%; max-width: 1200px; margin: 0 auto; } #logo a { color: #FFF; display: block; font-size: 31px; font-weight: 800; text-transform: uppercase; letter-spacing: -2.1px; } div#logo { float: left; } #pun-intro, #pun-head, ul#pun-legend, ul.pun-legend, #qjump { display: none; } #community_app_menu { float: right; } ol, ul { list-style: outside none none; } .left { float: left } #community_app_menu > li { margin: 0px 1px 0px 0px; position: relative; } .ipsList_inline > li:first-child { margin-left: 0px; } .ipsList_inline > li { display: inline-block; margin: 0px 3px; } #primary_nav { font-size: 12px; margin-top: -16px; padding-left: 200px; position: absolute; right: 0px; text-transform: uppercase; top: 50%; } #community_app_menu > li > a { border-radius: 3px; color: rgba(255, 255, 255, 0.8); display: block; height: 32px; line-height: 32px; margin: 0px 0.5em; outline: medium none; padding: 0px 15px; } #community_app_menu > li > a.menu_active, #community_app_menu > li > a:hover { background: rgba(2, 1, 1, 0.1) none repeat scroll 0% 0%; color: #FFF; } #user_navigation { color: #9F9F9F; font-size: 11px; height: 36px; line-height: 36px; } #user_navigation .ipsList_inline li { float: left; margin: 0px; padding: 0; } #user_navigation a { float: left; height: 36px; line-height: 36px; outline: medium none; padding: 0px 12px; } #user_bar { padding: 5px 10px; margin: 0px -10px; background: #FFF none repeat scroll 0% 0%; border-bottom: 1px solid#ddd; } /*cat*/ .main .main-head { margin-top: 10px; } .main .main-foot,.main .main-head { -khtml-box-shadow: rgba(0,0,0,0.3) 0 1px 5px; -moz-border-radius: 0 0 4px 4px; -moz-box-shadow: rgba(0,0,0,0.3) 0 1px 5px; -o-border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px; -webkit-box-shadow: rgba(0,0,0,0.3) 0 1px 5px; background: #1c1f25 border-bottom: 1px solid rgba(0,0,0,.20); border-radius: 0 0 4px 4px; border-top: 3px solid #3091C1; box-shadow: rgba(0,0,0,0.3) 0 1px 5px; color: #FFF; font-family: Ubuntu; font-size: 13px; font-weight: 700; margin-bottom: 5px; overflow: hidden; padding: 15px; position: relative; text-decoration: none; text-shadow: 0 2px 0 rgba(0,0,0,0.14); text-transform: uppercase; } .main .main-head .page-title { font-size: 14px; font-weight: 800; font-family: ubuntu; } .pun .main table td.tc2, .pun .main table td.tc3, .pun table.table td { background: transparent; border: 0; border: none; color: #777 } .pun table .tcr { width: 30%; text-align: left; padding: 0px 0px 0px 0.5em !important; overflow: hidden; } thead { display: none; } input[type="text"], input[type="email"], input[type="password"] { background: #FCFCFC none repeat scroll 0% 0%; border: 1px solid #D4D4D4; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1) inset; color: #9F9F9F; padding: 6px; text-shadow: 0px 1px 0px #FFF; } .pun .statused tr { background: #f7f7f7; border: 1px solid #ddd; } /*post*/ .user-basic-info img:first-child { background: #FFF; border: 1px solid #ddd; padding: 2px; max-width: 100px; margin-bottom: 5px; } .pun .postmain { background: #fff; border: 1px solid #ddd; border-radius: 3px; position: relative } .pun .post .user:after { border-left-color: #f7f7f7; border-width: 7px; margin-left: 2px; margin-top: 1px } .pun .post .user { line-height: 150%; margin-left: -17em!important; margin-top: -3.3em; padding-top: 0; text-align: center; width: 15em; background: white; border: 1px solid #ddd; border-radius: 3px; } .pun .username a span strong { font-weight: 400!important } .pun .user .user-ident .user-basic-info { margin-top: 15px; margin-bottom: -20px; } #first-post-br { border: 0 } .pun .posthead, .pun .username { background-color: #f7f7f7; border-bottom: 1px solid #ddd; font-size: 13px; font-weight: 400; padding: 10px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6) } .pun .user-ident .username { margin: 0 auto; position: relative } .pun .posthead a { color: #444; font-size: 13px } .pun .posthead h2 { color: #444; font-weight: 400 } .pun .posthead h2 strong { font-size: 11px; font-style: normal; font-variant: normal; font-weight: normal } .pun .posthead h2 strong:before { content: '#' } .posthead[id] + .postbody .entry-content div + p:not(:empty) { background: rgba(255, 144, 144, 0.21) url(http://imgur.com/PIQA4LA.png) no-repeat 6px 10px; border: 1px solid #ffffff; color: #747574; font-family: "Trebuchet MS", tahoma, helvetica, arial, sans-serif; font-size: 11px; font-style: normal; font-variant: normal; font-weight: 700; line-height: 18px; margin-top: 15px; padding: 8px 8px 8px 28px; text-shadow: #fffaf1 0 1px 0 } .posthead[id] + .postbody .entry-content div + p:not(:empty) > br { display: none; } .pun .post, .pun .postbody, .pun .postmain { background-color: #fff!important } .pun .post { border: 0; margin: 5px } .postfoot { background: #f7f7f7; border-top: 1px solid #ddd; margin: 0; padding: 10px; } .pun .topic { border: 0; box-shadow: none; background: white; margin: 0 } .pun .entry-content { font-size: 13px; line-height: 1.6 } .pun .paged-foot, .pun .paged-head { background-color: transparent; border: 0 } .cp_geral { width:340px; padding-top:50px; transition:all 150ms linear; } .cp_box { width:340px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; -webkit-box-shadow:1px 1px 12px 0 rgba(50,50,50,0.27); -moz-box-shadow:1px 1px 12px 0 rgba(50,50,50,0.27); box-shadow:1px 1px 12px 0 rgba(50,50,50,0.27); left:-120px; top:-13px; background:#fff; z-index:999; position:absolute; transition:all 150ms linear; margin:50px; } .cp_capa { background:#263340 url(http://i.imgur.com/6AnKAdN.png) right no-repeat; height:105px; -webkit-border-top-left-radius:10px; -webkit-border-top-right-radius:10px; -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px; border-top-left-radius:10px; border-top-right-radius:10px; padding:5px 5px 0; } .cp_capa:before { content:""; display:inline-block; vertical-align:middle; margin-left:74px; width:0; height:0; position:absolute; top:-15px; border-left:15px solid transparent; border-right:15px solid transparent; border-bottom:15px solid #263340; } .cp_capa-avatar { -moz-border-radius:100%; -webkit-border-radius:100%; border-radius:100%; border:1px solid #d8d8d8; height:75px; width:75px; text-align:center; float:left; font-size:0; padding:7px; } .cp_capa-avatar img { -moz-border-radius:100%; -webkit-border-radius:100%; border:0 solid #d8d8d8; border-radius:100%; height:75px; width:75px; }.cp_capa-avatar img:nth-of-type(2){display:none} .cp_capa-nick { width:215px; height:75px; float:left; padding:25px 0 0 15px; } .cp_capa-nick strong { color:#fff!important; font-size:25px; font-weight:400!important; display:block; } .cp_info { text-align:center; padding:10px; } .cp_info-botoes { height:60px; width:320px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; text-decoration:none; } .cp_info-botoes a { text-decoration:none; } .cp_info-botoes-post { background:#ecf0f1; width:85px; height:53px; -webkit-border-top-left-radius:10px; -webkit-border-bottom-left-radius:10px; -moz-border-radius-topleft:10px; -moz-border-radius-bottomleft:10px; border-top-left-radius:10px; border-bottom-left-radius:10px; text-transform:uppercase; border-bottom:7px solid #bec3c7; float:left; } .cp_info-botoes-rep { background:#6bbd21; width:110px; height:53px; text-transform:uppercase; border-bottom:7px solid #68a72f; float:left; } .cp_info-botoes-rep strong { padding-top:8px; color:#fff; display:block; font-size:20px; } .cp_info-botoes-rep span { color:#fff; font-size:12px; } .cp_info-botoes-data strong { padding-top:8px; color:#666; display:block; font-size:15px; } .cp_info-botoes-data { background:#ecf0f1; width:125px; height:53px; -webkit-border-top-right-radius:10px; -webkit-border-bottom-right-radius:10px; -moz-border-radius-topright:10px; -moz-border-radius-bottomright:10px; border-top-right-radius:10px; border-bottom-right-radius:10px; text-transform:uppercase; border-bottom:7px solid #bec3c7; float:left; } .cp_info-botoes-post,.cp_info-botoes-rep,.cp_info-botoes-data { transition:all 150ms linear; } .cp_info-botoes-post:hover,.cp_info-botoes-rep:hover,.cp_info-botoes-data:hover { opacity:0.65; -moz-opacity:0.65; filter:alpha(opacity=65); } .cp_icones { background:#ecf0f1; -webkit-border-bottom-right-radius:10px; -webkit-border-bottom-left-radius:10px; -moz-border-radius-bottomright:10px; -moz-border-radius-bottomleft:10px; border-bottom-right-radius:10px; border-bottom-left-radius:10px; color:#bec3c7; height:20px; padding:5px; } .cp_icones a { font-size:12px; text-decoration:none; color:#666; } .cp_mp,.cp_perfil { float:left; padding-left:10px; transition:all 150ms linear; } .cp_mp:hover { float:left; padding-left:10px; color:#c1392b; } .cp_mp:before { content:"\f003"; font-family:FontAwesome; padding:0 4px; } .cp_perfil:before { content:"\f007"; font-family:FontAwesome; padding:0 4px; } .cp_perfil:hover { padding-left:10px; color:#6bbd21; } .cp_mais { width:100%; } .cp_capa-avatar br,.span_capa-nick img,.span_capa-nick br { display:none; } .cp_capa-nick span,.span_capa-nick { color:#fff!important; font-size:12px; line-height:22px; font-weight:400!important; float:none!important} .cp_info-botoes-post strong { padding-top:8px; color:#666; display:block; font-size:20px; } .cp_info-botoes-post span,.cp_info-botoes-data span { color:#868585; font-size:11px; } .paged-head h1 { display: none } /*post*/ .pun-crumbs { background: #fff; border: 1px solid #ddd; border-radius: 3px; line-height: 34px; margin: 0px 1px 10px; overflow: hidden; padding: 0.2em 1em; } .pun .pun-crumbs .crumbs { color: transparent; } p.crumbs a { background: transparent url("https://i39.servimg.com/u/f39/11/55/08/10/pun-cr10.png") no-repeat scroll 100% -1px; color: #757575 !important; line-height: 30px; margin-left: -14px; padding: 10px 20px 10px 25px; position: relative; text-shadow: 0px 1px 0px #FFF; transition: none 0s ease 0s; } p.crumbs a:hover { background-position: 100% -44px; } .pun .postfoot .user-contact { display: none; } #pun-visit, .main-box { width: 0; height: 0; overflow: hidden; background: transparent; border: none; display: none; } /*ranks*/ .rank { background: transparent none repeat scroll 0% 0%; color: #fefefe; padding: 2px 0 !important; display: block; margin: 5px auto; width: 110px; border-radius: 2px; text-shadow: 0 -1px rgba(0, 0, 0, 0.38); border-top: 1px solid rgba(0, 0, 0, 0.15); } .rank.admin { background: rgb(209, 39, 39) none repeat scroll 0% 0%; } .rank.staff { background: #34365F; } .rank.mem { background: #454545; } .BS_done { opacity: 0.5; cursor: default; } .BS_like { background: rgb(0, 159, 255) none repeat scroll 0% 0%; padding: 6px 10px; color: white; border-radius: 3px; text-transform: uppercase; font-size: 11px; font-weight: bold; cursor: pointer; } .BS_count { padding: 6px 10px; margin: 0 5px; border-radius: 3px; font-weight: bold; } .BS_vote { padding: 10px 5px; float: right; border-radius: 3px; margin-top: 100px; background: rgb(238, 238, 238) none repeat scroll 0% 0%; } input[type="button"], input[type="reset"], input[type="submit"] { background: rgb(60, 65, 75) none repeat scroll 0px 0px; border-radius: 3px; color: #FFFAFA !important; cursor: pointer; font-family: Ubuntu; font-size: 10px; font-weight: 700; text-decoration: none; display: inline-block; text-transform: uppercase; margin: 0px 2px; padding: 7px 11px !important; border: 0 solid #FFF; } input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover { background: rgb(100, 133, 226) } .pun .main-content { background-color: #FFF; border: 1px solid #ddd; } .main .main-content { background: #FFF; border: 1px solid #ddd; box-shadow: 0 0 4px rgba(0,0,0,0.1); margin: 0; padding: 6px; } .frm-buttons { border-top: none !important; margin-bottom: 0; margin-top: 0; padding: 10px 0; } .forumtitle { font-size: 13px; } .status > img { display: none; } .status:before { content: '\f086'; font-family: FontAwesome; font-size: 24px; line-height: 120%; } .dev { float: right; font-weight: bold; } footer { background: #3B404A none repeat scroll 0px 0px; border-bottom: 3px solid #6687E7; color: #FFF; font-size: 13px; font-weight: 100; height: 100px; line-height: 100px; padding: 10px; width: 90%; margin: 0 auto 20px; } .about { float: left; } #stats { background-color: white; line-height: 100%; padding: 10px; border: 1px solid #ddd; } #onlinelist { background-color: white; padding: 10px; border: 1px solid #ddd; border-top: none; } .stats_text { color: #737C8D; display: block; font-family: Arial, Helvetica, sans-serif; font-size: 10px; text-align: center; font-weight: bold; text-transform: uppercase; } .stats_number { color: #737C8D; display: block; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: 700; overflow: hidden; position: relative; text-align: center; } .reputation { color: #5F7A47 !important; font-size: 13px; font-weight: bold; } .pun .user .user-info { color: #9c9c9c; line-height: 1.5em; } .fa-plus-circle::before { display: inline-block; margin: 0 2px; } .main-head h2, .main-head h3 { font-weight: 800; font-size: 14px !important; font-family: Ubuntu, sans-serif; } #onlinechat { display: none; } .mp-local { background: #bbb; color: white !important; border-radius: 50%; height: 25px !important; line-height: 25px !important; width: 25px !important; text-align: center !important; padding: 0 !important; margin-top: 5px; font-weight: bold; } #groupLegend { font-size: 0 } #groupLegend b { font-size: 11px } #groupLegend b:after { content: " • " } #groupLegend b:last-child:after { content: "" } .lastpost-avatar img { height: 38px; width: 38px; background: #FFF none repeat scroll 0% 0%; border: 1px solid #DDD; border-radius: 4px; box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1); padding: 2px; margin: -3px 5px; } .arrow-u2 { border-left-color: #ddd!important; z-index: 99!important; left: -22px!important; border-left-width: 8px!important; } .arrow-u, .arrow-u2 { width: 0; height: 0; z-index: 999; border: 7px solid; border-color: transparent transparent transparent #f7f7f7; position: absolute; left: -23px; margin-top: -25px; } .minicode { background-color: #F9F2F4; border-radius: 4px; color: #C7254E; display: inline-block; font-family: Menlo, Monaco, Consolas, "Courier New", monospace; font-size: 90%; margin: 3px 0px; padding: 2px 4px; white-space: nowrap; } pre.highlight { background-color: #FAFAFA !important; border: 1px solid #C9C9C9 !important; color: #000000; font-family: Consolas,"Bitstream Vera Sans Mono","Andale Mono",Monaco,"DejaVu Sans Mono","Lucida Console",monospace !important; font-size: 11px !important; line-height: 110% !important; max-height: 250px !important; overflow: auto !important; padding: 5px !important; white-space: pre-wrap !important; width: auto !important; } .prettyprint ol.linenums { padding-left: 5px !important; } .pun{color:#666!important} .topic_buttons { background-color: rgb(60, 65, 75)!important; padding: 10px 15px!important; border: none!important; cursor: pointer!important; color: white!important; font-weight: bold!important; text-transform: uppercase!important; border-radius: 4px!important; font-size: 11px!important; font-family: Open Sans,cursive; text-shadow: 0 1px 1px black; } .topic_buttons.important{background: darkred!important;} .wraparound { background: #f7f7f7; border: 1px solid #ddd; padding: 8px; margin:10px 0; } .ipsUserPhotoLink img { float: left; width: 40px; height: 40px; border: 1px solid #ddd; padding: 2px; background: white; } .ftoggle { background: #E2E2E2; padding: 10px 15px; display:block; border-radius: 3px; } .ipsBox_withphoto { margin-left: 65px; } .ipsType_pagetitle, .ipsType_subtitle { font: 300 23px/1.3 Helvetica,Arial,sans-serif; color: #413f3c; } .desc.lighter, .desc.lighter.blend_links a, .desc.lighter.blend_links span a strong { color: #a49f98!important; font-weight: normal; } .pun .user .user-ident .user-basic-info {font-size: 0px!important;} /* Fonte UBUNTU */ @font-face { font-family: Ubuntu; font-style: normal; font-weight: 300; src: local('Ubuntu Light'), local(Ubuntu-Light), url(http://fonts.gstatic.com/s/ubuntu/v7/_aijTyevf54tkVDLy-dlnFtXRa8TVwTICgirnJhmVJw.woff2) format(woff2), url(http://fonts.gstatic.com/s/ubuntu/v7/_aijTyevf54tkVDLy-dlnD8E0i7KZn-EPnyo3HZu7kw.woff) format("woff"); } @font-face {font-family:Ubuntu;font-style:normal;font-weight:400;src:local(Ubuntu), url(http://fonts.gstatic.com/s/ubuntu/v7/sDGTilo5QRsfWu6Yc11AXg.woff2) format(woff2), url(http://fonts.gstatic.com/s/ubuntu/v7/_xyN3apAT_yRRDeqB3sPRg.woff) format("woff");} @font-face {font-family:Ubuntu;font-style:normal;font-weight:700;src:local('Ubuntu Bold'), local(Ubuntu-Bold), url(http://fonts.gstatic.com/s/ubuntu/v7/0ihfXUL2emPh0ROJezvraFtXRa8TVwTICgirnJhmVJw.woff2) format(woff2), url(http://fonts.gstatic.com/s/ubuntu/v7/0ihfXUL2emPh0ROJezvraD8E0i7KZn-EPnyo3HZu7kw.woff) format("woff");} .pun a, .pun a:link, .pun a:visited, a { color: #666; font-family: 'Ubuntu', sans-serif, Arial; text-decoration: none; } .topposters img { background: #fff; border: 1px solid #c4c4c4; border-radius: 50%; height: 30px; margin: 0 5px; padding: 2px; width: 30px; margin-right: 5px; } .topposters img:hover { -moz-box-shadow: 0 2px 2px rgba(0,0,0,0.2); -webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.2); border-color: #a1a1a1; box-shadow: 0 2px 2px rgba(0,0,0,0.2); } .topposters .UserPhoto {float: left;} .module .main-content .topposters ul { margin: 0; } .topposters li { margin-bottom: 8px; list-style: none; } .topposters li:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .topposters p { font: normal 11px helvetica, arial, sans-serif; margin: 5px 0 0 40px; color: #777777; } .topposters p span div { display: inline-block; } #members_top_posters .m_b img { width: 30px !important; height: 30px !important; } .status > img { display:block!important; margin-left:-22px!important; } .status:before {display:none!important;} .pun table .tdtopics .status{margin-left:0px!important;} #rep_post {white-space: nowrap;margin: 6px 4px;float: right;} #rep_post .bs_inline {list-style: none;} #rep_post .bs_inline > li {display: inline-block;margin: 0 3px;} #rep_post .bs_inline > li:first-child {margin-left: 0;} #rep_post .bs_inline img {vertical-align: middle;} #rep_post span img {cursor: pointer;} #rep_post .reput_vote { background-image: url('http://i.imgur.com/UGqTZqe.png'); background-repeat: repeat-x; background-position: 0 1px; font-size: 10px; padding: 2px 10px !important; color: #fff; font-weight: bold; display: inline-block; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; text-shadow: rgba(0,0,0,0.3) 0px -1px 0px; } .reput_vote.positive {background-color: #8db13e;} .reput_vote.zero {background-color: #6a6a6a;} .BS_like { background: none !important; } #rep_post { margin-top: -12% !important; } .BS_like { padding: 0 !important; } #main-content > div.main.paged td.tcl.tdtopics{position:relative!important;top:14px!important;} .botãonovotopico, .botãoresponder { background-color: #3091C1!important; background-image: #3091C1!important; border-image-source: initial!important; border-image-slice: initial!important; border-image-width: initial!important; border-image-outset: initial!important; border-image-repeat: initial!important; box-shadow: rgba(0, 0, 0, 0.188235) 0px 2px 1px, rgba(0, 0, 0, 0.188235) 0px -1px 0px inset, rgba(255, 255, 255, 0.188235) 0px 1px 0px 0px inset!important; color: rgb(255, 255, 255)!important; cursor: pointer!important; display: inline-block!important; height: 32px!important; text-align: center!important; text-decoration: none!important; text-shadow: rgba(0, 0, 0, 0.247059) 0px 1px 0px!important; white-space: nowrap!important; font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif!important; font-size: 16px!important; font-style: normal!important; font-variant: normal!important; font-weight: 300!important; line-height: 31px!important; border-width: medium!important; border-style: none!important; border-color: initial!important; border-radius: 5px!important; margin: 10px!important; padding: 0px 24px!important; } div.botãobloqueado {background-color: red!important; background-image: red!important; border-image-source: initial!important; border-image-slice: initial!important; border-image-width: initial!important; border-image-outset: initial!important; border-image-repeat: initial!important; box-shadow: rgba(0, 0, 0, 0.188235) 0px 2px 1px, rgba(0, 0, 0, 0.188235) 0px -1px 0px inset, rgba(255, 255, 255, 0.188235) 0px 1px 0px 0px inset!important; color: rgb(255, 255, 255)!important; cursor: pointer!important; display: inline-block!important; height: 32px!important; text-align: center!important; text-decoration: none!important; text-shadow: rgba(0, 0, 0, 0.247059) 0px 1px 0px!important; white-space: nowrap!important; font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif!important; font-size: 16px!important; font-style: normal!important; font-variant: normal!important; font-weight: 300!important; line-height: 31px!important; border-width: medium!important; border-style: none!important; border-color: initial!important; border-radius: 5px!important; margin: 10px!important; padding: 0px 24px!important;} #chatbox_header.main-head { -khtml-box-shadow: rgba(0,0,0,0.3) 0 1px 5px; -moz-border-radius: 4px; -moz-box-shadow: rgba(0,0,0,0.3) 0 1px 5px; -o-border-radius: 4px; -webkit-border-radius: 0; -webkit-box-shadow: rgba(0,0,0,0.3) 0 1px 5px; background: #1c1f25; border-bottom: 1px solid rgba(0,0,0,.20); border-radius: 0; border-top: 3px solid #3091C1; box-shadow: rgba(0,0,0,0.3) 0 1px 5px; color: #FFF; font-family: Ubuntu; font-size: 13px; font-weight: 700; height: 20px; margin-bottom: 40px; overflow: hidden; padding: 8px; text-decoration: none; text-shadow: 0 2px 0 rgba(0,0,0,0.14); text-transform: uppercase; } #chatbox { background: #ebf0f3; border: 1px solid #DCE2EC; border-bottom: 6px solid #DCE2EC; margin: 10px 0; padding: 8px; height: 260px !important; } #chatbox_members { background: #fff; border-right: 2px solid #3091C1; top: 40px; height: 260px !important; } #chatbox_footer { background: #f1f6f9; border-top: 1px solid #d5dde5; padding: 6px; } #chatbox_members .member-title { background: #1c1f25; border-radius: 0 0 4px 4px; border-top: 3px solid #3091C1; box-shadow: rgba(0,0,0,0.3) 0 1px 5px; color: #FFF; font-family: Ubuntu; font-size: 12px; margin: 5px; text-align: center; text-shadow: 0 2px 0 rgba(0,0,0,0.14); text-transform: uppercase; width: 164px; } input#message.post { -khtml-border-radius: 3px; -khtml-box-shadow: rgba(0,0,0,0.07) 0 1px 3px, inset rgba(255,255,255,0.75) 0 1px 0; -moz-border-radius: 3px; -moz-box-shadow: rgba(0,0,0,0.07) 0 1px 3px, inset rgba(255,255,255,0.75) 0 1px 0; -moz-transition: border .3s ease-in-out; -o-transition: border .3s ease-in-out; -webkit-border-radius: 3px; -webkit-box-shadow: rgba(0,0,0,0.07) 0 1px 3px, inset rgba(255,255,255,0.75) 0 1px 0; -webkit-transition: border .3s ease-in-out; background-color: #fafbfc; border: 1px solid #c1c1c1; border-radius: 3px; box-shadow: rgba(0,0,0,0.07) 0 1px 3px, inset rgba(255,255,255,0.75) 0 1px 0; color: #666; font-size: 12px; min-width: 378px; outline: 0; padding: 9px!important; transition: border .3s ease-in-out; } #message { height: 16px; margin-top: 3px; width: 250px; } #message, #submit_button { margin-left: 15px; } #chatbox_messenger_form { margin: 0!important; } #chatbox_messenger_form { margin: 10px 0 0; } #divcolor, #divsmilies, #help-button, #submit_button, .format-message + label { border: 1px solid #AAA; border-radius: 3px; box-shadow: inset 0 1px 0 rgba(255,255,255,0.2), 0 1px 2px rgba(0,0,0,0.05); display: inline-block; height: 18px; line-height: 16px; text-align: center; width: 18px; } .fontbutton { -moz-transition: background .3s ease-in-out; -o-transition: background .3s ease-in-out; -webkit-transition: background .3s ease-in-out; background: #3091C1 url(http://imgur.com/srUpLQz.png) repeat-x; border: 0!important; border-radius: 4px; border-top: 1px solid rgba(0,0,0,.20); color: #fff; cursor: pointer; font-family: Ubuntu!important; font-size: 13px; outline: 0; padding: 5px!important; text-shadow: 0 2px 0 rgba(0,0,0,0.14); transition: background .3s ease-in-out; } #submit_button { height: auto !important; } #avatar img { margin-top: 5px; } #notify_link { left: 20px; } #inbox_link { left: 40px; } #user_link { margin-top: 5px; } #search { margin: -210px 0; } .attach { float: right; } fieldset { border: 0 groove threedface; margin-top: 51px; } #adv_search { -moz-border-radius: 3px; -webkit-border-radius: 3px; background: url(http://i.imgur.com/gtuEBUp.png) no-repeat 50% 50%; border-radius: 3px; display: inline-block; height: 26px; margin-left: 3px; text-indent: -3000em; width: 26px; } #search_wrap { -moz-border-radius: 3px 4px 4px 3px; -moz-box-shadow: 0 2px 4px rgba(0,0,0,0.2); -webkit-border-bottom-left-radius: 3px; -webkit-border-bottom-right-radius: 4px; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 4px; -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.2); background: #fff; border-radius: 3px 4px 4px 3px; box-shadow: 0 2px 4px rgba(0,0,0,0.2); display: block; height: 26px; line-height: 25px; min-width: 20px; padding: 0 26px 0 4px; position: relative; } #main_search { -webkit-transition: all 1s ease-in-out; background: transparent; border: 0; color: #b0b0b0; font-size: 12px; margin-top: 5px; outline: 0; padding: 0; transition: all 1s ease-in-out; width: 130px; } #search .submit_input { -moz-border-radius: 4px; -o-border-radius: 4px; -webkit-border-radius: 4px; background: #3091C1 url(http://imgur.com/tUX6wJ6.png) no-repeat 50%; border-radius: 4px; border-top: 1px solid rgba(0,0,0,.20); bottom: 0; display: block; height: 20px; margin-right: 2px; margin-top: 3px; outline: none!important; padding: 0!important; position: absolute; right: 0; text-indent: -3000em; top: 0; width: 25px; } #search { margin: -170px 50px !important; } #search_wrap { z-index: 99; } #main_search:focus { -webkit-transition: all 1s ease-in-out; color: #5a5a5a; transition: all 1s ease-in-out !important; width: 240px; } a.sceditor-button.sceditor-button-emoticon , #textarea_content > div > div.sceditor-toolbar > div:nth-child(6) > a.sceditor-button.sceditor-button-emoticon {display:none!important;} #sce_smilies_body {background:none!important;} @font-face { font-family: 'Leckerli One'; font-style: normal; font-weight: 400; src: local('Leckerli One'), local('LeckerliOne-Regular'), url(https://fonts.gstatic.com/s/leckerlione/v7/S2Y_iLrItTu8kIJTkS7DrOgdm0LZdjqr5-oayXSOefg.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; } .main-head h2, .main-head h3 { font-family: Leckerli One, Ubuntu, sans-serif!important; font-size: 16px!important; text-transform: none!important; font-weight: 300!important; } .postbody a, .postbody .content div a, .postbody .post-entry div a { display: inline-block; max-width: 300px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .pun .main .main-foot, .pun .main .main-head { padding: 10px; } .post_field { border: 1px solid #DDD; padding: 4px; margin-bottom: -19px; border-left: 5px solid #DDD; text-align: left; background: #fff; } .pun .user .user-info { color: #666; line-height: 1.8em; } .pun .user .user-info { background: #F5F5F5 none repeat scroll 0 0; border-top: 1px solid rgba(0,0,0,0.15); color: #666; line-height: 1.8em; padding: 5px !important; } footer {width:98%!important;height:20px!important;margin-bottom:-10px!important;} .social {margin-top:4px!important;margin-left:50px!important;} body > footer > span {margin-right:60px!important;} body > footer > div:nth-child(2) > a > i {margin-left:-50px!important;} #cke_20, #cke_31 , #cke_33, #cke_47 , #cke_40 , #cke_12 {display:none;} .alert { -moz-border-radius: 3px; -moz-box-shadow: 1px 1px 2px rgba(0,0,0,.4); -webkit-border-radius: 3px; -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.4); background: #F9F1C7 url(https://cdn0.iconfinder.com/data/icons/super-mono-basic/yellow/exclamation-circle_basic_yellow.png) no-repeat 5px center; border: 1px solid #F6DEAC; border-radius: 3px; box-shadow: 1px 1px 2px rgba(0,0,0,.4); color: #AF8640; font-size: 13px; font-style: normal; font-variant: normal; font-weight: 400; margin: 5px 0; padding: 15px 15px 15px 65px !important; width: 85% } .alert.infos { background-color: #D9EDF7; background-image: url(https://cdn0.iconfinder.com/data/icons/super-mono-basic/blue/information_basic_blue.png); border-color: #BCE8F1; color: #31708F } .alert.sucesso { background-color: #DFF0D8; background-image: url(https://cdn0.iconfinder.com/data/icons/super-mono-basic/green/button-check_basic_green.png); border-color: #D6E9C6; color: #3C763D; } .alert.danger { background-color: #F2DEDE; background-image: url(https://cdn0.iconfinder.com/data/icons/super-mono-basic/red/button-cross_basic_red.png); border-color: #EBCCD1; color: #A94442 } .main .frm-info { background: rgba(132, 171, 220, 0.15) border: 1px solid #E6E6E6; margin: 1.7em; padding: 1em; } .table .tc3 { text-align: right!important; } .table .tc3 span, .table .tc3 strong { font-size: 11px; } #chatbox { left: 0; color: #777; font-size: 11px; } #chatbox_members { display: none; } #chatbox .cb-avatar, #chatbox .cb-avatar > img { width: 16px !important; height: 16px !important; } .chatbox-username { margin-right: 10px; } .chatbox-username:before { content: '@'; display: inline-block; margin: 0 10px 0 5px; } #chatbox .msg, #chatbox .user { display: inline-block !important; } .pun div#pun-intro { background-attachment: none !important; background: #3091C1 url(http://i.imgur.com/iJ8Gfva.gif) center no-repeat !important; background-size: 100% !important; } .pun #pun-navlinks .mainmenu:after { background-color: #3091C1; } .pun #pun-head #pun-navlinks { background-color: background: #1c1f25; } .pun #pun-head { margin-top: -5pc; position: absolute; width: 100%; left: 0; } .pun #pun-intro { top: 0; position: absolute; width: 100%; left: 0; padding: 50px 0; height: 110px; } .pun #pun-navlinks ul { text-align: center; } .pun #pun-head, .pun #pun-intro { display: inherit; } #branding, .wrapper { display: none !important; } .pun { margin-top: 285px; } .pun #pun-logo, .pun #pun-title, .pun p#pun-desc { padding-left: 5%; display: block } .pun #pun-head #pun-navlinks { padding: 0; } .pun #pun-navlinks li { color: #FFF; line-height: 0; padding: 0px; position: relative; } .pun #pun-navlinks .mainmenu { color: #FFF; font-size: 12px; font-weight: 700; font-family: "Trebuchet MS", Arial, Verdana, Sans-serif; text-decoration: none; line-height: 40px; padding: 0 10px; display: inline-block; overflow: hidden; position: relative; } .pun #pun-navlinks .mainmenu { text-decoration: none; } .pun #pun-navlinks .mainmenu:hover:after { bottom: 0; } .pun #pun-navlinks .mainmenu:after { content: "."; font-size: 0; height: 5px; position: absolute; bottom: -5px; left: 0; right: 0; transition: bottom 250ms; } #search_menu { top: 15px!important; left: 0!important; } #chatbox .user strong { font-size: 0; } #chatbox .chatbox-message-username { font-size: 11px; } #chatbox .cb-avatar { margin-top: 2px; } #chatbox .user { width: 100px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: middle; padding: 0; height: 24px; line-height: 24px; margin: 0; } .chatbox-username:before { margin-right: 5px; } #chatbox .msg { vertical-align: middle; line-height: 24px; margin: 0; } #chatbox .user + .msg:before { content: ":"; display: inline-block; margin-right: 10px; } #chatbox_header.main-head { border-top: none; border-bottom: 3px solid #3091C1; border-radius: 3px; } .chatbox-options { margin: 0; line-height: 20px; } #chatbox_top + div[style="resize"] { display: none; }

por iScroll 07.11.16 10:27

Olá Leo

, saudedes de tu (deywes aqui)

Em fim.. vamos lá...
Salve todo o CSS passado pelo Hakuouki na tentativa de por um banner, remova e tente esse:

Código:: #branding { background: url('URL da IMAGEM') !important; } #branding { min-height: 150px !important; width: 99.9% !important; }

por YouTube3 07.11.16 10:36

Eae deywes rios.

Fiz isso porem ainda continua dando erro.
Deve ser algum outro código, que eu tenha botado passado neste tópico.
CSS:

Código:: } .pun #pun-intro, .pun #pun-navlinks .mainmenu:after { background-color: #3091BD; } div#pun-intro { background-image: url(http://i.imgur.com/iJ8Gfva.gif) !important; background-attachment: fixed !important; background-repeat: no-repeat !important; } .lastpost-avatar img { border-radius: 50%; } /*fonts*/ @font-face { font-family: 'Ubuntu'; font-style: normal; font-weight: 300; src: local('Ubuntu Light'), local('Ubuntu-Light'), url(http://fonts.gstatic.com/s/ubuntu/v7/_aijTyevf54tkVDLy-dlnFtXRa8TVwTICgirnJhmVJw.woff2) format('woff2'), url(http://fonts.gstatic.com/s/ubuntu/v7/_aijTyevf54tkVDLy-dlnD8E0i7KZn-EPnyo3HZu7kw.woff) format('woff'); } @font-face { font-family: 'Ubuntu'; font-style: normal; font-weight: 400; src: local('Ubuntu'), url(http://fonts.gstatic.com/s/ubuntu/v7/sDGTilo5QRsfWu6Yc11AXg.woff2) format('woff2'), url(http://fonts.gstatic.com/s/ubuntu/v7/_xyN3apAT_yRRDeqB3sPRg.woff) format('woff'); } @font-face { font-family: 'Ubuntu'; font-style: normal; font-weight: 700; src: local('Ubuntu Bold'), local('Ubuntu-Bold'), url(http://fonts.gstatic.com/s/ubuntu/v7/0ihfXUL2emPh0ROJezvraFtXRa8TVwTICgirnJhmVJw.woff2) format('woff2'), url(http://fonts.gstatic.com/s/ubuntu/v7/0ihfXUL2emPh0ROJezvraD8E0i7KZn-EPnyo3HZu7kw.woff) format('woff'); } /*fonts*/ #branding .wrapper { height: 100%; position: relative; z-index: 10; } *, *:after, *:before { -webkit-transition: background 0.5s ease-out; -moz-transition: background 0.5s ease-out; -o-transition: background 0.5s ease-out; -ms-transition: background 0.5s ease-out; } body { background: #dedede; color: #5A5A5A; font-family: Ubuntu, sans-serif; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; padding-bottom: 12px; } .pun { max-width: 1200px; width: 90%; background: white; border-radius: 0; padding: 10px; } .pun a, .pun a:link, .pun a:visited, a { color: #666; text-decoration: none; font-family: ubuntu; } .pun a:hover, a:hover { color: #444; text-decoration: none font-family: Ubuntu; } #branding { background: #3C414B url(http://i.imgur.com/j5fLP7A.jpg) repeat scroll center top / cover; border-top: 3px solid #6485E2; height: 200px; line-height: 200px; width: 90%; padding: 10px; margin: 20px auto 0; } #branding:hover { background-position: center center; } .wrapper { width: 90%; max-width: 1200px; margin: 0 auto; } #logo a { color: #FFF; display: block; font-size: 31px; font-weight: 800; text-transform: uppercase; letter-spacing: -2.1px; } div#logo { float: left; } #pun-intro, #pun-head, ul#pun-legend, ul.pun-legend, #qjump { display: none; } #community_app_menu { float: right; } ol, ul { list-style: outside none none; } .left { float: left } #community_app_menu > li { margin: 0px 1px 0px 0px; position: relative; } .ipsList_inline > li:first-child { margin-left: 0px; } .ipsList_inline > li { display: inline-block; margin: 0px 3px; } #primary_nav { font-size: 12px; margin-top: -16px; padding-left: 200px; position: absolute; right: 0px; text-transform: uppercase; top: 50%; } #community_app_menu > li > a { border-radius: 3px; color: rgba(255, 255, 255, 0.8); display: block; height: 32px; line-height: 32px; margin: 0px 0.5em; outline: medium none; padding: 0px 15px; } #community_app_menu > li > a.menu_active, #community_app_menu > li > a:hover { background: rgba(2, 1, 1, 0.1) none repeat scroll 0% 0%; color: #FFF; } #user_navigation { color: #9F9F9F; font-size: 11px; height: 36px; line-height: 36px; } #user_navigation .ipsList_inline li { float: left; margin: 0px; padding: 0; } #user_navigation a { float: left; height: 36px; line-height: 36px; outline: medium none; padding: 0px 12px; } #user_bar { padding: 5px 10px; margin: 0px -10px; background: #FFF none repeat scroll 0% 0%; border-bottom: 1px solid#ddd; } /*cat*/ .main .main-head { margin-top: 10px; } .main .main-foot,.main .main-head { -khtml-box-shadow: rgba(0,0,0,0.3) 0 1px 5px; -moz-border-radius: 0 0 4px 4px; -moz-box-shadow: rgba(0,0,0,0.3) 0 1px 5px; -o-border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px; -webkit-box-shadow: rgba(0,0,0,0.3) 0 1px 5px; background: #1c1f25 border-bottom: 1px solid rgba(0,0,0,.20); border-radius: 0 0 4px 4px; border-top: 3px solid #3091C1; box-shadow: rgba(0,0,0,0.3) 0 1px 5px; color: #FFF; font-family: Ubuntu; font-size: 13px; font-weight: 700; margin-bottom: 5px; overflow: hidden; padding: 15px; position: relative; text-decoration: none; text-shadow: 0 2px 0 rgba(0,0,0,0.14); text-transform: uppercase; } .main .main-head .page-title { font-size: 14px; font-weight: 800; font-family: ubuntu; } .pun .main table td.tc2, .pun .main table td.tc3, .pun table.table td { background: transparent; border: 0; border: none; color: #777 } .pun table .tcr { width: 30%; text-align: left; padding: 0px 0px 0px 0.5em !important; overflow: hidden; } thead { display: none; } input[type="text"], input[type="email"], input[type="password"] { background: #FCFCFC none repeat scroll 0% 0%; border: 1px solid #D4D4D4; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1) inset; color: #9F9F9F; padding: 6px; text-shadow: 0px 1px 0px #FFF; } .pun .statused tr { background: #f7f7f7; border: 1px solid #ddd; } /*post*/ .user-basic-info img:first-child { background: #FFF; border: 1px solid #ddd; padding: 2px; max-width: 100px; margin-bottom: 5px; } .pun .postmain { background: #fff; border: 1px solid #ddd; border-radius: 3px; position: relative } .pun .post .user:after { border-left-color: #f7f7f7; border-width: 7px; margin-left: 2px; margin-top: 1px } .pun .post .user { line-height: 150%; margin-left: -17em!important; margin-top: -3.3em; padding-top: 0; text-align: center; width: 15em; background: white; border: 1px solid #ddd; border-radius: 3px; } .pun .username a span strong { font-weight: 400!important } .pun .user .user-ident .user-basic-info { margin-top: 15px; margin-bottom: -20px; } #first-post-br { border: 0 } .pun .posthead, .pun .username { background-color: #f7f7f7; border-bottom: 1px solid #ddd; font-size: 13px; font-weight: 400; padding: 10px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6) } .pun .user-ident .username { margin: 0 auto; position: relative } .pun .posthead a { color: #444; font-size: 13px } .pun .posthead h2 { color: #444; font-weight: 400 } .pun .posthead h2 strong { font-size: 11px; font-style: normal; font-variant: normal; font-weight: normal } .pun .posthead h2 strong:before { content: '#' } .posthead[id] + .postbody .entry-content div + p:not(:empty) { background: rgba(255, 144, 144, 0.21) url(http://imgur.com/PIQA4LA.png) no-repeat 6px 10px; border: 1px solid #ffffff; color: #747574; font-family: "Trebuchet MS", tahoma, helvetica, arial, sans-serif; font-size: 11px; font-style: normal; font-variant: normal; font-weight: 700; line-height: 18px; margin-top: 15px; padding: 8px 8px 8px 28px; text-shadow: #fffaf1 0 1px 0 } .posthead[id] + .postbody .entry-content div + p:not(:empty) > br { display: none; } .pun .post, .pun .postbody, .pun .postmain { background-color: #fff!important } .pun .post { border: 0; margin: 5px } .postfoot { background: #f7f7f7; border-top: 1px solid #ddd; margin: 0; padding: 10px; } .pun .topic { border: 0; box-shadow: none; background: white; margin: 0 } .pun .entry-content { font-size: 13px; line-height: 1.6 } .pun .paged-foot, .pun .paged-head { background-color: transparent; border: 0 } .cp_geral { width:340px; padding-top:50px; transition:all 150ms linear; } .cp_box { width:340px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; -webkit-box-shadow:1px 1px 12px 0 rgba(50,50,50,0.27); -moz-box-shadow:1px 1px 12px 0 rgba(50,50,50,0.27); box-shadow:1px 1px 12px 0 rgba(50,50,50,0.27); left:-120px; top:-13px; background:#fff; z-index:999; position:absolute; transition:all 150ms linear; margin:50px; } .cp_capa { background:#263340 url(http://i.imgur.com/6AnKAdN.png) right no-repeat; height:105px; -webkit-border-top-left-radius:10px; -webkit-border-top-right-radius:10px; -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px; border-top-left-radius:10px; border-top-right-radius:10px; padding:5px 5px 0; } .cp_capa:before { content:""; display:inline-block; vertical-align:middle; margin-left:74px; width:0; height:0; position:absolute; top:-15px; border-left:15px solid transparent; border-right:15px solid transparent; border-bottom:15px solid #263340; } .cp_capa-avatar { -moz-border-radius:100%; -webkit-border-radius:100%; border-radius:100%; border:1px solid #d8d8d8; height:75px; width:75px; text-align:center; float:left; font-size:0; padding:7px; } .cp_capa-avatar img { -moz-border-radius:100%; -webkit-border-radius:100%; border:0 solid #d8d8d8; border-radius:100%; height:75px; width:75px; }.cp_capa-avatar img:nth-of-type(2){display:none} .cp_capa-nick { width:215px; height:75px; float:left; padding:25px 0 0 15px; } .cp_capa-nick strong { color:#fff!important; font-size:25px; font-weight:400!important; display:block; } .cp_info { text-align:center; padding:10px; } .cp_info-botoes { height:60px; width:320px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; text-decoration:none; } .cp_info-botoes a { text-decoration:none; } .cp_info-botoes-post { background:#ecf0f1; width:85px; height:53px; -webkit-border-top-left-radius:10px; -webkit-border-bottom-left-radius:10px; -moz-border-radius-topleft:10px; -moz-border-radius-bottomleft:10px; border-top-left-radius:10px; border-bottom-left-radius:10px; text-transform:uppercase; border-bottom:7px solid #bec3c7; float:left; } .cp_info-botoes-rep { background:#6bbd21; width:110px; height:53px; text-transform:uppercase; border-bottom:7px solid #68a72f; float:left; } .cp_info-botoes-rep strong { padding-top:8px; color:#fff; display:block; font-size:20px; } .cp_info-botoes-rep span { color:#fff; font-size:12px; } .cp_info-botoes-data strong { padding-top:8px; color:#666; display:block; font-size:15px; } .cp_info-botoes-data { background:#ecf0f1; width:125px; height:53px; -webkit-border-top-right-radius:10px; -webkit-border-bottom-right-radius:10px; -moz-border-radius-topright:10px; -moz-border-radius-bottomright:10px; border-top-right-radius:10px; border-bottom-right-radius:10px; text-transform:uppercase; border-bottom:7px solid #bec3c7; float:left; } .cp_info-botoes-post,.cp_info-botoes-rep,.cp_info-botoes-data { transition:all 150ms linear; } .cp_info-botoes-post:hover,.cp_info-botoes-rep:hover,.cp_info-botoes-data:hover { opacity:0.65; -moz-opacity:0.65; filter:alpha(opacity=65); } .cp_icones { background:#ecf0f1; -webkit-border-bottom-right-radius:10px; -webkit-border-bottom-left-radius:10px; -moz-border-radius-bottomright:10px; -moz-border-radius-bottomleft:10px; border-bottom-right-radius:10px; border-bottom-left-radius:10px; color:#bec3c7; height:20px; padding:5px; } .cp_icones a { font-size:12px; text-decoration:none; color:#666; } .cp_mp,.cp_perfil { float:left; padding-left:10px; transition:all 150ms linear; } .cp_mp:hover { float:left; padding-left:10px; color:#c1392b; } .cp_mp:before { content:"\f003"; font-family:FontAwesome; padding:0 4px; } .cp_perfil:before { content:"\f007"; font-family:FontAwesome; padding:0 4px; } .cp_perfil:hover { padding-left:10px; color:#6bbd21; } .cp_mais { width:100%; } .cp_capa-avatar br,.span_capa-nick img,.span_capa-nick br { display:none; } .cp_capa-nick span,.span_capa-nick { color:#fff!important; font-size:12px; line-height:22px; font-weight:400!important; float:none!important} .cp_info-botoes-post strong { padding-top:8px; color:#666; display:block; font-size:20px; } .cp_info-botoes-post span,.cp_info-botoes-data span { color:#868585; font-size:11px; } .paged-head h1 { display: none } /*post*/ .pun-crumbs { background: #fff; border: 1px solid #ddd; border-radius: 3px; line-height: 34px; margin: 0px 1px 10px; overflow: hidden; padding: 0.2em 1em; } .pun .pun-crumbs .crumbs { color: transparent; } p.crumbs a { background: transparent url("https://i39.servimg.com/u/f39/11/55/08/10/pun-cr10.png") no-repeat scroll 100% -1px; color: #757575 !important; line-height: 30px; margin-left: -14px; padding: 10px 20px 10px 25px; position: relative; text-shadow: 0px 1px 0px #FFF; transition: none 0s ease 0s; } p.crumbs a:hover { background-position: 100% -44px; } .pun .postfoot .user-contact { display: none; } #pun-visit, .main-box { width: 0; height: 0; overflow: hidden; background: transparent; border: none; display: none; } /*ranks*/ .rank { background: transparent none repeat scroll 0% 0%; color: #fefefe; padding: 2px 0 !important; display: block; margin: 5px auto; width: 110px; border-radius: 2px; text-shadow: 0 -1px rgba(0, 0, 0, 0.38); border-top: 1px solid rgba(0, 0, 0, 0.15); } .rank.admin { background: rgb(209, 39, 39) none repeat scroll 0% 0%; } .rank.staff { background: #34365F; } .rank.mem { background: #454545; } .BS_done { opacity: 0.5; cursor: default; } .BS_like { background: rgb(0, 159, 255) none repeat scroll 0% 0%; padding: 6px 10px; color: white; border-radius: 3px; text-transform: uppercase; font-size: 11px; font-weight: bold; cursor: pointer; } .BS_count { padding: 6px 10px; margin: 0 5px; border-radius: 3px; font-weight: bold; } .BS_vote { padding: 10px 5px; float: right; border-radius: 3px; margin-top: 100px; background: rgb(238, 238, 238) none repeat scroll 0% 0%; } input[type="button"], input[type="reset"], input[type="submit"] { background: rgb(60, 65, 75) none repeat scroll 0px 0px; border-radius: 3px; color: #FFFAFA !important; cursor: pointer; font-family: Ubuntu; font-size: 10px; font-weight: 700; text-decoration: none; display: inline-block; text-transform: uppercase; margin: 0px 2px; padding: 7px 11px !important; border: 0 solid #FFF; } input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover { background: rgb(100, 133, 226) } .pun .main-content { background-color: #FFF; border: 1px solid #ddd; } .main .main-content { background: #FFF; border: 1px solid #ddd; box-shadow: 0 0 4px rgba(0,0,0,0.1); margin: 0; padding: 6px; } .frm-buttons { border-top: none !important; margin-bottom: 0; margin-top: 0; padding: 10px 0; } .forumtitle { font-size: 13px; } .status > img { display: none; } .status:before { content: '\f086'; font-family: FontAwesome; font-size: 24px; line-height: 120%; } .dev { float: right; font-weight: bold; } footer { background: #3B404A none repeat scroll 0px 0px; border-bottom: 3px solid #6687E7; color: #FFF; font-size: 13px; font-weight: 100; height: 100px; line-height: 100px; padding: 10px; width: 90%; margin: 0 auto 20px; } .about { float: left; } #stats { background-color: white; line-height: 100%; padding: 10px; border: 1px solid #ddd; } #onlinelist { background-color: white; padding: 10px; border: 1px solid #ddd; border-top: none; } .stats_text { color: #737C8D; display: block; font-family: Arial, Helvetica, sans-serif; font-size: 10px; text-align: center; font-weight: bold; text-transform: uppercase; } .stats_number { color: #737C8D; display: block; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: 700; overflow: hidden; position: relative; text-align: center; } .reputation { color: #5F7A47 !important; font-size: 13px; font-weight: bold; } .pun .user .user-info { color: #9c9c9c; line-height: 1.5em; } .fa-plus-circle::before { display: inline-block; margin: 0 2px; } .main-head h2, .main-head h3 { font-weight: 800; font-size: 14px !important; font-family: Ubuntu, sans-serif; } #onlinechat { display: none; } .mp-local { background: #bbb; color: white !important; border-radius: 50%; height: 25px !important; line-height: 25px !important; width: 25px !important; text-align: center !important; padding: 0 !important; margin-top: 5px; font-weight: bold; } #groupLegend { font-size: 0 } #groupLegend b { font-size: 11px } #groupLegend b:after { content: " • " } #groupLegend b:last-child:after { content: "" } .lastpost-avatar img { height: 38px; width: 38px; background: #FFF none repeat scroll 0% 0%; border: 1px solid #DDD; border-radius: 4px; box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1); padding: 2px; margin: -3px 5px; } .arrow-u2 { border-left-color: #ddd!important; z-index: 99!important; left: -22px!important; border-left-width: 8px!important; } .arrow-u, .arrow-u2 { width: 0; height: 0; z-index: 999; border: 7px solid; border-color: transparent transparent transparent #f7f7f7; position: absolute; left: -23px; margin-top: -25px; } .minicode { background-color: #F9F2F4; border-radius: 4px; color: #C7254E; display: inline-block; font-family: Menlo, Monaco, Consolas, "Courier New", monospace; font-size: 90%; margin: 3px 0px; padding: 2px 4px; white-space: nowrap; } pre.highlight { background-color: #FAFAFA !important; border: 1px solid #C9C9C9 !important; color: #000000; font-family: Consolas,"Bitstream Vera Sans Mono","Andale Mono",Monaco,"DejaVu Sans Mono","Lucida Console",monospace !important; font-size: 11px !important; line-height: 110% !important; max-height: 250px !important; overflow: auto !important; padding: 5px !important; white-space: pre-wrap !important; width: auto !important; } .prettyprint ol.linenums { padding-left: 5px !important; } .pun{color:#666!important} .topic_buttons { background-color: rgb(60, 65, 75)!important; padding: 10px 15px!important; border: none!important; cursor: pointer!important; color: white!important; font-weight: bold!important; text-transform: uppercase!important; border-radius: 4px!important; font-size: 11px!important; font-family: Open Sans,cursive; text-shadow: 0 1px 1px black; } .topic_buttons.important{background: darkred!important;} .wraparound { background: #f7f7f7; border: 1px solid #ddd; padding: 8px; margin:10px 0; } .ipsUserPhotoLink img { float: left; width: 40px; height: 40px; border: 1px solid #ddd; padding: 2px; background: white; } .ftoggle { background: #E2E2E2; padding: 10px 15px; display:block; border-radius: 3px; } .ipsBox_withphoto { margin-left: 65px; } .ipsType_pagetitle, .ipsType_subtitle { font: 300 23px/1.3 Helvetica,Arial,sans-serif; color: #413f3c; } .desc.lighter, .desc.lighter.blend_links a, .desc.lighter.blend_links span a strong { color: #a49f98!important; font-weight: normal; } .pun .user .user-ident .user-basic-info {font-size: 0px!important;} /* Fonte UBUNTU */ @font-face { font-family: Ubuntu; font-style: normal; font-weight: 300; src: local('Ubuntu Light'), local(Ubuntu-Light), url(http://fonts.gstatic.com/s/ubuntu/v7/_aijTyevf54tkVDLy-dlnFtXRa8TVwTICgirnJhmVJw.woff2) format(woff2), url(http://fonts.gstatic.com/s/ubuntu/v7/_aijTyevf54tkVDLy-dlnD8E0i7KZn-EPnyo3HZu7kw.woff) format("woff"); } @font-face {font-family:Ubuntu;font-style:normal;font-weight:400;src:local(Ubuntu), url(http://fonts.gstatic.com/s/ubuntu/v7/sDGTilo5QRsfWu6Yc11AXg.woff2) format(woff2), url(http://fonts.gstatic.com/s/ubuntu/v7/_xyN3apAT_yRRDeqB3sPRg.woff) format("woff");} @font-face {font-family:Ubuntu;font-style:normal;font-weight:700;src:local('Ubuntu Bold'), local(Ubuntu-Bold), url(http://fonts.gstatic.com/s/ubuntu/v7/0ihfXUL2emPh0ROJezvraFtXRa8TVwTICgirnJhmVJw.woff2) format(woff2), url(http://fonts.gstatic.com/s/ubuntu/v7/0ihfXUL2emPh0ROJezvraD8E0i7KZn-EPnyo3HZu7kw.woff) format("woff");} .pun a, .pun a:link, .pun a:visited, a { color: #666; font-family: 'Ubuntu', sans-serif, Arial; text-decoration: none; } .topposters img { background: #fff; border: 1px solid #c4c4c4; border-radius: 50%; height: 30px; margin: 0 5px; padding: 2px; width: 30px; margin-right: 5px; } .topposters img:hover { -moz-box-shadow: 0 2px 2px rgba(0,0,0,0.2); -webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.2); border-color: #a1a1a1; box-shadow: 0 2px 2px rgba(0,0,0,0.2); } .topposters .UserPhoto {float: left;} .module .main-content .topposters ul { margin: 0; } .topposters li { margin-bottom: 8px; list-style: none; } .topposters li:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .topposters p { font: normal 11px helvetica, arial, sans-serif; margin: 5px 0 0 40px; color: #777777; } .topposters p span div { display: inline-block; } #members_top_posters .m_b img { width: 30px !important; height: 30px !important; } .status > img { display:block!important; margin-left:-22px!important; } .status:before {display:none!important;} .pun table .tdtopics .status{margin-left:0px!important;} #rep_post {white-space: nowrap;margin: 6px 4px;float: right;} #rep_post .bs_inline {list-style: none;} #rep_post .bs_inline > li {display: inline-block;margin: 0 3px;} #rep_post .bs_inline > li:first-child {margin-left: 0;} #rep_post .bs_inline img {vertical-align: middle;} #rep_post span img {cursor: pointer;} #rep_post .reput_vote { background-image: url('http://i.imgur.com/UGqTZqe.png'); background-repeat: repeat-x; background-position: 0 1px; font-size: 10px; padding: 2px 10px !important; color: #fff; font-weight: bold; display: inline-block; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; text-shadow: rgba(0,0,0,0.3) 0px -1px 0px; } .reput_vote.positive {background-color: #8db13e;} .reput_vote.zero {background-color: #6a6a6a;} .BS_like { background: none !important; } #rep_post { margin-top: -12% !important; } .BS_like { padding: 0 !important; } #main-content > div.main.paged td.tcl.tdtopics{position:relative!important;top:14px!important;} .botãonovotopico, .botãoresponder { background-color: #3091C1!important; background-image: #3091C1!important; border-image-source: initial!important; border-image-slice: initial!important; border-image-width: initial!important; border-image-outset: initial!important; border-image-repeat: initial!important; box-shadow: rgba(0, 0, 0, 0.188235) 0px 2px 1px, rgba(0, 0, 0, 0.188235) 0px -1px 0px inset, rgba(255, 255, 255, 0.188235) 0px 1px 0px 0px inset!important; color: rgb(255, 255, 255)!important; cursor: pointer!important; display: inline-block!important; height: 32px!important; text-align: center!important; text-decoration: none!important; text-shadow: rgba(0, 0, 0, 0.247059) 0px 1px 0px!important; white-space: nowrap!important; font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif!important; font-size: 16px!important; font-style: normal!important; font-variant: normal!important; font-weight: 300!important; line-height: 31px!important; border-width: medium!important; border-style: none!important; border-color: initial!important; border-radius: 5px!important; margin: 10px!important; padding: 0px 24px!important; } div.botãobloqueado {background-color: red!important; background-image: red!important; border-image-source: initial!important; border-image-slice: initial!important; border-image-width: initial!important; border-image-outset: initial!important; border-image-repeat: initial!important; box-shadow: rgba(0, 0, 0, 0.188235) 0px 2px 1px, rgba(0, 0, 0, 0.188235) 0px -1px 0px inset, rgba(255, 255, 255, 0.188235) 0px 1px 0px 0px inset!important; color: rgb(255, 255, 255)!important; cursor: pointer!important; display: inline-block!important; height: 32px!important; text-align: center!important; text-decoration: none!important; text-shadow: rgba(0, 0, 0, 0.247059) 0px 1px 0px!important; white-space: nowrap!important; font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif!important; font-size: 16px!important; font-style: normal!important; font-variant: normal!important; font-weight: 300!important; line-height: 31px!important; border-width: medium!important; border-style: none!important; border-color: initial!important; border-radius: 5px!important; margin: 10px!important; padding: 0px 24px!important;} #chatbox_header.main-head { -khtml-box-shadow: rgba(0,0,0,0.3) 0 1px 5px; -moz-border-radius: 4px; -moz-box-shadow: rgba(0,0,0,0.3) 0 1px 5px; -o-border-radius: 4px; -webkit-border-radius: 0; -webkit-box-shadow: rgba(0,0,0,0.3) 0 1px 5px; background: #1c1f25; border-bottom: 1px solid rgba(0,0,0,.20); border-radius: 0; border-top: 3px solid #3091C1; box-shadow: rgba(0,0,0,0.3) 0 1px 5px; color: #FFF; font-family: Ubuntu; font-size: 13px; font-weight: 700; height: 20px; margin-bottom: 40px; overflow: hidden; padding: 8px; text-decoration: none; text-shadow: 0 2px 0 rgba(0,0,0,0.14); text-transform: uppercase; } #chatbox { background: #ebf0f3; border: 1px solid #DCE2EC; border-bottom: 6px solid #DCE2EC; margin: 10px 0; padding: 8px; height: 260px !important; } #chatbox_members { background: #fff; border-right: 2px solid #3091C1; top: 40px; height: 260px !important; } #chatbox_footer { background: #f1f6f9; border-top: 1px solid #d5dde5; padding: 6px; } #chatbox_members .member-title { background: #1c1f25; border-radius: 0 0 4px 4px; border-top: 3px solid #3091C1; box-shadow: rgba(0,0,0,0.3) 0 1px 5px; color: #FFF; font-family: Ubuntu; font-size: 12px; margin: 5px; text-align: center; text-shadow: 0 2px 0 rgba(0,0,0,0.14); text-transform: uppercase; width: 164px; } input#message.post { -khtml-border-radius: 3px; -khtml-box-shadow: rgba(0,0,0,0.07) 0 1px 3px, inset rgba(255,255,255,0.75) 0 1px 0; -moz-border-radius: 3px; -moz-box-shadow: rgba(0,0,0,0.07) 0 1px 3px, inset rgba(255,255,255,0.75) 0 1px 0; -moz-transition: border .3s ease-in-out; -o-transition: border .3s ease-in-out; -webkit-border-radius: 3px; -webkit-box-shadow: rgba(0,0,0,0.07) 0 1px 3px, inset rgba(255,255,255,0.75) 0 1px 0; -webkit-transition: border .3s ease-in-out; background-color: #fafbfc; border: 1px solid #c1c1c1; border-radius: 3px; box-shadow: rgba(0,0,0,0.07) 0 1px 3px, inset rgba(255,255,255,0.75) 0 1px 0; color: #666; font-size: 12px; min-width: 378px; outline: 0; padding: 9px!important; transition: border .3s ease-in-out; } #message { height: 16px; margin-top: 3px; width: 250px; } #message, #submit_button { margin-left: 15px; } #chatbox_messenger_form { margin: 0!important; } #chatbox_messenger_form { margin: 10px 0 0; } #divcolor, #divsmilies, #help-button, #submit_button, .format-message + label { border: 1px solid #AAA; border-radius: 3px; box-shadow: inset 0 1px 0 rgba(255,255,255,0.2), 0 1px 2px rgba(0,0,0,0.05); display: inline-block; height: 18px; line-height: 16px; text-align: center; width: 18px; } .fontbutton { -moz-transition: background .3s ease-in-out; -o-transition: background .3s ease-in-out; -webkit-transition: background .3s ease-in-out; background: #3091C1 url(http://imgur.com/srUpLQz.png) repeat-x; border: 0!important; border-radius: 4px; border-top: 1px solid rgba(0,0,0,.20); color: #fff; cursor: pointer; font-family: Ubuntu!important; font-size: 13px; outline: 0; padding: 5px!important; text-shadow: 0 2px 0 rgba(0,0,0,0.14); transition: background .3s ease-in-out; } #submit_button { height: auto !important; } #avatar img { margin-top: 5px; } #notify_link { left: 20px; } #inbox_link { left: 40px; } #user_link { margin-top: 5px; } #search { margin: -210px 0; } .attach { float: right; } fieldset { border: 0 groove threedface; margin-top: 51px; } #adv_search { -moz-border-radius: 3px; -webkit-border-radius: 3px; background: url(http://i.imgur.com/gtuEBUp.png) no-repeat 50% 50%; border-radius: 3px; display: inline-block; height: 26px; margin-left: 3px; text-indent: -3000em; width: 26px; } #search_wrap { -moz-border-radius: 3px 4px 4px 3px; -moz-box-shadow: 0 2px 4px rgba(0,0,0,0.2); -webkit-border-bottom-left-radius: 3px; -webkit-border-bottom-right-radius: 4px; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 4px; -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.2); background: #fff; border-radius: 3px 4px 4px 3px; box-shadow: 0 2px 4px rgba(0,0,0,0.2); display: block; height: 26px; line-height: 25px; min-width: 20px; padding: 0 26px 0 4px; position: relative; } #main_search { -webkit-transition: all 1s ease-in-out; background: transparent; border: 0; color: #b0b0b0; font-size: 12px; margin-top: 5px; outline: 0; padding: 0; transition: all 1s ease-in-out; width: 130px; } #search .submit_input { -moz-border-radius: 4px; -o-border-radius: 4px; -webkit-border-radius: 4px; background: #3091C1 url(http://imgur.com/tUX6wJ6.png) no-repeat 50%; border-radius: 4px; border-top: 1px solid rgba(0,0,0,.20); bottom: 0; display: block; height: 20px; margin-right: 2px; margin-top: 3px; outline: none!important; padding: 0!important; position: absolute; right: 0; text-indent: -3000em; top: 0; width: 25px; } #search { margin: -170px 50px !important; } #search_wrap { z-index: 99; } #main_search:focus { -webkit-transition: all 1s ease-in-out; color: #5a5a5a; transition: all 1s ease-in-out !important; width: 240px; } a.sceditor-button.sceditor-button-emoticon , #textarea_content > div > div.sceditor-toolbar > div:nth-child(6) > a.sceditor-button.sceditor-button-emoticon {display:none!important;} #sce_smilies_body {background:none!important;} @font-face { font-family: 'Leckerli One'; font-style: normal; font-weight: 400; src: local('Leckerli One'), local('LeckerliOne-Regular'), url(https://fonts.gstatic.com/s/leckerlione/v7/S2Y_iLrItTu8kIJTkS7DrOgdm0LZdjqr5-oayXSOefg.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; } .main-head h2, .main-head h3 { font-family: Leckerli One, Ubuntu, sans-serif!important; font-size: 16px!important; text-transform: none!important; font-weight: 300!important; } .postbody a, .postbody .content div a, .postbody .post-entry div a { display: inline-block; max-width: 300px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .pun .main .main-foot, .pun .main .main-head { padding: 10px; } .post_field { border: 1px solid #DDD; padding: 4px; margin-bottom: -19px; border-left: 5px solid #DDD; text-align: left; background: #fff; } .pun .user .user-info { color: #666; line-height: 1.8em; } .pun .user .user-info { background: #F5F5F5 none repeat scroll 0 0; border-top: 1px solid rgba(0,0,0,0.15); color: #666; line-height: 1.8em; padding: 5px !important; } footer {width:98%!important;height:20px!important;margin-bottom:-10px!important;} .social {margin-top:4px!important;margin-left:50px!important;} body > footer > span {margin-right:60px!important;} body > footer > div:nth-child(2) > a > i {margin-left:-50px!important;} #cke_20, #cke_31 , #cke_33, #cke_47 , #cke_40 , #cke_12 {display:none;} .alert { -moz-border-radius: 3px; -moz-box-shadow: 1px 1px 2px rgba(0,0,0,.4); -webkit-border-radius: 3px; -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.4); background: #F9F1C7 url(https://cdn0.iconfinder.com/data/icons/super-mono-basic/yellow/exclamation-circle_basic_yellow.png) no-repeat 5px center; border: 1px solid #F6DEAC; border-radius: 3px; box-shadow: 1px 1px 2px rgba(0,0,0,.4); color: #AF8640; font-size: 13px; font-style: normal; font-variant: normal; font-weight: 400; margin: 5px 0; padding: 15px 15px 15px 65px !important; width: 85% } .alert.infos { background-color: #D9EDF7; background-image: url(https://cdn0.iconfinder.com/data/icons/super-mono-basic/blue/information_basic_blue.png); border-color: #BCE8F1; color: #31708F } .alert.sucesso { background-color: #DFF0D8; background-image: url(https://cdn0.iconfinder.com/data/icons/super-mono-basic/green/button-check_basic_green.png); border-color: #D6E9C6; color: #3C763D; } .alert.danger { background-color: #F2DEDE; background-image: url(https://cdn0.iconfinder.com/data/icons/super-mono-basic/red/button-cross_basic_red.png); border-color: #EBCCD1; color: #A94442 } .main .frm-info { background: rgba(132, 171, 220, 0.15) border: 1px solid #E6E6E6; margin: 1.7em; padding: 1em; } .table .tc3 { text-align: right!important; } .table .tc3 span, .table .tc3 strong { font-size: 11px; } #chatbox { left: 0; color: #777; font-size: 11px; } #chatbox_members { display: none; } #chatbox .cb-avatar, #chatbox .cb-avatar > img { width: 16px !important; height: 16px !important; } .chatbox-username { margin-right: 10px; } .chatbox-username:before { content: '@'; display: inline-block; margin: 0 10px 0 5px; } #chatbox .msg, #chatbox .user { display: inline-block !important; } .pun div#pun-intro { background-attachment: none !important; background: #3091C1 url(http://i.imgur.com/iJ8Gfva.gif) center no-repeat !important; background-size: 100% !important; } .pun #pun-navlinks .mainmenu:after { background-color: #3091C1; } .pun #pun-head #pun-navlinks { background-color: background: #1c1f25; } .pun #pun-head { margin-top: -5pc; position: absolute; width: 100%; left: 0; } .pun #pun-intro { top: 0; position: absolute; width: 100%; left: 0; padding: 50px 0; height: 110px; } .pun #pun-navlinks ul { text-align: center; } .pun #pun-head, .pun #pun-intro { display: inherit; } #branding, .wrapper { display: none !important; } .pun { margin-top: 285px; } .pun #pun-logo, .pun #pun-title, .pun p#pun-desc { padding-left: 5%; display: block } .pun #pun-head #pun-navlinks { padding: 0; } .pun #pun-navlinks li { color: #FFF; line-height: 0; padding: 0px; position: relative; } .pun #pun-navlinks .mainmenu { color: #FFF; font-size: 12px; font-weight: 700; font-family: "Trebuchet MS", Arial, Verdana, Sans-serif; text-decoration: none; line-height: 40px; padding: 0 10px; display: inline-block; overflow: hidden; position: relative; } .pun #pun-navlinks .mainmenu { text-decoration: none; } .pun #pun-navlinks .mainmenu:hover:after { bottom: 0; } .pun #pun-navlinks .mainmenu:after { content: "."; font-size: 0; height: 5px; position: absolute; bottom: -5px; left: 0; right: 0; transition: bottom 250ms; } #search_menu { top: 15px!important; left: 0!important; } #chatbox .user strong { font-size: 0; } #chatbox .chatbox-message-username { font-size: 11px; } #chatbox .cb-avatar { margin-top: 2px; } #chatbox .user { width: 100px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: middle; padding: 0; height: 24px; line-height: 24px; margin: 0; } .chatbox-username:before { margin-right: 5px; } #chatbox .msg { vertical-align: middle; line-height: 24px; margin: 0; } #chatbox .user + .msg:before { content: ":"; display: inline-block; margin-right: 10px; } #chatbox_header.main-head { border-top: none; border-bottom: 3px solid #3091C1; border-radius: 3px; } .chatbox-options { margin: 0; line-height: 20px; } #chatbox_top + div[style="resize"] { display: none; } #pun-navlinks { background: #22242D!important; }

por iScroll 07.11.16 10:46

Não falei seu nome completo... ¬¬

Basta excluir o } em cima do :

Código:: .pun #pun-intro, .pun #pun-navlinks .mainmenu:after {

na primeira linha

por YouTube3 07.11.16 10:52

Boa conseguiu.

Só mais uma coisa fico uma frestinha no menu separado do banner.
Se puder arrumar. PRINT: https://i.imgur.com/nnMPUPX.jpg

por iScroll 07.11.16 10:54

Procure por:

Código:: .pun #pun-head { margin-top: -5pc;

Edite o -5pc para -6pc ou o valor que desejar.

por YouTube3 07.11.16 11:11

Resolvido pode fechar vlw Muito feliz

por Cream 07.11.16 12:25

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

Tópico marcado como Resolvido e movido para "Questões resolvidas".

Personalizar menu do fórum