• 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:

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


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

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


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