Adaptar layout

Mazeko às 19h06
05
Feb
2011
Qual é sua questão:
Bem... eu gostaria de pedir a ajuda do pessoal da Forumeiros com uma template que eu criei no Photoshop. BEM... eu queria adicionar esta template ao meu fórum :


Caso não consiga ver... clique no link :
http://mazeko.deviantart.com/art/Layout-Forum-Dark-Red-196182859

Então... eu queria criar algo assim para o fórumeiros (e é claro, teria os créditos da forumeiros lá em baixo e etc).

Até! Espero que alguém possa me ajudar a instalar essa template.


PS: Mazeko = Eu.
meu fórum: www.br-design.net

Que medidas você tomou para corrigir o problema:
Procurei no google e não achei uma resposta =(

Apresente-nos imagens do problema (se necessário):
1 muryllodantas, em 05/02/2011 às 19h09
Ola, você não pode criar um template apartir do photoshop, terá que começar um template do zero, usando um template normal da Hitiskin.

Até mais
2 Mazeko, em 05/02/2011 às 19h17
muryllodantas escreveu:Ola, você não pode criar um template apartir do photoshop, terá que começar um template do zero, usando um template normal da Hitiskin.

Até mais


Sim eu sei;

Mas eu queria criar algo parecido com esse template que criei no photoshop
Apenas usando código CSS e etc =o

Pois nesse que tem no meu fórum, eu fui editando o CSS até dar algo legal (e sim, eu aproveitei de uma template do hitskin).
3 Login!, em 05/02/2011 às 19h22
Olá,

Não há como transferir um layout de photoshop a um fórum como se fosse um template de blogger.
O que você pode fazer é:
Edição de templates
Criação de códigos CSS
Modificação das imagens.

Isto será o máximo possível.

Até mais.
4 Mazeko, em 05/02/2011 às 19h32
Login! escreveu:Olá,

Não há como transferir um layout de photoshop a um fórum como se fosse um template de blogger.
O que você pode fazer é:
Edição de templates
Criação de códigos CSS
Modificação das imagens.

Isto será o máximo possível.

Até mais.


Sim, essa foi a minha idéia principal, a de procurar códigos CSS e etc...
Mas eu gostaria de saber, se alguém não poderia me ajudar a criar esse código. (pelo menos a parte do Menu, e essa parte vermelha que fica na categória).

Pois mudar as cores das letras eu já sei; basicamente só tenho dúvida nessas 2 partes. Menu & Categoria.

@@ Edit.
E outra coisinha, queria saber como fazer um efeito de borda parecido com esse. (que fica uma borda transparente no menu e nas categorias).
5 Callie, em 06/02/2011 às 13h43
Olá Art~*,

Poderia dizer a que parte da categoria se refere? Ao fundo?
Quanto ao menu veja este código (terá de personalizá-lo):

Código:
#page-header .navbar {
position: absolute;
width: 100%;
padding: 0px;
top: 27px;
left: 0px;
background: none;
}

body{
padding-top: 3px;
background: #ffffff url('http://i35.servimg.com/u/f35/14/65/14/03/captur24.png') repeat-x -3px 10px;
margin-top: 210px;
background-attachment: scroll;
}

/* Menu personalizado*/

#page-header .navbar ul.linklist li a{
font-family: Trebuchet MS;
text-decoration: none !important;
color: #fff;
font-size: 14px;
word-spacing: 0px !important;
height: 50px;
display: inline-block;
}

#page-header .navbar ul.linklist li:hover{
width: 100%;
height: 50px;
background-color: #;
background-position: center;
}

#page-header .navbar ul.linklist li{
padding: 6px 3px 6px 9px;
background: url('') bottom;
}

#page-header .headerbar span.corners-top, #page-header .headerbar span.corners-top span, #page-header .headerbar span.corners-bottom, #page-header .headerbar span.corners-bottom span {
background-image: none;
}

#page-header .navbar span.corners-top, #page-header .navbar span.corners-top span, #page-header .navbar span.corners-bottom, #page-header .navbar span.corners-bottom span {
display: none;
}


.a.gen,a.genmed,a.gensmall {
font-weight: lighter;
}
.gen,.genmed,.gensmall {
font-weight: lighter;
}
.genmed {
font-weight: lighter;
}
.gensmall {
font-weight: lighter;
}


Até mais.
6 Mazeko, em 07/02/2011 às 17h08
Obrigado joãopedro

Eu usei o código, só que eu consegui encontrar uma template já pronta que tem grande parte dos 'efeitos' que eu buscava ^-^

Enfim... eu estou editando aos poucos, já consegui adicionar o menu mais ou menos parecido e agora estou a editar a parte da categoria. (irei tentar adicionar o efeito parecido com a da template que criei).

Aqui está o fórum no qual eu estou fazendo os testes:
http://t-br.forumeiros.com/

--------------------------

Pode fechar o tópico se quizer, pois estou procurando alguns códigos CSS no fórum e na internet para me ajudar a terminar de editar a template.


Obrigado à todos, e me desculpe o incomodo.

Até!
Temas similares
comofaso layout por exemplo como esse forum?
Rounded: Create A Detailed Solid Dark Layout In Photoshop - Rounded: Criando um layout escuro detalhado no photoshop Os elementos utilizados estão disponíveis no link do tutorial. É possível também baixar a PSD sem necessidade de cadastro ou
Ae povinho kromado... problemas com o layout aqui, só que eu uso opera e quando abri no internet explorer tava normal, o meu ta assim.. Spoiler: Todo grudado... Preciso ver o de vocês... =)
Respostas 1 até 6 em 6 por "Adaptar layout"
Veja também
more_less
Informaciones

6 Respostas Para el tema :
"Adaptar layout"

Este tema a sido visto 786 veces.

Último mensaje escrito :
05/02/2011 às 19h06 por "Mazeko"