Menu + aquela caixa amarela :v

Tech Mais :: Programação :: Hypertext Markup Language (HTML) :: Arquivo: Resolvido

Menu + aquela caixa amarela :vQui Jun 05, 2014 11:43 pm

Minha questão:

Gostaria de alterar toda a parte que esta sendo demonstrada nessa imagem: https://i.imgur.com/BEcu9ku.png
Por esta: https://i.imgur.com/SLU8nGX.jpg
Tenho acesso aos dois forum como fundador, porém na hora que vou adicionar no outro no meu fórum original os codigos batem.
Site do Menu que quero colocar, juntamente com as adições da imagem: onepiecerpg-history.forumeiros.com/

Endereço do meu fórum:
http://onepiecerpghistory.forumeiros.com/

Versão:
PunBB

Re: Menu + aquela caixa amarela :vQui Jun 05, 2014 11:48 pm

Olá!

Preciso do:
CSS e template 'Overal_header' de ambos.

Até.

Re: Menu + aquela caixa amarela :vQui Jun 05, 2014 11:58 pm

CSS meu:

Código:

.postmain blockquote, .spoiler_content {
    background-color: white;
    word-break: break-word;
    border: 1px solid #DDD;
    padding: .5em 1em;
    color: black;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    box-shadow: inset 0 0 10px #DDD, 1px 1px 2px white;
    -webkit-box-shadow: inset 0 0 10px #DDD, 1px 1px 2px white;
    -ms-box-shadow: inset 0 0 10px #DDD, 1px 1px 2px white;
    -o-box-shadow: inset 0 0 10px #DDD, 1px 1px 2px white;
    }

.ii {
    -moz-border-radius: 3px;
    -moz-box-shadow: 0 2px 4px rgba(0,0,0,.05);
    -webkit-border-radius: 3px;
    -webkit-box-shadow: 0 2px 4px rgba(0,0,0,.05);
    background-color: #fff;
    border-color: #CCC;
    border-radius: 3px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 2px 4px rgba(0,0,0,.05);
    margin: 0;
    padding-left: 0;
    position: relative;
    vertical-align: top;
    z-index: 1;
    }
    .ze {
    height: 21px;
    position: absolute;
    width: 10px;
    }
    .ie {
    background: no-repeat url(https://ssl.gstatic.com/s2/oz/images/sprites/stream-7a65a7d94da88cc0d5b54936f2ffb2c2.png) 0 -14px;
    display: block;
    left: -9.8px;
    top: 15px;
    z-index: 999;
    }
   
.ipsSteps {
        background: #E9E9E9;
        height: 55px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        }
        .ipsSteps li:first-child {
        border-radius: 3px 0px 0px 3px;
        -moz-border-radius: 3px 0px 0px 3px;
        border-radius: 3px 0px 0px 3px;
        }
        .ipsSteps ul li {
        float: left;
        padding: 11px 33px 5px 18px;
        color: #323232;
        background-image: url('http://i69.servimg.com/u/f69/17/45/75/97/wizard10.png');
        background-repeat: no-repeat;
        background-position: 100% -56px;
        position: relative;
        height: 39px;
        text-shadow: rgba(255, 255, 255, 0.6) 0px 1px 0px;
        }
        .ipsSteps_title {
        display: block;
        font-size: 14px;
        padding-bottom: 4px;
        }
        .ipsSteps_desc {
        font-size: 11px;
        }
        .ipsSteps ul li:first-child .ipsSteps_arrow {
        display: none !important;
        }
        .ipsSteps .ipsSteps_active {
        background-position: 100% 0;
        color: white;
        text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.8);
        }
        .ipsSteps_active .ipsSteps_arrow {
        display: block;
        position: absolute;
        left: -23px;
        top: 0;
        width: 23px;
        height: 55px;
        background: url('http://i69.servimg.com/u/f69/17/45/75/97/wizard10.png') no-repeat 0 -112px;
        }
/******************Avatar nos tópicos*****************/
.pun .post .user {
-moz-border-radius: 0 7px 7px 0;
-moz-box-shadow: 1px 1px 5px gray;
-o-border-radius: 0 7px 7px 0;
-o-box-shadow: 1px 1px 5px gray;
-webkit-border-radius: 0 7px 7px 0;
-webkit-box-shadow: 1px 1px 5px gray;
background: #DDD;
border-left: 10px solid gray;
border-radius: 0 7px 7px 0;
box-shadow: 1px 1px 5px gray;
float: left;
font-size: 12px;
margin-left: -193px!important;
padding: 7px;
text-align: center;
width: 170px!important;
margin-top: 2px!important;
}

.user-info{
    display: none;
}
/***********Avatar nos tópicos**************/

/****************************************************
**Template Adaptado por Mindlezz, de SkinsDev.com,
**Visitanos 
*****************************************************/
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url(http://themes.googleusercontent.com/static/fonts/lato/v7/9k-RPmcnxYEPm8CNFsH2gg.woff) format('woff');
}
#pun-head {
display: none;
}
#pun-visit.clearfix {
display: none!important;
}
#pun-intro {
display: none;
}

.smalltext {
    font-size: 11px;
}
/*----------[Borrar Subrayados]------------*/
a {text-decoration: none;}
a:link {text-decoration: none;}
a:hover {text-decoration: none!important;}
a.forumtitle {text-decoration: none;}
a.forumtitle:hover {text-decoration: none!important;}
a.topictitle {text-decoration: none;}
a.topictitle:hover {text-decoration: none!important;}
/*----------------FIN---------------*/

 .ipsType_small {
    font-size: 12px !important;
}

html, body {
    color: #555;
}
body {
    font: 13px helvetica,arial,sans-serif;

}
body {
    background: #EDEDED;
}
.main .main-head {
  margin-top: 8px!important;
}
.main .main-head.collapsed {
border-radius: 4px 4px 4px 4px;
opacity: .2;
}
body {
  font-famiy: Arial!important;
}
.pun-crumbs p {
color: #666;
font-size: 11px;
line-height: 1.5;
margin: 0;
}
.pun {
line-height: 200%;
padding: 5px;
margin: 0 auto;
min-width: 900px;
width: 70%!important;
}
/*header*/
#header_bar {
    background: none repeat scroll 0% 0% #141518;
    padding: 0px;
    text-align: right;
}
#branding, #header_bar, #primary_nav {
    min-width: 980px;
}

#limite, .main_width {
}
#limite, .main_width {
    margin: 0px auto;
    min-width: 960px;
}
#limite, .main_width {
    width: 70% !important;
}

#user_navigation {
    color: #9F9F9F;
    font-size: 11px;
}
#user_navigation.not_logged_in {
    height: 26px;
    padding: 6px 0px 4px;
}
#user_navigation a {
    color: #FFF;
    font-size: 11px;
}
#inbox_link {
    background: url('http://www.tibiaking.com/forum/public/style_images/gris/icon_inbox.png') no-repeat scroll center top transparent;
}
#inbox_link, #notify_link {
    height: 15px;
    padding: 11px 24px 8px 12px;
    position: relative;
    vertical-align: middle;
    width: 18px;
}
#notify_link {
    background: url('http://www.tibiaking.com/forum/public/style_images/gris/icon_notify.png') no-repeat scroll center top transparent;
    margin-right: 11px;
}
.ipsHasNotifications {
    background: none repeat scroll 0% 0% #CF2020;
    border-radius: 2px;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3), 0px 1px 0px rgba(255, 255, 255, 0.1) inset;
    color: rgb(255, 255, 255) !important;
    font-size: 9px;
    height: 12px;
    left: -5px;
    line-height: 12px;
    padding: 0px 4px;
    position: absolute;
    text-align: center;
    top: 4px;
}
#user_link_dd, .dropdownIndicator {
    background: url('http://www.tibiaking.com/forum/public/style_images/gris/header_dropdown.png') no-repeat scroll right center transparent;
    display: inline-block;
    height: 5px;
    margin: 1px 0px 1px 1px;
    width: 9px;
}
.right {
    float: right;
}
ol, ul {
    list-style: none outside none;
}

.ipsList_inline > li {
    display: inline-block;
    margin: 0px 3px;

}

.ipsList_inline > li:first-child {
    margin-left: 0px;
}
#header_bar {
    text-align: right;
}
#user_navigation a {
    color: #FFF;
}
.pun a:link , .ipsVerticalTabbed_tabs li a, .cancel, #footer .block li a:hover, .logoText a:hover {
    color: ##333333;
}
.pun a:hover {
    color: #555;
}
img, .input_check, .input_radio {
    vertical-align: middle;
}
fieldset, img {
    border: 0px none;
}
#user_navigation #register_link {
    background: none repeat scroll 0% 0% #333333;
    border-bottom: 4px solid #f66c6c;
    color: #FFF;
    display: inline-block;
    padding: 3px 8px;
}
#user_navigation #register_link {
      background-color: #333333;
    border-bottom: 4px solid #f66c6c;
}


/*branding*/
#branding {
    background: none repeat scroll 0% 0% #28292D;
    min-height: 120px;
}
.logoText {
    font-weight: 300;
    font-size: 28px;
    color: #FFF;
    text-decoration: none;
    line-height: 120px;
}
.logoText a {
    color: #FFF;
}

#search {
    margin: 45px 0px;
}
.logoText a img {
      margin-top: 43px;
}
/*sarch*/
fieldset, img {
    border: 0px none;
}
.hide {
    display: none;
}
#adv_search {
    width: 16px;
    height: 16px;
    background: url('http://demo.themetent.com/public/style_images/flatten/advanced_search.png') no-repeat scroll right 50% transparent;
    text-indent: -3000em;
    display: inline-block;
    margin: 4px 0px 4px 4px;
}
#search_wrap {
    position: relative;
    background: none repeat scroll 0% 0% #FFF;
    display: block;
    padding: 0px 26px 0px 4px;
    height: 26px;
    line-height: 25px;
    border-width: 1px 1px 2px;
    border-style: solid;
    border-color: #F4F2F2;
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image: none;
    min-width: 230px;
}
#main_search {
    background: none repeat scroll 0px 0px transparent;
    border: 0px none;
    font-size: 13px !important;
    outline: 0px none;
    padding: 0px;
    width: 130px;
    margin-top: 5px;
}
#search_options {
    font-size: 10px;
    height: 20px;
    line-height: 20px;
    margin: 3px 3px 3px 0px;
    padding: 0px 6px;
    border-radius: 3px;
    background: none repeat scroll 0% 0% #EAEAEA;
    display: inline-block;
    float: right;
    max-width: 80px;
    text-overflow: ellipsis;
    overflow: hidden;
}
.clickable {
    cursor: pointer;
}
#search .submit_input {
    background: url('http://demo.themetent.com/public/style_images/flatten/search_icon.png') no-repeat scroll 50% center #ACACAC;
    text-indent: -3000em;
    padding: 0px;
    border: 0px none;
    display: block;
    width: 26px;
    height: 26px;
    position: absolute;
    right: 0px;
    top: 0px;
    bottom: 0px;
}
.maintitle, .buttonRegister, #primary_nav, .general_box h3, .pagination .pages li.active, .pagination .back a:hover, .pagination .forward a:hover, .ipsSideMenu ul li.active a, .ipsVerticalTabbed_tabs li a:hover, .cblock h3.draggable, .popupInner h3, body#ipboard_body fieldset.submit, body#ipboard_body p.submit, #user_navigation #register_link, #footer, #community_app_menu .mega, #more_apps_menucontentul li > a, #community_app_menu div li:hover > a {
    background-color: #333333;
    border-bottom: 4px solid #D9534F;
}
#primary_nav {
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    font-size: 13px;
    padding: 4px 0px 0px;
}

#community_app_menu > li > a {
    color: #FFF;
    display: block;
    padding: 13px 15px;
    margin-top: -4px;
}
#community_app_menu .active > a, #more_apps_menucontentul .active > a, #community_app_menu .active:hover > a {
    background-color: rgba(0, 0, 0, 0.2) !important;
 
color: rgb(255, 255, 255) !important;
}

#community_app_menu > li {
    margin: 0px 3px 0px 0px;
    position: relative;
}
#community_app_menu > li > a {
    color: #FFF;
    display: block;
    padding: 13px 15px;
    margin-top: -4px;
}
#community_app_menu > li.active > a {
    color: #FFF;
    font-weight: bold;
    text-shadow: none;
}
#community_app_menu > li > a:hover {

    color: rgb(255, 255, 255) !important;
    background-color: rgba(0, 0, 0, 0.2) !important;
}
li.socialIcon a > img {
    opacity: 0.4;
    transition: all 0.5s ease-in-out 0s;
    padding: 5px!mportant;
    margin: 4px 3px!important;
}
li.socialIcon a > img:hover {
opacity: 1;
    padding: 5px!mportant;
    margin: 4px 3px!important;
}
/*index_box*/
.main .main-foot, .main .main-head {
      background-color: #333333;
    border-bottom: 4px solid #D9534F;
    color: #FFF;
    padding: 15px 15px 16px;
    font-size: 16px;
    font-weight: 300;
    text-align: center;
}
.main .main-foot:hover, .main .main-head:hover {
    background: none repeat scroll 0% 0% rgb(172, 172, 172) !important;
    border-bottom: 4px solid #979696;
}
.main .main-head .page-title {
    color: #FFF;
    font-size: 16px;
    font-weight: 300;
    text-align: center;
font-family: Arial;
}
.main .main-head .page-title h2 {
    color: #FFF;
    font-size: 16px;
    font-weight: 300;
    text-align: center;
font-family: Arial;
}
.main .main-head .page-title .h2 {
    color: #FFF;
    font-size: 16px;
    font-weight: 300;
    text-align: center;
font-family: Arial;
}
.pun table.table td.tcr {
    opacity: 0.5;
      -moz-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s;
      -webkit-transition: all 0.5s ease-in-out 0s;
}
.pun table.table td.tcr:hover {
  opacity: 1;
}
.col_c_stats {
    color: rgb(45, 46, 46) !important;
    text-align: right;
}
.ipsType_small {
    font-size: 12px !important;
}
.mini_ava img:hover {
    border-color: #7D7D7D;

}
.mini_ava {
    float: left;
}
.mini_ava img {
    background: none repeat scroll 0% 0% #FFF;
    border: 1px solid #D5D5D5;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
    height: 36px;
    margin: 0px 10px;
    padding: 1px;
    width: 36px;
}
.table tbody.statused tr td {
background: white;
border: 0;
font-size: 12px;
vertical-align: middle;
 }
.pun .main-content {
    padding: 9px;
}
.pun .main-content {
    background: none repeat scroll 0% 0% #FFF;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    border: transparent;
}

div#dert_to {
      margin-left: 30px;
}
span.escritorio {
    color: #777;
    font-size: 12px !important;
    line-height: 17px;
}
a.forumtitle {

    font-family: Arial;
    font-size: 15px;
    font-weight: 400;
    text-decoration: none;
}
.pun table.table th {
background-color: transparent;
}
.pun .main table td.tc2, .pun .main table td.tc3 {
background-color: transparent;
}
/*topic_body*/
.pun .paged-foot, .pun .paged-head {
    background-color: transparent;
    border: 0;
    padding: 0.6em 1.3em 0.3em;
}

.post_block {
    color: #FFF;
    background: none repeat scroll 0% 0% #28292D;
    border-bottom: 4px solid #141518;
    padding: 0px 10px;
    height: 36px;
    line-height: 36px;
    font-weight: normal;
    font-size: 16px;
}
.post_block:hover {
    background: none repeat scroll 0% 0% rgb(172, 172, 172) !important;
    border-bottom: 4px solid #979696;
}
.post_block span.creator a {
    color: rgb(255, 255, 255) !important;
    font-weight: 100 !important;
}
.post_block span.creator a span {
    color: rgb(255, 255, 255) !important;
    font-weight: 100 !important;
}

.desc_post {
    color: #777;
    float: right;
    font-size: 11px;
    margin-right: 17px !important;
    margin-top: -28px;
    text-align: right;
}
.pun .posthead h2 {
    font-family: Arimo,sans-serif;
    font-size: 12px;
}
.pun .posthead {
    background: none repeat scroll 0% 0% transparent;
    border-bottom: 0px none;
    color: #A4A4A4;
    font-size: 12px !important;
    font-weight: 400;
    margin: 0px 10px 0px 0px;
    padding-top: 10px;
}
.pun .postmain {
    background: none repeat scroll 0% 0% #FFF;
    border-left: 0px none;
    height: 100%;
    margin: 0px 0px 0px 175px;
    padding-left: 12px;
    padding-right: 10px;
}
.pun .post .user {
    float: left;
    font-size: 12px;
    padding: 10px 30px;
    text-align: center;
    width: 150px;
}
.user-basic-info a img:hover {
    border-color: #7D7D7D;
}
.user-basic-info a img {
    background: none repeat scroll 0% 0% #FFF;
    border: 1px solid #D5D5D5;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
    max-height: 300px;
    max-width: 150px;
    padding: 1px;
}
.pun .user .user-rank {
    font-size: 12px;
    line-height: 122%;
    margin-top: 6px;
}
.pun .user .user-info {
    color: #A4A4A4;
    font-size: 12px;
    line-height: 19px;
}
.postfoot {
border-bottom: 0;
border-top: 0;
clear: both;
margin-left: -15em;
padding: .5em 1em;
text-align: right;
}
.pun .post {
    background: none repeat scroll 0% 0% #FFF;
  border: 0;
}
  .pun .topic {
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}
.module.main {
    margin: 0px;
    margin-left: 11px !important;
}
/*widgets*/
#right .module.main .main-head {
    background: none repeat scroll 0px 0px #ACACAC;
    color: #FFF;
    font-family: helvetica,arial,sans-serif;
    font-size: 15px !important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    padding: 7px 12px;
    border-bottom: 2px solid #979696;
    text-align: left;
}
#right .module.main .main-head:hover {
      background: none repeat scroll 0% 0% #D9534F!important;
border-bottom: 2px solid #D9534F
}
/**footer**/
.block {
    float: left;
    width: auto;
    padding: 20px 60px 20px 0px;
}
.block h2 {
    color: #FFF;
    padding: 0px 10px 10px 0px;
    font-size: 12pt;
    font-weight: 300;
    border-bottom: 1px solid #F0F0F0;
}
.block li {
    padding-top: 10px;
    color: #FFF;
}
.block a {
    color: #FFF;
}
#footer_utilities {
    background: none repeat scroll 0% 0% #141518;
    padding: 14px;
    font-size: 11px;
    position: relative;
  height: auto!important
}
#footer_utilities .ipsList_inline > li > a {
    color: #FFF;
    margin-right: 0px;
    padding: 4px 10px;
}
#copyright {
    color: #FFF;
    text-align: right;
}
#copyright a {
    color: #FFF;
}

/*css widget stats*/
#stat_esxd .valor_xd {
    display: inline-block;
    background: none repeat scroll 0% 0% #E2E2E2;
    color: #4A4A4A;
    padding: 10px 15px;
    font-weight: bold;
    border-radius: 2px;
    margin: -10px 0px;
    float: right;
}
 #stat_esxd li {
    margin-bottom: 10px;
    display: block;
    padding: 10px 0px;
}

.valor_xd a {
    color: #4A4A4A!important;
}
/*index_body*/
.statistics h3 {
    background: none repeat scroll 0% 0% #28292D;
    border-bottom: 4px solid #141518;
    font-size: 16px;
    font-weight: 300;
    padding: 15px 15px 16px;
    color: #FFF;
    margin: -10px -10px 10px;
}
.statistics {
    background: none repeat scroll 0% 0% #FFF;
    margin-top: 20px;
    padding: 10px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    overflow: hidden;
}
.desc, .desc.blend_links a, p.posted_info {
    font-size: 12px;
    color: #777;
}
.statistics_head {
    font-size: 14px;
    font-weight: bold;
}
#pun-about {
    background-color: transparent;
    border: 0;
    line-height: 150%;
    padding: 0.6em 1em;
    text-align: right;
    font-size: 10px !important;
}
#pun-about #qjump {
    float: left;
    text-align: left;
    display: none;
}
#stats {
    background-color: transparent;
    line-height: 150%;
    padding: 0.6em 1em;
    font-weight: bold !important;
    font-size: 14px;
}
#onlinelist {
    background-color: transparent;
    padding: 0.6em 1em;
    border-top: 0;
}

/*CSS Botón para ir al Panel de administración*/
p#ir_a_pa > strong > a {
      display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0px;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857;
    text-align: center;
  vertical-align: middle;
    cursor: pointer;
  border: 1px solid;
    border-radius: 4px;
    color: #FFF;
    background-color: #333333;
    border-color: #D9534F;
}
p#ir_a_pa > strong > a:active {
  position: relative;
  top: 1px;
}
/*END CSS Botón para ir al Panel de administración*/

/*ranko*/
div#randam {
    inline-block;
    padding: 6px 12px;
    margin-bottom: 0px;
    font-size: 12px;
    font-weight: normal;
    line-height: 1.42857;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;

    display: inline-block;


    border: 1px solid transparent;
    border-radius: 4px;
    background-color: #D9534F;
    border-color: #D43F3A;
  color: white;
}
.pun .entry-content {
    overflow: hidden;
    padding-bottom: 0.8em;
    width: 100%;
    line-height: 1.6;
}


/*widget stay conected*/
#links_sociales img, #links_sociales {
  display: inline-block;
opacity: 0.7;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
padding: 5px;
}
#links_sociales {
  padding: 0px;
}
#links_sociales:hover {
background: #D1D1D1;
}
#links_sociales img:hover {
  opacity: 1;
}
/*tabs*/
#tabs ul li a {
background-color: #fff;
border: 1px solid #DBDBDB;
float: left;
margin-bottom: -8px;
font-weight: 400;
line-height: 2em;
padding: 0 1em;
text-decoration: none;
color: #353535;
font-size: 12px;
}
#tabs ul li.activetab a {
background-color: #bf2a45!important;
border: 1px solid #831427!important;
color: #FFFFFF;
text-decoration: none;
}

/*edits por mindlezz xD*/
#profile-advanced-right .main-head .h3 em {
-moz-border-radius: 3px!important;
-webkit-border-radius: 3px!important;
background-color: #D9534F!important;
background-image: url(http://i.imgur.com/EHGpChd.png)!important;
background-position: 0 -1px!important;
background-repeat: repeat-x!important;
border-radius: 3px!important;
color: #fff!important;
cursor: default!important;
font-size: 9px!important;
font-weight: 700!important;
height: 16px!important;
line-height: 16px!important;
padding: 3px 5px!important;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0!important;
text-transform: uppercase!important;
  cursor: pointer!important;
}
#profile-advanced-right .main-content.clearfix.center img:first-child {
width: 138px;
height: 138px;
padding: 1px;
border: 1px solid #d5d5d5;
background: #fff;
-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
}

/*END edits por mindlezz xD*/

    #chatbox_footer .right div[class][id]{height:20px;margin-right:0;border:0;border-right:1px solid #CFCFCF;background-color:#f5f5f5;padding:7px;cursor:default}#chatbox_footer .right div[class][id]:first-child{border-left:1px solid #CFCFCF}#chatbox_main_options span,#chatbox_main_options label,#chatbox_main_options a{height:34px;margin-right:0;border:0;border-right:1px solid #CFCFCF;background-color:#f5f5f5;padding:7px;color:#000;padding-top:14px}#chatbox_main_options{position:absolute;bottom:0;left:0;z-index:1;color:#818181!important;height:34px;font-size:0;margin:0;margin-bottom:-25px}#chatbox_main_options li a[onclick*="ajax_refresh_chatbox"]{font-size:0;background:url(http://www.arecontvision.com/cool_captcha/icon-reload.gif) no-repeat center #f5f5f5;padding-top:25px;padding-bottom:9px;padding-right:31px;border-top:1px solid #CFCFCF;cursor:default}#chatbox_main_options a[href="/chatbox/index.forum?archives=1"],#chatbox_main_options a[href="/chatbox/index.forum?archives"]{font-size:0;background:url(http://www.dreamtemplate.com/dreamcodes/web_icons/gray-archive-icon.png) no-repeat center whiteSmoke;padding-top:25px;padding-bottom:9px;padding-right:31px;border-top:1px solid #CFCFCF;cursor:default}#chatbox_main_options a[href="/chatbox/index.forum?archives"]{background-color:#E6E6E6}#chatbox_main_options li a[onclick="CB_disconnect();"]{border-right:0;padding:0}#chatbox_main_options li a[onclick="CB_disconnect();"] span{font-size:0;background:url(http://i.imgur.com/xXA8w.gif) no-repeat 50% 50% #f5f5f5;padding-top:25px;padding-bottom:9px;padding-right:31px;border-top:1px solid #CFCFCF;cursor:default}#chatbox_footer{padding:0;background:url() #f5f5f5;border-top:1px solid #CFCFCF;display:block!important;border-radius:0}#chatbox_messenger_form .right {padding:0;font-size:0}#chatbox_messenger_form .right input#message{height:34px;font-weight:normal;background-color:white;background-image:url();border:0;height:34px;margin-bottom:0;font-size:16px;cursor:default;padding:0 0 0 5px;outline:none;width:304px}#chatbox_messenger_form .right input[name="submit_button"]{height:33px;font-size:15px;border:0;background-color:transparent;padding-left:10px;padding-right:11px;margin-left:-4px;cursor:default;font-weight:normal}#chatbox_messenger_form .right img[src="http://2img.net/i/fa/subsilver/wysiwyg/menupop.gif"],#chatbox_members h4.member-title,#chatbox_main_options li#chatbox_option_autorefresh,#chatbox p.clearfix span.date-and-time,#chatbox p.clearfix:hover span.date-and-time{display:none}#chatbox_header{height:0;font-size:0}#chatbox{top:32px;left:0}#chatbox p.clearfix:first-child{padding-top:8px}#chatbox_members{position:absolute;z-index:1;height:31px;left:0;top:0;width:100%;background:url(http://www.addthis.com/forum/styles/addthis2/theme/images/whosonline.gif) 8px -3px no-repeat white;overflow-y:hidden;border-bottom:1px solid #CFCFCF}#chatbox_members li{display:inline;margin-right:0}#chatbox_members a:last-child:after{content:', '}#chatbox_members li:last-child a:last-child:after{content:''}#chatbox_members ul{padding-top:8px;font-size:12px;margin:0;overflow-y:hidden;overflow-x:auto;margin-left:46px;padding-right:8px;padding-bottom:0;white-space:nowrap;height:23px;max-width:none}#chatbox_footer #chatbox_messenger_form .right .fontbutton:hover,#chatbox_header #chatbox_main_options.chatbox-options a:hover,#chatbox_header #chatbox_main_options.chatbox-options span:hover,#chatbox_messenger_form .right input[name="submit_button"]:hover{background-color:#CFCFCF!important}#chatbox_footer #chatbox_messenger_form .right .fontbutton.fontbutton_selected{background-color:#E6E6E6}#chatbox p.clearfix{background-color:#EDEFF4;margin:0;padding:5px;padding-left:0;margin-left:7px;margin-right:7px}#chatbox p.clearfix span.user,#chatbox p.clearfix .msg,#chatbox_main_options li{font-size:0}#chatbox p.clearfix .msg,#chatbox p.clearfix span.user *{font-family:Verdana;font-size:12px}.user a[href*="/u"]{margin-right:8px}.user span:first-child strong{margin-right:4px}.user span:last-child strong{margin-right:0}a[onclick*="ajax_refresh_chatbox"]:hover{background:url(http://www.arecontvision.com/cool_captcha/icon-reload.gif) 50% 50% no-repeat #000!important}#chatbox p.clearfix[class^="chatbox_row_1"] span[style="font-style:italic"]{font-size:15px;font-style:normal!important;margin-left:-66px;background-color:#EDEFF4}#chatbox p.chatbox_row_1.clearfix:first-child span[style="font-style:italic"]:last-child{font-size:0px}#chatbox p.chatbox_row_1.clearfix:first-child span[title]:first-child{visibility:hidden}#chatbox p.chatbox_row_1.clearfix:first-child span[style="font-style:italic"]:last-child:before{margin-left:7px;background:url(http://i.imgur.com/xXA8w.gif) top left no-repeat;background-size:20px;padding-left:22px;content:'Entre para conversar';font-size:15px}#chatbox_contextmenu{z-index:1}#chatbox_messenger_form{margin-top:0px}.user-msg{display:inline-block;padding-left:38px;background:url(http://i.imgur.com/BMdww.gif) no-repeat top left;background-size:32px 32px;min-height:32px}.user-msg .msg{display:block}.user-msg .msg span{border-image-width:0px;border:0px;border-image-source:url(http://i.imgur.com/BMdww.gif)} 


/*----------Categoria------------*/
    .pun table.table{background:#fafafa;border:0px solid #eaeaea;border-collapse:separate}.pun table.table th{background:#fcfcfc;border-bottom:1px solid #EBEBEB}.pun table.table tr:nth-child(odd){background:#f7f7f7}.pun table.table tr:nth-child(even){background:#f2f2f2}.pun .main table td.tc2,.pun .main table td.tc3,.pun table.table td{background:transparent;border:0;border-bottom:1px solid #eaeaea;border-top:1px solid #fff;color:#777}.pun table.table td.tcl img[style="float:left"]{margin:3px 10px 0 0}.pun table.table tr:last-child td{border:0}td.tcl.tdtopics > strong{-moz-border-radius:3px;-webkit-border-radius:3px;background-color:#7ba60d;background-image:url(http://i.imgur.com/EHGpChd.png);background-position:0 -1px;background-repeat:repeat-x;border-radius:3px;color:#fff;cursor:default;font-size:9px;font-weight:700;height:16px;line-height:16px;padding:3px 5px;text-shadow:rgba(0,0,0,0.2) 0 -1px 0;text-transform:uppercase}.stats_number{color:#BBB;display:block;font-family:Arial, Helvetica, sans-serif;font-size:16px;font-weight:700;overflow:hidden;position:relative;text-align:center}.stats_text{color:#d1d1d1;display:block;font-family:Arial, Helvetica, sans-serif;font-size:10px;text-align:center;text-transform:uppercase}
    .pun table.table{background:#fafafa;border:0px solid #eaeaea;border-collapse:separate}.pun table.table th{background:#fcfcfc;border-bottom:1px solid #EBEBEB}.pun table.table tr:nth-child(odd){background:#f7f7f7}.pun table.table tr:nth-child(even){background:#f2f2f2}.pun .main table td.tc2,.pun .main table td.tc3,.pun table.table td{background:transparent;border:0;border-bottom:1px solid #eaeaea;border-top:1px solid #fff;color:#777}.pun table.table td.tcl img[style="float:left"]{margin:3px 10px 0 0}.pun table.table tr:last-child td{border:0}td.tcl.tdtopics > strong{-moz-border-radius:3px;-webkit-border-radius:3px;background-color:#7ba60d;background-image:url(http://i.imgur.com/EHGpChd.png);background-position:0 -1px;background-repeat:repeat-x;border-radius:3px;color:#fff;cursor:default;font-size:9px;font-weight:700;height:16px;line-height:16px;padding:3px 5px;text-shadow:rgba(0,0,0,0.2) 0 -1px 0;text-transform:uppercase}.stats_number{color:#BBB;display:block;font-family:Arial, Helvetica, sans-serif;font-size:16px;font-weight:700;overflow:hidden;position:relative;text-align:center}.stats_text{color:#d1d1d1;display:block;font-family:Arial, Helvetica, sans-serif;font-size:10px;text-align:center;text-transform:uppercase}

/*----------Fim Categoria------------*/
/*----------Notificações------------*/
#fa_toolbar #fa_right #fa_notifications.unread #notif_unread {
background: #181818;
background-image: url(http://i.imgur.com/aovdw88.png);
background-position: 25px 2px;
background-repeat: no-repeat;
display: inline;
padding: 7px 25px 7px 5px;
color: #FF2020;
}
/*----------Fim Notificações------------*/
/*----------Loading------------*/
    #ajax_loading {background: #000;color: #fff;text-align: center;padding: 5px 0 8px;width: 8%;top: 0px;left: 46%;-moz-border-radius: 0 0 5px 5px;-webkit-border-bottom-right-radius: 5px;-webkit-border-bottom-left-radius: 5px;border-radius: 0 0 5px 5px;z-index: 999;position: fixed;-moz-box-shadow: 0px 3px 5px rgba(0,0,0,0.2);-webkit-box-shadow: 0px 3px 5px rgba(0,0,0,0.2);box-shadow: 0px 3px 5px rgba(0,0,0,0.2);opacity: 0.6;}
/*----------Fim Loading------------*/
/*----------Mensagem envio------------*/
    p.message {
        border-radius: 2px 2px 2px 2px;
        box-shadow: 0px 1px 3px rgba (0, 0, 0, 0,5);
        fundo: nenhum repeat scroll 0% 0% de brancos;
        padding: 7px;
        background-color: rgb (224224224);
        border-bottom: 1px rgb tracejada (0, 0, 0),
        border-top: rgb sólida 2px (0, 0, 0),
        border-width: 1px 2px 0px;
        Cor: rgb (000, 000 000);
        font-family: "Century Gothic", Arial, sans-serif;
        font-size: 1.25em;
        font-style: normal;
        font-variant: normal;
        font-weight: normal;
        line-height: 1.2em ;
        }
/*----------Fim Mensagem envio------------*/

        .avt-r img{
        background: none repeat scroll 0% 0% #FFF;
        border: 1px solid #D5D5D5 !important;
        box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
        float: left;
        height: 28px;
        margin: 3px;
        padding: 1px;
        width: 28px;
        }

  .pun .entry-content p {
font-style: italic;
text-shadow: 2px 2px rgba(175, 175, 207, 0.22);
font-size: 9px;
color: #000 !important
}
/*----------Botão------------*/       
       .user-info {
    -moz-border-radius: 7px;
    -o-border-radius: 7px;
    -webkit-border-radius: 7px;
    background: #fff;
    border: 12px solid gray;
    border-radius: 7px;
    max-width: 300px;
    padding: 7px;
    position: absolute;
    z-index: 999;
    }
    #epf {
    -moz-border-radius: 3px;
    -moz-box-shadow: inset 0 2px 0 0 #5C5C5C, 0 2px 3px rgba(0,0,0,0.2);
    -webkit-border-radius: 3px;
    -webkit-box-shadow: inset 0 2px 0 0 #5C5C5C, 0 2px 3px rgba(0,0,0,0.2);
    background: #242c2e!important;
    background-color: #242c2e!important;
    border: 1px solid #212121;
    border-color: #212121!important;
    border-radius: 3px;
    border-width: 1px 1px 0;
    box-shadow: inset 0 2px 0 0 #5C5C5C, 0 2px 3px rgba(0,0,0,0.2);
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-family: Helvetica,Arial,sans-serif;
    font-size: 12px;
    font-style: normal;
    font-variant: normal;
    font-weight: 300;
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    text-align: center;
    text-shadow: 0 -1px 0 #191919;
    width: 125px;
    }
/*----------Fim Botão------------*/ 
   .pun .post .user{-moz-border-radius:0 7px 7px 0;-moz-box-shadow:1px 1px 5px gray;-o-border-radius:0 7px 7px 0;-o-box-shadow:1px 1px 5px gray;-webkit-border-radius:0 7px 7px 0;-webkit-box-shadow:1px 1px 5px gray;background:#DDD;border-left:10px solid gray;border-radius:0 7px 7px 0;box-shadow:1px 1px 5px gray;font-size:12px;margin-left:-200px!important;padding:7px;width:33%}
    .pun .post .user a img[alt]:hover{border:1px solid #000}.pun .post .user a img[alt]{background:#fff;border:1px solid gray;max-width:150px;padding:3px}
    .pun .post{background:#F1F1F1!important;background-color:#fff;border-bottom:1px solid gray;border-left:10px solid gray;border-radius:0 20px 20px 0;border-top:1px solid gray;padding-left:7px}
    
/*----------Edit Post------------*/ 
   .posthead[id] + .postmain .entry-content p:not(:empty) {
    background: #ffebc8 url(http://imgur.com/PIQA4LA.png) no-repeat 6px 10px;
    border: 1px solid #ecc272;
    color: #ac6328;
    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;
    }
    .entry-content p:not(:empty) br {display: none;}
/*----------fim Edit Post------------*/ 
/*----------Perfil------------*/
    #tabs ul li.activetab a:hover {
    background-color: hsl(0, 0%, 21%);
    }
    #tabs ul li.activetab a {
    background-color: hsl(0, 0%, 21%);
    background-image: url(http://i50.tinypic.com/9qky9y.png);
    background-repeat: repeat-x;
    border-color: hsl(0, 0%, 21%);
    color: hsl(0, 100%, 100%);
    text-decoration: none;
    }
    #tabs ul li.activetab a {
    background-color: hsl(0, 0%, 21%);
    border-color: hsl(0, 0%, 21%);
    color: hsl(207, 69%, 97%);
    text-decoration: underline;
    }
    #tabs ul li a {
    background-color: hsl(0, 0%, 95%);
    background-image: url(http://i50.tinypic.com/2rcpvd3.png);
    background-repeat: repeat-x;
    border-color: hsl(0, 0%, 76%);
    border-left: 1px solid hsl(0, 0%, 80%);
    border-top: 1px solid hsl(0, 0%, 80%);
    color: hsl(0, 0%, 26%);
    font-weight: 700;
    margin-top: 10px;
    }
/*----------Fim Perfil------------*/
/*----------Treta de Pag------------*/
    .perfilInfo {
    background: url(http://forum.teamspeak.com.br/public/style_images/master/stems/bottomleft.png) no-repeat 98% 0%;
    float: left;
    height: 14em;
    left: -38em;
    padding: 16px 0px 38px 5px;
    top: 13px;
    width: 510px;
    z-index: 999;
    }
    .linkPrf {
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    background: #F6F6F6;
    border: 1px solid #DBDBDB;
    border-radius: 0 0 4px 4px;
    bottom: -14px;
    border-top:none;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 1) inset, 0 1px 0 rgba(0, 0, 0, 0.3);
    color: #616161;
    float: left;
    height: 14px;
    left: 13.8em;
    margin: 2px;
    padding: 5px;
    text-align: center;
    text-decoration: none!important;
    transition: all .2s ease-in-out;
    width: 8em;
    }
    .linkPrf:hover{color: #4C4C4C;
    border-color: #9A9A9A;}
    .linkPrf:hover a{color: #4C4C4C;}
    .linkPrf a{color:#616161 !important; font:normal 12px; text-decoration:none;}
    .setPerfil {
    background: rgba(0, 0, 0, 0.3);
    display: block;
    height: 100%;
    padding: 5px;
    padding-bottom: 10px;
    border-radius: 3px;
    }
    .setPerfil > span {
    background: #f9f9f9;
    border-radius: 3px;
    display: block;
    height: 100%;
    padding: 3px;
    border: 1px solid #999;
    }
    .setPerfil .PerfilInfoImg {
    width: 94px;
    height: 160px;
    float: left;
    display: table;
    background: #E1E1E1;
    padding: 3px;
    box-shadow: 1px 1px 0 #CCC;
    }
    .setPerfil p div{
    display: inline;
    }
    .setPerfil h2 {
    float: left;
    font: bold 19px "Trebuchet MS";
    display: block;
    background: #E1E1E1;
    width: 382px;
    padding: 5px;
    text-shadow: 1px 1px 0 white;
    border-radius: 0 10px 0px 0;
    box-shadow: 1px 1px 0 #CCC;
    margin-bottom:10px;
    }
    .setPerfil p {
    margin: 2px 5px;
    float: right;
    display: block;
    background: #F1F1F1;
    width: 350px;
    text-align: left;
    padding: 5px;
    box-shadow: 1px 1px 0 #CCC;
    font-weight: normal;
    border-left: 3px solid #333;
    border-top: 1px solid #333;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    }
    .setPerfil p:hover {
    box-shadow: 1px 1px 0 #9A9A9A;
    }
/*----------Fim Treta de Pag------------*/
      .close {
        float: right;
        background: url("http://www.dvdimagehosting.altervista.org/images/x.png") repeat scroll 0% 0% transparent;
        width: 22px;
        height: 22px;
    }

    div.guestwarn {
        background: none repeat scroll 0% 0% black;
        color: white;
        max-width: 280px;
        min-height: 18px;
        right: 2%;
        top: 90%;
        padding: 10px 15px;
        position: fixed;
        z-index: 10;
        font-size: 12px;
        opacity: 0.88;
        box-shadow: 5px 5px 5px rgb(25, 25, 25);
    }
   
   .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;
    }

    a:link {
    text-decoration: none!important;
    }

    #main-content > #pun-visit {display: none;}
  
{background: none !important;}
     a span[style="color:#000000"]{background:url(http://2img.net/i/fa/admin/couronne.png) 0 1px no-repeat;padding-bottom:2px;padding-left:17px;padding-top:2px}a span[style="color:#F28705"]{background:url(http://i42.servimg.com/u/f42/17/32/13/00/box-or10.png) 0 1px no-repeat;padding-bottom:2px;padding-left:17px;padding-top:2px}a span[style="color:#F20505"]{background:url(http://i46.servimg.com/u/f46/14/56/85/28/akatsu10.png) 0 1px no-repeat;padding-bottom:2px;padding-left:17px;padding-top:2px}a span[style="color:#9900FF"]{background:url(http://i46.servimg.com/u/f46/14/56/85/28/dbobra10.png) 0 1px no-repeat;padding-bottom:2px;padding-left:17px;padding-top:2px}a span[style="color:#C9C914"]{background:url(http://i.imgur.com/Ai6Jp.png?1) 0 1px no-repeat;padding-bottom:2px;padding-left:17px;padding-top:2px}a span[style="color:#1ACF10"]{background:url(http://i.imgur.com/Mf6dq.png?1) 0 1px no-repeat;padding-bottom:2px;padding-left:17px;padding-top:2px}a span[style="color:#665308"]{background:url(http://i.imgur.com/rp0Re.png?1) 0 1px no-repeat;padding-bottom:2px;padding-left:17px;padding-top:2px}a span[style="color:#0F79BF"]{background:url(http://i.imgur.com/JT5UN.png?1) 0 1px no-repeat;padding-bottom:2px;padding-left:17px;padding-top:2px}a span[style="color:#FF0099"]{background:url(http://i.imgur.com/eftAr.png?1) 0 1px no-repeat;padding-bottom:2px;padding-left:17px;padding-top:2px}a span[style="color:#F28705"]{background:url(http://i46.servimg.com/u/f46/14/56/85/28/images10.png) 0 1px no-repeat;padding-bottom:2px;padding-left:17px;padding-top:2px}a span[style="color:#969393"]{background:url(http://i.imgur.com/d2xPp.png) 0 1px no-repeat;padding-bottom:2px;padding-left:17px;padding-top:2px}a span[style="color:#0FFADB"]{background:url(http://i42.servimg.com/u/f42/17/32/13/00/brush-10.png) 0 1px no-repeat;padding-bottom:2px;padding-left:17px;padding-top:2px}a span[style="color:#8C4826"]{background:url(http://i42.servimg.com/u/f42/17/32/13/00/ajuda10.png) 0 1px no-repeat;padding-bottom:2px;padding-left:17px;padding-top:2px}
    {background: none !important;}
     a span[style="color:#000099"]{background:url(http://i46.servimg.com/u/f46/14/56/85/28/dbobra10.png) 0 1px no-repeat;padding-bottom:2px;padding-left:17px;padding-top:2px}a span[style="color:#F28705"]{background:url(http://i42.servimg.com/u/f42/17/32/13/00/box-or10.png) 0 1px no-repeat;padding-bottom:2px;padding-left:17px;padding-top:2px}a span[style="color:#F20505"]{background:url(http://i46.servimg.com/u/f46/14/56/85/28/akatsu10.png) 0 1px no-repeat;padding-bottom:2px;padding-left:17px;padding-top:2px}a span[style="color:#9900FF"]{background:url(http://i46.servimg.com/u/f46/14/56/85/28/dbobra10.png) 0 1px no-repeat;padding-bottom:2px;padding-left:17px;padding-top:2px}a span[style="color:#C9C914"]{background:url(http://i.imgur.com/Ai6Jp.png?1) 0 1px no-repeat;padding-bottom:2px;padding-left:17px;padding-top:2px}a span[style="color:#1ACF10"]{background:url(http://i.imgur.com/Mf6dq.png?1) 0 1px no-repeat;padding-bottom:2px;padding-left:17px;padding-top:2px}a span[style="color:#665308"]{background:url(http://i.imgur.com/rp0Re.png?1) 0 1px no-repeat;padding-bottom:2px;padding-left:17px;padding-top:2px}a span[style="color:#0F79BF"]{background:url(http://i.imgur.com/JT5UN.png?1) 0 1px no-repeat;padding-bottom:2px;padding-left:17px;padding-top:2px}a span[style="color:#FF0099"]{background:url(http://i.imgur.com/eftAr.png?1) 0 1px no-repeat;padding-bottom:2px;padding-left:17px;padding-top:2px}a span[style="color:#F28705"]{background:url(http://i46.servimg.com/u/f46/14/56/85/28/images10.png) 0 1px no-repeat;padding-bottom:2px;padding-left:17px;padding-top:2px}a span[style="color:#969393"]{background:url(http://i.imgur.com/d2xPp.png) 0 1px no-repeat;padding-bottom:2px;padding-left:17px;padding-top:2px}a span[style="color:#0FFADB"]{background:url(http://i42.servimg.com/u/f42/17/32/13/00/brush-10.png) 0 1px no-repeat;padding-bottom:2px;padding-left:17px;padding-top:2px}a span[style="color:#8C4826"]{background:url(http://i42.servimg.com/u/f42/17/32/13/00/ajuda10.png) 0 1px no-repeat;padding-bottom:2px;padding-left:17px;padding-top:2px}
#user-painel {
height: 190px;
font-size: 11px;
border-left: 7px solid #2672C8!important;
border: 1px solid #2672C8;
padding: 7px;
z-index: 9999!important;
}
  
  
  
  
      nav{
        background-color: #313131;
        background-image: linear-gradient(top, #3d3d3d, #272727);
        background-image: -webkit-linear-gradient(top, #3d3d3d, #272727);
        background-image: -moz-linear-gradient(top, #3d3d3d, #272727);
        background-image: -o-linear-gradient(top, #3d3d3d, #272727);
        border: #0d0d0d 1px solid;
        border-radius: 10px;
        font: bold 14px Arial;
    }
    nav a{
        color: #fff;
        text-decoration: none;
        text-shadow: #000 1px 1px 0;
    }
    nav ul{
        margin: 0;
        padding: 0;
    }
    nav ul li{
        list-style: none;
        display: inline-block;
    }
    nav ul li a{
        padding: 1em 2em;
        display: block;
        transition: all linear .2s;
    }
    nav ul li a.dropdown:after{
        content: '\25BE';
        padding: 2px;
    }
    nav > ul > li > ul{
        position: absolute;
        display: none;
    }
    nav > ul > li > ul > li{
        display: block;
    }
    nav > ul > li > ul > li > a{
        background: #414141;
    }
    nav > ul > li > ul > li > a:hover{
        background: #333;
    }
    nav > ul > li > ul > li:last-child a{
        border-radius: 0 0 10px 10px;
    }

Re: Menu + aquela caixa amarela :vQui Jun 05, 2014 11:59 pm

Over _header meu

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[
    jQuery().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 -->
          
          
            $(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} 
                });
            });
        <!-- 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 -->
  <link rel="stylesheet" href="http://myskins.org/images/myskins/font/font-awesome.min.css">
<link rel="stylesheet" href="http://myskins.org/images/myskins/font/font-awesome-ie7.min.css">
    <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="adapted_by_mindlezz">
                                    <div id="header_bar" class="clearfix">
                <div class="main_width">
                                  <!-- BEGIN switch_user_logged_in --> 
                                  <div id="user_navigation" class="not_logged_in" style="line-height: 20px;">
                            
                            <ul class="ipsList_inline right">

                                <li>
                                    <a href="/profile?mode=editprofile&page_profil=preferences" title="My Profile" id="perfil" class="USERNAME"></a>
                                </li>
                                <li><a  id="inbox_link" href="/privmsg?folder=inbox" title="Messenger"><img src="http://2img.net/i/fa/empty.gif" alt="" /> </a></li>
                                                                  <li><a  id="notify_link" href="/search?search_id=watchsearch" title="Notifications"><img src="http://2img.net/i/fa/empty.gif" alt="" />&nbsp;</a></li>
                <li><a href="/login?logout" title="Sign Out">Sair</a></li>            
                                    </ul>
                        </div>
                <!-- END switch_user_logged_in -->
                                                                  <!-- BEGIN switch_user_logged_out -->
                      <script>function closeit(){document.getElementById("aviso").style.visibility = "hidden";}</script>
<div class="guestwarn" id="aviso"><a href="javascript:closeit()" class="close" onclick="closeBox('message-1'); return false;" title=""></a>
Você pode se registrar <a href="/register">CLICANDO AQUI</a>e desfrutar de todo o conteúdo do nosso RPG.</div>
                                                                          <!-- END switch_user_logged_out -->
                </div>
            </div>
                                  <div id="branding">
                <div class="main_width">
                        
                                
                                  <span class="logoText"><a href="/forum" title="Go to community index" rel="home" accesskey="1"><img src="http://i.imgur.com/pMdK5ZJ.png" alt="Logo"></a></span>
    
                        
                    
                        <div id="search" class="right">
    <form method="get" action="/search?search_where=11" id="search-box">
        <fieldset>
            <label for="main_search" class="hide">Search</label>
            <a href="/search?search_where=11" 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_keywords" class="" size="17" tabindex="100" placeholder="Search...">
                <span class="choice ipbmenu clickable" id="search_options" style="">Forums</span>
                
                <input class="submit_input clickable" value="" type="submit">
            </span>
            
        </fieldset>
    </form>
</div>
                    
                </div>
            </div> <div id="primary_nav" class="clearfix">
                <div class="main_width">

                    <ul class="ipsList_inline" id="community_app_menu">



                        
                                
        
            
            
        

            
                                          <li id="nav_app_forums" class="left active"><a href="/forum" title="Go to Forums">Inicio</a></li>
        

            
            <li id="nav_app_members" class="left "><a href="/memberlist" title="Go to Members">Membros</a></li>
                                         
            
            <li id="nav_app_ipchat" class="left "><a href="/chatbox" title="Go to Chat">Chatbox</a></li>
        
            
            <li id="nav_app_calendar" class="left "><a href="/calendar" title="Go to Calendar">Calendario</a></li>
        
    
                        
                        <li id="nav_other_apps" style="display: none;">
                            <a href="#" class="ipbmenu" id="more_apps">More <img src="http://demo.themetent.com/public/style_images/flatten/useropts_arrow.png"></a>
                        </li>
                    </ul>
                </div>
            </div>
          <div id="limite">
            
                <div class="pun">
                               
                    <div id="pun-intro" class="clearfix">
                        <a href="{U_INDEX}" id="pun-logo"><img src="{LOGO}" alt="{L_INDEX}" /></a>

                        <!-- BEGIN switch_h1 -->
                        <div id="pun-title">{switch_h1.MAIN_SITENAME}</div>
                        <!-- END switch_h1 -->

                        <!-- BEGIN switch_desc -->
                        <p id="pun-desc">{switch_desc.SITE_DESCRIPTION}</p>
                        <!-- END switch_desc -->
                    </div>
                    <div id="pun-head">
                        <div id="pun-navlinks">
                            <ul class="clearfix">
                                <li>{GENERATED_NAV_BAR}</li>
                            </ul>
                        </div>
                    </div>

                    <!-- 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="{ID_LEFT}">
                                                <!-- BEGIN giefmod_index1 -->
                                                {giefmod_index1.MODVAR}
                                                <!-- BEGIN saut -->
                                                <div style="height:{SPACE_ROW}px"></div>
                                                <!-- END saut -->
                                                <!-- END giefmod_index1 -->
                                            </div>
                                            <div id="main">
                                                <div id="main-content">

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

Re: Menu + aquela caixa amarela :vSex Jun 06, 2014 12:00 am

Css do menu que quero.

Código:

 .main .main-content {
    background: #333 url(http://i57.servimg.com/u/f57/18/12/37/46/main-b10.png) repeat-x;
    -moz-box-shadow: rgba(0,0,0,0.3) 0 1px 4px;
    -webkit-box-shadow: rgba(0,0,0,0.3) 0 1px 4px;
    border: 0;
    border-radius: 0 0 3px 3px;
    box-shadow: rgba(0,0,0,0.3) 0 1px 4px;
    padding: 6px;
    }
#pun-title, p#pun-desc,#pun-about,.main-box, #pun-head, #pun-navlinks, #pun-intro {
  display: none!important;
}
/*hovers*/

#backtotop, #bottomScroll:hover {
opacity: .8;
transition: all .5s linear;
}

body {
color: #5a5a5a;
font: normal 11px tahoma,helvetica,arial,sans-serif;
}
body {
background: rgba(204, 204, 204, 0.61) url(http://i.imgur.com/BHdIaBo.jpg) repeat-x 0 0;
color: #5a5a5a;
font: normal 11px tahoma,helvetica,arial,sans-serif;
position: relative;
}
#ajax_loading {background: #000;color: #fff;text-align: center;padding: 5px 0 8px;width: 8%;top: 0px;left: 46%;-moz-border-radius: 0 0 5px 5px;-webkit-border-bottom-right-radius: 5px;-webkit-border-bottom-left-radius: 5px;border-radius: 0 0 5px 5px;z-index: 999;position: fixed;-moz-box-shadow: 0px 3px 5px rgba(0,0,0,0.2);-webkit-box-shadow: 0px 3px 5px rgba(0,0,0,0.2);box-shadow: 0px 3px 5px rgba(0,0,0,0.2);opacity: 0.6;}
.pun, #secondary_navigation {
  margin: 0 auto;
min-width: 980px;
max-width: 1200px;
width: 81.80%;
}
.tc1, .tc2, .tc3, tcl, .pun table td.tcl, .pun table.table td {
border-bottom: 1px solid #F3F3F3;
border-left: none;
padding: 14px;
}

#branding {
background: #000 url("http://i.imgur.com/k83VBsE.jpg")repeat-x 42% 28%;
height: 400px;
border-bottom: 6px solid #A7A7A7;
}
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;
}
.wrapper {
margin: 0 auto;
min-width: 980px;
max-width: 1200px;
width: 81.80%;
}
#banner_content {
height: 360px;
}
#logo {
float: left;
}
a {
color: #445b70;
text-decoration: none;
}
user agent stylesheeta:-webkit-any-link {
color: -webkit-link;
text-decoration: underline;
cursor: auto;
}
fieldset, img {
border: 0;
}
img, .input_check, .input_radio {
vertical-align: middle;
}
#search {
background: url("http://i.imgur.com/k83VBsE.jpg") repeat;
background: rgba(0,0,0,0.5);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: rgba(255,255,255,0.25) 0px 0px 1px, rgba(255,255,255,0.1) 0px 1px 0px, inset rgba(0,0,0,1) 0px 1px 4px;
-moz-box-shadow: rgba(255,255,255,0.25) 0px 0px 1px, rgba(255,255,255,0.1) 0px 1px 0px, inset rgba(0,0,0,1) 0px 1px 4px;
box-shadow: rgba(255,255,255,0.25) 0px 0px 1px, rgba(255,255,255,0.1) 0px 1px 0px, inset rgba(0,0,0,1) 0px 1px 4px;
float: right;
margin-top: 30px;
padding: 4px;
}
.right {
float: right;
}
body {
color: #5a5a5a;
font: normal 11px tahoma,helvetica,arial,sans-serif;
}
fieldset, img {
border: 0;
}
#adv_search {
width: 26px;
height: 26px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background: url('http://www.fairytailmilenium.com.br/public/style_images/v1/advanced_search.png') no-repeat 50% 50%;
text-indent: -3000em;
display: inline-block;
margin-left: 3px;
}
#search_wrap {
position: relative;
background: url("http://www.fairytailmilenium.com.br/public/style_images/v1/search_bg.png") repeat;
background: rgba(255,255,255,0.15);
display: block;
padding: 0 26px 0 4px;
height: 26px;
line-height: 25px;
-moz-border-radius: 3px 4px 4px 3px;
-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
-webkit-border-bottom-left-radius: 3px;
border-radius: 3px 4px 4px 3px;
-webkit-box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2);
-moz-box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2);
box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2);
min-width: 230px;
}#main_search {
font-size: 12px;
border: 0;
padding: 0;
padding-left: 3px;
background: transparent;
width: 138px;
outline: 0;
color: #fff;
}
#search_options {
max-width: 80px;
text-overflow: ellipsis;
overflow: hidden;
font-size: 10px;
height: 20px;
line-height: 20px;
margin: 3px 3px 3px 0;
padding: 0 6px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
background: url("http://www.fairytailmilenium.com.br/public/style_images/v1/search_bg.png") repeat;
background: rgba(255,255,255,0.15) url('http://www.fairytailmilenium.com.br/public/style_images/v1/highlight_faint.png') repeat-x 0 0;
color: #eee;
display: inline-block;
text-shadow: #000 0px -1px 0px;
float: right;
}
.ipbmenu_content, .ipb_autocomplete {
background: white;
border: 1px solid #eee;
-webkit-box-shadow: rgba(0,0,0,0.1) 0px 1px 5px;
-moz-box-shadow: rgba(0,0,0,0.1) 0px 1px 5px;
box-shadow: rgba(0,0,0,0.1) 0px 1px 5px;
}
.ipbmenu_content, .ipb_autocomplete {
min-width: 85px;
z-index: 999;
}
.ipbmenu_content {
white-space: nowrap;
}
#search_options_menucontent {
min-width: 130px;
padding: 0;
background: #1a1a1a;
border: 1px solid #393939;
}
#search .submit_input {
background: #222 url('http://www.fairytailmilenium.com.br/public/style_images/v1/search_icon.png') no-repeat 50%;
background: rgba(255,255,255,0.15) url('http://www.fairytailmilenium.com.br/public/style_images/v1/search_icon.png') no-repeat 50%;
text-indent: -3000em;
padding: 0;
border: 0;
display: block;
width: 26px;
height: 26px;
position: absolute;
right: 0;
top: 0;
bottom: 0;
-moz-border-radius: 0 3px 3px 0;
-webkit-border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
border-radius: 0 3px 3px 0;
}
.clickable {
cursor: pointer;
}
input, select, textarea {
font: normal 12px tahoma,helvetica,arial,sans-serif;
}
#nav_bar {
background: url("http://www.fairytailmilenium.com.br/public/style_images/v1/trans50.png") repeat;
background: rgba(0,0,0,0.5);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
height: 32px;
font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
-webkit-box-shadow: rgba(255,255,255,0.25) 0px 0px 1px, rgba(255,255,255,0.1) 0px 1px 0px, inset rgba(0,0,0,1) 0px 1px 4px;
-moz-box-shadow: rgba(255,255,255,0.25) 0px 0px 1px, rgba(255,255,255,0.1) 0px 1px 0px, inset rgba(0,0,0,1) 0px 1px 4px;
box-shadow: rgba(255,255,255,0.25) 0px 0px 1px, rgba(255,255,255,0.1) 0px 1px 0px, inset rgba(0,0,0,1) 0px 1px 4px;
}
#user_navigation {
color: #9f9f9f;
font-size: 11px;
line-height: 32px;
height: 32px;
float: left;
overflow: hidden;
}

#user_navigation {
overflow: visible !important;
}
ol, ul {
list-style: none;
}
#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;
}
#twerod_form {
display: inline;
position: relative;
}
#user_navigation a {
color: #fff;
float: left;
padding: 0 12px;
line-height: 32px;
outline: none;
height: 32px;
border-left: 1px solid rgba(255,255,255,0.1);
}
#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: #bdbdbd;
-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;
opacity: 0.4;
outline: 0;
}
#backtotop:hover {
background: #8a8a8a;
color: #fff;
opacity: 1;
}
#tabs ul li, #tabs ul li a, #tabs ul li.activetab a {
-moz-border-radius: 4px 4px 0 0;
-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
background: #969696 url(http://www.fairytailmilenium.com.br/public/style_images/v1/maintitle.png) repeat-x 0 0;
border-bottom: 0;
border-radius: 4px 4px 0 0;
color: #fff;
float: left;
margin: -1px 14px;
overflow: hidden;
padding: 1px;
text-shadow: rgba(0,0,0,0.4) 0 -1px 0;
}
#twerod-tggle {
color: #bbb !important;
font-weight: bold;
text-shadow: 0 -1px 0 rgba(0,0,0,0.75);
}
#twerod-tggle .caret {
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-top: 4px solid #777;
display: inline-block;
height: 0;
margin-left: 2px;
margin-top: 5px;
vertical-align: text-top;
width: 0;
}
#community_app_menu>li>a:hover, #community_app_menu>li>a.menu_active {
background: url("http://www.fairytailmilenium.com.br/public/style_images/v1/trans10.png") repeat;
background: rgba(0,0,0,0.1);
color: #fff;
}

#user_navigation a:hover {
background: url("http://www.fairytailmilenium.com.br/public/style_images/v1/trans30.png") repeat;
background: rgba(0,0,0,0.3);
}
#twerod {
background: #fff;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 4px 4px 4px 4px;
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
float: left;
padding: 15px;
font-family: Arial,sans-serif;
position: absolute;
left: 0;
z-index: 999;
margin-top: 8px !important;
line-height: normal !important;
}
#twerod .dropdown-caret {
float: left;
height: 7px;
overflow: hidden;
position: absolute;
top: -7px;
width: 12px;
}

.dropdown-caret.right {
left: 10px;
}
.dropdown-caret .caret-outer, .dropdown-caret .caret-inner {
margin-left: -1px;
position: absolute;
}

.dropdown-caret .caret-outer {
border-bottom: 7px solid rgba(0, 0, 0, 0.2);
border-left: 7px solid transparent;
border-right: 7px solid transparent;
}
.dropdown-caret .caret-inner {
border-bottom: 6px solid #FFF;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
display: inline-block;
left: 1px;
top: 1px;
}
#twerod .signin {
padding: 0;
width: 240px;
font-size: 12px;
color: #333;
text-align: right;
}
#twerod .signin fieldset {
margin-bottom: 16px;
}
#twerod .username, #twerod .password {
display: block;
}
user agent stylesheetlabel {
cursor: default;
}
#twerod .rules {
float: left !important;
font-size: 9px;
height: 18px;
line-height: 13px;
}

#user_navigation a {
color: #fff;
float: left;
padding: 0 12px;
line-height: 32px;
outline: none;
height: 32px;
border-left: 1px solid rgba(255,255,255,0.1);
}

#twerod a {
background: none !important;
color: #0084B4 !important;
float: inherit !important;
line-height: 18px !important;
padding: 0 !important;
}
.twod-ti {
background-color: #FFF;
border: 1px solid #CCC;
border-radius: 3px 3px 3px 3px;
display: inline-block;
margin: 0;
outline: 0 none;
padding: 4px;
width: 230px;
}

.twod-ti {
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) inset, 0 1px 0 rgba(255,255,255,0.075);
}

.twod-ti {
font-size: 13px;
line-height: 20px;
}
#twerod .password {
padding-top: 10px;
}
#twerod .signin fieldset {
margin-bottom: 16px;
}

#twerod .subchck {
display: block;
text-align: left;
}
#twerod .remember {
color: #999;
cursor: pointer;
float: right;
line-height: 30px;
}
.btn {
background-color: #ddd;
background-repeat: repeat-x;
background-image: -khtml-gradient(linear,left top,left bottom,from(#fff),to(#ddd));
background-image: -moz-linear-gradient(#fff,#ddd);
background-image: -ms-linear-gradient(#fff,#ddd);
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#fff),color-stop(100%,#ddd));
background-image: -webkit-linear-gradient(#fff,#ddd);
background-image: -o-linear-gradient(#fff,#ddd);
background-image: linear-gradient(#fff,#ddd);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#dddddd');
}

.btn {
position: relative;
display: inline-block;
overflow: visible;
padding: 5px 10px;
font-size: 13px;
font-weight: bold;
line-height: 18px;
color: #333;
text-shadow: 0 1px 0 rgba(255,255,255,.5);
background-color: #ccc;
background-repeat: no-repeat;
border: 1px solid #ccc;
cursor: pointer;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
border-radius: 0 \0;
-webkit-box-shadow: 0 1px 0 rgba(255,255,255,.5);
-moz-box-shadow: 0 1px 0 rgba(255,255,255,.5);
box-shadow: 0 1px 0 rgba(255,255,255,.5);
}
#primary_nav {
font-size: 11px;
float: right;
height: 32px;
font-weight: bold;
}
#community_app_menu>li {
margin: 0px;
position: relative;
}
.guestMessage {
background: #f9d79b url("http://www.fairytailmilenium.com.br/public/style_images/v1/highlight.png") repeat-x 0 0;
border: 1px solid #ebb962;
color: #b85f1d;
font-size: 12px;
line-height: 140%;
-webkit-box-shadow: #fde5bb 0px 1px 4px;
-moz-box-shadow: #fde5bb 0px 1px 4px;
box-shadow: #fde5bb 0px 1px 4px;
margin-bottom: 10px;
padding: 10px;
text-shadow: rgba(255,255,255,0.55) 0px 1px 0px;
}
.guestMessage {
color: #b85f1d;
font-size: 12px;
line-height: 140%;
text-shadow: rgba(255,255,255,0.55) 0px 1px 0px;
}

#inbox_link img {
background-image: url('http://www.fairytailmilenium.com.br/public/style_images/v1/icon_inbox.png');
}
#notify_link img {
background-image: url('http://www.fairytailmilenium.com.br/public/style_images/v1/icon_notify.png');
}
#notify_link img, #inbox_link img {
width: 20px;
height: 20px;
background-repeat: no-repeat;
background-position: 0 0;
margin-top: -2px;
}
.ipsList_inline>li:first-child {
margin-left: 0;
}

.ipsList_inline>li {
display: inline-block;
margin: 0 3px;
}
#community_app_menu>li.active>a {
background: url("http://www.fairytailmilenium.com.br/public/style_images/v1/trans30.png") repeat;
background: rgba(0,0,0,0.3);
color: #fff;
position: relative;
}

#community_app_menu>li>a {
color: #cacaca;
color: rgba(255,255,255,0.7);
display: block;
outline: none;
padding: 0px 12px;
line-height: 32px;
height: 32px;
}
#secondary_navigation {
background: #e0e0e0 url('http://www.fairytailmilenium.com.br/public/style_images/v1/secondary_nav_bg.png') repeat-x 0 0;
border: 1px solid #d6d6d6;
text-shadow: rgba(255,255,255,0.6) 0px 1px 0px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: rgba(0,0,0,0.05) 0px 1px 2px;
-moz-box-shadow: rgba(0,0,0,0.05) 0px 1px 2px;
box-shadow: rgba(0,0,0,0.05) 0px 1px 2px;
overflow: hidden;
line-height: 37px;
margin-bottom: 15px;
clear: both;
}
#secondary_navigation #breadcrumb li.first a {
margin-left: 0;
background: none;
padding-left: 0px;
}

#secondary_navigation #breadcrumb li a {
padding-left: 12px;
margin-left: -15px;
background: url('http://www.fairytailmilenium.com.br/public/style_images/v1/secondary_nav.png') no-repeat 0 0;
display: block;
outline: none;
text-decoration: none;
}

#secondary_navigation a {
color: #445B70;
line-height: 37px;
height: 37px;
}
#secondary_navigation #breadcrumb li.first a span {
padding-left: 12px;
-webkit-border-top-left-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius: 3px 0px 0px 3px;
border-radius: 3px 0px 0px 3px;
}

#secondary_navigation #breadcrumb li span {
display: block;
padding-right: 17px;
padding-left: 4px;
background: url('http://www.fairytailmilenium.com.br/public/style_images/v1/secondary_nav.png') no-repeat 100% 0;
}
#secondary_links a {
padding: 0 12px;
display: block;
}

#secondary_navigation a {
color: #445B70;
line-height: 37px;
height: 37px;
}
#secondary_links img {
vertical-align: top;
width: 16px;
height: 16px;
position: relative;
opacity: 0.8;
margin: 10px -4px 0 -4px;
}
#secondary_links a {
padding: 0 12px;
display: block;
}


/* SKIN ADAPTADA POR DARDOKI - FAVOR NÃO REMOVER OS CRÉDITOS */
/*                                                           */
/*               www.darkcheatsbr.com/forum                  */
/*                        darkdoki                           */
/*                       darkcheats                          */
/*          http://darkcheats.playogame.com/forum            */
/*                                                           */
/*-----------------------------------------------------------*/


#secondary_navigation a {
color: #445B70;
line-height: 37px;
height: 37px;
}

#secondary_links img {
vertical-align: top;
width: 16px;
height: 16px;
position: relative;
opacity: 0.8;
margin: 10px -4px 0 -4px;
}

img, .input_check, .input_radio {
vertical-align: middle;
}
#secondary_links li {
float: left;
margin: 0;
}

.ipsList_inline>li:last-child {
margin-right: 0;
}

.ipsList_inline>li {
display: inline-block;
margin: 0 3px;
}
/*footer*/
#bottomScroll{width:24px;height:24px;line-height:20px;left:50%;top:50%;margin-left: -12px;margin-top: -12px;position:absolute;display:inline-block;background:#bdbdbd;-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;opacity:0.4;outline:0}#bottomScroll:hover,#backtotop:hover{background:#8a8a8a;color:#fff;opacity:1}#footer_utilities{padding:12px
0;height: 40px;position:relative;text-shadow:rgba(255,255,255,0.8) 0px 1px 0px;background:#eee url("http://www.fairytailmilenium.com.br/public/style_images/v1/highlight.png") repeat-x 0 0;border-top:1px solid #D8D8D8}#footer_utilities, #footer_utilities
a{color:#445B70}#footer_utilities .ipbmenu_content
a{color:#445B70}#footer_utilities
.ipsList_inline{margin-top:3px;clear:left;float:left}#footer_utilities .ipsList_inline>li{margin:0}#footer_utilities .ipsList_inline>li>a{margin-right:0px;padding:4px
10px;display:inline-block}#footer_utilities
a.menu_active{background:url('http://www.fairytailmilenium.com.br/public/style_images/v1/trans30.png') repeat;background:rgba(0,0,0,0.3);color:#fff;text-shadow:rgba(0,0,0,0.3) 0px -1px 0px;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;-webkit-box-shadow:inset 0px 1px 3px rgba(0,0,0,0.5), rgba(255,255,255,0.16) 0px 1px 0px, rgba(255,255,255,0.05) 0px 0px 0px 1px;-moz-box-shadow:inset 0px 1px 3px rgba(0,0,0,0.5), rgba(255,255,255,0.16) 0px 1px 0px, rgba(255,255,255,0.05) 0px 0px 0px 1px;box-shadow:inset 0px 1px 3px rgba(0,0,0,0.5), rgba(255,255,255,0.16) 0px 1px 0px, rgba(255,255,255,0.05) 0px 0px 0px 1px}#copyright{text-align:right;line-height:22px;float:right}#ipsDebug_footer{width:900px;margin:8px
auto 0px auto;text-align:center;color:#404040;font-size:11px}#ipsDebug_footer
strong{margin-left:20px}#ipsDebug_footer
a{color:#404040}#rss_menu{background-color:#fef3d7;border:1px
solid #ed7710}#rss_menu
li{border-bottom:1px solid #fce19b}#rss_menu li:last-of-type{border-bottom:0}#rss_menu
a{color:#ed7710;padding:5px
8px;text-shadow:none}#rss_menu a:hover{background-color:#ed7710;color:#fff}.ipsUserPhoto{padding:1px;border:1px
solid #D8D8D8;background:#fff;-webkit-box-shadow:0px 2px 2px rgba(0,0,0,0.1);-moz-box-shadow:0px 2px 2px rgba(0,0,0,0.1);box-shadow:0px 2px 2px rgba(0,0,0,0.1)}.ipsUserPhotoLink:hover
.ipsUserPhoto{border-color:#c8bcaa;-webkit-box-shadow:0px 2px 2px rgba(0,0,0,0.15);-moz-box-shadow:0px 2px 2px rgba(0,0,0,0.15);box-shadow:0px 2px 2px rgba(0,0,0,0.15)}.ipsUserPhoto_variable{max-width:155px}.ipsUserPhoto_large{max-width:90px;max-height:90px}.ipsUserPhoto_medium{width:50px;height:50px}.ipsUserPhoto_mini{width:30px;height:30px}.ipsUserPhoto_tiny{width:20px;height:20px}.ipsUserPhoto_icon{width:16px;height:16px}a.ipsUserPhotoLink,a.userNavPhoto{position:relative}
#onlinelist {
background: #FFF;
border-top: 3px solid #d8d8d8;
padding: 8px;
line-height: 1.3;
overflow: hidden;
border: 1px solid #D8D8D8;
}

/*module*/
.module .main-head {
font: normal 14px helvetica, arial, sans-serif;
color: #204066;
padding: 5px 10px;
background: #DBE2EC;
border: 0px;
border-radius: 0px;
-webkit-box-shadow: inset 0px 0px 0;
-moz-box-shadow: inset 0px 0px 0;
box-shadow: inset 0px 0px 0;
}
.module .main-content {background: #F7FBFC; border: 0px;}
/*post*/
.pun .paged-head {
  background: none!important;
}
.post h3 {
background: #EEE url("http://www.fairytailmilenium.com.br/public/style_images/v1/highlight.png") repeat-x 0 0;
border-top: 1px solid #61768a;
border-bottom: 1px solid #61768a;
padding: 0 10px;
height: 36px;
line-height: 36px;
font-weight: normal;
font-size: 13px;
}
.postmain blockquote {
background-color: #fff;
border: 1px solid #;
padding: .5em 1em;
-moz-border-radius: 6px;
-moz-box-shadow: 2px 2px 2px red;
-webkit-border-radius: 6px;
-webkit-box-shadow: 2px 2px 2px red;
background: -moz-linear-gradient(#F2F2F2,white);
background-color: #fff;
background-image: -webkit-linear-gradient(#F2F2F2,white);
border: 1px solid rgb(141, 141, 141);
border-radius: 6px;
box-shadow: 2px 2px 2px rgb(168, 168, 168);
font-size: 11px;
margin: 0;
padding-bottom: -30px;
padding-left: -30px;
padding-top: -30px;
width: 90%;
color: #000;
}
.codebox {
background-color: #F1F1F1;
border: 1px dotted #;
margin: 1em;
background: #F1F1F1;
padding: 4px;
border-radius: 12px;
background-image: url(http://i26.servimg.com/u/f26/14/56/85/28/novida10.png);
border: 1px #B6B6B6 solid;
box-shadow: #000 0px 0px 6px -1px;
}
.codebox dd {
background-color: #F1F1F1;
margin: .5em;
padding: .5em;
-webkit-border-radius: 10px;
border: 1px solid rgb(141, 141, 141);
background-image: -webkit-linear-gradient(#DBDADA,rgb(247, 247, 247));
background: -moz-linear-gradient(#DBDADA,rgb(247,247,247));
padding: 5px;
padding: 5px;
}
span.post_id {
margin-left: 4px;
}
.post_date {
padding: 0 0 10px 0;
font-size: 12px;
color: #a4a4a4;
}
.desc.blend_links a {
font: normal 12px helvetica, arial, sans-serif;
color: #777777;
}
.post_id a img.small {
max-height: 12px;
margin-left: 3px;
margin-top: -2px;
opacity: 0.5;
}
.post_online {display: inline-block;}
.pun .post .user {
margin-left: -16em;
margin-top: -0.9em;
}
.pun .post {background: white;}
.pun .postmain {
background-color: white;
border-left: 0px;
  border-left: 1px solid #efeae2;
margin-left: 17em;
}
.pun .post .user {
width: 155px;
font-size: 12px;
text-align: center;
line-height: 150%;
margin-left: -170px;
margin-top: -0.6em;
}
.pun .user .user-ident .user-basic-info {
  font-size: 11px;
  color: #a4a4a4;
  text-align: center;
  font-weight: normal;
}
.postfoot {
border-top: 0px;
margin-left: -14em;
}
/*user img*/
.user-basic-info a img {
height: 320px;
width: 150px;
padding: 1px;
border: 1px solid #D5D5D5;
background: white;
-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
}
.user-basic-info a img:hover {
border-color: #A1A1A1;
-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
}

/*chatbox*/
#chatbox_header.main-head {
background: #2c5687 url(http://i78.servimg.com/u/f78/17/31/71/58/mainti10.png) repeat-x top;
padding: 6px 8px 6px;
-moz-border-radius: 4px 4px 0 0;
-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
border-radius: 4px 4px 0 0;
-webkit-box-shadow: inset 0px 1px 0 #528cbc;
-moz-box-shadow: inset 0px 1px 0 #528cbc;
box-shadow: inset 0px 1px 0 #528cbc;
border-width: 1px 1px 0 1px;
border-color: #316897;
border-style: solid;
}
.chatbox-title, .chatbox-title a.chat-title {
color: #fff;
font-size: 13px;
font-weight: 300;
}
.chatbox-options {margin: .3em .3em .5em;}
.chatbox-options li, .chatbox-options li a, .chatbox-options li label {
color: #fff;
}
#chatbox_members {
  top: 40px;
  border-right: 1px solid #ccc;
}
#chatbox p:first-child {
border-top: 1px solid #d5dde5;
}
#chatbox p {
background: #f1f6f9;
border-right: 1px solid #d5dde5;
border-left: 1px solid #d5dde5;
border-bottom: 1px solid #d5dde5;
line-height: 1.2em;
}
#chatbox_footer {
  padding-bottom: 6px;
  border-top: 1px solid #d5dde5;
  background: #f1f6f9;
}
#chatbox_footer .right {
  /*display: none !important;*/
  float: left;
}
#chatbox_messenger_form .right {margin-left: 8px;font-size:0}
input#message.post {
color: #5a5a5a;
border-width: 1px;
border-style: solid;
border-color: #848484 #c1c1c1 #e1e1e1 #c1c1c1;
background: #fff;
padding: 4px;
min-width: 395px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
}
#message, #submit_button {
margin-left: 15px;
}
.fontbutton {
background: #EFF1F3;
border-color: #DEE0E2;
color: #464646;
-moz-box-shadow: inset 0 1px 0 0 #eff3f8, 0px 2px 3px rgba(0,0,0,0.2);
-webkit-box-shadow: inset 0 1px 0 0 #eff3f8, 0px 2px 3px rgba(0,0,0,0.2);
box-shadow: inset 0 1px 0 0 #eff3f8, 0px 2px 3px rgba(0,0,0,0.2);
}
#divsmilies img + img{visibility:visible!important}
#chatbox_messenger_form div.right img{visibility:hidden}
#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);
} 
.main-content.chatbox {padding: 0px;}
#chatbox{
  margin: 10px 0 10px 0;
  border: 1px solid #DCE2EC;
  border-bottom: 6px solid #DCE2EC;
  background: #ebf0f3;
  padding: 8px;
}
input[type="submit"] {
text-decoration: none;
border-width: 1px;
border-style: solid;
padding: 4px 10px;
cursor: pointer;
}
input[type="submit"] {
background: #212121 url(http://i78.servimg.com/u/f78/17/31/71/58/topic_10.png) repeat-x top;
color: #fff;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-moz-box-shadow: inset 0 1px 0 0 #5c5c5c, 0px 2px 3px rgba(0,0,0,0.2);
-webkit-box-shadow: inset 0 1px 0 0 #5c5c5c, 0px 2px 3px rgba(0,0,0,0.2);
box-shadow: inset 0 1px 0 0 #5c5c5c, 0px 2px 3px rgba(0,0,0,0.2);
border-color: #212121;
}
/*crumbs*/
p.crumbs a {
  color: #777!important;
  font: normal 13px helvetica, arial, sans-serif;
}
/* crumbs. */

.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;
}

/*head-foot*/
.main .main-foot, .main .main-head {
-moz-border-radius: 4px 4px 0 0;
-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
border: 1px solid #D6D6D6;
border-bottom: 0;
border-radius: 4px 4px 0 0;
color: #FFF;
background: rgba(255, 0, 0, 1) url(http://i.imgur.com/BHdIaBo.jpg) repeat-x 0 0;
font-family: Daniel, Curvise, Arial;
font-size: 18px;
font-weight: 300;
min-height: 18px;
overflow: hidden;
padding: 12px;
text-shadow: rgba(0,0,0,0.4) 0 -1px 0;
}


/* SKIN ADAPTADA POR DARDOKI - FAVOR NÃO REMOVER OS CRÉDITOS */
div.sceditor-toolbar {
background: linear-gradient(rgb(222,232,245) 0px, #c7d8ed 29%, #ccdcee 61%, #c0d8ef 100%)!important;
border-bottom: 1px solid #95a9c3!important;
}
div.sceditor-group {
background: linear-gradient(rgb(202,220,240) 24%, #bcd0e9 38%, #d0e1f7 99%)!important;
border: 1px solid #7596bf!important;
border-image-outset: initial;
border-image-repeat: initial;
border-image-slice: initial;
border-image-source: initial;
border-image-width: initial;
padding: 0!important;
}
.hover, .sceditor-button.active, .sceditor-button:active {
-moz-box-shadow: inset 0 1px #ebd1b4,inset 0 -1px #ffe47f,inset -1px 0 #b8ceea!important;
-webkit-box-shadow: inset 0 1px #ebd1b4,inset 0 -1px #ffe47f,inset -1px 0 #b8ceea!important;
background: linear-gradient(rgb(251,219,181) 11%, #feb438 29%, #fdeb9f 99%)!important;
box-shadow: inset 0 1px #ebd1b4,inset 0 -1px #ffe47f,inset -1px 0 #b8ceea!important;
}

Re: Menu + aquela caixa amarela :vSex Jun 06, 2014 12:01 am

Over do que quero :v

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 -->
            $(document).ready(function() {
                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 -->
</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 -->

  
  <!-- BEGIN switch_user_logged_in -->
  <div id="branding"><div id="banner_texture"><div class="wrapper">
                <div id="banner_content">
                <div id="logo">
                    
                        <a href="{U_INDEX}" id="pun-logo"><img src="{LOGO}" alt="{L_INDEX}" /></a>
                    
                </div>
                <div id="search" class="right">
                  <form action="search" method="post" id="search-box">
        <fieldset>
            
                  <a href="/search" title="Pesquisa Avançada" accesskey="4" rel="search" id="adv_search" class="right">Avançado</a>
            <span id="search_wrap" class="right">
                <input type="text" id="main_search" name="search_term" class="" size="17" tabindex="100" placeholder="Pesquisar...">
                <span class="choice ipbmenu clickable" id="search_options" style="">Fórum</span>
                <ul id="search_options_menucontent" class="ipbmenu_content ipsPad" style="display: none; position: absolute; z-index: 9999;">
                    <li class="title" style="z-index: 10000;"><strong style="z-index: 10000;">Pesquisar em:</strong></li>
                    
                    
                    
                    <li class="app" style="z-index: 10000;"><label for="s_forums" title="Fórum" style="z-index: 10000;"><input type="radio" name="search_app" class="input_radio" id="s_forums" value="forums" checked="checked" style="z-index: 10000;">Fórum</label></li><li class="app" style="z-index: 10000;"><label for="s_members" title="Membros" style="z-index: 10000;"><input type="radio" name="search_app" class="input_radio" id="s_members" value="members" style="z-index: 10000;">Membros</label></li><li class="app" style="z-index: 10000;"><label for="s_core" title="Ajuda" style="z-index: 10000;"><input type="radio" name="search_app" class="input_radio" id="s_core" value="core" style="z-index: 10000;">Ajuda</label></li>                
                        
                    
                </ul>
                <input type="submit" class="submit_input clickable" value="">
            </span>
            
        </fieldset>
    </form>
</div>
                </div>
                <div id="nav_bar">
                    
                    <div id="user_navigation" class="logged_in">
                            <ul class="ipsList_inline">
                                
                                <li><a id="user_link" href="/profile?mode=editprofile" onclick="jQuery('#perfil').fadeToggle(); return false;" title="Seu Perfil" class="menu_active"><span class="USERNAME">Meu perfil</span></a></li>
                                <link rel="stylesheet" type="text/css" media="screen" href="http://www.fairytailmilenium.com.br/public/style_css/css_4/friendsonline.css">
<script type="text/javascript" src="http://www.fairytailmilenium.com.br/public/js/friendsonline.js"></script>
<li>
    <a data-clicklaunch="grabFriendsOnline" data-scope="ipb.friendsonline" id="friendsonline" href="/profile?mode=editprofile&page_profil=friendsfoes" title="Amigos Online"> </a>
</li><li><a data-clicklaunch="getInboxList" id="inbox_link" href="/privmsg?folder=inbox" title="Mensageiro"><img src="http://www.fairytailmilenium.com.br/public/style_images/v1/clear.gif" alt=""> </a></li>
<li><a data-clicklaunch="getNotificationsList" id="notify_link" href="/profile?mode=editprofile&page_profil=notifications" title="Notificações"><img src="http://www.fairytailmilenium.com.br/public/style_images/v1/clear.gif" alt="">&nbsp;</a></li>
<li><a href="/login?logout">Sair</a></li>                                
                                
                            </ul>
                        </div>
                        
                    
                    <!-- ::: APPLICATION TABS ::: -->
        <div id="primary_nav" class="clearfix">
                <ul class="ipsList_inline" id="community_app_menu">
                  <li id="nav_app_forums" class="left active"><a href="/forum" title="Ir para Fórum">Fórum</a></li>
                  <li id="nav_app_members" class="left "><a href="/memberlist" title="Ir para Membros">Membros</a></li>
                             <li id="nav_app_sospromote" class="left "><a href="#" title="Ir para Membros VIP">Membros VIP</a></li>
                  <li id="nav_app_teams" class="left "><a href="#" title="Ir para Organizações">Organizações</a></li>
                             <li id="nav_app_ibEconomy" class="left "><a href="#" title="Ir para Loja">Loja</a></li>
                            
                </ul>
            </div>
            
            
                        
                </div>
            </div></div></div>
  <!-- END switch_user_logged_in -->
                          
                          
                          <!-- BEGIN switch_user_logged_out -->
                          <div id="branding"><div id="banner_texture"><div class="wrapper">
                <div id="banner_content">
                <div id="logo">
                    
                        <a href="{U_INDEX}" id="pun-logo"><img src="{LOGO}" alt="{L_INDEX}" /></a>
                    
                </div>
                <div id="search" class="right">
    <form action="/search" method="post" id="search-box">
        <fieldset>
            
            <a href="/search" title="Pesquisa Avançada" accesskey="4" rel="search" id="adv_search" class="right">Avançado</a>
            <span id="search_wrap" class="right">
                <input type="text" id="main_search" name="search_term" class="" size="17" tabindex="100" placeholder="Pesquisar...">
                <span class="choice ipbmenu clickable" id="search_options" style="">Fórum</span>
                <ul id="search_options_menucontent" class="ipbmenu_content ipsPad" style="display: none; position: absolute; z-index: 9999;">
                    <li class="title" style="z-index: 10000;"><strong style="z-index: 10000;">Pesquisar em:</strong></li>
                    
                    
                    
                    <li class="app" style="z-index: 10000;"><label for="s_forums" title="Fórum" style="z-index: 10000;"><input type="radio" name="search_app" class="input_radio" id="s_forums" value="forums" checked="checked" style="z-index: 10000;">Fórum</label></li><li class="app" style="z-index: 10000;"><label for="s_members" title="Membros" style="z-index: 10000;"><input type="radio" name="search_app" class="input_radio" id="s_members" value="members" style="z-index: 10000;">Membros</label></li><li class="app" style="z-index: 10000;"><label for="s_core" title="Ajuda" style="z-index: 10000;"><input type="radio" name="search_app" class="input_radio" id="s_core" value="core" style="z-index: 10000;">Ajuda</label></li>                
                    
                </ul>
                <input type="submit" class="submit_input clickable" value="">
            </span>
            
        </fieldset>
    </form>
</div>
                </div>
                <div id="nav_bar">
                    
                    <script type="text/javascript" src="http://www.fairytailmilenium.com.br/public/js/ips_twerod.js"></script>
        <div id="user_navigation" class="not_logged_in">
                            
                            <ul class="ipsList_inline">
                                <li>
                                    <span class="services">
                                        
                                        
                                        
                                    </span>
                                    <div id="twerod_form" style="">
            <a href="/login" title="Entrar" id="twerod-tggle">Entrar <span class="caret"></span></a><div id="twerod" style="display:none;">
        <div class="dropdown-caret right">
            <span class="caret-outer"></span>
            <span class="caret-inner"></span>
        </div>
        
    </div>
            
        </div>
                                </li>
                                <li>
                                    <a href="/register" title="Cadastre-se" id="register_link"><img src="http://www.fairytailmilenium.com.br/public/style_images/v1/user_register.png" alt=""> Cadastre-se</a>
                                </li>
                            </ul>
                        </div>
                    
                    <!-- ::: APPLICATION TABS ::: -->
        <div id="primary_nav" class="clearfix">
                <ul class="ipsList_inline" id="community_app_menu">
                    
                                                                <li id="nav_app_forums" class="left active"><a href="/forum" title="Ir para Fórum">Fórum</a></li>
                            
                                                                <li id="nav_app_members" class="left "><a href="/memberlist" title="Ir para Membros">Membros</a></li>
                            
                                                                <li id="nav_app_sospromote" class="left "></li>
                            
                                                                <li id="nav_app_teams" class="left "><a href="#" title="Ir para Organizações">Organizações</a></li>
                            
                                                                <li id="nav_app_ibEconomy" class="left "></li>
                            
                    
                </ul>
            </div>
            
            
                        
                </div>
            </div></div></div>
                          <!-- END switch_user_logged_out -->
  
                                                                          
                                                                          <div id="secondary_navigation" class="clearfix">
                    
                        <ol class="breadcrumb top ipsList_inline left" id="breadcrumb">
                                                        <li itemscope="" itemtype="http://data-vocabulary.org/Breadcrumb" class="first">
                                                                                                                  <a href="/forum" itemprop="url">
                                        <span itemprop="title">Bem vindo</span>
                                    </a>
                                </li>
                                
                                                    </ol>
                        
                     <ul id="secondary_links" class="ipsList_inline right">
                       <li><a href="http://darkcheats.playogame.com/forum">Adaptado por darkdoki</a></li>
                        <li><a href="/search?search_id=newposts" accesskey="2">Ver Novo Conteúdo </a></li>
                        
                        <li><a href="#" rel="quickNavigation" accesskey="9" id="quickNavLaunch" title="Abrir Navegação Rápida"><img src="http://www.fairytailmilenium.com.br/public/style_images/v1/icon_quicknav.png" alt=""></a></li>
                        
                        
                        <li><a href="http://www.facebook.com/darkcheatshackingames" title="Visit us on Facebook"><img src="http://www.fairytailmilenium.com.br/public/style_images/v1/social_facebook.png" alt=""></a></li>
                        
                        <li><a href="http://twitter.com/darkcheatsteam" title="Follow us on Twitter"><img src="http://www.fairytailmilenium.com.br/public/style_images/v1/social_twitter.png" alt=""></a></li>
                        
                    </ul>
                    
                    </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>

                        <!-- BEGIN switch_h1 -->
                        <div id="pun-title">{switch_h1.MAIN_SITENAME}</div>
                        <!-- END switch_h1 -->

                        <!-- BEGIN switch_desc -->
                        <p id="pun-desc">{switch_desc.SITE_DESCRIPTION}</p>
                        <!-- END switch_desc -->
                    </div>
                    <div id="pun-head">
                        <div id="pun-navlinks">
                            <ul class="clearfix">
                                <li>{GENERATED_NAV_BAR}</li>
                            </ul>
                        </div>
                    </div>

                    <!-- 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="{ID_LEFT}">
                                                <!-- BEGIN giefmod_index1 -->
                                                {giefmod_index1.MODVAR}
                                                <!-- BEGIN saut -->
                                                <div style="height:{SPACE_ROW}px"></div>
                                                <!-- END saut -->
                                                <!-- END giefmod_index1 -->
                                            </div>
                                            <div id="main">
                                                <div id="main-content">

<!-- BEGIN html_validation -->
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>
</html>
<!-- END html_validation -->
           <!-- #region sign_in_popup -->
<div id="document_modal" class="modal" style="display:none; width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; z-index: 10000; opacity: 0.4; background-color: #3E3E3E;"></div>
<div id="sign_in_popup_popup" style="display:none; z-index: 10001; top: 25%; left: 24%; position: fixed;" class="popupWrapper">
    <div id="sign_in_popup_inner" class="popupInner" style="width: 600px; max-height: 641px;">
        <div style="" class="ipbfs_login" id="inline_login_form">
            <form id="login" method="post" action="/login.forum">
            <h3>Entrar</h3>
            <!-- BEGIN switch_fb_connect -->
            <div class="ipsBox_notice">
               <ul class="ipsList_inline">
                  <li>
                     <a class="ipsButton_secondary" href="/facebook_connect.forum" v="2" scope="{switch_user_login_form_header.switch_fb_connect.L_FB_PERMISSIONS}">
                        <img alt="Facebook" src="http://i69.servimg.com/u/f69/16/62/61/50/facebo10.png">   Use Facebook
                     </a>
                  </li>
               </ul>
            </div>
            <!-- END switch_fb_connect -->
                <div class="ipbfs_login_row">
                    <div class="ipbfs_login_col">
                        <span class="right desc lighter blend_links">
                            <a title="Registre-se agora!" href="/register">Registre-se agora!</a>
                        </span>
                        <strong><label for="ips_username">Usuário</label></strong>
                        <div class="ipsField_content">
                            <input type="text" tabindex="1" size="30" placeholder="Nome de usuário" name="username" class="input_text ipbfs_login_input ipbfs_luser" id="ips_username">
                        </div>
                    </div>
                    <div class="ipbfs_login_col">
                        <span class="right desc lighter blend_links"><a title="Retrieve password" href="/profile?mode=sendpassword">Esqueci minha senha</a></span>
                        <strong><label for="ips_password">Senha</label></strong>
                        <div class="ipsField_content">
                            <input type="password" tabindex="2" size="30" placeholder="Senha de usuário" name="password" class="input_text ipbfs_login_input ipbfs_lpassword" id="ips_password"><br>
                        </div>
                    </div>
                </div>
                <div class="clearfix">
                    <div class="ipbfs_login_col">
                        <input type="checkbox" class="input_check left" value="1" name="autologin" checked="checked" id="autologin">
                        <div style="padding-left: 20px;">
                            <label for="autologin">
                                <strong>Lembrar dados</strong>
                                <span style="display: block; padding-top: 5px;" class="desc lighter">Não recomendado para computadores públicos</span>
                            </label>
                        </div>
                    </div>
                    <div class="ipbfs_login_col">
                        <input type="checkbox" class="input_check left" value="1" name="anonymous" id="anonymous">
                        <div style="padding-left: 20px;">
                            <label for="anonymous">
                                <strong>Login anônimo</strong>
                                <span style="display: block; padding-top: 5px;" class="desc lighter">Não me adicione na lista de membros ativos</span>
                            </label>
                        </div>
                    </div>
                </div>
                <div class="ipsForm_submit ipsForm_center clear" style="height: 29px;">
                    <input type="submit" name="login" value="Entrar" class="input_submit">
                    <input name="redirect" type="hidden" value="" />                    
                </div>
            </form>
        </div>
    </div>
   <div id="sign_in_popup_close" class="popupClose clickable">
      <img alt="x" src="http://i78.servimg.com/u/f78/18/17/62/92/close_10.png" onclick="show_popup('sign_in_popup_popup');">
   </div>
</div>
<script type="text/javascript">
   //<![CDATA[
   $(document).ready(function() {
      $('#user_navigation #sign_in').attr('href', '#').attr('onclick', "show_popup('sign_in_popup_popup');");
      /*
      $('#user_navigation #sign_in').click(function() {
         sign_in_popup();
      });
      */
   });
   function show_popup(id) {
      var $oObj = $('#'+id);
      if ($oObj.css('display') == 'none') {
         $oObj.add('#document_modal').fadeIn('slow');
         $("input:text:eq(0):visible").focus();
      } else {
         $oObj.add('#document_modal').fadeOut('slow');
      }   
   }
   //]]>
</script>
<style type="text/css">
   <!--
    .popupWrapper {
        background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6);
        border-radius: 5px 5px 5px 5px;
        box-shadow: 0 10px 20px rgba(0, 0, 0, 0.5);
        padding: 8px;
    }
    .ipbfs_login .ipsForm_submit {
        margin-top: 0;
    }
    .ipbfs_login .ipsBox_notice {
    margin: 0;
    }
    .ipbfs_login .input_submit {
        font-size: 13px;
    }
    #sign_in_popup_inner {
        width: 680px !important;
    }
    .popupInner {
        box-shadow: 0 0 3px rgba(0, 0, 0, 0.4);
        overflow-x: hidden;
        overflow-y: auto;
        width: 500px;
    }
    .popupInner h3 {
        background: url("http://i78.servimg.com/u/f78/18/17/62/92/highli10.png") repeat-x scroll 0 0 #282828;
        border-bottom: 1px solid #2A2A2A;
        font-size: 16px;
        font-weight: 300;
        padding: 8px 10px 9px;
        text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.8);
        border-width: 0 0 1px;
        height: 21px;
        margin-bottom: 0;
        margin-top: -1px;        
    }    
    .border, .post_block, .ipsComment, .popupInner, .no_messages, .poll_question ol, .ipsBox_container, .ipsFloatingAction, .column_view .post_body {
        background: none repeat scroll 0 0 #232323;
    }
    .ipsBox_notice {
        line-height: 1.6;
        margin-bottom: 10px;
        padding: 10px;
    }
    .ipsBox_notice, .ipsBox_highlight {
        background: none repeat scroll 0 0 #F4FCFF;
        border-bottom: 1px solid #CAE9F5;
    }
    .ipbfs_login_row {
        overflow: hidden;
    }
    .ipbfs_login_row, .gallery_pane h2, .ipsBox_container .ipsType_pagetitle, .ipsType_sectiontitle, #index_stats .status_list:first-of-type li:first-child, .ipsList_data li:first-of-type, .ipsList_withminiphoto li:first-of-type, .ipsList_withmediumphoto li:first-of-type, .category_block table tr:nth-of-type(2) td {
        border-top: 0 none;
    }
    #recentajaxcontent li, #idm_categories a, #index_stats .status_list li, #panel_files .file_listing li, #panel_screenshots #ss_linked li, .file_listing, #cart_totals td, div#member_filters li, #files li, .ipsType_sectiontitle, #order_review td, #package_details .package_info, .block_list li, .package_view_top, .member_entry, #help_topics li, .ipsBox_container .ipsType_pagetitle, .userpopup dl, #announcements td, .preview_info, .sideVerticalList li, fieldset.with_subhead ul, .ipsList_data li, .ipsList_withminiphoto li, .ipsList_withmediumphoto li, table.ipb_table td, .store_categories li, #mini_cart li, #index_stats div[id*="statusReply"], #ipg_category .ipg_category_row, .gallery_pane h2, .status_feedback li[id*="statusReply"], .ipsSideMenu ul li, .ipbfs_login_row, .ipbfs_login .clearfix, .articles .block-1, .articles .type-1x2x2 .article_row, #idm_category .idm_category_row, #category_list li a, .ipsComment {
        border-bottom: 1px solid #1F1F1F;
        border-top: 1px solid #2C2C2C;
    }
    .ipbfs_login_col {
        float: left;
        padding: 15px 10px;
        width: 314px;
    }
    .desc.lighter, .desc.lighter.blend_links a {
        color: #646464;
    }
    .desc, .desc.blend_links a, p.posted_info {
        color: #898989;
        font-size: 11px;
    }
    .right {
        float: right;
    }
    .ipbfs_login_col a:hover {
        text-decoration: underline;
    }
    .ipbfs_login_row label {
        font-size: 1.15em;
    }
    input:-moz-placeholder {
        color: #939393;
    }
    .ipbfs_luser {
        background-image: url("http://i78.servimg.com/u/f78/18/17/62/92/user10.png") !important;
        background-position: 7px 50% !important;
        background-repeat: no-repeat !important;
    }
    .ipbfs_login_input {
        font-size: 14px !important;
        margin-top: 10px;
        padding: 6px 0 6px 28px !important;
        width: 284px;
    }
    .input_text, .ipsTagBox_wrapper, textarea {
        background: none repeat scroll 0 0 #393939;
        border: 1px solid #575757;
        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2) inset;
        color: #B7B7B7;
        padding: 6px;
        text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
    }
    input, select, textarea {
        font: 12px tahoma,helvetica,arial,sans-serif;
    }
    .ipbfs_lpassword {
        background-image: url("http://i78.servimg.com/u/f78/18/17/62/92/key10.png");
        background-position: 7px 50%;
        background-repeat: no-repeat;
    }
    .clearfix:after {
        clear: both;
        content: ".";
        display: block;
        height: 0;
        overflow: hidden;
        visibility: hidden;
    }
    .left {
        float: left;
    }
    img, .input_check, .input_radio {
        vertical-align: middle;
    }
    .ipsForm_center {
        text-align: center !important;
    }
    .ipsForm_submit {
        margin-top: 25px;
        padding: 5px 10px;
        text-align: right;
    }
    .clear {
        clear: both;
    }
    #vnc_filter_popup_close, body#ipboard_body fieldset.submit, body#ipboard_body p.submit, .ipsForm_submit {
        background: none repeat scroll 0 0 #282828;
        border-top: 1px solid #373737;
    }
    .popupClose {
        position: absolute;
        right: 20px;
        top: 20px;
    }
    .clickable {
        cursor: pointer;
    }
    .input_submit, .ipsButton_secondary {
        outline: medium none;
    }
    .input_submit {
        background: url("http://i78.servimg.com/u/f78/18/17/62/92/highli11.png") repeat-x scroll 0 0 #646464;
        border-color: #3F3F3F;
        border-radius: 2px 2px 2px 2px;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
        color: #FFFFFF;
        text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
        border: 0 none;
        cursor: pointer;
        padding: 5px 11px;
        text-decoration: none;
    }
    .pun h2, .pun h3, .pun input, .pun select, .pun th {
        font-family: helvetica,arial,sans-serif !important;
        font-size: 1em;
        font-style: normal;
        font-variant: normal;
        font-weight: 400;
    }
    body {
        color: #BCBCBC !important;
        font: 11px tahoma,helvetica,arial,sans-serif !important;
    }
    -->
</style>
<!-- #endregion sign_in_popup -->

  
  
  <div id="perfil" style="display: none;"><div id="user_link_menucontent" class="ipsHeaderMenu clearfix boxShadow" style="position: absolute; z-index: 9999; top: 392px; left: 234px; -webkit-box-shadow: rgba(0,0,0,0.1) 0px 1px 5px; -moz-box-shadow: rgba(0,0,0,0.1) 0px 1px 5px; box-shadow: rgba(0,0,0,0.1) 0px 1px 5px; background: #fff; padding: 10px; -moz-border-radius: 0 0 6px 6px; -webkit-border-bottom-right-radius: 6px; -webkit-border-bottom-left-radius: 6px; border-radius: 0 0 6px 6px; overflow: hidden; width: 340px;"><a href="/" title="Your Profile" class="ipsUserPhotoLink left"><div id="avatar"></div></a><div class="left">
<ul id="links">
<li id="user_name" style="width: 100%;font-weight: bold;padding-bottom: 5px;">{USERNAME}</li>
<li id="user_profile"><a href="/profile?mode=editprofile" title="Meu perfil">Meu perfil</a></li>
<li id="user_ucp"><a href="/profile?mode=editprofile&page_profil=preferences" title="Editar preferências">Minhas configurações</a></li>
<li id="user_content"><a href="/spa/{USERNAME}" title="Meus posts">Meus Posts</a></li><li id="user_content"><a href="/st/{USERNAME}" title="Meus tópicos">Meus tópicos</a></li>
<li id="user_content"><a href="/search?search_id=watchsearch" title="Conteúdo que sigo">Conteúdo que sigo</a></li>
<li id="user_pm"><a href="/privmsg?folder=inbox">Mensagens Privadas</a></li>
</ul></div></div></div>
<script>
jQuery(document).ready(function(){
  jQuery.get('/profile?mode=editprofile&page_profil=avatars', function(data) {
      link = jQuery('.frm dl dd img', data).attr('src');
      if(link){
    jQuery('#avatar').html('<a href="/profile?mode=editprofile&page_profil=avatars"><img src="'+link+'" alt="" /></a>');
      }else{
        jQuery('#avatar').html('');
      }
  });
});
  </script>
<style>
#avatar img {
height: 50px;
width: 50px;
padding: 1px;
border: 1px solid #d5d5d5;
background: #fff;
-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
}
#avatar img:hover {
border-color: #a1a1a1;
-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
}
#user_link_menucontent>div {
margin-left: 15px;
width: 265px;
text-align: left;
top: 50px;
}
#user_link_menucontent #links li {
width: 50%;
float: left;
margin: 3px 0;
text-shadow: 0px 1px 0 rgba(255,255,255,1);
white-space: nowrap;
}
</style>

Re: Menu + aquela caixa amarela :vSex Jun 06, 2014 12:39 am

[aviso=Katsugi, você escreveu 4 mensagens seguidas que é proibido nesse fórum][/aviso]

Re: Menu + aquela caixa amarela :vSex Jun 06, 2014 12:44 am

@SuperBomber

Só para perguntar, quando a mensagem não dá pelo limite de caracteres, o que fazemos? Não postamos sucessivamente? Foi o que ele fez.

@Autor

Estou fazendo alguns ajustes, já edito esta mensagem com as instruções.
Edit@
Poderia me fornecer o link do fórum dessa imagem?
https://i.imgur.com/SLU8nGX.jpg

Re: Menu + aquela caixa amarela :vSex Jun 06, 2014 1:30 am

http://onepiecerpg-history.forumeiros.com/

Ta ae o link do forum

Re: Menu + aquela caixa amarela :vSab Jun 14, 2014 7:15 pm

Olá meu amigo Feliz

Por gentileza queira trocar sua overall_header por esta;

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');
 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}');
 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 id="branding" class="customBackground"><div class="wrapper">
                <div id="logo">
    <a href="/forum" class="textLogo" title="Go to community index" rel="home" accesskey="1">LifeGames</a>
                </div>
                            
                            
 <div id="primary_nav" class="clearfix">
                <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">Forums</a></li>
 <li id="nav_app_members" class="left "><a href="/memberlist" title="Go to Members">Members</a></li>
 <li id="nav_app_calendar" class="left "><a href="/calendar" title="Go to Calendar">Calendar</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_gallery" class="left "><a href="#" title="Go to Gallery">Gallery</a></li>
 <li id="nav_app_ccs" class="left "><a href="#" title="Go to Pages">Pages</a></li>
 
 
 
                        
                    
                </ul>
                 </div>
            
 
 </div></div>
                        <div class="container_IE">
 <div class="pun">
                          <div id="user_bar" class="clearfix">
            <!-- BEGIN switch_user_logged_out -->
            <div id="user_navigation" class="not_logged_in">
                    <ul class="ipsList_inline">
                      <li><a href="/login" title="Sign In" id="sign_in"><img src="http://www.ipbforumskins.com/skindemo/public/style_images/wireless/user_login.png" alt="" /> Sign In</a></li>
                      <li><a href="/register" title="Create Account" id="register_link"><img src="http://www.ipbforumskins.com/skindemo/public/style_images/wireless/user_register.png" alt="" /> Create Account</a></li>
                    </ul>
                </div>
            <!-- END switch_user_logged_out -->
                            
            <!-- BEGIN switch_user_logged_in -->
                            <div id="user_navigation" class="logged_in">
                    <ul class="ipsList_inline">
   <li><div id="avatar"><center></center></div></li>
   <li><a id="user_link" href="/profile?mode=editprofile" title="Your Profile"><span id="user_link_dd" class="USERNAME"></span></a></li>
   <li><a data-clicklaunch="getInboxList" id="inbox_link" href="/privmsg?folder=inbox" title="Messenger"><img src="http://www.ipbforumskins.com/skindemo/public/style_images/navia34x/clear.gif" alt="" /> </a></li>
   <li><a data-clicklaunch="getNotificationsList" id="notify_link" href="/search?search_id=watchsearch"><img src="http://www.ipbforumskins.com/skindemo/public/style_images/navia34x/clear.gif" alt="" />&nbsp;</a></li>
   <li><a href="/login?logout">Sair</a></li> 
                        
                    </ul>
                </div>
            <!-- END switch_user_logged_in -->
                <div id="search" class="attach">
 <form method="get" action="/search?search_where=11" id="search-box">
 <fieldset>
 <label for="main_search" class="hide"></label>
 <a href="/search" title="Advanced Search" accesskey="4" rel="search" id="adv_search" class="attach"></a>
 <span id="search_wrap" class="attach">
                           <input type="text" name="search_keywords" id="main_search" maxlength="128"  value="Pesquisar..." onclick="if (this.value == 'Pesquisar...') this.value = '';" onblur="if (this.value == '') this.value = 'Pesquisar...';"/>
                          <span class="choice ipbmenu clickable" id="search_options" style="">Forums</span>
                                  <input type="submit" class="submit_input clickable" value=""/>
 </span>
 
 </fieldset>
 </form>
</div>
</div>
                                  <div id="secondary_navigation" class="clearfix">
                    <ol class="breadcrumb top ipsList_inline left" id="breadcrumb">
                                                <li itemscope="" itemtype="http://data-vocabulary.org/Breadcrumb" class="first">
                                                  <a href="/forum" itemprop="url">
                                    <span itemprop="title">{L_INDEX}</span>
                                </a>
                            </li>{NAV_CAT_DESC}
                            
                                            </ol>
                    <ul id="secondary_links" class="ipsList_inline attach">
                        <li><a href="#">Guidelines</a></li>
                        <li><a href="/search?search_id=newposts" accesskey="2">View New Content</a></li>
                        <li><a href="/search" rel="quickNavigation" accesskey="9" id="quickNavLaunch" title="Open Quick Navigation"><img src="http://www.ipbforumskins.com/skindemo/public/style_images/wireless/icon_quicknav.png" alt="" /></a></li>
                        
                        
                    </ul>
                </div>
                                  <!-- BEGIN switch_user_logged_out -->
                                  <div class="guestMessage">
                                    <div class="guestHeader">Bem vindo ao LifeGames Demo</div>
                                    Cadastre-se agora para ter acesso a todos os nossos recursos. Uma vez cadastrado e logado, você será capaz de criar tópicos, postar respostas a tópicos já existentes, a reputação de seus companheiros, começar seu próprio mensageiro privado, atualizações de status post, gerir o seu perfil e muito mais. Esta mensagem será removida assim que tiver logado.<br />
                                    <a href="/login" class="guestButton">Entrar</a> 
                                    <a href="/register" class="guestButton">Cadastre-se</a>
                                    </div>
                                  <!-- END switch_user_logged_out -->
 <div id="pun-intro" class="clearfix">
 <a href="{U_INDEX}" id="pun-logo"><img src="{LOGO}" alt="{L_INDEX}" /></a>

 <!-- BEGIN switch_h1 -->
 <div id="pun-title">{switch_h1.MAIN_SITENAME}</div>
 <!-- END switch_h1 -->

 <!-- BEGIN switch_desc -->
 <p id="pun-desc">{switch_desc.SITE_DESCRIPTION}</p>
 <!-- END switch_desc -->
 </div>
 <div id="pun-head">
 <div id="pun-navlinks">
 <ul class="clearfix">
 <li>{GENERATED_NAV_BAR}</li>
 </ul>
 </div>
 </div>

 <!-- 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="{ID_LEFT}">
 <!-- BEGIN giefmod_index1 -->
 {giefmod_index1.MODVAR}
 <!-- BEGIN saut -->
 <div style="height:{SPACE_ROW}px"></div>
 <!-- END saut -->
 <!-- END giefmod_index1 -->
 </div>
 <div id="main">
 <div id="main-content">

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

Re: Menu + aquela caixa amarela :vTer Jun 17, 2014 3:24 pm

Olá,

[alerta=Sem resposta]

Creio que o seu problema/dúvida esteja solucionado, devido ao longo período sem qualquer resposta do autor, com isto estarei arquivando este tópico. [/alerta]

Até mais.

Tópico movido de " Suporte a códigos " para " Arquivo: Questões resolvidas "
Tópico arquivado!

Re: Menu + aquela caixa amarela :v

Ir para:

Permissão deste fórum:

Você não pode responder aos tópicos neste fórum

techadd

Menu + aquela caixa amarela :v

descriptionMenu + aquela caixa amarela :vQui Jun 05, 2014 11:43 pm

descriptionRe: Menu + aquela caixa amarela :vQui Jun 05, 2014 11:48 pm

descriptionRe: Menu + aquela caixa amarela :vQui Jun 05, 2014 11:58 pm

descriptionRe: Menu + aquela caixa amarela :vQui Jun 05, 2014 11:59 pm

descriptionRe: Menu + aquela caixa amarela :vSex Jun 06, 2014 12:00 am

descriptionRe: Menu + aquela caixa amarela :vSex Jun 06, 2014 12:01 am

descriptionRe: Menu + aquela caixa amarela :vSex Jun 06, 2014 12:39 am

descriptionRe: Menu + aquela caixa amarela :vSex Jun 06, 2014 12:44 am

descriptionRe: Menu + aquela caixa amarela :vSex Jun 06, 2014 1:30 am

descriptionRe: Menu + aquela caixa amarela :vSab Jun 14, 2014 7:15 pm

descriptionRe: Menu + aquela caixa amarela :vTer Jun 17, 2014 3:24 pm

descriptionRe: Menu + aquela caixa amarela :v

tech