Contornos do Quadro do Perfil

4 participantes

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

Tópico resolvido Contornos do Quadro do Perfil

Mensagem por ShaDownS 17.06.14 9:09

  • Descrição:
Olá,

Gostaria que o meu quadro dos perfis, ficassem organizados desse jeito
~> http://narutowarz.ativoforum.com/u1

E o cabeçalho "Tudo sobre Silver" deixe sem alinhamento, o mesmo para os botões acima deste cabeçalho.
Esses botões, poderiam ser como os botões do Painel de Controle (Geral, Visualização, Módulos, etc).
Bordas serem de cor #666666 e radius de 7.5px, e os botões terem radius de 3.5px ^^

~ Espero respostas. Abraços, Sold.

  • Informações:
Fórum:http://forumnarutoultimate.forumeiros.comVersão:PHPBB3
Tipo:Pedido de códigoTags:Contornos,Quadro,Perfil



Última edição por Kirisama em 05.07.14 15:47, editado 2 vez(es)
ShaDownS

ShaDownS
Membro

Membro desde : 09/03/2014
Mensagens : 907
Pontos : 1484

http://fairytailcelestial.forumeiros.com https://www.facebook.com/liuquen.rodrigues

Ir para o topo Ir para baixo

Tópico resolvido Re: Contornos do Quadro do Perfil

Mensagem por Kyo Panda 17.06.14 13:51

Olá,

Poderia começar indo Usuários & grupos › Usuários › Perfis › Opções gerais e marcar o Ativar o perfil avançado como sim?

Abraços. Feliz
Kyo Panda

Kyo Panda
Hiper Membro

Membro desde : 08/01/2012
Mensagens : 4641
Pontos : 5939

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Contornos do Quadro do Perfil

Mensagem por ShaDownS 17.06.14 14:32

Ativado Muito feliz
ShaDownS

ShaDownS
Membro

Membro desde : 09/03/2014
Mensagens : 907
Pontos : 1484

http://fairytailcelestial.forumeiros.com https://www.facebook.com/liuquen.rodrigues

Ir para o topo Ir para baixo

Tópico resolvido Re: Contornos do Quadro do Perfil

Mensagem por Kyo Panda 17.06.14 15:02

Adicione ao seu CSS:

Código:
#cp-main {
   margin: 0;
}

#cp-main,
#profile-advanced-right,
#profile-advanced-right > .module {
   border: 2px #666 solid;   
   -moz-box-sizing: border-box;
   box-sizing: border-box;
   border-radius: 7.5px;
}

#profile-advanced-right {
   border: none;
   margin-top: 40px;
}

#cp-main > h1,
#profile-advanced-right .h3 {
   background-color: #481A8B;
   margin: 0;
   padding: 7px 10px;
   font-size: 12px;
   font-weight: 700;
   color: #fff;
}

#cp-main > .panel,
#profile-advanced-right > .module .inner {
   border: 1px #333 solid;
   padding: 0;
   margin: 0;
}

#profile-advanced-right > .module {
   padding: 0;
   margin: 0;
}

#cp-main > .panel dl {
   padding-left: 10px;
   padding-right: 10px;
}

#profile-advanced-right .h3 + div {
   padding: 10px;
}

#profile-advanced-right .corners-top,
#profile-advanced-right .corners-bottom,
#profile-advanced-details .corners-top,
#profile-advanced-details .corners-bottom {
   display: none;
}

#tabs {
   margin: 0 !important;
   padding: 10px 20px 0;
}

#tabs ul {
   overflow: hidden;
}

#tabs ul li {
   margin-bottom: -1px;
}

#tabs ul li a {
   display: block;
   border: 1px #ccc solid;
   margin-right: 15px;
   margin-bottom: -1px;
   border-bottom: 1px #fff solid;
   border-radius: 3.5px 3.5px 0 0;
   font-size: 13px;
   background: #ffffff;
   background: -moz-linear-gradient(top, #ffffff 0%, #cccccc 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#cccccc));
   background: -webkit-linear-gradient(top, #ffffff 0%,#cccccc 100%);
   background: -o-linear-gradient(top, #ffffff 0%,#cccccc 100%);
   background: -ms-linear-gradient(top, #ffffff 0%,#cccccc 100%);
   background: linear-gradient(to bottom, #ffffff 0%,#cccccc 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cccccc',GradientType=0 );
}

#tabs ul li.activetab a,
#tabs ul li a:hover {
   background: #cccccc;
   background: -moz-linear-gradient(top,  #cccccc 0%, #ffffff 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cccccc), color-stop(100%,#ffffff));
   background: -webkit-linear-gradient(top,  #cccccc 0%,#ffffff 100%);
   background: -o-linear-gradient(top,  #cccccc 0%,#ffffff 100%);
   background: -ms-linear-gradient(top,  #cccccc 0%,#ffffff 100%);
   background: linear-gradient(to bottom,  #cccccc 0%,#ffffff 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#ffffff',GradientType=0 );
}

#profile-advanced-layout #new-message {
   margin-top: 0;
}

Feliz
Kyo Panda

Kyo Panda
Hiper Membro

Membro desde : 08/01/2012
Mensagens : 4641
Pontos : 5939

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Contornos do Quadro do Perfil

Mensagem por ShaDownS 19.06.14 0:56

Estava com problemas de conexão, valeu Kyo, ficou fods isso.
Mesmo com as pontas não arredondadas do corpo do quadro, se percebe as pontas, não estão arredondadas, só a borda. Gostaria que ficassem as outras bordas arredondas também.
Veja (pls, não se registre la, se não, acumula Staffers no meu fórum, e eu não quero isso)
~> http://forumnarutoultimate.forumeiros.com/u1

Dê zoom nas pontas do quadro, vc percebe que as outras, que estão por cima ao meu ver, estão retas, isto é, não arredondadas. Se pudesse, poderia dar o code pra arredondá-las?

~ Fico grato. Abraços, Soldier.
ShaDownS

ShaDownS
Membro

Membro desde : 09/03/2014
Mensagens : 907
Pontos : 1484

http://fairytailcelestial.forumeiros.com https://www.facebook.com/liuquen.rodrigues

Ir para o topo Ir para baixo

Tópico resolvido Re: Contornos do Quadro do Perfil

Mensagem por ShaDownS 20.06.14 3:28

UP! Estudar
ShaDownS

ShaDownS
Membro

Membro desde : 09/03/2014
Mensagens : 907
Pontos : 1484

http://fairytailcelestial.forumeiros.com https://www.facebook.com/liuquen.rodrigues

Ir para o topo Ir para baixo

Tópico resolvido Re: Contornos do Quadro do Perfil

Mensagem por Kyo Panda 20.06.14 15:08

Peço perdão pela demora, houve um problema com a energia em casa (tipo, caiu o poste da rua).

Enfim, adicione isso ao CSS:

Código:
#cp-main > .panel,
#profile-advanced-right > .module .inner {
   border: none;
}

#cp-main,
#profile-advanced-right,
#profile-advanced-right > .module {
   border-width: 3px;
}

Feliz
Kyo Panda

Kyo Panda
Hiper Membro

Membro desde : 08/01/2012
Mensagens : 4641
Pontos : 5939

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Contornos do Quadro do Perfil

Mensagem por ShaDownS 24.06.14 6:36

Desculpe a demora... Eu estava ocupado mesmo.

Bem, as pontas das bordas dos quadros onde fica o avatar e os amigos ficaram como eu gostaria.
Mas, onde fica as informações, da opção que clicamos, onde fica "Tudo sobre Kirisama" (VER) basicamente, o quadro maior, o bem grandão, ele, eu queria que ficassem com as bordas como ficaram as dos outros quadros menores.

poderia dar também, um efeito nos botões "Perfil, Estatísticas, etc", que quando nós estamos na parte que selecionamos, ex o Perfil, ele fica da cor #333333 e texto #666666 ou branco, ai alterna conforme onde estamos.

e dá pra pôr o "Gerir usuário - Perfil" para fora do quadro grandão? E que o tamanho da fonte dentro desse quadro, ficassem do mesmo tamanho, de opção ora conteúdo. Tipo, o tamanho esta desigual entre "Idade" e o seu "Valor", no meu caso, ser 15. O mesmo para as outras informações.
poderia deixar todas de tamanho 12??


~ Acho que é isso. Abraços, Soldier.
ShaDownS

ShaDownS
Membro

Membro desde : 09/03/2014
Mensagens : 907
Pontos : 1484

http://fairytailcelestial.forumeiros.com https://www.facebook.com/liuquen.rodrigues

Ir para o topo Ir para baixo

Tópico resolvido Re: Contornos do Quadro do Perfil

Mensagem por ShaDownS 26.06.14 22:22

UP! Estudar
ShaDownS

ShaDownS
Membro

Membro desde : 09/03/2014
Mensagens : 907
Pontos : 1484

http://fairytailcelestial.forumeiros.com https://www.facebook.com/liuquen.rodrigues

Ir para o topo Ir para baixo

Tópico resolvido Re: Contornos do Quadro do Perfil

Mensagem por ShaDownS 29.06.14 7:40

UP! Estudar
ShaDownS

ShaDownS
Membro

Membro desde : 09/03/2014
Mensagens : 907
Pontos : 1484

http://fairytailcelestial.forumeiros.com https://www.facebook.com/liuquen.rodrigues

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Contornos do Quadro do Perfil

Mensagem por Sennior 01.07.14 17:42

Saudações,

Bem amigo, sua explicação foi ótima de como deseja, mas mesmo assim fiquei confuso.
Pode mandar PrintScreen do que deseja que mude e como mude se não for pedir muito amigão?

Abraços.
Sennior

Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Contornos do Quadro do Perfil

Mensagem por ShaDownS 02.07.14 1:27

eu não consigo upar meus pronta Triste
Se vc tiver Whatsapp, eu poderia te mostrar...
Mas, caso não tenha, não poderei te mostrar o que eu quero que mude... Triste

~ Abraços, Kiri.
ShaDownS

ShaDownS
Membro

Membro desde : 09/03/2014
Mensagens : 907
Pontos : 1484

http://fairytailcelestial.forumeiros.com https://www.facebook.com/liuquen.rodrigues

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Contornos do Quadro do Perfil

Mensagem por Shek 02.07.14 1:33

Boa noite!
Veja (pls, não se registre la, se não, acumula Staffers no meu fórum, e eu não quero isso)
Não faz sentido você pedir ajuda se não nos quer deixar entrar em eu fórum? Presumo que nós não vamos lhe causar nenhum transtorno e estas contas são apenas para ajudá-lo na solução para sua questão. Se não deseja nos permitir essa possibilidade, o suporte que precisa será mais demorado! Contornos do Quadro do Perfil Disgust

Agora eu lhe pergunto, deseja suporte adicional ou podemos cancelar seu tópico porque não nos deixa obter acesso ao fórum por meio de uma conta?

Shek

Shek
Principal Contribuidor
Principal Contribuidor

Membro desde : 11/04/2009
Mensagens : 18896
Pontos : 22793

https://shiftactive.blogspot.com/ https://www.facebook.com/ShiftActif https://twitter.com/ShiftActif

Ir para o topo Ir para baixo

Tópico resolvido Re: Contornos do Quadro do Perfil

Mensagem por ShaDownS 02.07.14 13:16

Sim, é uma conta única para todos usarem. Mas não entendo por que tem a conta que falei, se quase ninguém entra nela.

Eu vou restabelecer a senha pra todos usarem. Mas, se quiserem, vão lá. Criem as contas, mas não serão vocês com contas acumuladas e paradas a maioria do tempo, em seus fóruns.
E se fosse pra ajudar por la, de vez enquanto, eu não iria ter falado esta questão de contas.

~ Mas tudo bem, fazer o que. Abraços, Kiri.
ShaDownS

ShaDownS
Membro

Membro desde : 09/03/2014
Mensagens : 907
Pontos : 1484

http://fairytailcelestial.forumeiros.com https://www.facebook.com/liuquen.rodrigues

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Contornos do Quadro do Perfil

Mensagem por Shek 02.07.14 13:33

Acesse seu Painel de controle > Usuários e grupos > Autorizações especiais > Autorizações especiais > e no campo de seleção "Ver usuário" ou "Ver perfil" marque para Convidados e salve.
Shek

Shek
Principal Contribuidor
Principal Contribuidor

Membro desde : 11/04/2009
Mensagens : 18896
Pontos : 22793

https://shiftactive.blogspot.com/ https://www.facebook.com/ShiftActif https://twitter.com/ShiftActif

Ir para o topo Ir para baixo

Tópico resolvido Re: Contornos do Quadro do Perfil

Mensagem por ShaDownS 02.07.14 14:50

Feito!
ShaDownS

ShaDownS
Membro

Membro desde : 09/03/2014
Mensagens : 907
Pontos : 1484

http://fairytailcelestial.forumeiros.com https://www.facebook.com/liuquen.rodrigues

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Contornos do Quadro do Perfil

Mensagem por Shek 03.07.14 0:40

Olá!

Adicione em Visualização > Imagens e Cores > Cores > Folha de estilos CSS >
Código:
#cp-main {
-moz-box-sizing: border-box;
border: 2px #b3b3b3 solid;
border-width: 3px;
box-sizing: border-box;
}

#cp-main > h1, #profile-advanced-right .h3 {
margin: 0;
background-color: #fff;
background-image: url(http://i39.servimg.com/u/f39/17/42/48/34/mqtg5811.png);
color: #fff;
font-size: 11px;
font-weight: 700;
height: 25px;
padding: 2px 3px;
text-align: center;
}
Até mais!
Shek

Shek
Principal Contribuidor
Principal Contribuidor

Membro desde : 11/04/2009
Mensagens : 18896
Pontos : 22793

https://shiftactive.blogspot.com/ https://www.facebook.com/ShiftActif https://twitter.com/ShiftActif

Ir para o topo Ir para baixo

Tópico resolvido Re: Contornos do Quadro do Perfil

Mensagem por ShaDownS 03.07.14 3:38

Hum... Certo, os 2 quadros pequenos (do Avatar e dos amigos) ficaram como eu queria.
Observe bem as bordas deles, compare com o maior, onde vão as informações do perfil.
Bem, tem como fazer o que você fez no quadro maior?
É que tipo, a borda cinza ficou por baixo do quadro, deixando as pontas do quadro retas.
Ou seja, não arredondadas como deveria ficar ^^ igual aos dois pequenos.

~ Abraços, Kiri.
ShaDownS

ShaDownS
Membro

Membro desde : 09/03/2014
Mensagens : 907
Pontos : 1484

http://fairytailcelestial.forumeiros.com https://www.facebook.com/liuquen.rodrigues

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

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