Fórum dos Fóruns

Fórum dos Fóruns Forumeiros

Welcome FdF Bem-vindo ao fórum de suporte Forumeiros  Muito feliz


Para aproveitar tudo o que o nosso fórum lhe oferece, agradecemos que se identifique, se já é nosso membro, ou que se junte à nossa comunidade, fazendo o seu registo.
Conectar-se

Esqueci minha senha

Últimos assuntos
» Gif na foto do perfil
Ontem à(s) 11:13 pm por dudha

» STAFF ONLINE Widgets
Ontem à(s) 11:04 pm por Luiz

» [Ajuda] HTML & CSS
Ontem à(s) 09:37 pm por Lost154

» Grupos de usuarios
Ontem à(s) 09:06 pm por Gaaratsu

» Erro ao colocar barra de estatisticas
Ontem à(s) 08:21 pm por Luiz

» Avatar no topico
Ontem à(s) 07:35 pm por Luiz

» Configuração da segurança
Ontem à(s) 07:22 pm por Luiz

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Os membros mais ativos da semana
Luiz
 
dudha
 

Quem está conectado
184 usuários online :: 2 usuários cadastrados, Nenhum Invisível e 182 Visitantes :: 2 Motores de busca

Heikki, soldado

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em 24/12/09, 01:05 pm

Mover botão de notificação

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Mover botão de notificação

Mensagem por mservidores em 14/03/15, 09:46 pm

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?
avatar

mservidores
Nível 5

Masculino
Inscrito dia : 14/03/2015
Mensagens : 43
Pontos Ativos : 78

Ver perfil do usuário http://minerlandia.forumbrasil.net/

Resolvido Re: Mover botão de notificação

Mensagem por Sennior em 15/03/15, 04:23 am

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  Seta curta Visualização  Seta curta Cores Seta curta "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. Piscada
Melhores cumprimentos,
Sennior. De bem com a vida

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

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20790

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Mover botão de notificação

Mensagem por mservidores em 15/03/15, 12:34 pm

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:

avatar

mservidores
Nível 5

Masculino
Inscrito dia : 14/03/2015
Mensagens : 43
Pontos Ativos : 78

Ver perfil do usuário http://minerlandia.forumbrasil.net/

Resolvido Re: Mover botão de notificação

Mensagem por Sennior em 16/03/15, 04:26 am

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.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20790

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Mover botão de notificação

Mensagem por mservidores em 17/03/15, 01:12 am

alguem ajuda?
avatar

mservidores
Nível 5

Masculino
Inscrito dia : 14/03/2015
Mensagens : 43
Pontos Ativos : 78

Ver perfil do usuário http://minerlandia.forumbrasil.net/

Resolvido Re: Mover botão de notificação

Mensagem por Sennior em 17/03/15, 04:24 am

Saudações,

Retire o código que eu te passei aqui neste tópico e altere por este:
Vá em:
Painel de controle  Seta curta Visualização  Seta curta Cores Seta curta "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. Piscada
Melhores cumprimentos,
Sennior. De bem com a vida
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20790

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Mover botão de notificação

Mensagem por mservidores em 17/03/15, 07:37 pm

Sennior escreveu:Saudações,

Retire o código que eu te passei aqui neste tópico e altere por este:
Vá em:
Painel de controle  Seta curta Visualização  Seta curta Cores Seta curta "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. Piscada
Melhores cumprimentos,
Sennior. De bem com a vida

Bugou .-.



avatar

mservidores
Nível 5

Masculino
Inscrito dia : 14/03/2015
Mensagens : 43
Pontos Ativos : 78

Ver perfil do usuário http://minerlandia.forumbrasil.net/

Resolvido Re: Mover botão de notificação

Mensagem por Hancki em 17/03/15, 07:51 pm

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
avatar

Hancki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8047
Pontos Ativos : 12032

Ver perfil do usuário http://programacaoweb.forumeiros.com/ https://www.facebook.com/djtomoficial https://www.facebook.com/djtomoficial

Resolvido Re: Mover botão de notificação

Mensagem por mservidores em 18/03/15, 12:51 pm

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

mservidores
Nível 5

Masculino
Inscrito dia : 14/03/2015
Mensagens : 43
Pontos Ativos : 78

Ver perfil do usuário http://minerlandia.forumbrasil.net/

Resolvido Re: Mover botão de notificação

Mensagem por Hancki em 18/03/15, 03:04 pm

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
avatar

Hancki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8047
Pontos Ativos : 12032

Ver perfil do usuário http://programacaoweb.forumeiros.com/ https://www.facebook.com/djtomoficial https://www.facebook.com/djtomoficial

Resolvido Re: Mover botão de notificação

Mensagem por Gaaratsu em 28/03/15, 01:13 pm

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.
avatar

Gaaratsu
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/08/2010
Mensagens : 5561
Pontos Ativos : 6960

Ver perfil do usuário http://narutongo.forumeiros.com/

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

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