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.
Acesso rápido

Fóruns de suporte oficiais
Login

Esqueci minha senha

Últimos assuntos
Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Quem está conectado
255 usuários online :: 5 usuários cadastrados, 1 Invisível e 249 Visitantes :: 2 Motores de busca

Daemon, mizuno600, ranzatti, Vinicius Reis, vitorsali

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em Qui 24 Dez 2009 - 15:05

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 Dom 15 Mar 2015 - 0:46

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?

mservidores
Nível 5

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

http://minerlandia.forumbrasil.net/

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

Mensagem por Sennior em Dom 15 Mar 2015 - 7:23

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'

Sennior
Ex-Admineiro
Ex-Admineiro

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16258
Pontos Ativos : 22833

http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

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

Mensagem por mservidores em Dom 15 Mar 2015 - 15:34

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:


mservidores
Nível 5

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

http://minerlandia.forumbrasil.net/

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

Mensagem por Sennior em Seg 16 Mar 2015 - 7:26

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.

Sennior
Ex-Admineiro
Ex-Admineiro

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16258
Pontos Ativos : 22833

http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

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

Mensagem por mservidores em Ter 17 Mar 2015 - 4:12

alguem ajuda?

mservidores
Nível 5

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

http://minerlandia.forumbrasil.net/

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

Mensagem por Sennior em Ter 17 Mar 2015 - 7:24

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

Sennior
Ex-Admineiro
Ex-Admineiro

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16258
Pontos Ativos : 22833

http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

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

Mensagem por mservidores em Ter 17 Mar 2015 - 22:37

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




mservidores
Nível 5

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

http://minerlandia.forumbrasil.net/

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

Mensagem por Hancki em Ter 17 Mar 2015 - 22:51

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

Hancki
Ex-Admineiro
Ex-Admineiro

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8036
Pontos Ativos : 14703

http://programacaoweb.forumeiros.com/ https://www.facebook.com/djtomoficial https://twitter.com/https://www.facebook.com/djtomoficial

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

Mensagem por mservidores em Qua 18 Mar 2015 - 15:51

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

mservidores
Nível 5

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

http://minerlandia.forumbrasil.net/

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

Mensagem por Hancki em Qua 18 Mar 2015 - 18:04

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

Hancki
Ex-Admineiro
Ex-Admineiro

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8036
Pontos Ativos : 14703

http://programacaoweb.forumeiros.com/ https://www.facebook.com/djtomoficial https://twitter.com/https://www.facebook.com/djtomoficial

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

Mensagem por Gaaratsu em Sab 28 Mar 2015 - 16:13

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.

Gaaratsu
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/08/2010
Mensagens : 5541
Pontos Ativos : 9327

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