[Absolution 1.1] Custom header

[ZonadeCombate]

Qual a URL do seu fórum: http://zc.site.nfoservers.com/forum/
Tipo de Hospedagem: Pago
Qual a versão do phpBB: phpBB 3.0.10
É um novo ou uma conversão: Instalação Limpa
Usuário de teste: N/A
Estilos instalados: Prosilver, Subsilver, Absolution
Modificações instaladas: N/A
Qual seu nivel de experiência: Básico
Quando começou o problema: Quando tentei colocar um banner de tamanho diferente do banner padrão do template.
Descreva seu problema: Eu gostaria de alterar o banner do Absolution para algo que eu possa personalizar. Tentei editar o CSS mas não consegui e acabou bugando (ficou um pedaço azul em baixo do header.gif) que não consigo mais remover.

Eu gostaria de adicionar um banner que eu possa personalizar mas que fique dentro do limite do layout do fórum, quando um usuário de resolução diferente abrir não fique 'bugado'.

Absolution.css

Código: Selecionar todos

/* Custom CSS Styles for Absolution
--------------------------------------------- */
#header {
	width: 100%;
	background: url("{T_THEME_PATH}/images/header.gif") repeat-x left top #00233f;
	-moz-box-shadow: 0 0 8px #011123;
	-webkit-box-shadow: 0 0 8px #011123;
	box-shadow: 0 0 8px #011123;	
}

@font-face {
	font-family: "Harabara";
	src: url("{T_TEMPLATE_PATH}/harabara.ttf");
}

#header h1 {
	padding: 33px;
	margin: 0;
	font-family: "Harabara", Arial, Helvetica, sans-serif;
	font-size: 36px;
	display: block;
	background: url("{T_THEME_PATH}/images/logo-text-bg.png") no-repeat left top;
	text-shadow: 0 3px 3px #01102f;
	min-width: 377px;
	height: 40px;
}

.noise {
	background-image: url("{T_THEME_PATH}/images/noise.png");
	min-height: 100% !important;
}

#wrap {
	-moz-box-shadow: 0 0 8px #1f1f1f;
	-webkit-box-shadow: 0 0 8px #1f1f1f;
	box-shadow: 0 0 8px #1f1f1f;
}

.contentpadding {
	padding: 10px 15px;
}

.quicksearch {
	margin: 40px 35px 35px 0;
}

.quicksearch form {
	float: left;
}

.quicksearch a {
	float: right;
	padding: 8px 0 0 8px;
}

.quicksearch input {
	width: 70px;
	height: 30px;
	padding: 0 10px 0 35px;
	background: url("{T_THEME_PATH}/images/quicksearch.gif") no-repeat 10px 50% #181818;
	border: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: -0.5px;
	color: #FFFFFF;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-box-shadow: inset 0 1px 0 #393939;
	-webkit-box-shadow: inset 0 1px 0 #393939;
	box-shadow: inset 0 1px 0 #393939;
	-webkit-transition-duration: 400ms;
	-webkit-transition-property: width, background;
	-webkit-transition-timing-function: ease;
	-moz-transition-duration: 400ms;
	-moz-transition-property: width, background;
	-moz-transition-timing-function: ease;
	-o-transition-duration: 400ms;
	-o-transition-property: width, background;
	-o-transition-timing-function: ease;	
}

.quicksearch input:focus {
	width: 170px;
}

#nav {
	width: 100%;
	height: 52px;
	background: url("{T_THEME_PATH}/images/nav-m.gif") repeat-x left top;
	position: relative;
}

#nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
}

#nav ul li {
	float: left;
}

#nav ul li.divider {
	width: 2px;
	height: 45px;
	background: url("{T_THEME_PATH}/images/divider.gif") no-repeat left top;
	margin-top: 5px;
}

#nav ul li a {
	background: url("{T_THEME_PATH}/images/navbg.gif") repeat-x left top;
	padding: 20px 16px 15px;
	float: left;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
	letter-spacing: -0.5px;
	color: #2c2c2c;
	text-shadow: 0 1px 0 #FFFFFF;
	-webkit-transition: color 0.2s ease-in;
 	-o-transition: color 0.2s ease-in;
	-moz-transition: color 0.2s ease-in;
	transition: color 0.2s ease-in;
}

#nav ul li a img {
	vertical-align: middle;
	margin-top: -3px;
	margin-right: 7px;
}

#nav ul li.logout {
	padding-left: 0px;
	padding-right: 0px;
}

#nav ul li.logout a img {
	margin: 0;
}

#nav ul li a:hover, #nav ul li.active a {
	text-decoration: none;
	background-position: bottom;
	color: #5b5b5b;
}

#nav-wrap-left {
	width: 6px;
	height: 69px;
	background: url("{T_THEME_PATH}/images/nav-wrappers.png") no-repeat left top;
	float: left;
	margin: -9px 0 0 -6px;
}

#nav-wrap-right {
	width: 6px;
	height: 69px;
	background: url("{T_THEME_PATH}/images/nav-wrappers.png") no-repeat -6px top;
	float: right;
	margin: -9px -6px 0 0;
}

#nav ul li ul.drop {
	background: #f3f3f3;
	padding: 5px;
	position: absolute;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border: 1px solid #cee1f3;
	display: none;
	z-index: 9999;
	width: 200px;
	margin-top: -5px;
}

#nav ul li ul.drop li {
	float: none;
}

#nav ul li ul.drop li a {
	background: none;
	padding: 5px;
	font-weight: normal;
	font-size: 13px;
	margin: 3px 0;
	display: block;
	border: 1px solid #e7f6fb;
	font-family: Tahoma, Geneva, sans-serif;
	letter-spacing: normal;
}

#nav ul li ul.drop li a:hover {
	border: 1px solid #dedede;
	background: #FFFFFF;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	text-decoration: none;
}

body.nojs #nav ul li:hover > ul {
	display: block;
}

.tipsy { padding: 5px; font-size: 12px; position: absolute; z-index: 100000; margin-top: 5px; }
.tipsy-inner { padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 200px; text-align: center; }
.tipsy-inner { border-radius: 3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
.tipsy-arrow { position: absolute; background: url("{T_THEME_PATH}/images/tipsy.gif") no-repeat top left; width: 9px; height: 5px; }
.tipsy-n .tipsy-arrow { top: 0; left: 50%; margin-left: -4px; }
.tipsy-nw .tipsy-arrow { top: 0; left: 10px; }
.tipsy-ne .tipsy-arrow { top: 0; right: 10px; }
.tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -4px; background-position: bottom left; }
.tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; background-position: bottom left; }
.tipsy-se .tipsy-arrow { bottom: 0; right: 10px; background-position: bottom left; }
.tipsy-e .tipsy-arrow { top: 50%; margin-top: -4px; right: 0; width: 5px; height: 9px; background-position: top right; }
.tipsy-w .tipsy-arrow { top: 50%; margin-top: -4px; left: 0; width: 5px; height: 9px; }

.red-notice {
	background: #fcebeb;
	border: 2px dashed #ffc5c5;
	text-align: center;
	padding: 10px;
	margin: 10px 0;
	font-size: 12px;
	font-family: Verdana, Geneva, sans-serif;
	color: #bb0000;
}

.red-notice a {
	color: #bb0000;
	border-bottom: 1px dotted;
}

.red-notice a:hover {
	text-decoration: none;
	border: none;
}
  
.indexlinks {
	line-height: 20px;
	text-align: center;
	color: #bfbfbf;
}

.cathead-m {
	width: 100%;
	height: 44px;
	background: url("{T_THEME_PATH}/images/cathead-m.gif") repeat-x left top;
	border-top-left-radius: 5px 5px;
	border-top-right-radius: 5px 5px;
	-moz-border-radius-topleft: 5px 5px;
	-moz-border-radius-topright: 5px 5px;
	-webkit-border-top-left-radius: 5px 5px;
	-webkit-border-top-right-radius: 5px 5px;
}

.cathead-l {
	height: 32px;
	min-width: 272px;
	background: url("{T_THEME_PATH}/images/cathead-l.png") no-repeat left top;
	padding: 12px 0 0 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	text-shadow: 0 -1px 0 #082c52;
}

.cathead-l a {
	color: #FFFFFF;
}

.cathead-l a:hover {
	text-decoration: none;
}

.cathead-r {
	background: url("{T_THEME_PATH}/images/cathead-r.png") no-repeat right top;
}

.catglow {
	box-shadow: 0 0 4px #b7b7b7;
	-moz-box-shadow: 0 0 4px #b7b7b7;
	-webkit-box-shadow: 0 0 4px #b7b7b7;
	background: #f3f3f3;
	border-radius: 5px 5px 3px 3px; 
	-moz-border-radius: 5px 5px 3px 3px; 
	-webkit-border-radius: 5px 5px 3px 3px; 
}

.collapsethis {
	padding: 10px;
}

table.cat {
	border: 1px solid #d7e5f2;
	border-bottom: none;
	background: #FFFFFF;
}

table.cat td {
	border-bottom: 1px solid #d7e5f2;
	padding: 10px 6px 6px 6px;
	vertical-align: top;
}

td.forumicon {
	text-align: center;
	width: 5%;
}

td.forumdetails {
	padding-right: 30px !important;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
}

td.forumlink {
	vertical-align: middle !important;
}

td.forumlastpost {
	width: 20%;
	padding-top: 9px !important;
}

td.forumclicks {
	padding-top: 9px !important;
}

td.forumtopics, td.forumposts {
	width: 8%;
}

span.fade {
	color: #BFBFBF;
}

span.forummods, span.subforums {
	display: block;
	margin: 4px 0;
}

span.forumimage {
	float: left;
	display: block;
	margin: 0 15px 15px 0;
}

.statbubble {
	width: 64px;
	height: 36px;
	background: url("{T_THEME_PATH}/images/statbubble.png") no-repeat left top;
	text-align: center;
	padding: 6px 0 0 7px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
	color: #5b5b5b;
}

.statbubble span {
	font-size: 16px;
	font-weight: bold;
	color: #353535;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 15px;
}

.statspanel {
	border: 1px solid #d7e5f2;
	padding: 15px 15px 15px 55px;
	background: no-repeat 10px 50% #FFFFFF;
	margin: 2px 0;
}

.footer {
	min-height: 70px;
	margin: -4px auto 0;
	background: url("{T_THEME_PATH}/images/footerlight.gif") no-repeat 50% top;
	text-align: center;
	padding: 20px 0;
	color: #c9e3ff;
	text-shadow: 0 5px 5px #000000;
	line-height: 20px;
}

.footer a {
	color: #239aff;
}

.trigger {
    background: url("{T_THEME_PATH}/images/trigger.png") no-repeat;
    width: 19px;
    height: 20px;
    cursor: pointer;
    float: right;
    position: relative;
    z-index: 9998;
    margin-top: -33px;
	margin-right: 15px;
}
.active {background-position: right top;}
.inactive {background-position: left bottom;}

body.nojs .trigger {
	display: none;
}

input.inputbox, select, textarea, #message-box textarea {
	border: 1px solid #dfdfdf !important;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background: url("{T_THEME_PATH}/images/formbg.gif") repeat-x left top #FFFFFF;
	padding: 7px;
	font-size: 12px;
	color: #292929;
}

input.inputbox:hover, select:hover, textarea:hover, #message-box textarea:hover {
	border-color: #d5d5d5;
}

input.inputbox:focus, select:focus, textarea:focus, #message-box textarea:focus {
	border-color: #c7c7c7;
}

a.button1, input.button1, input.button2, input.button3 {
	background: url("{T_THEME_PATH}/images/buttonbg.png") repeat-x left bottom #FFFFFF;
	padding: 6px;
	font-family: Verdana, Geneva, sans-serif;
	border: 1px solid #dfdfdf;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	color: #8c8c8c;
}

a.button1:hover, input.button1:hover, input.button2:hover, input.button3:hover {
	background: url("{T_THEME_PATH}/images/buttonbghover.png") repeat-x left bottom;
	border: 1px solid #c8c8c8;
	color: #626262;
}

a.button1:active, input.button1:active, input.button2:active, input.button3:active {
	background: url("{T_THEME_PATH}/images/buttonbgactive.png") repeat-x left top;
}

.float-left {float: left !important;}
.float-right {float: right !important;}

.clear-both {
	clear: both;
}


.forum-descriptions {
	color: #636363;
	margin-top: 2px;
	display: block;
}

dd.lastpost {
	font-family: Tahoma, Geneva, sans-serif;
	color: #596771;
}

dd.topics, dd.posts, dd.views {
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: bold; color: #081c28;
	line-height: 13px;
}

dd.topics span, dd.posts span, dd.views span {
	font-size: 11px;
	color: #566571;
}

#wrap {
	background: #FFFFFF;
	min-width: 960px !important;
	border-radius: 0px 0px 5px 5px; 
	-moz-border-radius: 0px 0px 5px 5px; 
	-webkit-border-radius: 0px 0px 5px 5px; 
}

.vtouter {
	background-color: #efefef;
	border: 1px solid #d5d5d5;
	padding: 5px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.vtinner {
	background-color: #f5f5f5;
	border: 1px solid #d5d5d5;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;	
}

.vtdatebar {
	width: 100%;
	height: 35px;
	line-height: 33px;
	background: url("{T_THEME_PATH}/images/vtdatebar.png") repeat-x left top;
}

.floatleft {
	float: left;
}

.floatright {
	float: right;
}

h3.vtsubject {
	margin: 0;
	padding: 0 0 0 74px;
	border: none;
	text-transform: none;
	font-size: 14px !important;
}

.vtdate {
	color: #769fd8;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
	padding-right: 15px;
}

.user-online {
	background: url("{T_THEME_PATH}/images/useronline.png") no-repeat 15px 14px;
}

.user-offline {
	background: url("{T_THEME_PATH}/images/useroffline.png") no-repeat 15px 14px;
}

.vtprofilepanel {
	width: 191px;
	margin-bottom: 10px;
	float: left;
	width: 15%;
	padding: 15px 9px 9px;
	background-color: #f0f0f0;
	border-right: 1px solid #CFE3F5;
	border-bottom: 1px solid #CFE3F5;
	border-radius: 0px 0px 5px 0px; 
	-moz-border-radius: 0px 0px 5px 0px; 
	-webkit-border-radius: 0px 0px 5px 0px; 
}

.vtcontent {
	float: right;
	width: 79%;
	padding: 14px;
}

.vtcontent .content {
	margin-top: 0;
}

.vtcontrolbuttons {
	margin-bottom: 18px;
	float: right;
}

ul.profile-icons {
	padding-top: 0;
}

.vtcodebox {
	background-color: #e6f0f9;
	border: 1px solid #bfd9ef;
	border-radius: 1px;
	-moz-border-radius: 1px;
	-webkit-border-radius: 3px;
	padding: 3px;
	margin-top: 8px;
}

.vtcodeselect {
	padding: 5px 2px 7px;
	background: url("{T_THEME_PATH}/images/codetitle.png") no-repeat right bottom;
	font-weight: bold;
}

.vtcodeinner {
	border: 1px solid #c3dbf0;
	background-color: #FFFFFF;
	padding: 6px;
	color: #0b5690;
	font-weight: bold;
	max-height: 300px;
    overflow: auto;

}

.vtquote, .vtquote .vtquote .vtquote {
	background-color: #e8f2fa;
	border: 1px solid #a9c7e0;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 6px;
	color: #0b5690;
	font-style: italic;
	margin-left: 10px;
	margin-bottom: 4px;
	margin-top: 8px;
}

.vtquote .nib {
	width: 10px;
	height: 13px;
	position: relative;
	float: left;
	background: url("{T_THEME_PATH}/images/nib1.png") no-repeat left top;
	margin-left: -15px;
}

.vtquotecite {
	height: 15px;
	padding-left: 20px;
	background: url("{T_THEME_PATH}/images/cite.png") no-repeat left 2px;
	margin: 4px 0;
	font-weight: bold;
	font-style: normal;
}

.vtquote .vtquote {
	color: #006fc5;
	background-color: #f0f6fb;
	border: 1px solid #a9c7e0;
}

.vtquote .vtquote .nib {
	background-image: url("{T_THEME_PATH}/images/nib2.png");
}

.vtquote .vtquote .vtquote .nib {
	background: url("{T_THEME_PATH}/images/nib1.png") no-repeat left top;
}

.vtprofileinfo {
	color: #084a7c;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
	line-height: 14px;
}

span.vtusername {
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: -1px;
	display: block;
	margin: 3px 0;
}

.vtprofilepadding {
	padding-right: 20px;
}

.postprofile dd, .postprofile strong {
	color: #084a7c;
}

.postprofile dd {
	font-size: 11px;
	margin-bottom: 2px;
}

.postprofile strong {
	font-weight: bold;
}

span.ranktitle {
	color: #2a2323;
	font-weight: bold;
	font-size: 11px;
}

.content img {
	max-width: 100%;
}

.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

.stat-info {
	background: none !important;
	padding: 0px;
}

Overall_header.html

Código: Selecionar todos

<!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}" lang="{S_USER_LANG}" xml:lang="{S_USER_LANG}">
<head>
<!-- INCLUDE absolution_config.html -->
<meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" />
<meta http-equiv="content-style-type" content="text/css" />
<meta http-equiv="content-language" content="{S_USER_LANG}" />
<meta http-equiv="imagetoolbar" content="no" />
<meta name="resource-type" content="document" />
<meta name="distribution" content="global" />
<meta name="keywords" content="" />
<meta name="description" content="" />
{META}
<title>{SITENAME} &bull; <!-- IF S_IN_MCP -->{L_MCP} &bull; <!-- ELSEIF S_IN_UCP -->{L_UCP} &bull; <!-- ENDIF -->{PAGE_TITLE}</title>

<!-- IF S_ENABLE_FEEDS -->
	<!-- IF S_ENABLE_FEEDS_OVERALL --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {SITENAME}" href="{U_FEED}" /><!-- ENDIF -->
	<!-- IF S_ENABLE_FEEDS_NEWS --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_FEED_NEWS}" href="{U_FEED}?mode=news" /><!-- ENDIF -->
	<!-- IF S_ENABLE_FEEDS_FORUMS --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_ALL_FORUMS}" href="{U_FEED}?mode=forums" /><!-- ENDIF -->
	<!-- IF S_ENABLE_FEEDS_TOPICS --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_FEED_TOPICS_NEW}" href="{U_FEED}?mode=topics" /><!-- ENDIF -->
	<!-- IF S_ENABLE_FEEDS_TOPICS_ACTIVE --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_FEED_TOPICS_ACTIVE}" href="{U_FEED}?mode=topics_active" /><!-- ENDIF -->
	<!-- IF S_ENABLE_FEEDS_FORUM and S_FORUM_ID --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_FORUM} - {FORUM_NAME}" href="{U_FEED}?f={S_FORUM_ID}" /><!-- ENDIF -->
	<!-- IF S_ENABLE_FEEDS_TOPIC and S_TOPIC_ID --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_TOPIC} - {TOPIC_TITLE}" href="{U_FEED}?f={S_FORUM_ID}&t={S_TOPIC_ID}" /><!-- ENDIF -->
<!-- ENDIF -->

<!--
	phpBB style name: Absolution
	Based on style:   prosilver (this is the default phpBB3 style)
	Original author:  Tom Beddard ( http://www.subBlue.com/ )
	Modified by:      Christian Bullock ( http://www.ChristianBullock.com/ )

	NOTE: This page was generated by phpBB, the free open-source bulletin board package.
	      The phpBB Group is not responsible for the content of this page and forum. For more information
	      about phpBB please visit http://www.phpbb.com
-->
    
<script type="text/javascript">
// <![CDATA[
	var jump_page = '{LA_JUMP_PAGE}:';
	var on_page = '{ON_PAGE}';
	var per_page = '{PER_PAGE}';
	var base_url = '{A_BASE_URL}';
	var style_cookie = 'phpBBstyle';
	var style_cookie_settings = '{A_COOKIE_SETTINGS}';
	var onload_functions = new Array();
	var onunload_functions = new Array();

	<!-- IF S_USER_PM_POPUP and S_NEW_PM -->
		var url = '{UA_POPUP_PM}';
		window.open(url.replace(/&/g, '&'), '_phpbbprivmsg', 'height=225,resizable=yes,scrollbars=yes, width=400');
	<!-- ENDIF -->

	/**
	* Find a member
	*/
	function find_username(url)
	{
		popup(url, 760, 570, '_usersearch');
		return false;
	}

	/**
	* New function for handling multiple calls to window.onload and window.unload by pentapenguin
	*/
	window.onload = function()
	{
		for (var i = 0; i < onload_functions.length; i++)
		{
			eval(onload_functions[i]);
		}
	};

	window.onunload = function()
	{
		for (var i = 0; i < onunload_functions.length; i++)
		{
			eval(onunload_functions[i]);
		}
	};

// ]]>
</script>

<script type="text/javascript" src="{T_SUPER_TEMPLATE_PATH}/forum_fn.js"></script>

<script type="text/javascript" src="{T_SUPER_TEMPLATE_PATH}/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="{T_SUPER_TEMPLATE_PATH}/jquery.tipsy.js"></script>
<script type="text/javascript" src="{T_SUPER_TEMPLATE_PATH}/jquery.hoverIntent.min.js"></script>
<script type="text/javascript" src="{T_SUPER_TEMPLATE_PATH}/jquery.cookie.js"></script>
<script type="text/javascript" src="{T_SUPER_TEMPLATE_PATH}/jquery.collapse.js"></script>

<script type="text/javascript">
// <![CDATA[
$(function(){
    $([window, document]).blur(function(){
        $('ul.drop').css({display: 'none'});
    });
    $("#nav ul li").hoverIntent(function(){
			$(this).children("ul").slideDown();
        },function(){
            $(this).children("ul").slideUp();
    });
});
// ]]>
</script>

<link href="{T_THEME_PATH}/print.css" rel="stylesheet" type="text/css" media="print" title="printonly" />
<link href="{T_STYLESHEET_LINK}" rel="stylesheet" type="text/css" media="screen, projection" />

<link href="{T_THEME_PATH}/normal.css" rel="stylesheet" type="text/css" title="A" />
<link href="{T_THEME_PATH}/medium.css" rel="alternate stylesheet" type="text/css" title="A+" />
<link href="{T_THEME_PATH}/large.css" rel="alternate stylesheet" type="text/css" title="A++" />

<!-- IF S_CONTENT_DIRECTION eq 'rtl' -->
	<link href="{T_THEME_PATH}/bidi.css" rel="stylesheet" type="text/css" media="screen, projection" />
<!-- ENDIF -->

<!--[if IE]>
	<link rel="stylesheet" type="text/css" href="{T_THEME_PATH}/ie.css" />
<![endif]-->

</head>

<body id="phpbb" class="nojs section-{SCRIPT_NAME} {S_CONTENT_DIRECTION}">
    <script type="text/javascript">
    // <![CDATA[
    $("body").removeClass("nojs").addClass("js");
    // ]]>
    </script>

<div class="noise">
    <div id="wrap" style="width: {$ABSOLUTION_BOARD_WIDTH};">
    
    <p class="skiplink"><a href="#start_here">{L_SKIP}</a></p>
    <a id="top" name="top" accesskey="t"></a>
    
    <div id="header">
        <div class="float-left">
        <!-- IF $USE_IMAGESET_LOGO -->
            {SITE_LOGO_IMG}
        <!-- ELSE -->
            <h1>{SITENAME}</h1>
        <!-- ENDIF -->
        </div>
        
        
        <div class="float-right">
            <div class="quicksearch">
                <!-- IF S_DISPLAY_SEARCH and not S_IN_SEARCH -->
                    <form action="{U_SEARCH}" method="get" id="search">
                        <fieldset>
                            <input name="keywords" id="keywords" type="text" maxlength="128" value="<!-- IF SEARCH_WORDS-->{SEARCH_WORDS}<!-- ELSE -->{L_SEARCH_MINI}<!-- ENDIF -->" onclick="if(this.value=='{LA_SEARCH_MINI}')this.value='';" onblur="if(this.value=='')this.value='{LA_SEARCH_MINI}';" />
                            <!--<input class="button2" value="{L_SEARCH}" type="submit" />--><br />
                            {S_SEARCH_HIDDEN_FIELDS}
                        </fieldset>
                        </form>
                    <!-- ENDIF -->
                </div>
            </div>
        <div style="clear: both;"></div>
    </div><!-- /header -->
    
    <!-- INCLUDE navbar.html -->
    
    <a name="start_here"></a>
    <div id="page-body">
        <div class="contentpadding">
        
        <!-- IF U_RESTORE_PERMISSIONS -->
            <div class="red-notice">
                <a href="{U_RESTORE_PERMISSIONS}">{L_RESTORE_PERMISSIONS}</a>
            </div>
        <!-- ENDIF -->
        
        <!-- IF S_BOARD_DISABLED and S_USER_LOGGED_IN and (U_MCP or U_ACP) -->
            <div class="red-notice">
                <strong>{L_INFORMATION}:</strong> {L_BOARD_DISABLED}
            </div>
        <!-- ENDIF -->
        
        <!-- IF SCRIPT_NAME eq 'viewforum' or SCRIPT_NAME eq 'viewtopic' -->
        	<a href="{U_INDEX}" accesskey="h">{L_INDEX}</a> <!-- BEGIN navlinks --> <strong>&#8249;</strong> <a href="{navlinks.U_VIEW_FORUM}">{navlinks.FORUM_NAME}</a><!-- END navlinks --><!-- IF SCRIPT_NAME eq 'viewtopic' --> <strong>&#8249;</strong> {TOPIC_TITLE}<!-- ENDIF -->
        <!-- ENDIF -->

[_Vinny_]

Cadê o crédito da tradução? Conforme as regras: http://www.suportephpbb.com.br/regras#rule2a

[ZonadeCombate]

Eu botei um footer de um outro template, eu estou ciente das regras de uso da tradução, já utilizo a tradução de vocês a muito tempo. Pode olhar lá, já voltei o footer do template original. Alguem pode ajudar a botar o header custom neste template?

[robra]

Caso queira aprender mais sobre identificar e interagir com elementos da página leia o artigo:
Identificar e interagir com elementos da página
Quanto a sua dúvida, procure em seus arquivos css por...

Código: Selecionar todos

#header {
width: 100%;
background: url("./styles/absolution/theme/images/header.gif") repeat-x left top #00233F;
-moz-box-shadow: 0 0 8px #011123;
-webkit-box-shadow: 0 0 8px #011123;
box-shadow: 0 0 8px #011123;
} 

... e na linha background: url("./styles/absolution/theme/images/header.gif") repeat-x left top #00233F; que está definido o fundo azul, mais precisamente pela cor #00233F.

Abraço.

[ZonadeCombate]

Sim, mas como coloco uma imagem ali no lugar do header.gif?
O header.gif é apenas um pequeno filete de preto que se multiplica várias vezes pelo repeat-x left top. A minha dúvida é colocar uma imagem ali dentro de forma que acompanhe o estilo.

[robra]

Qual o endereço da imagem que deseja colocar lá ou tem alguma imagem na net que possa servir de exemplo ?
Tente o seguinte:
Na linha background: url("./styles/absolution/theme/images/header.gif") repeat-x left top #00233F; que citei anteriormente, deixe apenas background: url("./styles/absolution/theme/images/header.gif");, renomeie sua imagem para header.gif e faça upload dela substituindo a que está lá.

Abraço.

[ZonadeCombate]

Bom, eu consegui fazer depois de ler o tutorial que você mandou.
Eu utilizo o Firebug do Firefox, acho mais leve... mas enfim,

Eu removi a Seachbox do template, ai aquele bug do fundo azul sumiu e voltou ao header original do template. Eu coloquei uma imagem de teste e fiz assim:

Código: Selecionar todos

#header h1 {
	background: url("{T_THEME_PATH}/images/header.png") no-repeat left top;
    width: 1520px;
	height: 150px;
}

Modifiquei o header h1.
Belesma, funcionou legal...

Agora eu queria remover o nome do fórum ali do header, conforme o tutorial que já li várias vezes inclusive já fiz em outros templates. Mas nesse template ta zicado, olha lá o overall_header que postei no inicio, se eu removo o SITE_NAME ele remove o header todinho do forum.

Código: Selecionar todos

    <div id="header">
        <div class="float-left">
        <!-- IF $USE_IMAGESET_LOGO -->
            {SITE_LOGO_IMG}
        <!-- ELSE -->
            <h1>{SITENAME}</h1>
        <!-- ENDIF -->
        </div>

Coloquei a imagem de banner de teste no meu forum, só clicar no link no primeiro post

[robra]

Para retirar o nome do Fórum é só deixar o campo "Nome do site:" em branco, na aba GERAL>>link Configurações do Fórum.

Abraço.

[ZonadeCombate]

Mas neste tutorial (kb.php?a=95) diz que se eu remover o nome lá no ACP ficarei com um forum sem nome!!

Já tentou remover o nome e a descrição do fórum ao lado, e a única solução foi remover o nome e a descrição no Painel de Administração(ACP)? Pois bem, essa "solução" esta completamente errada. Removendo o nome do fórum pelo ACP, o fórum fica literalmente sem nome, ou seja, na própria barra de navegação do navegador, quando estiver visualizando o fórum não tem nenhum nome, e o pior de todos, quando for pesquisar nos sites de busca, o que o buscador vai mostrar? Um site sem nome!!! Vamos agora a simples solução para esse problema.

Ah, outro problema...
Eu não consigo fazer o banner acompanhar o layout do fórum.

Ele fica bom na minha resolução, mas em outras resoluções ele vai pra fora do template eu fica menor que o template. Como arrumo isso?

[robra]

Tente o seguinte:
1- Volte tudo ao que era antes.
2- Faça o que está descrito na mensagem viewtopic.php?f=149&t=47331#p281978.

Abraço.