SP-Design

Seja bem-vindo ao SP-Design. Aqui, lhe ajudaremos com o tema de seu Fórum/Blog/site, vocês poderão solicitar e fornecer ajuda a outros usuários sobre o design e estrutura, tanto grafica, tanto em css e templantes.


Regulamento e informações:      
Equipe SP-Design
Regras do fórum
Como entrar na equipe Staff
Seções do fórum:
Pedidos Graficos
Pedidos de Códigos
SP-Design e você
Antes de postar uma dúvida:
Função busca
Perguntas e respostas frequêntes
Tutoriais, dicas e astúcias
Feliz ano novo para você!
Leia a carta de boas festas da equipe SPD.
Área Vip, os códigos mais inovadores
Obtenha os códigos mais inovadores de nosso fórum, atraves de pontos de Cash.
Leia as Regras do SP-Design
Acabou de chegar? Para se "enturmar" rapidamente leia as regras desse fórum.
Tutoriais e Dicas
Veja aqui nossos tutoriais inéditos, e muitos outros tutoriais sobre Design.
Publique no SPublicidade
Publique, peça opinião de pessoas experientes, divulgue o seu trabalho com o SPublicidade
Modifique o visual do seu fórum
Dúvidas sobre códigos HTML, CSS, BBCode e JQuery. Também, poderá tirar dúvidas sobre Templantes.
Faça Pedidos Gráficos para seu fórum
Este é um serviço gratuito para customização e criação de banners, logos, avatares, ícones...
Novo Administrador na comunidade
Pro Administradores adicionam novo administrador na equipe SPD.

Ir à página : 1, 2  Seguinte

Ver o tópico anterior Ver o tópico seguinte Ir para baixo  Mensagem [Página 1 de 2]

vinicius

vinicius
sou nível 10

Ter 12 Jun 2012, 9:48 pm

Qual é minha questão:


vim aqui pedir pra vcs me ajuda a elabora um css para deixa o menu do meu forum igual desse forum aqui oh não identico mais quase igualzinho
http://xbox360.forumpratodos.com/forum

Imagem do meu problema:


Endereço do meu fórum:
http://evolutionxbox.forumeiros.com/forum

Versão do meu fórum:
PHPBB3

LucasRPG

LucasRPG
sou nível 16

Ter 12 Jun 2012, 11:46 pm

Olá.
Acho que Isto não é CSS, Provalvelmente é Edição de Templates na qual não é possível para Phpbb3,Somente PHPBB2 e PUNBB.

CloSeR

CloSeR
Usuário experiente

Ter 12 Jun 2012, 11:54 pm

na minha opinião acho que é um widget fica na espera de algum mais experiente nesse caso de codigos !

LucasRPG

LucasRPG
sou nível 16

Qua 13 Jun 2012, 12:05 am

CloSeR escreveu:na minha opinião acho que é um widget fica na espera de algum mais experiente nesse caso de codigos !

CloSeR,Ele está se Referindo ao Menu de Navegação,Não tem como Fazer por Widgets.

CloSeR

CloSeR
Usuário experiente

Qua 13 Jun 2012, 12:33 am

ali ele pode ter centralizado o menu em>

Painel de Controle > Visualização > Pagina Inicial > Cabeçalho & Navegação

Menu de navegação das páginas

Procure pelo seguinte campo:

Posição do menu : [X] Centralizado !

vinicius

vinicius
sou nível 10

Qua 13 Jun 2012, 5:38 am

não cara queria um menu dentro do logo tipo igual o dele so que com outra imagem mais os msm efeito não e edição de template a versão do forum dele e phpbb3 cara igual o meu

Switch

Switch
Usuário de Destaque

Qua 13 Jun 2012, 2:31 pm

Tenta esse código ai, eu que fiz DAD POKER FACE
Código:
ul.borderless {
box-shadow: inset 0 0 18px -1px
#F6F6F6;
background:
rgba(255, 255, 255, 0.5);
border: 1px solid
#E1E1E1 !important;
position: relative;
border-bottom: 0;
top: -9em;
width: 45%;
}
ul.borderless li a:hover {
font-size: 1.4em;
text-shadow: 1px 1px 0px #333;
display: block;
height: 100%;
width: 100%;
color: #F1F1F1;
}
ul.borderless li a {
text-decoration: none !important;
font-size: 1.2em;
font-weight: bold;
color: #333;
}

vinicius

vinicius
sou nível 10

Qua 13 Jun 2012, 4:11 pm

n foi

Switch

Switch
Usuário de Destaque

Qua 13 Jun 2012, 4:14 pm

Tenta denovo com esse

Código:

ul.navlinks {
box-shadow: inset 0 0 18px -1px #F6F6F6;
background: rgba(255, 255, 255, 0.5);
border: 1px solid
#E1E1E1 !important;
position: relative;
border-bottom: 0;
top: -9em;
width: 45%;
}
ul.navlinks li a {
text-decoration: none !important;
font-size: 1.2em;
font-weight: bold;
color: #333;
}
ul.navlinks li a:hover {
font-size: 1.4em;
text-shadow: 1px 1px 0px #333;
display: block;
height: 100%;
width: 100%;
color: #F1F1F1;
}

vinicius

vinicius
sou nível 10

Qua 13 Jun 2012, 4:51 pm

cara entra no meu forum e olhe como fico http://evolutionxbox.forumeiros.com/forum

Switch

Switch
Usuário de Destaque

Qua 13 Jun 2012, 4:58 pm

Pelo oque eu intendi, você queria um código css para deixar o menu encima do logo certo?
Esse código faz exatamente isso, mais como você não me deixo claro como queria o posicionamento eu simplesmente dexei ali encima da logo esperando você se pronunciar de como queria o posicionamento ou algo do tipo.

vinicius

vinicius
sou nível 10

Qua 13 Jun 2012, 5:04 pm

vou te mostra um logo do jeito que eu quero
https://i.servimg.com/u/f47/16/27/14/15/sem_ta16.jpg

queria meu logo assim oh tem como identico so muda algumas coisa pode ser entra no forum pra vc ver melhor o logo http://xbox360.forumpratodos.com/forum

Switch

Switch
Usuário de Destaque

Qua 13 Jun 2012, 5:11 pm

Eu sei que você quer parecido com o da portal do xbox360.
Mais o banner deles ja ajuda o menu a ficar em um lugar certo intende,
E que uma dica mano, para de tentar copiar tudo do outro fórum mano, tentar ter suas proprias ideias que a gente de ajudar a executar elas.

Agora expecifica melhor como VOCÊ quer o menu, por exemplo:
Em que lugar;
Em qual canto(direita ou esquerda);
etc...

vinicius

vinicius
sou nível 10

Qua 13 Jun 2012, 5:16 pm

menu no centro cara meu loo e diferente e queria tudo diferente do dele so coloca o menu dentro do logo cara

Switch

Switch
Usuário de Destaque

Qua 13 Jun 2012, 5:49 pm

Tenta esse código que eu passei, eu coloquei o efeito que eu gostei achei que iria ficar melhor do seu forum, agora para posicionar onde você quer é simples.
Nesta primeira parte você vai achar assim
top: VALOR;
left: VALOR;

eu dexei o valor de medida como "em", cada "em" equivale a 10 pixel, se você quiser fazer 20pixel, só colocar 2em, ou você quer fazer 12pixel, e agora como faz isso em "em" ?
Simples só colocar um "." e o segundo valor que seria o 2
1.2em
Intendeu ?

Qualquer coisa só pergunta ai
Código:

ul.navlinks {
box-shadow: inset 0 0 18px -1px #F6F6F6;
background: rgba(255, 255, 255, 0.5);
border: 1px solid
#E1E1E1 !important;
position: relative;
border-bottom: 0;
top: -9em;
left: 5em;
width: 45%;
}
ul.navlinks li a {
text-decoration: none !important;
font-size: 1.2em;
font-weight: bold;
color: #333;
}
.mainmenu:hover {
font-size: 1.4em;
text-shadow: 1px 1px 0px #333;
display: block;
height: 100%;
width: 100%;
color: #F1F1F1;
}

vinicius

vinicius
sou nível 10

Qua 13 Jun 2012, 5:54 pm

então mudei isso so que nem fico bom manoh quando eu passo o mause encima fica muito ruim cara se cadstra-se no meu forum e te e vou coloca o codigo pra ver como fica pode ser

Switch

Switch
Usuário de Destaque

Qua 13 Jun 2012, 6:04 pm

Pronto tirei o código de quando passa o mause.
Eu não preciso ser cadastrado para ver o código mano.

Código:

ul.navlinks {
box-shadow: inset 0 0 18px -1px #F6F6F6;
background: rgba(255, 255, 255, 0.5);
border: 1px solid
#E1E1E1 !important;
position: relative;
border-bottom: 0;
top: -9em;
left: 5em;
width: 45%;
}
ul.navlinks li a {
text-decoration: none !important;
font-size: 1.2em;
font-weight: bold;
color: #333;
}

vinicius

vinicius
sou nível 10

Qua 13 Jun 2012, 6:08 pm

o como fica tudo a montuado nem um cantinho quero tipo aberto cara igual na imagem entendeu
https://i.servimg.com/u/f47/16/27/14/15/sem_ta17.jpg

Switch

Switch
Usuário de Destaque

Qua 13 Jun 2012, 6:12 pm

no código só você tirar ou aumentar essa parte

Código:
width:45%;

vinicius

vinicius
sou nível 10

Qua 13 Jun 2012, 6:18 pm

fico quse bom so queria dimuni mais essa parte transparente aqui e deixa certinho dentro do meu logo
https://i.servimg.com/u/f47/16/27/14/15/sem_ta18.jpg

tira essa parte que eu marquei tem como

Switch

Switch
Usuário de Destaque

Qua 13 Jun 2012, 6:21 pm

então cara só você aumentar aquela parte que eu falei

deixa assim

width:70%;
se ficar muito grande diminui caso contrário aumenta.

vinicius

vinicius
sou nível 10

Qua 13 Jun 2012, 6:29 pm

vlw fico massa

Admin

Admin
Pro
Admin
Actif

Qua 13 Jun 2012, 6:33 pm

Muito obrigado pela ajuda Switch_DC, o que falta fazer, para que eu também possa ajuda-los ?

Switch

Switch
Usuário de Destaque

Qua 13 Jun 2012, 10:40 pm

Boa noite, sua questão já foi resolvida ?

vinicius

vinicius
sou nível 10

Qua 13 Jun 2012, 10:44 pm

sim ja foi ja amigo


Conteúdo patrocinado

Ver o tópico anterior Ver o tópico seguinte Ir para o topo  Mensagem [Página 1 de 2]

Ir à página : 1, 2  Seguinte

Você não está conectado. Conecte-se ou registre-se



Permissões neste sub-fórum
Não podes responder a tópicos

TiagoDJ-7.0, Seg 03 Mar 2014, 3:21 pm

Tenma Hiraga, Dom 12 Jan 2014, 2:49 pm

TiagoDJ-7.0, Ter 31 Dez 2013, 5:50 pm

Crowley, Ter 31 Dez 2013, 8:42 am

TiagoDJ-7.0, Sex 27 Dez 2013, 9:33 pm

Ghost, Sex 27 Dez 2013, 6:37 pm

Crowley, Sex 27 Dez 2013, 12:53 pm

Crowley, Sex 27 Dez 2013, 12:46 pm

Destaque do Fórum
Destaque do Fórum

Carregando avatar...
Muito Obrigado
Parabens para o Membro destaque do fórum, pela sua ótima competencia em nosso fórum, um agradecimento dos Usuários e de toda a equipe a você !! Muito Obrigado !!

Quer um Widget igual a este ?
peça o seu aqui >>>

 

Atualizado com e-referrer
Publicidade | SEJA NOSSO PARCEIRO
Naruto Rpg FutureLes power infoMaster ExpShiftactifThe forum of Codes

2012 © SP-Design - Ajuda na criação de códigos e na aparência de seu Fórum™ - Design de Cyllaz - Todos os direitos reservados ®