Contornos do Quadro do Perfil

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

Resolvido Contornos do Quadro do Perfil

Mensagem por ShaDownS em 17/06/14, 05:09 am

  • 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, 11:47 am, editado 2 vez(es)
avatar

ShaDownS
Usuário destaque

Masculino
Inscrito dia : 08/03/2014
Mensagens : 907
Pontos Ativos : 1484

Ver perfil do usuário http://fairytailcelestial.forumeiros.com https://www.facebook.com/liuquen.rodrigues

Resolvido Re: Contornos do Quadro do Perfil

Mensagem por Kyo Panda em 17/06/14, 09:51 am

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
avatar

Kyo Panda
Super usuário

Masculino
Inscrito dia : 08/01/2012
Mensagens : 4638
Pontos Ativos : 5914

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

Resolvido Re: Contornos do Quadro do Perfil

Mensagem por ShaDownS em 17/06/14, 10:32 am

Ativado Muito feliz
avatar

ShaDownS
Usuário destaque

Masculino
Inscrito dia : 08/03/2014
Mensagens : 907
Pontos Ativos : 1484

Ver perfil do usuário http://fairytailcelestial.forumeiros.com https://www.facebook.com/liuquen.rodrigues

Resolvido Re: Contornos do Quadro do Perfil

Mensagem por Kyo Panda em 17/06/14, 11:02 am

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
avatar

Kyo Panda
Super usuário

Masculino
Inscrito dia : 08/01/2012
Mensagens : 4638
Pontos Ativos : 5914

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

Resolvido Re: Contornos do Quadro do Perfil

Mensagem por ShaDownS em 18/06/14, 08:56 pm

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

ShaDownS
Usuário destaque

Masculino
Inscrito dia : 08/03/2014
Mensagens : 907
Pontos Ativos : 1484

Ver perfil do usuário http://fairytailcelestial.forumeiros.com https://www.facebook.com/liuquen.rodrigues

Resolvido Re: Contornos do Quadro do Perfil

Mensagem por ShaDownS em 19/06/14, 11:28 pm

UP! Estudar
avatar

ShaDownS
Usuário destaque

Masculino
Inscrito dia : 08/03/2014
Mensagens : 907
Pontos Ativos : 1484

Ver perfil do usuário http://fairytailcelestial.forumeiros.com https://www.facebook.com/liuquen.rodrigues

Resolvido Re: Contornos do Quadro do Perfil

Mensagem por Kyo Panda em 20/06/14, 11:08 am

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
avatar

Kyo Panda
Super usuário

Masculino
Inscrito dia : 08/01/2012
Mensagens : 4638
Pontos Ativos : 5914

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

Resolvido Re: Contornos do Quadro do Perfil

Mensagem por ShaDownS em 24/06/14, 02:36 am

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

ShaDownS
Usuário destaque

Masculino
Inscrito dia : 08/03/2014
Mensagens : 907
Pontos Ativos : 1484

Ver perfil do usuário http://fairytailcelestial.forumeiros.com https://www.facebook.com/liuquen.rodrigues

Resolvido Re: Contornos do Quadro do Perfil

Mensagem por ShaDownS em 26/06/14, 06:22 pm

UP! Estudar
avatar

ShaDownS
Usuário destaque

Masculino
Inscrito dia : 08/03/2014
Mensagens : 907
Pontos Ativos : 1484

Ver perfil do usuário http://fairytailcelestial.forumeiros.com https://www.facebook.com/liuquen.rodrigues

Resolvido Re: Contornos do Quadro do Perfil

Mensagem por ShaDownS em 29/06/14, 03:40 am

UP! Estudar
avatar

ShaDownS
Usuário destaque

Masculino
Inscrito dia : 08/03/2014
Mensagens : 907
Pontos Ativos : 1484

Ver perfil do usuário http://fairytailcelestial.forumeiros.com https://www.facebook.com/liuquen.rodrigues

Resolvido Re: Contornos do Quadro do Perfil

Mensagem por Sennior em 01/07/14, 01:42 pm

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

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Contornos do Quadro do Perfil

Mensagem por ShaDownS em 01/07/14, 09:27 pm

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

ShaDownS
Usuário destaque

Masculino
Inscrito dia : 08/03/2014
Mensagens : 907
Pontos Ativos : 1484

Ver perfil do usuário http://fairytailcelestial.forumeiros.com https://www.facebook.com/liuquen.rodrigues

Resolvido Re: Contornos do Quadro do Perfil

Mensagem por Shek em 01/07/14, 09:33 pm

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!

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 CrowleyAdmineiro - Fórum dos Fóruns

Clicar no botão ou no OBRIGADO não mata ninguém!
avatar

Shek
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 17160
Pontos Ativos : 21418

Ver perfil do usuário http://www.shiftactif.com https://go.topicit.net/ZosT/61pMt1mPsG https://www.facebook.com/shek.crowley https://twitter.com/shek_forumactif

Resolvido Re: Contornos do Quadro do Perfil

Mensagem por ShaDownS em 02/07/14, 09:16 am

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

ShaDownS
Usuário destaque

Masculino
Inscrito dia : 08/03/2014
Mensagens : 907
Pontos Ativos : 1484

Ver perfil do usuário http://fairytailcelestial.forumeiros.com https://www.facebook.com/liuquen.rodrigues

Resolvido Re: Contornos do Quadro do Perfil

Mensagem por Shek em 02/07/14, 09:33 am

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 CrowleyAdmineiro - Fórum dos Fóruns

Clicar no botão ou no OBRIGADO não mata ninguém!
avatar

Shek
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 17160
Pontos Ativos : 21418

Ver perfil do usuário http://www.shiftactif.com https://go.topicit.net/ZosT/61pMt1mPsG https://www.facebook.com/shek.crowley https://twitter.com/shek_forumactif

Resolvido Re: Contornos do Quadro do Perfil

Mensagem por ShaDownS em 02/07/14, 10:50 am

Feito!
avatar

ShaDownS
Usuário destaque

Masculino
Inscrito dia : 08/03/2014
Mensagens : 907
Pontos Ativos : 1484

Ver perfil do usuário http://fairytailcelestial.forumeiros.com https://www.facebook.com/liuquen.rodrigues

Resolvido Re: Contornos do Quadro do Perfil

Mensagem por Shek em 02/07/14, 08:40 pm

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 CrowleyAdmineiro - Fórum dos Fóruns

Clicar no botão ou no OBRIGADO não mata ninguém!
avatar

Shek
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 17160
Pontos Ativos : 21418

Ver perfil do usuário http://www.shiftactif.com https://go.topicit.net/ZosT/61pMt1mPsG https://www.facebook.com/shek.crowley https://twitter.com/shek_forumactif

Resolvido Re: Contornos do Quadro do Perfil

Mensagem por ShaDownS em 02/07/14, 11:38 pm

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

ShaDownS
Usuário destaque

Masculino
Inscrito dia : 08/03/2014
Mensagens : 907
Pontos Ativos : 1484

Ver perfil do usuário http://fairytailcelestial.forumeiros.com https://www.facebook.com/liuquen.rodrigues

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