Legenda Personalizada

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

Resolvido Legenda Personalizada

Mensagem por ShaDownS em 27/05/14, 11:48 am

  • Descrição:
Olá,
Eu queria minha legenda, como a do forumeiros. Mas numa largura bem grande, que o div não passe de 800px de largura, por exemplo, e que em vez de cinza bem claro, seria laranja bem claro.
E centralizada, pontas das bordas arredondadas, sombras nas parte inferior e laterais.
Escrita ser em Negrito, Itálico e fonte Verdana ^^
Similar à legenda do FdF com estas medidas graficas ^^

Abraços, Ulti.

  • Informações:
Fórum:http://areadetestes.forumeiros.comVersão:PHPBB3
Tipo:Pedido de códigoTags:Legenda,Personalizada



Última edição por UltimaterX em 05/06/14, 10:47 am, editado 4 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: Legenda Personalizada

Mensagem por Kyo Panda em 27/05/14, 09:14 pm

Yo,

De qual legenda fala? Das legendas dos fóruns? Poderia nos mandar uma screenshot para termos uma ideia?

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: Legenda Personalizada

Mensagem por ShaDownS em 28/05/14, 12:53 am

Olá,

Sorry, mas eu não consigo carregar meus Screenshots por serem em alta definição, o que da em memória de arquivo enorme.

Mas sim, eu me refiro às legendas dos fóruns Feliz
Mas essa do FdF, porem nos detalhes que falei 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: Legenda Personalizada

Mensagem por Kyo Panda em 28/05/14, 09:57 am

Yo,

O link do fórum está desativado novamente. Triste

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: Legenda Personalizada

Mensagem por ShaDownS em 28/05/14, 11:10 am

Desativado? Mas eu entro nele e tals...
Tente esse~> http://areadetestes.forumeiros.com

Eu devo ter errado alguma letra no endereço do fórum, gravado no meu perfil ou no post ^^ tenho certeza que o fórum esta ativado...

~ Abraços, Ulti.
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: Legenda Personalizada

Mensagem por Kyo Panda em 28/05/14, 11:47 am

Assim?

Código:
.forabg {
  font-family: Verdana, Arial, sans-serif;
  font-style: italic;
  font-weight: 700;
  background: #F17F15;
  max-width: 800px;
  padding: 0;
  border-left: 1px #EEBA8B solid;
  border-right: 1px #EEBA8B solid;
  border-radius: 5px 5px 0 0;
  margin: 0 auto 10px;
  box-shadow: 3px 3px 5px 0 rgba(0, 0, 0, 0.2);
}

.forabg h2 {
  font-weight: 700;
}

.forabg .corners-top,
.forabg .corners-bottom {
  display: none;
}

ul.forums {
  background: #FFE9D5;
}

ul.forums dd {
  border: none;
}

li.row {
  border-top: 1px #FFF8F2 solid;
  border-bottom: 1px #EEBA8B solid;
}

li.row:hover {
  background-color: #FFF3E8;
}

ul.topiclist {
  color: #8D7660;
}

ul.topiclist dd,
ul.topiclist dt {   
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

ul.topiclist .header dd,
ul.topiclist .header dt {
  margin: 0;
  padding: 15px;
  font-size: 12px;
}

ul.topiclist dd.dterm, ul.topiclist dt {
  width: 50%;
}

dd.posts, dd.topics, dd.views {
  width: 15%;
}

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: Legenda Personalizada

Mensagem por ShaDownS em 29/05/14, 04:03 pm

Olá,

não resultou...
Mas espero que seja como eu quero Feliz
Lembrando que o code é para phpBB3

~ Abraços, Ulti.
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: Legenda Personalizada

Mensagem por Shek em 29/05/14, 04:14 pm

Boa tarde!

Você poderia me explicar exatamente que legenda está querendo? Diz que deseja a legenda de Forumeiros, mas... seria do site?
Acompanhe as informações aqui: http://ajuda.forumeiros.com/t31136-confusao-entre-forumeiros-e-fdf Nos informe uma imagem do que deseja, por gentileza?

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 : 17135
Pontos Ativos : 21397

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: Legenda Personalizada

Mensagem por ShaDownS em 29/05/14, 04:39 pm

A legenda do FdF Feliz Fórum dos Fóruns
^^ é uma similar com esses dados do meu post primário Feliz

~ Abraços, Ulti.
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: Legenda Personalizada

Mensagem por Rafael em 29/05/14, 05:16 pm

Olá amigo,

Agora também fiquei confuso, está-se a referir a legenda dos grupos ou outra legenda qualquer? Uma imagem ajudaria muito, vale mais que 1000 palavras :S   Louco 

Até.
avatar

Rafael
Hiperativo

Masculino
Inscrito dia : 26/04/2014
Mensagens : 3118
Pontos Ativos : 4029

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

Resolvido Re: Legenda Personalizada

Mensagem por ShaDownS em 29/05/14, 10:42 pm

Legenda dos Grupos do FdF Feliz
Eu não sabia que tinha mais de uma legenda. Apesar do padrão, ser chamada de Legenda. Mas é isso, uma legenda de grupos similar ao do FdF com os detalhes ditos por mim Feliz

~ Abraços, Ulti
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: Legenda Personalizada

Mensagem por ShaDownS em 31/05/14, 02:32 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: Legenda Personalizada

Mensagem por Shek em 31/05/14, 07:29 am

Olá!

Adicione em seu CSS o seguinte código:
Código:
#i_whosonline + p br + br + em {
background: #DAD1D1 url(SUA_URL) no-repeat;
border: 1px solid #490000;
color: transparent;
display: block;
margin: 15px 0 0 150px;
padding: 10px 15px 10px 10px !important;
position: relative;
width: 61%!important;
}
Visualização > Cores > Folha de estilos CSS >

No lugar do nome SUA_URL adicione o endereço da imagem de fundo do efeito. Muito feliz

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 : 17135
Pontos Ativos : 21397

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: Legenda Personalizada

Mensagem por ShaDownS em 31/05/14, 10:38 am

Não resultou :v

Ahm... Vou ver o code da legenda minha aqui... Vou postar logo logo...

E eu não achar, bem, teremos que desistir Triste

~ Abraços, Ulti.
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: Legenda Personalizada

Mensagem por ShaDownS em 03/06/14, 09:18 pm

Não achei Triste

E agora??? Triste
Desistimos? Ou qual será a ideia de eu conseguir personalizar minha legenda como a do Fórum dos Fóruns??? Triste


~ Espero respostas. Abraços, Ulti.
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: Legenda Personalizada

Mensagem por DeeW. em 03/06/14, 09:30 pm

Adicione isto ao seu CSS:

Código:

#i_whosonline + p br + br + em {
background: url(http://illiweb.com/bl/spirale.png) no-repeat rgb(247, 247, 247);
border: 1px solid rgb(205, 205, 205);
border-image-source: initial;
border-image-slice: initial;
border-image-width: initial;
border-image-outset: initial;
border-image-repeat: initial;
color: transparent;
display: block;
font-size: 0.9em;
margin: 15px 0px 0px 150px;
position: relative;
padding: 10px 15px 10px 10px;
text-align: center;
width: 61%;
}

Testei em seu fórum, e o código funciona! Piscada
avatar

DeeW.
Nível 10

Masculino
Inscrito dia : 27/05/2014
Mensagens : 271
Pontos Ativos : 389

Ver perfil do usuário http://webpixel.forum-pro.net https://www.facebook.com/headbanger.d

Resolvido Re: Legenda Personalizada

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

Ótimo, pegou Feliz
Mas da pra deixar as pontas das bordas arredondadas? ", e com width 80% ^^
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: Legenda Personalizada

Mensagem por DeeW. em 05/06/14, 10:11 am

Troque-o por este:

Código:

#i_whosonline + p br + br + em {
background: url(http://illiweb.com/bl/spirale.png) no-repeat #ffc8aa;
border: 1px solid #f93;
border-image-outset: initial;
border-image-repeat: initial;
border-image-slice: initial;
border-radius: 10px;
border-image-source: initial;
border-image-width: initial;
color: gradient;
display: block;
font-size: 1.5em;
margin: 15px 0 0 150px;
padding: 10px 15px 10px 10px;
position: relative;
text-align: center;
width: 80%;
}

Se ajudei, repute! Piscada
avatar

DeeW.
Nível 10

Masculino
Inscrito dia : 27/05/2014
Mensagens : 271
Pontos Ativos : 389

Ver perfil do usuário http://webpixel.forum-pro.net https://www.facebook.com/headbanger.d

Resolvido Re: Legenda Personalizada

Mensagem por ShaDownS em 05/06/14, 10:45 am

Perfeito *-*

Valeu cara ^^ eu fiz umas alterações e ficou como eu queria Feliz
Agora falta eu ver um banner com as bordas desfocadas em laraja ^^

^-^ Se puder, poderá me ajudar lá, eu vou fazer outro tópico, pra aumentar a largura da Toolbar de 100% pra 105% ^^ um code pra fazer isto já seria ótimo Feliz

Então, é isso. Obrigado Nakano Feliz Ajudou muito ^^
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