Esticar e dar espaço em barra de anúncios

Detalhes da questão

Endereço do fórum: http://master-publicitario.forumeiros.com/
Versão do fórum: PhpBB3

Descrição

Olá!

A minha barra de anúncios está desta forma:


Queria se possível esticar para os cantos até ao limite do fórum e onde está aquelas pequenas setas vermelhas queria dar um espaço porque não é possível usar a caixa de buscar é como tive-se por cima.

Olá,

Adicione ao seu CSS:

Código:

.sennior{
padding-bottom: 20px;
}

Quanto a parte azul, você quer ela igual ao menu ou só esticar ela até o canto?

Att.

@Ace usei esse mas só da se colocar a 31px mas não fica lá muito bem veja:


Não consegue algo e ficar bem? Enquanto ao esticar apenas é só esticar para a direita e esquerda amigo.

Boa noite.

Adicione no inicio da sua folha de estilos:

Código:

#fa_ticker_block {
left: 5px !important:
width: 99% !important;
}

Até mais.
Fraise

@Fraise não resultou e testei sem o código do Ace e mesmo assim sem efeito amigo.

Você copiou o código incorremente. Poderia verificar, por gentileza?

https://i.imgur.com/vSigtt7.png

Até mais.
Fraise

---

Ou melhor, eu me enganei. Troque por este:

Código:

#fa_ticker_block {
left: 5px !important;
width: 99% !important;
}

@Fraise erro meu :/ agora só falta e dar aquele espaço para poder usar a caixa de buscar.

Boa noite.

Sinceramente não sei do que possa ser o erro, mas tente desta forma que vou citar abaixo.
Troque o código por este:

Código:

#fa_ticker_block {
padding: 0 !important;
left: 15px !important;
width: 99% !important;
}

E adicione mais este:

Código:

#search-box #keywords { margin-bottom: -117px !important; }
#search-box input.button2 { margin-bottom: -117px; }

Até mais.
Fraise

@Fraise agora ficou em cima de tudo amigo e mexeu com os ícones das redes sociais.

Remova o código que lhe forneci e aguarde alguém que consiga descobrir o que possa ser esse problema. (@MateusAnjosV poderia dar uma olhada aqui?)

Obrigado e desculpe.

Melhores cumprimentos.
Fraise

Ora essa não é preciso se desculpar amigo obrigado a mesma, irei aguardar então!

Boa noite!

Se manter o seu fórum exatamente como está(20:08:29), esse código deve resultar:

Código:

#search-box {    z-index: 9999;
    position: absolute;
    margin: 0 !important;
    right: 50px;
    top: 220px;
    }
#fa_ticker_block {
margin-top: 55px !important;
}

http://prntscr.com/96kj2l

Seria isso?

@MateusAnjosV infelizmente tive que retirar pois veja:


Mas a caixa estava a funcionar...

Olá!

Troque por esse:

Código:

#search-box {    z-index: 9999;
position: absolute;
    margin: 0 !important;
    right: 50px;
    top: 220px;
 
    }
    .sennior, .sennior2 {top: 40px;}

@MateusAnjosV está quase amigo veja agora só falta ajustar aqui:

Vou lhe explicar, existe uma publicidade ali invisível para o Admin(configurado no cp), veja a distância que eles estão:
http://prntscr.com/96ldkg
Se eu diminuir, os membros terão uma visão defeituosa, deseja mesmo assim?

@MateusAnjosV realmente é verdade, mas mesmo assim vou testar, queria só mesmo um pouco a mostra só para ver como fica.

Certo... procure em seu CSS:

Código:

#fa_ticker_block {
    margin-top: 55px !important;
}

Aumente ou diminua o 55.

Testei parece-me bem, mas só uma dúvida será possível ocultar aquelas informações antes? "Data/Hora..última visita..."

É possível sim, esse CSS deve resolver:

Código:

#main-content > p:nth-child(6), .right.rightside {display: none}

@MateusAnjosV resultou mas o "Data/Hora" ainda aparecem...

Tem certeza? Consegue identificar a classe? Pois não está visível aqui, veja:
http://prntscr.com/96lm5a

Estranho amigo, veja:

Vamos cortar o "mal" pela raiz? Faça o seguinte, aceda ao seu index_body e remova:

Código:

<!-- BEGIN switch_user_logged_in --><p class="right rightside">{LAST_VISIT_DATE}</p><!-- END switch_user_logged_in -->
<p>{CURRENT_TIME}</p>

Normalmente, na segunda / terceira linha do template.

@MateusAnjosV como lhe aparece os anuncios poderia dizer se ficou bem por favor? Se ficou está resolvido a dúvida!

Aqui está ótimo. ^^

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada. Tópico marcado como Resolvido e movido para "Questões resolvidas".