Adaptar layout

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

Resolvido Adaptar layout

Mensagem por Mazeko em 05/02/11, 04:06 pm

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):
avatar

Mazeko
Nível 8

Masculino
Inscrito dia : 27/08/2009
Mensagens : 120
Pontos Ativos : 209

Ver perfil do usuário http://br-design.forumeiros.com

Resolvido Re: Adaptar layout

Mensagem por muryllodantas em 05/02/11, 04:09 pm

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
avatar

muryllodantas
Usuário destaque

Masculino
Inscrito dia : 31/10/2010
Mensagens : 760
Pontos Ativos : 1013

Ver perfil do usuário http://rendersdesigner.forumeiro.com/

Resolvido Re: Adaptar layout

Mensagem por Mazeko em 05/02/11, 04:17 pm

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

Mazeko
Nível 8

Masculino
Inscrito dia : 27/08/2009
Mensagens : 120
Pontos Ativos : 209

Ver perfil do usuário http://br-design.forumeiros.com

Resolvido Re: Adaptar layout

Mensagem por Login! em 05/02/11, 04:22 pm

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

Login!
Membro do Fórum

Masculino
Inscrito dia : 24/10/2010
Mensagens : 1177
Pontos Ativos : 1475

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

Resolvido Re: Adaptar layout

Mensagem por Mazeko em 05/02/11, 04:32 pm

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

Mazeko
Nível 8

Masculino
Inscrito dia : 27/08/2009
Mensagens : 120
Pontos Ativos : 209

Ver perfil do usuário http://br-design.forumeiros.com
  • 0

Resolvido Re: Adaptar layout

Mensagem por Callie em 06/02/11, 10:43 am

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

Callie
Principal contribuidor
Principal contribuidor

Feminino
Inscrito dia : 20/12/2009
Mensagens : 5007
Pontos Ativos : 7285

Ver perfil do usuário

Resolvido Re: Adaptar layout

Mensagem por Mazeko em 07/02/11, 02:08 pm

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é!
avatar

Mazeko
Nível 8

Masculino
Inscrito dia : 27/08/2009
Mensagens : 120
Pontos Ativos : 209

Ver perfil do usuário http://br-design.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