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.

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

John Coffey

John Coffey
sou nível 8

Seg 20 Ago 2012, 10:07 pm

Qual é minha questão:
Olá!

Neste tutorial https://spdesign.forumeiros.com/t1872-tutorial-conectado-como-v no modo de barra pelo topo inteiro gostaria de colocar junto ao Conectado como Convidado | Sair do lado esquerdo o resto do menu, como Início | FAQ | Buscar | Membros | Grupos| Perfil | Mensagens privadas

Imagem do meu problema:


Endereço do meu fórum:
http://www.konektabrasil.com

Versão do meu fórum:
PHPBB3

LucasRPG

LucasRPG
sou nível 16

Seg 20 Ago 2012, 10:39 pm

O Código do Tutorial é um JS,Creio que Switch sabe como modificar,Não tenho muita experiência em JS então não poderei Ajudar á modificar o código.
Porém,Há como Fazer por Edição de Template,Mas sua Versão não permite.

John Coffey

John Coffey
sou nível 8

Ter 21 Ago 2012, 8:26 am

Ta bom, irei aguardar ..

Switch

Switch
Usuário de Destaque

Ter 21 Ago 2012, 11:58 am

Eu acho mais simples mover o menu para o topo, doque ficar editando o código, e fazer link por link.
Posso fazer do modo que eu disse acima ou você tem algo contra ?

John Coffey

John Coffey
sou nível 8

Ter 21 Ago 2012, 1:48 pm

Claro, também pensei nisso mais fiquei com preguiça de procurar pelo codigo rsrs
Mais teria como colocar com os mesmos efeitos igual o Sair? Tipo, a fonte, o tamanho, a cor, o efeito quando se passa o mouse, etc ..

Switch

Switch
Usuário de Destaque

Qui 23 Ago 2012, 5:20 pm

Tem como deixar igual sim.
Acabei de entrar em seu fórum, e seu dominio foi suspenso ou expiro '-'
Tentei entrar pelo padrão forumeiros e está redirecionando, quando arrumar isso me avise para eu fazer o código.

John Coffey

John Coffey
sou nível 8

Qui 23 Ago 2012, 10:52 pm

Switch

Switch
Usuário de Destaque

Sex 24 Ago 2012, 5:34 pm

Sweet Chili escreveu:Olá!

Tente por este http://konektabrasil.forumeiros.com/

Não foi Sad

John Coffey

John Coffey
sou nível 8

Sex 24 Ago 2012, 10:41 pm

www.konektabrasil.com tenta ai agora

Switch

Switch
Usuário de Destaque

Sex 24 Ago 2012, 10:49 pm

Ambos os links me redirecionam para essa página
http://www.editboard.com/

John Coffey

John Coffey
sou nível 8

Sáb 25 Ago 2012, 9:06 am

Ja testei em outro computador e esta tudo certo :s
esse http://www.konektabrasil.com/ quanto esse http://konektabrasil.forumeiros.com/

Switch

Switch
Usuário de Destaque

Sáb 25 Ago 2012, 9:56 am

Agora pegou õ/

Adicione isso em seu css

Código:
.navlinks {
position: absolute !important;
top: 3.8em;
left: 18% !important;
background: transparent !important;
width: 80em !important;
height: 3em !important;
}
.navlinks a {
padding: 10px 10px 9px;
font: 13px tahoma !important;
border-radius: 5px 5px 0 0;
}
.navlinks a:hover {
background: white;
color: #111 !important;
text-shadow: none !important;
}
#logo img {
width: 810px;
}

John Coffey

John Coffey
sou nível 8

Sáb 25 Ago 2012, 11:05 am

Teria como colocar o tamanho da parte branca quando passa o mouse, a cor, configurar o top: 2em e o left: 5% tudo de acordo com esse codigo:

Código:
/*** Conectado Como (Barra no fórum) ***/
#conectFor * {
    font-size: 12px;
    }
    #conectFor{
    padding: 13px;
    padding-right : 20px;
    text-align: right;
    background: #323232;
    border-bottom: 1px solid #000;
    font: 15px Tahoma;
    height: 10px;
    display: block;
    color: #F1F1F1;
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    }
    #conectFor a{
    color:#f1f1f1;
    font-family:Arial;
    padding:8px 5px ;
    margin:0 1px;
    text-decoration:none;
    }
    #conectFor a:hover{
    color:#111;
    border-radius:5px 5px 0 0;
    -moz-border-radius:5px 5px 0 0;
    -webkit-border-radius:5px 5px 0 0;
    -o-border-radius:5px 5px 0 0;
    background:#f1f1f1;
    }
    #conectFor a:hover ul{display:inline;}
    #conectFor ul {
    margin-top: -1px;
    z-index:1;
    border-radius: 0px 0px 5px 5px;
    -moz-border-radius: 0px 0px 5px 5px;
    -webkit-border-radius: 0px 0px 5px 5px;
    -o-border-radius: 0px 0px 5px 5px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
    -o-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
    top: 100%;
    width: 390px;
    padding:20px 13px;
    color: #333;
    background: #F1F1F1 url() no-repeat bottom right;
    list-style: none;
    display: none;
    float: left;
    right: 0em;
    position: absolute;
    }
    #conectFor ul li{
    float: left;
    width: 47%;
    display: inline;
    text-align:left;
    margin:5px;
    }
    #conectFor ul li a{color:#3689D1; background-image:none !important;}
    #conectFor ul li a:hover{color:#111; background:transparent;}

    #conectFor a[href="/profile?mode=editprofile"] {
    background-position: right;
    background-repeat: no-repeat;
    padding-right: 10px;
    background-image: url(http://i42.servimg.com/u/f42/17/32/13/00/dropdo10.png);
    }

    #conectFor a[href="/profile?mode=editprofile"]:hover {
    background-image: url(http://i42.servimg.com/u/f42/17/32/13/00/dropdo11.png);
    }
/*** FIM ***/

Se tiver como agradeço ..

Switch

Switch
Usuário de Destaque

Dom 26 Ago 2012, 1:20 pm

Não intendi muito bem oque você quer.
Poderia explicar melhor oque deseja agora.

John Coffey

John Coffey
sou nível 8

Seg 27 Ago 2012, 10:04 am

Teria como por favor colocar por JavaScript o menu?

Switch

Switch
Usuário de Destaque

Seg 27 Ago 2012, 10:53 am

Sweet Chili escreveu:Teria como por favor colocar por JavaScript o menu?

Até tem como sim, mais pra pra mim é melhor por css.
E por JavaScript não vou estar fazendo porque já tenho os assuntos do fórum pendentes, como uns pedidos vip, o gerador de código vip e as ideias que os membros deram.
Não vejo um motivo válido para ter que usar JavaScript se o css resolve o problema perfeitamente.

John Coffey

John Coffey
sou nível 8

Seg 27 Ago 2012, 12:14 pm

Certo. pelo javaScript vi este codigo:
Código:
<a href="/login?logout=1">Sair</a>
eu mesmo tentei fazer com o /forum, /faq mais não consegui, me parece que tem um codigo que faz ativar isso igual vi no codigo javascript essa parte:
Código:
var con=($('#logout').length)?
< isso seria para ativar o >
Código:
<a href="/login?logout=1">Sair</a>
??????? caso não foi poderia me passar o codigo para ativar que eu mesmo fazeria aqui ..

Se não poder, descarta essa parte de cima e ler essa de baixo:

Sabe quando passa o mouse nos menus que estão de JavaScript que o efeito branco que da ele não completa a barra em baixo tudo? Você poderia colocar da mesma cor e deste mesmo jeito no CSS ? a cor dos menus que estão em CSS colocar da cor também (exemplo: ta azul em meu fórum o Inicio, FAQ etc.) colocar da mesma cor dos dois ultimos que estão com JavaScript.

Switch

Switch
Usuário de Destaque

Ter 28 Ago 2012, 6:19 pm

Entrei em seu fórum e não achei a barra de "conectado como"

Ainda necessita de suporte ?

John Coffey

John Coffey
sou nível 8

Ter 28 Ago 2012, 6:58 pm

Pode deixar, desisti da barra.
Obrigado mesmo assim pelo suporte prestado.

Switch

Switch
Usuário de Destaque

Ter 28 Ago 2012, 6:59 pm



Topic Solved &; Locked


Tópico finalizado e movido para:
Questões resolvidas
Pedidos finalizados

Motivo: Resolvido.


Conteúdo patrocinado

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

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 ®