Mover botão de notificação

[mservidores]

Detalhes da dúvida

Versão do fórum : phpBB2
Nível de acesso : Fundador
Navegador usado : Google Chrome
Imagem :

Imagem da minha dúvida:

Membros afetados : Vários usuários, uns sim e outros não
Endereço do fórum : http://minerlandia.forumbrasil.net/

Descrição do problema

ola, queria sabe como tiro o botão de notificaçoes la de cima e coloca no lado do [sair]?

e removo a barra la de cima?

[Sennior]

Saudações,

Poderia ativar minha conta em teu fórum? Assim posso fazer uma edição melhor no fórum do senhor.
Por via, teste este código:

Adicione o código abaixo no INICIO de teu CSS:

Vá em: Painel de controle   Visualização   Cores "Aba" Folha CSS.

Adicione no conteúdo:

Código:

ul#notif_list {
  position: relative!important;
  top: 14pc!important;
}
a#fa_notifications {
  position: relative!important;
  top: 189px!important;
  left: -8pc!important;
}

Salve e Visualize seu fórum.
Melhores cumprimentos,
Sennior.

Tópico movido de 'Questões sobre HTML & BBCode' para 'Questões sobre a aparência do fórum'

[mservidores]

eu coloquei como vc disse e sumiu o botao notificaçoes la de cima mais nao apareceu embaixo..
e eu desativei a barra de ferramentas:

[Sennior]

Saudações,

Deixe a barra ativada senhor.
Primeiros fazemos a função da notificação e depois fazemos outro código para ocultar a barra. Se desativarmos ela, a função que quer mover para perto do menu também some.

Até mais.

[mservidores]

alguem ajuda?

[Sennior]

Saudações,

Retire o código que eu te passei aqui neste tópico e altere por este:

Vá em: Painel de controle   Visualização   Cores "Aba" Folha CSS.

Adicione no conteúdo:

Código:

a#fa_notifications {
  left: -24pc!important;
  position: relative!important;
  top: 330px!important;
  border: 1px solid black;
  border-radius: 4px;
  color: rgb(230, 183, 66)!important;
  font-weight: 700;
}

Salve e Visualize seu fórum.
Melhores cumprimentos,
Sennior.

[mservidores]

Saudações,

Retire o código que eu te passei aqui neste tópico e altere por este:

Vá em: Painel de controle   Visualização   Cores "Aba" Folha CSS.

Adicione no conteúdo:

Código:

a#fa_notifications {
  left: -24pc!important;
  position: relative!important;
  top: 330px!important;
  border: 1px solid black;
  border-radius: 4px;
  color: rgb(230, 183, 66)!important;
  font-weight: 700;
}

Salve e Visualize seu fórum.
Melhores cumprimentos,
Sennior.

Bugou .-.

[Hancki]

Olá!

Será que pode remover os códigos anteriormente fornecidos neste tópico? Assim o botão volta ao estado padrão e eu posso tentar fazer um código que resulte.

Hancki

[mservidores]

deu, ja removi e fico assim:

Código:

.three-col > tbody:nth-child(1) > tr:nth-child(1) > td:nth-child(2) > table:nth-child(1) > tbody:nth-child(1) > tr:nth-child(1){display: none !important}
a.mainmenu img{display:none}
div#page-header div.navbar ul.linklist li a{
padding-right: 1px;}
.forumline {
background-color: transparent;
border: 0px solid #111;
margin-top: 10px;
box-shadow: 0 0 0 0px rgba(255, 255, 255, 0.1) inset;
}
.secondarytitle, .secondarytitle h2 {
color: #EEE;
text-align: left;
font-family: minecraft;
text-shadow: 0 -1px 0 #666;
font-size: 13px;
padding-left: 5px;
text-transform: uppercase;
letter-spacing: 1px;
padding-top: 5px;
font-weight: normal;
}
th {
background-color: transparent;
background-image: url("http://i43.servimg.com/u/f43/14/73/12/96/fo-bg10.png");
color: #F1F1F1;
font-size: 11px;
font-weight: 700;
height: 30px;
padding-bottom: 2px;
padding-left: 3px;
padding-right: 3px;
padding-top: 2px;
}
td.row2 {
background-color: #222;
border: 1px solid #111;
-webkit-box-shadow: inset rgba(255, 255, 255, 0.1) 0px 0px 0px 1px;
-moz-box-shadow: inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
box-shadow: inset rgba(255, 255, 255, 0.1) 0px 0px 0px 1px;
}
.gen, .genmed, .gensmall {
color: #EEE;
}
td.row1 {
background-color: #222;
border: 1px solid #111;
-webkit-box-shadow: inset rgba(255, 255, 255, 0.1) 0px 0px 0px 1px;
-moz-box-shadow: inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
box-shadow: inset rgba(255, 255, 255, 0.1) 0px 0px 0px 1px;
}
td.row3 {
background-color: #222;
border: 1px solid #111;
-webkit-box-shadow: inset rgba(255, 255, 255, 0.1) 0px 0px 0px 1px;
-moz-box-shadow: inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
box-shadow: inset rgba(255, 255, 255, 0.1) 0px 0px 0px 1px;
}
td.row1, td.row3.over:hover {
background-color: #222;
}
td.row1.over:hover {
background-color: #222;
}
a:link {
color: #E6B759;
text-decoration: none;
}
a:visited {
color: #E6B759;
}
.forumlink {
color: #E6B759!important;
font-size: 13px;
font-weight: bold;
}
a.forumlink:hover {
text-decoration: none!important;
color: #FDFDFD!important;
text-shadow: 0 0 5px white;
}
a:hover {
text-decoration: none !important;
color: #FDFDFD!important;
}
td.row1 {
background-color: #222;
border: 1px solid #111;
-webkit-box-shadow: inset rgba(255, 255, 255, 0.1) 0px 0px 0px 1px;
-moz-box-shadow: inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
box-shadow: inset rgba(255, 255, 255, 0.1) 0px 0px 0px 1px;
}
/************************** Fim de Categoria ***********************************/

/*************************** Estrutura do fórum ********************************/

.bodyline {
background-color: #222;
border: 1px #353535 solid;
-webkit-box-shadow: 0px 0px 10px 1px black;
-moz-box-shadow: 0px 0px 10px 1px #000000;
box-shadow: 0px 0px 10px 1px black;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
}
body {
background-attachment: fixed;
background-color: black;
background-image: url("http://i43.servimg.com/u/f43/14/73/12/96/bg-bod10.gif");
background-position: center center;
background-repeat: repeat;
color: #E6E6E6;
}
.bodylinewidth {
width: 1050px;
}

/********************Fim de Estrutura do fórum ********************************/

/*************************** Estatisticas *************************************/

td.cat, td.catBottom, td.catHead, td.catLeft, td.catRight, td.catSides {
background-color: rgba(0, 0, 0, 0.1);
border: 0px;
height: 30px;
background-image: url("http://i43.servimg.com/u/f43/14/73/12/96/fo-bg10.png");
}
td.catHead, th.thHead {
border-width: 1px 1px 0;
font-size: 12px;
}
td.row1, td.row3.over:hover {
background-color: #222;
border: 1px solid #111;
-webkit-box-shadow: inset rgba(255, 255, 255, 0.1) 0px 0px 0px 1px;
-moz-box-shadow: inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
box-shadow: inset rgba(255, 255, 255, 0.1) 0px 0px 0px 1px;
}

/********************Fim de Estatisticas *************************************/

/****************************** Registro *************************************/

#text_editor_iframe, input.post, select, textarea.inputbox, textarea.post {
background-color: #222;
}
input, select, textarea {
background: #111;
}
#text_editor_iframe, input, select, textarea {
border: 0px solid #353535;
color: white;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 11px;
font-style: normal;
font-variant: normal;
font-weight: normal;
}
input, select, textarea {
border-width: 1px;
}
input.liteoption {
background-color: #222;
font-weight: 400;
}
input.mainoption {
background-color: #222;
font-weight: 700;
}

/*************************Fim de Registro *************************************/

/***************************** Menu ******************************************/

a.mainmenu {
text-decoration: none;
border: 1px solid #111;
background: transparent url(http://i43.servimg.com/u/f43/14/73/12/96/menu_b10.png) center no-repeat;
-webkit-box-shadow: inset rgba(255, 255, 255, 0.1) 0px 0px 0px 1px;
-moz-box-shadow: inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
box-shadow: inset rgba(255, 255, 255, 0.1) 0px 0px 0px 1px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
padding-bottom: 4px;
padding-left: 6px;
padding-right: 6px;
padding-top: 4px;
}
.mainmenu {
color: #E6B759;
font-size: 17px;
font-weight: normal;
font-family: Arial, sans-serif;
}
.fontbutton_selected {
background: #BBC7CE;
border: 1px solid #22229C;
}
#message, #submit_button {
borderwidth: 1px;
color: white;
background: #222;
}
.chatbox_row_1 {
background-color: #222;
padding: 4px;
border-top: 1px solid #111;
border-bottom: 1px solid #111;
}
.chatbox_row_2 {
background-color: #242424;
padding: 4px;
}
#chatbox_members .member-title {
background-color: #1D1D1D;
background-image: none;
color: #FDFDFD;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 12px;
padding: 0.5em 0.25em;
text-align: center;
}
#chatbox_members {
border-right: 1px solid #111;
bottom: 0px;
overflow-x: auto;
overflow-y: auto;
position: absolute;
top: 30px;
width: 180px;
background: #1D1D1D;
}
#chatbox {
bottom: 30px;
left: 181px;
line-height: 10px;
overflow: auto;
position: absolute;
right: 0;
top: 30px;
}
div#chatbox {
color: white;
}
td.cat, td.catBottom, td.catHead, td.catLeft, td.catRight, td.catSides {
background-color: rgba(0, 0, 0, 0.1);
border: 0px;
height: 30px;
background-image: url("http://i43.servimg.com/u/f43/14/73/12/96/fo-bg10.png");
}
a.nav {
text-decoration: none;
color: white;
border: 1px solid #111;
padding: 3px;
background: #222;
-webkit-box-shadow: inset rgba(255, 255, 255, 0.1) 0px 0px 0px 1px;
-moz-box-shadow: inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
box-shadow: inset rgba(255, 255, 255, 0.1) 0px 0px 0px 1px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
#chatbox {
background: #1D1D1D;
} 
.poster-profile span {
color: white !important;
}
.postdetails {
color: #B4B4B4;
font-size: 10px;
}
.code {
background-color: #2C2C2C;
border: solid 1px #111;
padding: 4px;
-webkit-box-shadow: inset rgba(255, 255, 255, 0.1) 0px 0px 0px 1px;
-moz-box-shadow: inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
box-shadow: inset rgba(255, 255, 255, 0.1) 0px 0px 0px 1px;
}
.spoiler_closed {
background-color: #262626;
border: 1px solid #1C1C1C;
padding: 4px;
}
.cattitle {
color: white;
font-size: 12px;
font-weight: 700;
letter-spacing: 1px;
}
#chatbox p {
color: white;
}
/***********************Fim de Menu ******************************************/
#chatbox {
background-image: url(http://i.imgur.com/VYhyiwx.png) !important;
background-repeat: no-repeat;
background-position: bottom right;
}
a[href="/faq"], a[href="/groups"], a[href="/search"] {
display: none !important;
}
.codebox dd { background-color: transparent!important;
border: solid 1px transparent!important;
margin: 0!important;
}

[Hancki]

Olá!

Apenas com CSS, o que consigo fazer: http://prntscr.com/6ido6y

Código CSS:

Código:

#fa_toolbar {
        background: none !important;
}
.fa_tbMainElement, .fa_tbMainElement a, #fa_show, #fa_search #fa_textarea, #fa_share, #fa_toolbar #fa_service, #fa_right #fa_menu #fa_welcome, #fa_right.notification #fa_menu #fa_welcome, #fa_toolbar #fa_magnifier, #fa_toolbar #fa_fb, #fa_toolbar #fa_twitter, #fa_toolbar #fa_gp, #fa_toolbar #fa_mail, #fa_toolbar #fa_rss, #fa_toolbar #fa_hide, #fa_toolbar_hidden #fa_show {
        display: none !important;
}
#fa_toolbar #fa_right.notification #notif_list {
        margin-top: 365px !important;
        margin-left: -170px;
}
a[id="fa_notifications"][class="rightHeaderLink"] {
  font-size: 16px !important;
  color: #E6B759 !important;
  margin-top: 331px !important;
  position: absolute !important;
  margin-left: -355px !important;
  -moz-border-radius: 4px;
  -moz-box-shadow: inset rgba(255,255,255,0.1) 0 0 0 1px;
  -webkit-border-radius: 4px;
  -webkit-box-shadow: inset rgba(255,255,255,0.1) 0 0 0 1px;
  background: transparent url(http://i43.servimg.com/u/f43/14/73/12/96/menu_b10.png) center no-repeat;
  border: 1px solid #111;
  border-radius: 4px;
  box-shadow: inset rgba(255,255,255,0.1) 0 0 0 1px;
  padding: 4px 6px;
  text-decoration: none;
}
a[id="fa_notifications"][class="rightHeaderLink"]:hover {
  color:white !important;
  margin-top: 332px !important;
  margin-left: -354px !important;
}
a[id="fa_notifications"][class="rightHeaderLink"].active {
        color: black !important;
}

Hancki

[Konai]

Segundo o regulamento do setor de suporte, tópicos com mais de 7 dias devem ser arquivados por abandono do próprio autor. Você poderá obter mais informações lendo este tópico: Regras para a postagem de dúvidas Caso ainda tenha dúvidas, aconselhamos que crie um novo tópico no setor de suporte, tendo em vista que este não deve ficar na seção por mais de 7 dias.