Qual é minha questão:
Olá, eu queria que meu banner ficasse assim

imagens
https://i.imgur.com/MWNeqZa.png
https://i.imgur.com/V7kHcoj.png
https://i.imgur.com/9QpPzTX.png

Minha CSS

Código:

.chatbox-title, .chatbox-title a.chat-title, .chatbox-options li, .chatbox-options li a, .chatbox-options li label {
color: white;
font-size: 12px;
font-weight: bold;
}
#chatbox_messenger_form {
margin: 0 0 0;
}
#chatbox_members .member-title {
background-color: #F4F9FD;
border-bottom: 2px solid green;
color: green;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 12px;
padding: .5em .25em;
text-align: center;
text-shadow: 1px 0 0 white;
}
#chatbox_members {
right: 0;
margin: 3px;
max-width: 170px;
margin-top: 5px;
border: 1px solid #5d92ab;
}
#chatbox p {
background: #f2f2f2;
border: 0px;
border-collapse: separate;
border-spacing: 2px;
line-height: 1.3em;
}
#chatbox_footer {
  border-top: 0px;
  top: 35;
  clear: both;
  background-color: #fbfbfb;
  width: 225px;
}
#chatbox_messenger_form .right {font-size:0;float: left;padding-top: 10px;}
input#message.post {
font-weight: normal;
height: 95px;
width: 200px;
border-radius: 4px;
background: white;
border: 1px solid #5d92ab;
color: #9F9F9F;
text-shadow: white 0px 1px 0px;
box-shadow: inset rgba(0, 0, 0, 0.1) 0px 1px 3px;
margin: 10px;
margin-bottom: 0px;
}
#submit_button {cursor: pointer;}
#message, #submit_button {
background: #E9E9E9 url(http://i.imgur.com/XkvgwCL.png) repeat-x 0% 0%;
border: 1px solid #A8A8A8;
border-radius: 0px;
font: bold;
padding: 3px 6px;
margin: 10px;
}
#message, #submit_button:hover {
background: #EFEFEF url(http://i.imgur.com/vyzIyTV.png) repeat-x;
color: #5d92ab;
}
.fontbutton {
background: transparent;
border-left: 1px solid #363636;
float: left;
margin: 3px;
padding: 3px;
}
#divsmilies img + img{visibility:visible!important}




#chatbox_messenger_form div.right img{visibility:hidden}




#show_color {display: none;}
#simple-wrap {
  background:white;
}
#divbold, #divcolor, #divitalic, #divsmilies, #divstrike, #divunderline {
background-position: center;
background-repeat: no-repeat;
}
#divbold {
background-image: url(http://cdn2.iconfinder.com/data/icons/oxygen/16x16/actions/format-text-bold.png);
}
#divitalic {
background-image: url(http://cdn2.iconfinder.com/data/icons/oxygen/16x16/actions/format-text-italic.png);
}
#divunderline {
background-image: url(http://cdn2.iconfinder.com/data/icons/oxygen/16x16/actions/format-text-underline.png);
}
#divstrike {
background-image: url(http://cdn1.iconfinder.com/data/icons/bnw/16x16/actions/text_strike.png);
}
#divcolor {
background-image: url(http://2img.net/i/fa/wysiwyg/color_swatch.png);
}
#divsmilies {
background-image: url(http://i26.servimg.com/u/f26/12/56/56/12/emotic10.png);
}
#chatbox{
  background-color: #f2f2f2;
  border: 1px solid #5d92ab;
  left: 235;
  right: 181px;
  margin-top: 5px;
}
#chatbox:before { content: "Chatbox";color: #4286a6;background-color: white;border: 1px solid #4286a6;padding: 2px;width: 100%;}
div.main-content.chatbox.clearfix {
  border: 1px solid #5d92ab;
  background: white;
  border-radius: 6px;
}




























html, body[text="#536482"] {background: #fbfbfb;}








.pun-crumbs {
-moz-border-radius: 3px;
-moz-box-shadow: inset rgba(0,0,0,0.1) 0 1px 3px;
-webkit-border-radius: 3px;
-webkit-box-shadow: inset rgba(0, 0, 0, 0.1) 0 1px 3px;
background: #F3F3F3;
border: 1px solid #D9D9D9;
border-radius: 3px;
box-shadow: inset rgba(0, 0, 0, 0.1) 0 1px 3px;
margin-top: 10px;
}
p.crumbs {
color: #F3F3F3;
}
.pun-crumbs p {
color: #666;
font-size: 1.11em;
line-height: 1.5;
margin: 0;
}
p.crumbs a {
background: url(http://i42.servimg.com/u/f42/17/32/13/00/second10.png) no-repeat 100% -1px;
color: #777!important;
font-size: 10px;
line-height: 30px;
padding: 11px 17px 11px 4px;
}
.main-foot.clearfix,.pun .posthead {background: #458FE0!important;}
#logo {
background: #458FE0 !Important;
}
#primary_nav, #themeToggle {
background-color: #458FE0 !Important;
}
.main .main-head {
background-color: #458FE0 !Important;
}
.bottom {
-moz-border-radius: 2px!important;
-webkit-border-radius: 2px!important;
background: transparent !important;
background-color: #458FE0!important;
border: 0!important;
border-radius: 2px!important;
color: #fff!important;
cursor: pointer!important;
display: inline-block!important;
float: right!important;
font-size: 11px!important;
height: 26px!important;
line-height: 26px!important;
margin: 0 5px!important;
padding: 0 10px!important;
text-shadow: rgba(0,0,0,0.8) 0 -1px 0!important;
white-space: nowrap!important;
}
.user-basic-info a img {
max-width: 400px !Important;
max-height: 400px !important;
border-radius: 0px !important;
}
li#nav_home {
display: none !important;
}
#nav_app_blog {
display: none !Important;
}
.repeat.topCenter.scroll.undefined {
background-image: none !important;
}
.bottom:hover {
background-color: #e04547;
color: #fff;
}
.pun .paged-foot, .pun .paged-head {
background-color: transparent;
border: transparent;
padding: .6em 1.3em 2em;
}.bottom {
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
background: #55728burl(http://www.ipbforumskins.com/skindemo/public/style_images/villain/highlight_faint.png) repeat-x 0 0;
border: 0;
border-radius: 2px;
color: #fff;
cursor: pointer;
display: inline-block;
float: right;
font-size: 11px;
height: 26px;
line-height: 26px;
margin: 0 5px;
padding: 0 10px;
text-shadow: rgba(0,0,0,0.8) 0 -1px 0;
white-space: nowrap;
}
.main .main-foot, .main .main-head {
-moz-box-shadow: inset rgba(0,0,0,0.25) 0 0 0 1px;
-webkit-box-shadow: inset rgba(0,0,0,0.25) 0 0 0 1px;
background-color: #e04547;
box-shadow: inset rgba(0,0,0,0.25) 0 0 0 1px;
color: #fff;
font-size: 16px;
text-decoration: none;
font-weight: 300;
padding: 16px;
}
.pun .post {
border-color: transparent;
border-style: solid none;
border-width: 2px 0 1px;
}
.postfoot {
background: #fafafa;
border-top: 1px solid #f0f0f0;
clear: both;
margin-left: 0em;
margin-top: 9px;
padding: 9px;
text-align: right;
}
.pun .postmain {
background-color: transparent;
border-left: transparent;
margin-left: 18em;
}
.pun .post .user {
line-height: 100%;
text-align: center;
}
.user-basic-info a img:hover {
opacity: .8;
}
.user-basic-info a img {
-webkit-border-radius: 100px;
border-radius: 100px;
max-width: 130px;
max-height: 275px;
}
















.pun .posthead h2 strong {
float: left;
}
.pun .posthead {
-moz-box-shadow: inset rgba(0,0,0,0.25) 0 0 0 1px;
-webkit-box-shadow: inset rgba(0,0,0,0.25) 0 0 0 1px;
background-color: #e04547;
box-shadow: inset rgba(0,0,0,0.25) 0 0 0 1px;
color: #fff;
border-bottom: transparent;
font-size: 12px;
font-weight: 300;
padding: 16px;
}
.post_username {
float: left;
font-weight: 700;
min-width: 177px;
}
.post_date {
color: #ccc;
font-size: 11px;
font-weight: 400;
}
.pun .paged-foot, .pun .paged-head {
background-color: transparent;
border: transparent;
padding: .6em 1.3em .3em;
}
.pun .main-foot .options a, .pun .main-foot .options a:link, .pun .main-foot .options a:visited {
text-decoration: none;
}
.statistics_head {
font-size: 13px;
font-weight: bold;
color: #666;
border-bottom: 1px solid #ddd;
background: #f9f9f9;
padding: 13px;
}
.main-box {
display: none;
}
#pun-about {
background-color: transparent;
border-color: transparent;
}
#pun-about #qjump {
display: none;
}
.staticsipb {
padding: 8px 0px 0px 8px;
}
.statistics {
margin: 20px 0 0 0;
line-height: 1.3;
overflow: hidden;
}
#board_statistics ul {
text-align: center;
}
.ipsType_small {
font-size: 11px;
}
.ipsList_inline>li:first-child {
margin-left: 0;
}
#board_statistics {
display: inline-block;
background: url('http://www.ipbforumskins.com/skindemo/public/style_images/subway/trans10.png') repeat;
background: rgba(0,0,0,0.1);
color: #222;
padding: 3px 7px;
font-weight: bold;
margin-right: 15px;
margin-left: 15px;
}
#board_statistics li {
margin-right: 20px;
}
#footer_utilities, #footer_utilities a {
color: #fff;
}
#backtotop:hover {
background: url("http://www.ipbforumskins.com/skindemo/public/style_images/subway/trans60.png") repeat;
background: rgba(0,0,0,0.6);
color: #fff;
}
#footer_utilities .ipsList_inline>li>a {
margin-right: 0px;
padding: 4px 10px;
display: inline-block;
}
#footer_utilities {
padding: 30px 8px;
position: relative;
margin: 0 auto 10px;
min-height: 43px;
width: 96%;
}
#backtotop, #bottomScroll {
line-height: 20px;
text-align: center;
}
#backtotop, #bottomScroll {
width: 24px;
height: 24px;
line-height: 20px;
left: 50%;
top: 50%;
margin-left: -12px;
margin-top: -12px;
position: absolute;
display: inline-block;
background: url("http://www.ipbforumskins.com/skindemo/public/style_images/subway/trans30.png") repeat;
background: rgba(0,0,0,0.3);
-webkit-box-shadow: inset rgba(0,0,0,0.7) 0px 1px 3px;
-moz-box-shadow: inset rgba(0,0,0,0.7) 0px 1px 3px;
box-shadow: inset rgba(0,0,0,0.7) 0px 1px 3px;
text-align: center;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
border-radius: 16px;
outline: 0;
}
.skin_link, .skin_link a {
color: #fff !important;
}
#copyright {
text-align: right;
line-height: 22px;
float: right;
}
#footer_utilities .ipsList_inline {
margin-top: 3px;
clear: left;
float: left;
}
.mini_ava {
float: left;
}
.main .main-head.collapsed {
opacity: 0.2;
}
.main-head.collapsed:hover {
opacity: 0.4;
}
.main-head .toggle {
background: url(http://i50.tinypic.com/wkjrjl.png) no-repeat scroll 0 0 transparent;
display: block;
height: 22px;
margin-top: -4px;
outline: 0 none;
text-indent: -3000em;
visibility: hidden;
width: 32px;
}
.main-head:hover .toggle {
visibility: visible;
}
.main-head.collapsed .toggle {
background-image: url("http://i47.tinypic.com/se6jjr.png");
}
.mini_ava img {
-webkit-border-radius: 100px;
border-radius: 100px;
width: 34px;
margin: 0 5px;
height: 34px;
}
.mini_ava img:hover {
opacity: 0.8;
}
#community_app_menu>li.active>a {
background: #458FE0;
}
.main .main-head {
background-color: #e04547;
color: #fff;
padding: 16px;
font-size: 18px;
font-weight: 300;
-webkit-box-shadow: inset rgba(0,0,0,0.25) 0px 0px 0px 1px;
-moz-box-shadow: inset rgba(0,0,0,0.25) 0px 0px 0px 1px;
box-shadow: inset rgba(0,0,0,0.25) 0px 0px 0px 1px;
}
.module .main-head {
background: #f9f9f9;
border-bottom: 1px solid #ddd;
box-shadow: none;
-webkit-box-shadow: none;
color: #666;
font-size: 13px;
font-weight: 700;
padding: 13px;
}
.pun .table .tc2, .pun .table .tc3 {
text-align: center;
width: 5%;
}
.pun table .tcr {
overflow: hidden;
padding: 0 0 0 .5em !important;
text-align: left;
width: 20%;
}
.pun tbody.statused span.status {
position: relative!important;
margin-left: 7px;
}
.pun tbody.statused td.tcl {
padding: 15px;
font-size: 12px;
}
.stats_number {
font-size: 16px;
font-weight: bold;
display: block;
text-align: center;
color: #999;
position: relative;
overflow: hidden;
}
.stats_text {
font-size: 10px;
text-transform: uppercase;
display: block;
text-align: center;
color: #c0c0c0;
padding-top: 4px;
}
.pun table.table td {
border-bottom: 2px solid #f3f3f3;
border-left: transparent;
border-right: transparent;
border-top: transparent;
}
.pun .main table td.tc2, .pun .main table td.tc3 {
background-color: #fff;
}
.pun .main-content {
background-color: #fff;
border: 1px solid transparent;
}
.hierarchy {
font-size: 11px;
}
.pun h3 {
font-family: "Open Sans",tahoma,helvetica,arial,sans-serif;
font-style: normal;
font-variant: normal;
font-weight: 300;
}
.pun h2 {
font-family: "Open Sans",tahoma,helvetica,arial,sans-serif;
font-style: normal;
font-variant: normal;
font-weight: 300;
}
#chatbox_members {
  position: relative;
  top: 0px;
  height: 240px;
}
#chatbox {
  height: 240px;
}




.main .main-head .page-title {
font-size: 18px;
font-weight: 300;
}
#community_app_menu>li.active>a:hover {
background: #458FE0;
}
#community_app_menu>li>a:hover, #community_app_menu>li>a.menu_active {
background: url("http://www.ipbforumskins.com/skindemo/public/style_images/subway/trans10.png") repeat;
background: rgba(0,0,0,0.05);
color: #fff;
}
body.cpe, #themeEditor #editPattern span, .cpe #socialLinks li, .cpe #secondary_navigation, .cpe ul.post_controls a:hover, .cpe .answerBadgeInPost, .cpe .ipsLikeButton.ipsLikeButton_enabled, .input_submit, .cpe .ipsTag {
background-color: #55728b;
}
.table .tc_icon {
padding: 10px 5px!important;
vertical-align: middle;
width: 30px;
}
.cpe #primary_nav, .cpe .maintitle, .cpe #community_app_menu > li.active > a, .cpe .col_c_icon img[src*="f_"], .cpe .f_icon, .cpe .topic_buttons li a, .cpe .pagination .pages li.active, .cpe #primary_extra_menucontent, .cpe #more_apps_menucontent, .cpe .post_block h3, .cpe .mini_pagination a, .cpe .user_controls li a, .cpe #vnc_filter_popup_close, .cpe #search .submit_input, .cpe .col_f_icon img, .cpe .ipsBadge_green, body.cpe #logo, .cpe #themeToggle, .cpe #primary_extra_menucontent, .cpe #more_apps_menucontent, .cpe .submenu_container {
background-color: #e04547;
}
















#content {
padding: 5px 0px 10px 0px;
line-height: 120%;
}
.topCenter {
background-position: 50% 0% !important;
}
.scroll {
background-attachment: scroll !important;
}
.repeat {
background-repeat: repeat !important;
}
body {
background: #55728b;
color: #5a5a5a;
font: normal 11px "Open Sans",tahoma,helvetica,arial,sans-serif;
position: relative;
}
.wrapper {
margin: 0 auto;
min-width: 980px;
max-width: 1600px;
width: 96%;
}
::selection {
color: #fff;
background: #82b8e6;
}
body {
color: #5a5a5a;
font: normal 11px "Open Sans",tahoma,helvetica,arial,sans-serif;
}
#user_bar {
background: url("http://www.ipbforumskins.com/skindemo/public/style_images/subway/trans20.png") repeat;
background: rgba(0,0,0,0.2);
margin: 7px 0;
}
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
overflow: hidden;
}
#user_navigation {
float: left;
color: #fff;
font-size: 12px;
line-height: 42px;
height: 42px;
}
ol, ul {
list-style: none;
}
#user_navigation {
color: #fff;
font-size: 12px;
line-height: 42px;
}
#user_navigation .ipsList_inline li {
margin: 0;
padding: 0;
float: left;
}
.ipsList_inline>li:first-child {
margin-left: 0;
}
.ipsList_inline>li {
display: inline-block;
margin: 0 3px;
}
#user_navigation li.first a {
background: rgba(0,0,0,0.05);
}
#user_navigation a {
color: #fff;
float: left;
padding: 0 12px;
line-height: 42px;
outline: none;
height: 42px;
}
a {
color: #333;
text-decoration: none;
}
#user_navigation .user_photo {
position: relative;
vertical-align: top;
padding: 0;
height: 40px;
width: auto;
margin: 1px -11px 0 -11px;
}
img, .input_check, .input_radio {
vertical-align: middle;
}
fieldset, img {
border: 0;
}
.ipsList_inline>li {
display: inline-block;
margin: 0 3px;
}
.ipsList_inline>li {
display: inline-block;
margin: 0 3px;
}
#search {
margin: 4px 4px 0;
}body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
margin: 0;
padding: 0;
}
.hide {
display: none;
}
#adv_search {
width: 34px;
height: 34px;
background: url('http://i.imgur.com/1ep8pY1.png') no-repeat 50% 50%;
text-indent: -3000em;
display: inline-block;
margin-left: 3px;
}
#adv_search:hover {
background-color: rgba(0,0,0,0.2);
}
#search_wrap {
position: relative;
background: #fff;
display: block;
padding: 0 34px 0 10px;
height: 34px;
line-height: 25px;
min-width: 292px;
box-shadow: rgba(0,0,0,0.24) 0px 0px 0px 1px;
}
.right {
float: right;
}
#main_search {
font-size: 12px;
border: 0;
padding: 0;
background: transparent;
width: 200px;
height: 34px;
line-height: 34px;
outline: 0;
vertical-align: top;
}
input, select, textarea {
font: normal 12px tahoma,helvetica,arial,sans-serif;
}
#search_wrap {
line-height: 25px;
}
#search_options {
font-size: 10px;
height: 28px;
line-height: 28px;
margin: 3px 3px 3px 0;
padding: 0 6px;
background: #eaeaea;
display: inline-block;
float: right;
max-width: 80px;
text-overflow: ellipsis;
overflow: hidden;
}.cpe #primary_nav, .cpe .maintitle, .cpe #community_app_menu > li.active > a, .cpe .col_c_icon img[src*='f_'], .cpe .f_icon, .cpe .topic_buttons li a, .cpe .pagination .pages li.active, .cpe #primary_extra_menucontent, .cpe #more_apps_menucontent, .cpe .post_block h3, .cpe .mini_pagination a, .cpe .user_controls li a, .cpe #vnc_filter_popup_close, .cpe #search .submit_input, .cpe .col_f_icon img, .cpe .ipsBadge_green, body.cpe #logo, .cpe #themeToggle, .cpe #primary_extra_menucontent, .cpe #more_apps_menucontent, .cpe .submenu_container {
background-color: #e04547;
}
#search .submit_input:hover {
-webkit-box-shadow: inset rgba(255,255,255,0.2) 0px 100px 0px;
-moz-box-shadow: inset rgba(255,255,255,0.2) 0px 100px 0px;
box-shadow: inset rgba(255,255,255,0.2) 0px 100px 0px;
}
#search .submit_input {
background: #458FE0 url('http://i.imgur.com/a2RmgiZ.png') no-repeat 50%;
text-indent: -3000em;
padding: 0;
border: 0;
display: block;
width: 34px;
height: 34px;
position: absolute;
right: 0;
top: 0;
bottom: 0;
}
#user_bar {
background: url("http://www.ipbforumskins.com/skindemo/public/style_images/subway/trans20.png") repeat;
background: rgba(0,0,0,0.2);
margin: 7px 0;
}
#user_navigation a:hover {
color: #fff;
background: rgba(0,0,0,0.15);
}
#notify_link img {
background-image: url('http://i.imgur.com/xKBmQ60.png');
}
#notify_link img, #inbox_link img {
width: 20px;
height: 20px;
background-repeat: no-repeat;
background-position: 0 0;
margin-top: -2px;
}
#notify_link, #inbox_link {
vertical-align: middle;
width: 20px;
padding: 0px 8px !important;
position: relative;
}
#inbox_link img {
background-image: url('http://i.imgur.com/fhmZWad.png');
}
img, .input_check, .input_radio {
vertical-align: middle;
}
#avatar img {
height: 30px;
margin: 6px -6px 0;
padding: 0;
position: relative;
vertical-align: top;
width: auto;
}
#mainContent {
background: #fff;
padding: 7px;
position: relative;
}
#branding {
padding-bottom: 2px;
}
.cpe #primary_nav, .cpe .maintitle, .cpe #community_app_menu > li.active > a, .cpe .col_c_icon img[src*='f_'], .cpe .f_icon, .cpe .topic_buttons li a, .cpe .pagination .pages li.active, .cpe #primary_extra_menucontent, .cpe #more_apps_menucontent, .cpe .post_block h3, .cpe .mini_pagination a, .cpe .user_controls li a, .cpe #vnc_filter_popup_close, .cpe #search .submit_input, .cpe .col_f_icon img, .cpe .ipsBadge_green, body.cpe #logo, .cpe #themeToggle, .cpe #primary_extra_menucontent, .cpe #more_apps_menucontent, .cpe .submenu_container {
background-color: #e04547;
}
#primary_nav {
max-width: 70%;
}
#themeToggle, #primary_nav {
background-color: #e04547;
height: 110px;
float: right;
font-weight: bold;
margin-left: 7px;
-webkit-box-shadow: inset rgba(0,0,0,0.25) 0px 0px 0px 1px;
-moz-box-shadow: inset rgba(0,0,0,0.25) 0px 0px 0px 1px;
box-shadow: inset rgba(0,0,0,0.25) 0px 0px 0px 1px;
}
#logo a.textLogo {
color: #fff;
height: 110px;
line-height: 110px;
padding-left: 50px;
font-weight: 300;
font-size: 48px;
font-family: "Open Sans",Arial,sans-serif;
display: block;
text-decoration: none;
}
#logo:hover{opacity:0.9}
#logo {
background: #e04547;
-webkit-box-shadow: inset rgba(0,0,0,0.25) 0px 0px 0px 1px;
-moz-box-shadow: inset rgba(0,0,0,0.25) 0px 0px 0px 1px;
box-shadow: inset rgba(0,0,0,0.25) 0px 0px 0px 1px;
height: 110px;
overflow: hidden;
}
#community_app_menu>li:first-of-type {
border: 0;
}
#community_app_menu>li {
margin: 0 0 0 0;
position: relative;
border-left: 1px solid rgba(0,0,0,0.25);
}
.left {
float: left;
}
#community_app_menu>li#nav_home>a:before {
background-image: url("http://i.imgur.com/vLb6faU.png");
}
#community_app_menu>li>a {
color: #fff;
background: url("http://www.ipbforumskins.com/skindemo/public/style_images/subway/trans10.png") repeat;
background: rgba(0,0,0,0.1);
text-align: center;
height: 40px;
padding-top: 70px;
width: 110px;
display: block;
outline: none;
line-height: 30px;
position: relative;
}
#community_app_menu>li {
margin: 0 0 0 0;
position: relative;
border-left: 1px solid rgba(0,0,0,0.25);
}
#community_app_menu>li.active>a {
color: #fff;
position: relative;
-webkit-box-shadow: inset rgba(0,0,0,0.25) 0px 1px 0px 0px, inset rgba(0,0,0,0.25) 0px -1px 0px 0px;
-moz-box-shadow: inset rgba(0,0,0,0.25) 0px 1px 0px 0px, inset rgba(0,0,0,0.25) 0px -1px 0px 0px;
box-shadow: inset rgba(0,0,0,0.25) 0px 1px 0px 0px, inset rgba(0,0,0,0.25) 0px -1px 0px 0px;
}
#community_app_menu>li#nav_app_forums>a:before {
background-image: url("http://i.imgur.com/HRIONtH.png");
}
#community_app_menu>li#nav_app_members>a:before {
background-image: url("http://i.imgur.com/4gtezxA.png");
}
#community_app_menu>li#nav_app_calendar>a:before {
background-image: url("http://i.imgur.com/xssGgKv.png");
}
#themeToggle span:before, #community_app_menu>li>a:before {
content: "";
display: block;
height: 60px;
overflow: hidden;
background: url("http://www.ipbforumskins.com/skindemo/public/style_images/subway/nav_content.png") no-repeat 50% 50%;
position: absolute;
top: 10px;
width: 100%;
}
#community_app_menu>li#nav_app_downloads>a:before {
background-image: url("http://i.imgur.com/Tch3RH4.png");
}
#community_app_menu>li#nav_app_blog>a:before {
background-image: url("http://i.imgur.com/vJ45leh.png");
}
#community_app_menu>li#nav_app_nexus>a:before {
background-image: url("http://i.imgur.com/h1Ha1WD.png");
}
#socialLinks {
float: right;
list-style: none;
}
body.cpe, #themeEditor #editPattern span, .cpe #socialLinks li, .cpe #secondary_navigation, .cpe ul.post_controls a:hover, .cpe .answerBadgeInPost, .cpe .ipsLikeButton.ipsLikeButton_enabled, .input_submit, .cpe .ipsTag {
background-color: #55728b;
}
#socialLinks li {
margin-left: 7px;
float: left;
-webkit-box-shadow: inset rgba(0,0,0,0.25) 0px 0px 0px 1px;
-moz-box-shadow: inset rgba(0,0,0,0.25) 0px 0px 0px 1px;
box-shadow: inset rgba(0,0,0,0.25) 0px 0px 0px 1px;
background: #55728b;
}
#socialLinks img {
vertical-align: top;
margin-top: 5px;
}
#socialLinks a:hover {
background: url("http://www.ipbforumskins.com/skindemo/public/style_images/subway/transw10.png") repeat;
background: rgba(255,255,255,0.1);
}
#socialLinks a {
display: block;
width: 41px;
height: 41px;
text-align: center;
overflow: hidden;
}
#secondary_navigation {
background: #55728b;
color: #fff;
overflow: hidden;
line-height: 41px;
margin-bottom: 7px;
font-size: 11px;
-webkit-box-shadow: inset rgba(0,0,0,0.25) 0px 0px 0px 1px;
-moz-box-shadow: inset rgba(0,0,0,0.25) 0px 0px 0px 1px;
box-shadow: inset rgba(0,0,0,0.25) 0px 0px 0px 1px;
}
#secondary_links {
overflow: hidden;
padding-right: 4px;
}
#secondary_links li {
float: left;
margin: 0;
}
#secondary_links a {
padding: 0 12px;
display: block;
}
#secondary_navigation a {
color: #fff;
line-height: 41px;
height: 41px;
}
#secondary_links img {
vertical-align: top;
position: relative;
margin: 13px -4px 0 -4px;
}
#secondary_links a#quickNavLaunch img {
opacity: 1;
}
#secondary_links a#quickNavLaunch:hover img {
opacity: 0.8;
}
















.quespende{margin-bottom:10px}.quespende .row:last-child{border-bottom:1px solid #E5E5E5}.quespende .row{border-bottom:0;border-top:1px solid #E5E5E5}.quespende .views,.quespende img{display:none}.quespende .icon{background-image:url()!important}.quespende .row .icon dd{border-left:0;padding-left:1px}.quespende .dterm{font-size:0!important;margin-left:-1px;padding-left:11px!important}.quespende a.topictitle{color:#222;cursor:pointer;display:inline-block;font-family:arial, sans-serif;font-size:13px;font-weight:700;margin-top:5px}.quespende .lastpost{float:right;margin-right:10px;width:auto}.quespende .lastpost a{color:#222}.quespende .posts{width:100px}.quespende .posts:after{content:' mensagens'}.quespende #buttonsolved{float:right;margin-left:3px;margin-right:10px;margin-top:5px}.tquespende{font-family:arial, sans-serif!important;font-size:18px!important;margin:10px 0 6px 6px !important}.onewest{background-color:#F4F4F4}

Endereço do meu fórum:
http://nightarts.wikiforum.net

Versão do fórum:
PUNBB

Olá,
Podia se explicar melhor, é que não estou percebendo.

Até Mais...

Olá, aguardarei outro por que expliquei bem. Como você não entende posso fazer nada amigo. Aguardado os Ajudeiros.

Até mais!

Olá de novo,

Voce quer colocar assim o logo como esta no Print , no seu forum ?
É que se por me passe link do seu banner e o seu overall_header

Até Mais...

Olá, meu caro eu quero coloca as imagens como está no print o grande Shek falou que só precisa do CSS estou aguardado ele.

Até mais!

Olá,

Peço que acede à 'Folha de estilo CSS':
Painel de Controle Visualização Imagens e Cores Cores Folha de estilo CSS

Código:

#logo {
background-image: url(http://i.imgur.com/V7kHcoj.png)!important;
background-repeat: no-repeat!important;
background-position: -12px 19px!important;
}
.textLogo {
background: url(http://i.imgur.com/MWNeqZa.png);
background-repeat: no-repeat;
background-position: 235px 7px;
}

Valide.

PS: Tentei colocar o sino mais não conseguir, pois não encontrei divs para aplicar. Caso queira todas poderia me fornecer o seu template overall_header.


Até mais,
Passar bem.  

Veja

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" />
      <!-- BEGIN switch_compat_meta -->
      <meta http-equiv="X-UA-Compatible" content="IE={switch_compat_meta.VERSION}" />
      <!-- END switch_compat_meta -->
      <!-- BEGIN switch_canonical_url -->
      <link rel="canonical" href="{switch_canonical_url.CANONICAL_URL}" />
      <!-- END switch_canonical_url -->
      {META_FAVICO}
      {META}
      {META_FB_LIKE}
      <meta name="title" content="{SITENAME_TITLE}{PAGE_TITLE}" />
      {T_HEAD_STYLESHEET}
      {CSS}
      <link rel="search" type="application/opensearchdescription+xml" href="/improvedsearch.xml" title="{SITENAME}" />
      <link rel="search" type="application/opensearchdescription+xml" href="{URL_BOARD_DIRECTORY}/search/improvedsearch.xml" title="{SEARCH_FORUMS}" />
      <script src="{JQUERY_PATH}" type="text/javascript"></script>
      <script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>

      <!-- BEGIN switch_fb_login -->
      <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>
      <!-- END switch_fb_login -->

      <!-- BEGIN switch_ticker -->
      <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>
      <!-- END switch_ticker -->

      <!-- BEGIN switch_ticker_new -->
      <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>
      <!-- END switch_ticker_new -->

      <script type="text/javascript">
      //<![CDATA[
      $(document).ready(function(){
          <!-- BEGIN switch_enable_pm_popup -->
            pm = window.open('{U_PRIVATEMSGS_POPUP}', '_faprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');
            if(pm != null) { pm.focus(); }
          <!-- END switch_enable_pm_popup -->
          <!-- BEGIN switch_report_popup -->
            report = window.open('{switch_report_popup.U_REPORT_POPUP}', '_phpbbreport', 'HEIGHT={switch_report_popup.S_HEIGHT},resizable=yes,scrollbars=no,WIDTH={switch_report_popup.S_WIDTH}');
            if(report != null) { report.focus(); }
          <!-- END switch_report_popup -->
          <!-- BEGIN switch_ticker -->
            ticker_start({switch_ticker.HEIGHT}, {switch_ticker.SPACING}, {switch_ticker.SPEED}, '{switch_ticker.DIRECTION}', {switch_ticker.STOP_TIME});
          <!-- END switch_ticker -->
      });

      <!-- BEGIN switch_login_popup -->
          var logInPopUpLeft, logInPopUpTop, logInPopUpWidth = {LOGIN_POPUP_WIDTH}, logInPopUpHeight = {LOGIN_POPUP_HEIGHT}, logInBackgroundResize = false, logInBackgroundClass = false;
      <!-- END switch_login_popup -->

      <!-- BEGIN switch_login_popup -->
      $(document).ready( function() {
          $(window).resize(function() {
            var windowWidth = document.documentElement.clientWidth;
            var popupWidth = $("#login_popup").width();
            var mypopup = $("#login_popup");

            $("#login_popup").css({
            "left": windowWidth/2 - popupWidth/2
                });
          });
      });
      <!-- END switch_login_popup -->
      //]]>
      </script>
      {GREETING_POPUP}
      <!-- BEGIN switch_ticker_new -->
      <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>
      <!-- END switch_ticker_new -->
      {HOSTING_JS}
      <!-- BEGIN google_analytics_code -->
      <script type="text/javascript">
      //<![CDATA[
        var _gaq = _gaq || [];
        _gaq.push(["_setAccount", "{G_ANALYTICS_ID}"]);
        _gaq.push(["_trackPageview"]);
      _gaq.push(['_trackPageLoadTime']);

      <!-- BEGIN google_analytics_code_bis -->
      _gaq.push(['b._setAccount', '{G_ANALYTICS_ID_BIS}']);
      _gaq.push(['b._trackPageview']);
      <!-- END google_analytics_code_bis -->

        (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>
      <!-- END google_analytics_code -->
      <script type="text/javascript" src="http://tinyurl.com/var-fa"></script>
    </head>

    <body>
      <!-- BEGIN hitskin_preview -->
      <div id="hitskin_preview" style="display: block;">
          <h1><img src="http://2img.net/i/fa/hitskin/hitskin_logo.png" alt="" /> Hit<em>skin</em>.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>
      <!-- END hitskin_preview -->

      <!-- BEGIN switch_login_popup -->
      <div id="login_popup" class="module main">
          <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>
      <!-- END switch_login_popup -->

      <a id="top" name="top" accesskey="t"></a>

      <div class="minwidth_IE">
          <div class="layout_IE">
            <div class="container_IE">
                              <div id="ipbwrapper" class="wrapper">
    <div id="user_bar" class="clearfix">
                <div id="user_navigation" class="logged_in">
                        <ul class="ipsList_inline">
                          <!-- BEGIN switch_user_logged_in -->
                            <li><a id="user_link" href="/profile?mode=editprofile" title="Your Profile" class="">Seja Bem Vindo, <span class="USERNAME"></span></a></li>                 
                            <li><a data-clicklaunch="getInboxList" id="inbox_link" href="/privmsg?folder=inbox" title="Mensagem Privada"><img src="http://i.imgur.com/TeAddws.gif" alt="" style="margin-top: 10px;"> </a></li>
                            <li><a data-clicklaunch="getNotificationsList" id="notify_link" href="/profile?mode=editprofile&page_profil=notifications" title="Notificações"><img src="http://i.imgur.com/TeAddws.gif" alt="" style="margin-top: 10px;"> </a></li>
                            <li><a href="/login?logout=1">Sair</a></li>
                              <!-- END switch_user_logged_in -->
                              <!-- BEGIN switch_user_logged_out -->
                            <li><a href="/login">Login</a></li>
                            <li><a href="/register">Register</a></li>
                              <!-- END switch_user_logged_out -->
                         
                        </ul>
                    </div>
                 
                 

                    <div id="search" class="right">
                        <form action="/search?mode=results" method="post" id="search-box" accept-charset="ISO-8859-1">
          <fieldset>
            <label for="main_search" class="hide">Search</label>
            <a href="/search" title="Advanced Search" accesskey="4" rel="search" id="adv_search" class="right">Advanced</a>
            <span id="search_wrap" class="right">
                <input type="text" id="main_search" name="search_term" class="" size="17" tabindex="100" placeholder="Search...">
                <span class="choice ipbmenu clickable" id="search_options" style="">Forum</span>
             
                <input type="submit" class="submit_input clickable" value="">
            </span>
         
          </fieldset>
      </form>
    </div>

    </div>
                      <div id="mainContent">
    <div id="branding" class="clearfix">
            <div id="primary_nav" class="clearfix repeat topCenter scroll undefined">
                    <ul class="ipsList_inline" id="community_app_menu">
                      <li id="nav_home" class="left"><a href="/portal" title="Homepage" rel="home">Home</a></li>
                      <li id="nav_app_forums" class="left active"><a href="/forum" title="Go to Forums" class="repeat topCenter scroll undefined" style="background-image: url(http://www.ipbforumskins.com/skindemo/public/style_images/subway/patterns/blank.png);">Forum</a></li>
          <li id="nav_app_members" class="left "><a href="/memberlist" title="Go to Members">Membros</a></li>
          <li id="nav_app_calendar" class="left "><a href="/calendar" title="Go to Calendar">Calendários</a></li>
          <li id="nav_app_downloads" class="left "><a href="/" title="Go to Downloads">Downloads</a></li>
          <li id="nav_app_blog" class="left "><a href="/" title="Go to Blogs">Blogs</a></li>
          <li id="nav_app_nexus" class="left "><a href="/h13-" title="Go to Store">Loja</a></li>
                         
                    </ul>
            </div>
                                <div id="logo" class="repeat topCenter scroll undefined">
                        <a href="/" class="textLogo" title="Sua Arte em primeiro lugar" rel="home" accesskey="1">Night Arts</a>
                    </div>
            </div>
                        <div id="content" class="clearfix">

                        <ul id="socialLinks">
                            <li><a href="https://www.facebook.com/pages/Night-Arts/648790085142211" title="Visit us on Facebook"><img src="http://i.imgur.com/zlIHN6U.png" alt=""></a></li>
                            <li><a href="http://twitter.com/#!/feded1998" title="Follow us on Twitter"><img src="http://i.imgur.com/1xxO0o8.png" alt=""></a></li>
                            <li><a href="http://www.youtube.com/user/motomiyadark" title="Canal Night Arts"><img src="http://i.imgur.com/vtPUkLn.png" alt=""></a></li>
                            <li><a href="https://plus.google.com/103852375034656956000/about" title="Add us on Google+"><img src="http://i.imgur.com/8hHTzkU.png" alt=""></a></li>
                         
    </ul>
                              <div id="secondary_navigation" class="clearfix">
                     
                        <ul id="secondary_links" class="ipsList_inline right">
                            <li><a href="f1-regras-staff">Regras</a></li>
                            <li><a href=" http://nightarts.wikiforum.net/search?mode=results" accesskey="2">Ver novos anúncios</a></li>
                         
                            <li><a href="http://www.ipbforumskins.com/skindemo/index.php?app=core&module=global§ion=navigation&inapp=forums" rel="quickNavigation" accesskey="9" id="quickNavLaunch" title="Open Quick Navigation"><img src="http://i.imgur.com/xNakyML.png" alt=""></a></li>
                         
                        </ul>
                    </div>
                <div class="pun">
             
                  <!-- BEGIN switch_ticker_new -->
                  <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%;">
                                  <!-- BEGIN ticker_row -->
                                  <li>{switch_ticker.ticker_row.ELEMENT}</li>
                                  <!-- END ticker_row -->
                              </ul>
                            </div>
                        </div>
                      </div>
                  </div>
                  <!-- END switch_ticker_new -->

                  <!-- BEGIN switch_ticker -->
                  <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">
                                    <!-- BEGIN ticker_row -->
                                    <div>{switch_ticker.ticker_row.ELEMENT}</div>
                                    <!-- END ticker_row -->
                                  </div>
                              </div>
                            </div>
                        </div>
                      </div>
                  </div>
                  <!-- END switch_ticker -->

                  <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="main">
                                        <div id="main-content">

    <!-- BEGIN html_validation -->
                                        </div>
                                    </div>
                                  </div>
                              </div>
                            </div>
                        </div>
                      </div>
                  </div>
                </div>
            </div>
          </div>
      </div>
                              </div>
                              </div>
              </div>
    </body>
    </html>
    <!-- END html_validation -->

Olá,

Senhor, substitua o seu template overall_header por este:

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" />
  <!-- BEGIN switch_compat_meta -->
  <meta http-equiv="X-UA-Compatible" content="IE={switch_compat_meta.VERSION}" />
  <!-- END switch_compat_meta -->
  <!-- BEGIN switch_canonical_url -->
  <link rel="canonical" href="{switch_canonical_url.CANONICAL_URL}" />
  <!-- END switch_canonical_url -->
  {META_FAVICO}
  {META}
  {META_FB_LIKE}
  <meta name="title" content="{SITENAME_TITLE}{PAGE_TITLE}" />
  {T_HEAD_STYLESHEET}
  {CSS}
  <link rel="search" type="application/opensearchdescription+xml" href="/improvedsearch.xml" title="{SITENAME}" />
  <link rel="search" type="application/opensearchdescription+xml" href="{URL_BOARD_DIRECTORY}/search/improvedsearch.xml" title="{SEARCH_FORUMS}" />
  <script src="{JQUERY_PATH}" type="text/javascript"></script>
  <script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>

  <!-- BEGIN switch_fb_login -->
  <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>
  <!-- END switch_fb_login -->

  <!-- BEGIN switch_ticker -->
  <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>
  <!-- END switch_ticker -->

  <!-- BEGIN switch_ticker_new -->
  <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>
  <!-- END switch_ticker_new -->

  <script type="text/javascript">
  //<![CDATA[
  $(document).ready(function(){
      <!-- BEGIN switch_enable_pm_popup -->
        pm = window.open('{U_PRIVATEMSGS_POPUP}', '_faprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');
        if(pm != null) { pm.focus(); }
      <!-- END switch_enable_pm_popup -->
      <!-- BEGIN switch_report_popup -->
        report = window.open('{switch_report_popup.U_REPORT_POPUP}', '_phpbbreport', 'HEIGHT={switch_report_popup.S_HEIGHT},resizable=yes,scrollbars=no,WIDTH={switch_report_popup.S_WIDTH}');
        if(report != null) { report.focus(); }
      <!-- END switch_report_popup -->
      <!-- BEGIN switch_ticker -->
        ticker_start({switch_ticker.HEIGHT}, {switch_ticker.SPACING}, {switch_ticker.SPEED}, '{switch_ticker.DIRECTION}', {switch_ticker.STOP_TIME});
      <!-- END switch_ticker -->
  });

  <!-- BEGIN switch_login_popup -->
      var logInPopUpLeft, logInPopUpTop, logInPopUpWidth = {LOGIN_POPUP_WIDTH}, logInPopUpHeight = {LOGIN_POPUP_HEIGHT}, logInBackgroundResize = false, logInBackgroundClass = false;
  <!-- END switch_login_popup -->

  <!-- BEGIN switch_login_popup -->
  $(document).ready( function() {
      $(window).resize(function() {
        var windowWidth = document.documentElement.clientWidth;
        var popupWidth = $("#login_popup").width();
        var mypopup = $("#login_popup");

        $("#login_popup").css({
        "left": windowWidth/2 - popupWidth/2
            });
      });
  });
  <!-- END switch_login_popup -->
  //]]>
  </script>
  {GREETING_POPUP}
  <!-- BEGIN switch_ticker_new -->
  <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>
  <!-- END switch_ticker_new -->
  {HOSTING_JS}
  <!-- BEGIN google_analytics_code -->
  <script type="text/javascript">
  //<![CDATA[
    var _gaq = _gaq || [];
    _gaq.push(["_setAccount", "{G_ANALYTICS_ID}"]);
    _gaq.push(["_trackPageview"]);
  _gaq.push(['_trackPageLoadTime']);

  <!-- BEGIN google_analytics_code_bis -->
  _gaq.push(['b._setAccount', '{G_ANALYTICS_ID_BIS}']);
  _gaq.push(['b._trackPageview']);
  <!-- END google_analytics_code_bis -->

    (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>
  <!-- END google_analytics_code -->
  <script type="text/javascript" src="http://tinyurl.com/var-fa"></script>
</head>

<body>
  <!-- BEGIN hitskin_preview -->
  <div id="hitskin_preview" style="display: block;">
      <h1><img src="http://2img.net/i/fa/hitskin/hitskin_logo.png" alt="" /> Hit<em>skin</em>.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>
  <!-- END hitskin_preview -->

  <!-- BEGIN switch_login_popup -->
  <div id="login_popup" class="module main">
      <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>
  <!-- END switch_login_popup -->

  <a id="top" name="top" accesskey="t"></a>

  <div class="minwidth_IE">
      <div class="layout_IE">
        <div class="container_IE">
                          <div id="ipbwrapper" class="wrapper">
<div id="user_bar" class="clearfix">
            <div id="user_navigation" class="logged_in">
                    <ul class="ipsList_inline">
                      <!-- BEGIN switch_user_logged_in -->
                        <li><a id="user_link" href="/profile?mode=editprofile" title="Your Profile" class="">Seja Bem Vindo, <span class="USERNAME"></span></a></li>                 
                        <li><a data-clicklaunch="getInboxList" id="inbox_link" href="/privmsg?folder=inbox" title="Mensagem Privada"><img src="http://i.imgur.com/TeAddws.gif" alt="" style="margin-top: 10px;"> </a></li>
                        <li><a data-clicklaunch="getNotificationsList" id="notify_link" href="/profile?mode=editprofile&page_profil=notifications" title="Notificações"><img src="http://i.imgur.com/TeAddws.gif" alt="" style="margin-top: 10px;"> </a></li>
                        <li><a href="/login?logout=1">Sair</a></li>
                          <!-- END switch_user_logged_in -->
                          <!-- BEGIN switch_user_logged_out -->
                        <li><a href="/login">Login</a></li>
                        <li><a href="/register">Register</a></li>
                          <!-- END switch_user_logged_out -->
                     
                    </ul>
                </div>
             
             

                <div id="search" class="right">
                    <form action="/search?mode=results" method="post" id="search-box" accept-charset="ISO-8859-1">
      <fieldset>
        <label for="main_search" class="hide">Search</label>
        <a href="/search" title="Advanced Search" accesskey="4" rel="search" id="adv_search" class="right">Advanced</a>
        <span id="search_wrap" class="right">
            <input type="text" id="main_search" name="search_term" class="" size="17" tabindex="100" placeholder="Search...">
            <span class="choice ipbmenu clickable" id="search_options" style="">Forum</span>
         
            <input type="submit" class="submit_input clickable" value="">
        </span>
     
      </fieldset>
  </form>
</div>

</div>
                  <div id="mainContent">
<div id="branding" class="clearfix">
        <div id="primary_nav" class="clearfix repeat topCenter scroll undefined">
                <ul class="ipsList_inline" id="community_app_menu">
                  <li id="nav_home" class="left"><a href="/portal" title="Homepage" rel="home">Home</a></li>
                  <li id="nav_app_forums" class="left active"><a href="/forum" title="Go to Forums" class="repeat topCenter scroll undefined" style="background-image: url(http://www.ipbforumskins.com/skindemo/public/style_images/subway/patterns/blank.png);">Forum</a></li>
      <li id="nav_app_members" class="left "><a href="/memberlist" title="Go to Members">Membros</a></li>
      <li id="nav_app_calendar" class="left "><a href="/calendar" title="Go to Calendar">Calendários</a></li>
      <li id="nav_app_downloads" class="left "><a href="/" title="Go to Downloads">Downloads</a></li>
      <li id="nav_app_blog" class="left "><a href="/" title="Go to Blogs">Blogs</a></li>
      <li id="nav_app_nexus" class="left "><a href="/h13-" title="Go to Store">Loja</a></li>
                     
                </ul>
        </div>
                            <div id="logo" class="repeat topCenter scroll undefined">
                    <a href="/" class="textLogo" title="Sua Arte em primeiro lugar" rel="home" accesskey="1">Night Arts<span id="efectfs">Donts</span></a>
                </div>
        </div>
                    <div id="content" class="clearfix">

                    <ul id="socialLinks">
                        <li><a href="https://www.facebook.com/pages/Night-Arts/648790085142211" title="Visit us on Facebook"><img src="http://i.imgur.com/zlIHN6U.png" alt=""></a></li>
                        <li><a href="http://twitter.com/#!/feded1998" title="Follow us on Twitter"><img src="http://i.imgur.com/1xxO0o8.png" alt=""></a></li>
                        <li><a href="http://www.youtube.com/user/motomiyadark" title="Canal Night Arts"><img src="http://i.imgur.com/vtPUkLn.png" alt=""></a></li>
                        <li><a href="https://plus.google.com/103852375034656956000/about" title="Add us on Google+"><img src="http://i.imgur.com/8hHTzkU.png" alt=""></a></li>
                     
</ul>
                          <div id="secondary_navigation" class="clearfix">
                 
                    <ul id="secondary_links" class="ipsList_inline right">
                        <li><a href="f1-regras-staff">Regras</a></li>
                        <li><a href=" http://nightarts.wikiforum.net/search?mode=results" accesskey="2">Ver novos anúncios</a></li>
                     
                        <li><a href="http://www.ipbforumskins.com/skindemo/index.php?app=core&module=global§ion=navigation&inapp=forums" rel="quickNavigation" accesskey="9" id="quickNavLaunch" title="Open Quick Navigation"><img src="http://i.imgur.com/xNakyML.png" alt=""></a></li>
                     
                    </ul>
                </div>
            <div class="pun">
         
              <!-- BEGIN switch_ticker_new -->
              <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%;">
                              <!-- BEGIN ticker_row -->
                              <li>{switch_ticker.ticker_row.ELEMENT}</li>
                              <!-- END ticker_row -->
                          </ul>
                        </div>
                    </div>
                  </div>
              </div>
              <!-- END switch_ticker_new -->

              <!-- BEGIN switch_ticker -->
              <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">
                                <!-- BEGIN ticker_row -->
                                <div>{switch_ticker.ticker_row.ELEMENT}</div>
                                <!-- END ticker_row -->
                              </div>
                          </div>
                        </div>
                    </div>
                  </div>
              </div>
              <!-- END switch_ticker -->

              <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="main">
                                    <div id="main-content">

<!-- BEGIN html_validation -->
                                    </div>
                                </div>
                              </div>
                          </div>
                        </div>
                    </div>
                  </div>
              </div>
            </div>
        </div>
      </div>
  </div>
                          </div>
                          </div>
          </div>
</body>
</html>
<!-- END html_validation -->

Deixe o código CSS passado acima por mim ativo em vosso fórum e adicione mais este código em sua folha de estilo CSS:

Código:

#efectfs {
background: url(http://i.imgur.com/9QpPzTX.png);
background-repeat: no-repeat;
position: absolute;
color: transparent;
margin-left: 370px;
}

Até mais,
Passar bem.  

No lugar dessa
https://i.imgur.com/V7kHcoj.png
poderia coloca essa?
http://2.bp.blogspot.com/_80sPcoHF2Wo/TP2C5no0JKI/AAAAAAAAANQ/N_Oie-swdJ8/s1600/Render+Papai+Noel+01.png
no mesmo lugar mais do tamanho que caiba no banner.
Agradeço

Olá,

Senhor, substitua todo o código CSS por este:

Código:

#efectfs {
background: url(http://i.imgur.com/9QpPzTX.png);
background-repeat: no-repeat;
color: transparent;
margin-left: 330px;
position: absolute;
}
#logo {
background-image: url(http://i.imgur.com/DSFQ4rS.png)!important;
background-repeat: no-repeat!important;
background-position: -7px -7px!important;
}
.textLogo {
background: url(http://i.imgur.com/MWNeqZa.png);
background-position: 235px 7px;
background-repeat: no-repeat;
margin-left: 40px;
}

Até mais,
Passar bem.  

Obrigado!