Várias dúvidas sobre CSS

Qual é sua questão:
Olá a todos!

Eu estou desenvolvendo um fórum e já está quase bom.. mas tem alguns detalhes que estao me incomodando bastante, e outros que sao maiores e que já nao são bem detalhes.

www.thevandals.forumeiros.com | PHPBB3

Nas imagens abaixo estará indicado os itens que desejo corrigir em uma print actual, e como eu desejo deixar (feito em photoshop).

Vamos la..

1º: Me irrita profundamente esse espaço entre o banner e o fim do "espaço de conteudo" do forum. Gostaria de apenas aqui em cima no banner, retirar esse espaço. Eu já tentei fazer o baner com o tamanho exacto da largura do forum, mas há uma margem em CSS que faz saltar a imagem pra fora quando está "muito grande".

2º: Eu nao desejo utilizar a descricao do forum, com o intuito de literalmente grudar o menu no banner. Mas mesmo sem nada escrito na descricao, ele nao anula o espaço. (Voces entenderão o que desejo fazer na ultima imagem)

3º: Este é mais um conjunto de dúvidas... o que eu desejo fazer aqui é:

- Ocultar a busca. (se quiserem buscar, há ali o botao "search") Mas este nao é tao importante, talvez nem tenha como fazer.

- Se voces repararem, onde diz sobre a minha "Última Visita" e "Assinalar Como Lidos" está desalinhado. Eu gostaria de corrigir isso.


4º: Mais uma vez um conjunto de dúvidas..

- Como voces podem reparar, as linhas nao chegam até a parte de baixo.. e os numeros e o nome também nao centralizam correctamente pois acompanham a medida das linhas. Alguém pode me ajudar com isso?

- Quanto apenas ao nome da ultima pessoa que postou, eu gostaria de levar essa parte para o centro do quadrado que irá formar quando as linhas forem até embaixo. (como na imagem mais abaixo)

5º: Eu quero tirar esse contorno em volta das categorias.. essa acho que é simples. (pra quem sabe!)


A primeira imagem é como está! Com os problemas indicados, mas nao corrigidos.

A segunda imagem é como eu quero deixar, feita em photoshop.

Que medidas você tomou para corrigir o problema:
Fiz uma busca durante umas 2 horas, mas algumas coisas eu nao achei. Outras eu já achei solucao e por isso nem postei aqui.

Apresente-nos imagens do problema (se necessário):




Desde já, obrigado!

Atenciosamente, blood.

Boa noite,

Lamento mesmo, não responder às suas questões, mas recomendo que coloque cada questão num tópico diferente!

Somente por motivos de organização, assim que evitamos que um tópico seja utilizado como discussão, ou cheias de mensagens, entende?

Nesse sentido, o seu tópico será bloqueado e excluído em breve, lamentamos mesmo

Att, Needke

Depois de quase uma hora pra elaborar esse tópico o mais organizado possivel e de acordo com as regras dizem-me que não podem responder tudo em um?

Eu posso nao saber os códigos, mas sei que eles sao curtos e provavelmente quem sabe um, poderá saber todos eles.

Eu sei que voces nao tem a obrigacao de ajudar! Eu já fui da staff dos artmeiros e sei como é chato isso, mas isto era um pouco urgente, e pra eu separar cada um em um tópico iria demorar (pra fazer organizado), eu posso fazer isso e até criar tutoriais específicos com as respostas que me derem, mas poderiam ajudar e responder. Como eu disse, os códigos provavelmente sao curtos e uma só pessoa da staff poderá ser capaz de responder rapidamente todos eles.

O tópico está organizado e seguindo os padroes que as regras recomendam.

Compreendo mas, o mais importante é a organização no fórum

Claro que todas as questões serão resolvidas, mas existirem tópicos antigos que estavam sendo utilizados para discussão, entende? Na próxima vez, preferimos que coloque as suas questões em tópicos separados, para que a resolução se torne mais rápida e eficiente!


Quanto às suas questão, responderei pela sua ordem:
1º - Encontrei esse código (CSS) no seu fórum, em:
Painel de Controlo Visualização Imagens e Cores Cores Folha de estilo CSS

Procure por esse linha de código,

Código:

#logo{float:none;padding:5px}

e substitua por isso lá:

Código:

#logo{float:none;padding:0;}

2º - Será muito simples, apenas deverá adicionar esse código (CSS) no fórum:

Código:

#logo-desc{display:none!important;}

3º - Poderá ser um pouco complicado em personalizar, talvez impossível, mas experimente esse código (CSS):

Código:

.search-box {display:none!important;}

4º e 5º - Sinceiramente, não compreendi as suas questões
Será que poderá explicar melhor, por favor?

Att, Needke

Obrigado por compreender Needke.

Bem, respondendo:

1º: Esta nao funcionou.. ela simplismente move a logo uns 2px pro lado.


2º: A segunda curiosamente fez a logo sumir, e nao aproximou o menu. (veja uma screen AQUI).

3º: Realmente, a busca nao surtiu efeito, nao sumiu.. mas este nao faz tanto mal. Mas eu cometi um erro nas imagens. Eu colquei a nº 3 duas vezes.. e na verdade a de baixo seria uma nº 4 e assim por diante.

O que eu quiz dizer na terceira (sem ser a da busca) é que se voce reparar na imagem em tamanho real, a border esquerda da categoria nao chega até o fim (veja uma screen AQUI) e do lado direito simplismente nao existe.


4º: A quarta é: Na primeira imagem que eu postei (actual) as linhas que separam os quadros de numero de Tópicos, Mensagens e Última Mensagem nao chegam até a parte de baixo da categoria. Consequentemente, os numeros também nao, pois pelo visto estao sendo alinhados centralmente com as linhas.

5º: A quinta é simples: Eu quero retirar a border exterior das categorias. (veja mais uma screen AQUI).


Mais uma vez obrigado por compreender e ajudar, e espero que agora eu tenha conseguido me explicar melhor.

Atenciosamente, blood.

up?

Olá!
Tenho aqui as respostas para todas as suas perguntas!

1ª -
Pelo que entendi, você quer retirar o espaço que fica entre o logo e a borda do quadro do fórum?
Tente adicionar este código :

#wrap {
padding: 0;
}

2ª - Tente isto :

.headerbar {
margin-bottom:0;
}

3)a) Use este código :

#search-box {
display: none;
}

b) Infelizmente não é possível o único jeito mesmo será retirando este link:

li.rightside, ul.linklist {
display: none !important;
}

4)
a) Infelizmente aumentar as bordas é algo impossível, mas você pode escondê-las.
Tente isto :

ul.forums dd {
border-left: medium none;
}

Porém, não é possível alinhar os números, sinto muito!

5ª -

Use isto :

dd.lastpost {
padding-left: 40px;
}

Mas vais ter de trocar a imagem de fundo das tabelas, pois o texto "Last Posts" vai sair para fora!

Infelizmente é á unica maneira....

5ª )
Va á Painel de Controle > Visualização > Imagens e Cores > Cores / Gestão das cores , procure pela opção "Cor do quadro das células" e retire tudo o que estiver lá, ou coloque #000000.

Resolve?