Legenda Personalizada

[ShaDownS]

• 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.com	Versão:	PHPBB3
Tipo:	Pedido de código	Tags:	Legenda,Personalizada

---

[Kyo Panda]

Yo,

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

Abraços.

[ShaDownS]

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
Mas essa do FdF, porem nos detalhes que falei

[Kyo Panda]

Yo,

O link do fórum está desativado novamente.

[ShaDownS]

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.

[Kyo Panda]

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%;
}


[ShaDownS]

Olá,

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

~ Abraços, Ulti.

[Shek]

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: https://ajuda.forumeiros.com/t31136-confusao-entre-forumeiros-e-fdf Nos informe uma imagem do que deseja, por gentileza?

Até mais!

[ShaDownS]

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

~ Abraços, Ulti.

[RafaelS.]

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    

Até.

[ShaDownS]

Legenda dos Grupos do FdF
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

~ Abraços, Ulti

[ShaDownS]

UP!

[Shek]

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.

Até mais!

[ShaDownS]

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

~ Abraços, Ulti.

[ShaDownS]

Não achei

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


~ Espero respostas. Abraços, Ulti.

[DeeW.]

Adicione isto ao seu CSS:

Código:


#i_whosonline + p br + br + em {
background: url(http://2img.net/i/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!

[ShaDownS]

Ótimo, pegou
Mas da pra deixar as pontas das bordas arredondadas? ", e com width 80% ^^

[DeeW.]

Troque-o por este:

Código:


#i_whosonline + p br + br + em {
background: url(http://2img.net/i/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!

[ShaDownS]

Perfeito *-*

Valeu cara ^^ eu fiz umas alterações e ficou como eu queria
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

Então, é isso. Obrigado Nakano Ajudou muito ^^