Como colocar imagem no background com css

4 participantes

Ir para baixo

Tópico resolvido Como colocar imagem no background com css

Mensagem por ShiroK 06.03.14 22:27

Qual é minha questão:
Olá,

Estou com problemas, acho que a imagem abaixo vai explicar o problema; 
https://i.imgur.com/ygKvmVp.png

Como coloco uma imagem no fundo, tipo tem um espaço branco, gostaria de colocar um fundo utilizando CSS porque estou usando uma skin personalizada.

Endereço do meu fórum:
http://narutoyopa.forumeiros.com

Versão do fórum:
PUNBB


Última edição por ShiroK em 08.03.14 19:22, editado 1 vez(es)
ShiroK
ShiroK
****

Membro desde : 01/03/2014
Mensagens : 271
Pontos : 387

http://narutoyopa.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar imagem no background com css

Mensagem por Alex Habilidade 06.03.14 22:49

Olá,

Seria mais eficaz se o senhor postagem a imagem exata que quer como fundo, mais tente o código abaixo:
Código:

.pun {
    background: url("LINK DA IMAGEM") repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
#page-body {
    background: transparent;
}

Obs: Em LINK DA IMAGEM, deverá colar a url da imagem que quer de fundo.
Alex Habilidade
Alex Habilidade
Hiper Membro

Membro desde : 10/01/2011
Mensagens : 2795
Pontos : 3774

http://www.gzhabilidade.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar imagem no background com css

Mensagem por Sennior 07.03.14 5:12

Boa noite,

Aceda à tua "Folha de Estilo CSS":
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta Folha de Estilo CSS

Código:
.pun {
background: url(LINK DA IMAGEM) !important;
}

Obs:. Coloque o código acima no inicio de teu CSS.

Até mais!  Positivo 
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: Como colocar imagem no background com css

Mensagem por ShiroK 07.03.14 15:57

Olá,

Nenhum dos códigos que me passaram deram o resultado que eu queria, se visualizarem o meu fórum vai mostrar o resultado do código de vocês, mas, eu quero preencher toda essa área do fórum.

Atenciosamente,
ShiroK
ShiroK
ShiroK
****

Membro desde : 01/03/2014
Mensagens : 271
Pontos : 387

http://narutoyopa.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar imagem no background com css

Mensagem por Alex Habilidade 07.03.14 22:31

Olá boa noite,

Observei que você alterou o fundo branco, aplicou uns fogo correto?

Caso queira deixar aquela parte branca atrás das categorias transparente, procure em sua folha CSS o código abaixo:
Código:

#page-body {
    background: none repeat scroll 0 0 #FFFFFF;
    margin: auto auto 35px;
    min-width: 975px;
    overflow: hidden;
    padding: 15px 15px 10px;
    width: 70%;
}

Troque por esta:

Código:

#page-body {
    background: transparent!important;
    margin: auto auto 35px;
    min-width: 975px;
    overflow: hidden;
    padding: 15px 15px 10px;
    width: 70%;
}

Caso resulte e lhe agrade, podemos melhorar mais, somente dizer o que necessita Feliz
Alex Habilidade
Alex Habilidade
Hiper Membro

Membro desde : 10/01/2011
Mensagens : 2795
Pontos : 3774

http://www.gzhabilidade.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar imagem no background com css

Mensagem por ShiroK 08.03.14 1:27

Olá,

Houve uma repetição do lado direito, gostaria que isso você adicionado ao lado esquerdo também.

Atenciosamente,
ShiroK
ShiroK
ShiroK
****

Membro desde : 01/03/2014
Mensagens : 271
Pontos : 387

http://narutoyopa.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar imagem no background com css

Mensagem por Kyo Panda 08.03.14 2:00

Procure na sua folha de estilos CSS:

Código:
.pun {
  background: url(http://i.imgur.com/f6eYxYx.png)!important;

E troque por:

Código:
.pun {
  background: #eee4b4 url(http://i.imgur.com/f6eYxYx.png) repeat-y center !important;

Depois procure por:

Código:
#page-body {
  background: transparent!important;
  margin: auto auto 35px;

E troque por:

Código:
#page-body {
  background: transparent !important;
  margin: auto;

Procure por:

Código:
#toolbar {
  background: #f4f4f4;
  border-bottom: 1px solid #eaeaea;
  height: 40px;
}

Troque por:

Código:
#toolbar {
  position: absolute;
  width: 100%;
}

#toolbar .wrapper {
  max-width: 975px;
}

E por último, só para dar uma bimbada no ticker, adicione isso à sua folha de estilo:

Código:
#fa_ticker_block .module.main {
  margin: 0 auto !important;
  width: 70%;
  min-width: 975px;
}

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: Como colocar imagem no background com css

Mensagem por ShiroK 08.03.14 2:54

Olá,

O código que o senhor me passou acima ''destruiu'' o CSS fórum, e continua arruinado, se fosse possível gostaria que alguém me ajudasse via Painel de Controle em meu fórum, tenho total confiança.

Atenciosamente,
ShiroK
ShiroK
ShiroK
****

Membro desde : 01/03/2014
Mensagens : 271
Pontos : 387

http://narutoyopa.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar imagem no background com css

Mensagem por Kyo Panda 08.03.14 3:40

"Destruiu" fez eu me sentir mal. Triste

Mas enfim, não penso que há necessidade de passar acesso ao Painel. Apenas coloque aqui o CSS do seu fórum.

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: Como colocar imagem no background com css

Mensagem por ShiroK 08.03.14 3:49

Olá,

Preciso manter meu CSS porque senão afeta o template, abaixo esta o meu CSS;

Código:
.pun {
  background: url(http://i.imgur.com/f6eYxYx.png)!important;
 
#pun-head #pun-navlinks {
  display: none;
  }

#pun-intro {
display: none;
}


.main .main-head .page-title, .main-head .page-title h2, .module.main .main-head .h3 {
  font-size: 1em!important;
font-weight: bold!important;
}
.pun table th.tc2, .pun table th.tc3, .pun table th.tc4, .pun table th.tcl, .pun table th.tcr {
  background: #444;
color: #666;
}
.main .main-foot, .main .main-head {
background: url(http://demo.dzinerstudio.com/smf2/Themes/skyline_20/images/theme/main_block.png) no-repeat 0 -164px;
color: rgb(95, 95, 95);
padding-left: 9px;
height: 20px;
overflow: hidden;
font-size: 1em;
font-weight: bold;
}
#pun-desc {
color: #CCC;
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
line-height: 25px;
font-size: 12pt;
}
.maxtitleforum #pun-title {
font-size: 30px;
padding-bottom: 5px;
color: white;
text-shadow: 1px 2px 4px rgba(0, 0, 0, 0.3);
font-family: 'Armata', sans-serif;
}
#pun-intro {
width: 70%;
margin:auto;
min-width: 975px;
padding: 0px;
}
.maxtitleforum {
color: white;
margin: 45px auto auto auto;
width: 70%;
min-width: 975px;
}
.pun {
margin: auto;
padding: 0px;
width: 100%;
  background: white;
}
.pun-intro-main {
min-height: 343px;
box-shadow: inset 0 -5px 0 rgba(0, 0, 0, 0.5);
background: white url(http://i.imgur.com/wa5siQH.jpg);
}
#pun-intro {
clear: both;
height: 76px;
line-height: 70px;
background: -moz-linear-gradient(top, rgba(26, 26, 26, 0.44) 0%, rgba(0, 0, 0, 0.44) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(26, 26, 26, 0.44)), color-stop(100%,rgba(0, 0, 0, 0.44)));
background: -webkit-linear-gradient(top, rgba(26, 26, 26, 0.44) 0%,rgba(0, 0, 0, 0.44) 100%);
background: -o-linear-gradient(top, rgba(26, 26, 26, 0.44) 0%,rgba(0, 0, 0, 0.44) 100%);
background: -ms-linear-gradient(top, rgba(26, 26, 26, 0.44) 0%,rgba(0, 0, 0, 0.44) 100%);
background: linear-gradient(to bottom, rgba(26, 26, 26, 0.44) 0%,rgba(0, 0, 0, 0.44) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#701a1a1a', endColorstr='#70000000',GradientType=0 );
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2), inset 0 1px 6px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2), inset 0 1px 6px rgba(0, 0, 0, 0.4);
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2), inset 0 1px 6px rgba(0, 0, 0, 0.4);
-webkit-border-radius: 4px 4px 4px 4px;
-moz-border-radius: 4px 4px 4px 4px;
border-radius: 4px 4px 4px 4px;
position: relative;
border: 0px;
}
#breadcrumb {
background: url(http://i.imgur.com/Lzq2mdm.png);
height: 78px;
clear: both;
overflow: hidden;
text-shadow: 0 1px 0 white;
box-shadow: 0 -2px 3px rgba(0, 0, 0, 0.05) inset, inset 0 1px 0 white;
-moz-box-shadow: 0 -2px 3px rgba(0, 0, 0, 0.05) inset, inset 0 1px 0 #fff;
-webkit-box-shadow: 0 -2px 3px rgba(0, 0, 0, 0.05) inset, inset 0 1px 0 white;
line-height: 75px;
}
#breadcrumb .main_width {
width: 70%;
min-width: 975px;
margin: auto;
}
.pun-intro-main #pun-navlinks ul li a {
font-family: 'Fjalla One', sans-serif;
color: white;
font-size: 11pt;
text-decoration: none;
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
padding: 25px 12px 32px 12px;
margin: 0em;
}
.pun-intro-main #pun-navlinks ul li a:hover {
background: black;
background: rgba(0, 0, 0, 0.37);
color: white;
}

   
.crumb.left a {
text-decoration: none;
font-size: 20px!important;}
.crumb.left a span ,.crumb.left a span h1{
color: #585858;
font-size: 20px!important;
font-family: 'Signika' arial;
font-weight: normal!important;
}
.pun table.table td {
border-bottom: 1px solid #E1E1E1;
border-top: 1px solid white;
background-color: #FBFBFB!important;
border-width: 1px 0px 1px 0px;
color: #AAA;
font-family: Helvetica, helvetica, arial, sans-serif;
font-size: 12px;
  border-style: none;
}
.pun table.table td:hover {
color: #454545;
}
.pun .main-content_board_index table.table {
background: white;
border: 1px solid #DDD;
border-collapse: separate;
}
.main-content_board_index {
padding: 9px;
background: #E5E4E3;
}

/*----------[Borrar Subrayados]------------*/
a {text-decoration: none;}
a:link {text-decoration: none;}
a:hover {text-decoration: none!important;}
a.forumtitle {text-decoration: none;}
a.forumtitle:hover {text-decoration: none!important;}
a.topictitle {text-decoration: none;}
a.topictitle:hover {text-decoration: none!important;}
/*----------------FIN---------------*/
.module.main .main-head {
background-position: -650px -25px !important;
}
#pun-about a {
font-family: helvetica;
color: #EEE;
font-size: 12px;
text-shadow: 1px 1px 0 #5F5F5F;
}
#pun-about form {
display: none;
}
#pun-about {
background: none;
border: none;
min-width: 985px;
width: 70%;
margin: auto;
}

#pun-foot .overlay {
background: url(http://demo.dzinerstudio.com/smf2/Themes/skyline_20/images/custom/overlay.png);
}
#pun-foot {
box-shadow: inset 0px 2px 4px rgba(0, 0, 0, 0.2);
background: white url(http://i.imgur.com/wa5siQH.jpg);
position: absolute;
width: 100%;}
.main-head .page-title h2 ,.module.main .main-head .h3 ,.main .main-head .page-title{
font-family: 'Carrois Gothic', sans-serif;
font-size: 18px;
}
a.forumtitle {
font-size: 16px;
text-shadow: 0 0 1px #AAA;
font-weight: normal!important;
font-family: 'Carrois Gothic', sans-serif;
}
.tcl.tdtopics a.topictitle {
font-size: 15px;
font-family: 'Carrois Gothic', sans-serif;
font-weight: normal;
color: #0F0F0F;
}
#lit {
display: inline-block;
text-align: right;
margin-right: 10px;
}
.datepostur {
background: #EEE;
border-radius: 2px;
display: inline-block;
margin-bottom: 13px;
color: #AAA !important;
font-size: 11px !important;
padding: 3px 10px;
font: normal 13px "Helvetica", helvetica, arial, sans-serif;
}
.pun .main-content_board_index .post {
background: #EDEDED;
border: 1px solid #DDD;
border-bottom: 0px solid transparent;
}
.pun .posthead {
background: #F1F1F1;
padding: 0 10px;
height: 33px;
line-height: 32px;
font-weight: normal;
text-shadow: 0 1px 0 white;
border-bottom: 1px solid #DDD;
}
.pun .postmain {
background-color: #FBFBFB;
border-left: 1px solid #DDD;
margin-left: 14em;
}
.pun .post .user {
margin-top: 0px;
width: 1 px;
margin-left  1 px;
text-align: center;
}
.postfoot {
margin: 0em;
border-top: 0px;
}
#userpost strong {
float: left;
}

.social_media a {
height: 33px;
width: 32px;
display: block;
margin-right: 10px;
position: relative;
top: 20px;
float: right;
}
#icon_plusg a:hover {
background: url(http://i.imgur.com/yePnDmA.png) -64px 33px;
}
#icon_plusg a {
background: url(http://i.imgur.com/yePnDmA.png) -64px 0;
}
#icon_twitter a {
background: url(http://i.imgur.com/yePnDmA.png) -32px 0;
}
#icon_twitter a:hover {
background: url(http://i.imgur.com/yePnDmA.png) -32px 33px;
}
#icon_face a {
background: url(http://i.imgur.com/yePnDmA.png) 0 0;
}
#icon_face a:hover {
background: url(http://i.imgur.com/yePnDmA.png) 0 33px;
}
#pun-navlinks {
position: absolute;
right: 0px;
}
.sprite.icon_nav_search {
background: url(http://i.imgur.com/agUZ8N6.png) no-repeat -32px -15px;
height: 22px;
width: 22px;
position: relative;
top: 5px;
}
#search_ipb input[type="submit"] {
background: #222 url(http://i.imgur.com/5Ja1HOo.png) no-repeat 50%;
text-indent: -3000em;
padding: 0;
border: 1px solid #111 !important;
width: 26px;
height: 32px;
border-radius: 0 2px 2px 0;
box-shadow: inset 0px 1px 0 rgba(255, 255, 255, 0.1);
cursor: pointer;
}
#search_ipb input[type="text"] {
border-radius: 4px 0px 0px 4px;
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
width: 230px;
font: normal 13px helvetica,arial,sans-serif;
border: none;
padding: 7px;
}
#search_ipb {
float: right;
background: #111;
background: rgba(0, 0, 0, 0.7);
-moz-border-radius: 0 0 4px 4px;
-webkit-border-radius: 0 0 4px 4px;
border-radius: 0 0 4px 4px;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
padding: 10px;
margin-top: 75px;
margin-right: 10px;}
.reply_form_topic {
padding: 9px;
background: #E5E4E3;
}
.reply_form_topic #pun-qpost {
padding: 10px;
margin: 0em;
background: white;
}
.reply_form_topic .main-head.clearfix {
font-family: 'Carrois Gothic', sans-serif;
font-size: 18px;
background: none!important;
box-shadow: none;
padding: 10px;
color: black;
text-shadow: 0 0 1px white;
}
.pun .reply_form_topic .main-content.frm {
border: 0px;
}
.reply_form_topic #quick_reply .frm-set {
padding: 0px 5px 0px 3px !important;
border: 2px solid #D5DDE5 !important;
background-color: #E4EBF2 !important;
background-image: none !important;
margin: 0em;
}
.reply_form_topic #text_editor_controls {
margin: 10px;
width: 100%!important;
}
.reply_form_topic button.button2, .reply_form_topic input.button2 {
background: transparent;
border: 0px;
padding: 4px 5px;
border-radius: 2px;
color: #383838;
box-shadow: none;
}
.reply_form_topic button.button2:hover, .reply_form_topic input.button2:hover {
background: #CFDAE0;
border: 0px;
}
.reply_form_topic #textarea_content dl dt {
display: none;
}
.reply_form_topic .dd-textarea {
margin: 0em;
}
.reply_form_topic .options {
display: none;
}
#text_editor_controls {
margin: 10px;
}
.pun .frm div.posting-block dd.frm-textarea {
margin-left: 0em;
}
.pun .frm .frm-buttons input, input[type="button"], input[type="reset"], input[type="submit"], #locsdeidit input:hover, #locsdeidit input {
background: #212121 url(http://i.imgur.com/DNa2Rhl.png) repeat-x top;
color: white;
border-radius: 3px;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
border: 1px solid #222;
padding: 4px 10px;
cursor: pointer;
font-weight: 500;
}
.main-content.topic {
background: whiteSmoke;
}


#quick_reply .frm-buttons {
margin: 5px;
text-align: right;
border: none;
}

button.button2, input.button2 {
background: whiteSmoke;
padding: 3px 4px;
border: 1px solid #D5D5D5;
border-radius: 2px;
cursor: pointer;
color: #6B6B6B;}
fieldset.frm-set dl dd {
margin-left: auto;
}
input[type="text"], #text_editor_textarea {
padding: 3px;
border: 1px solid #DADADA;
border-radius: 3px;
}
#header_bar {
position: relative;
width: 70%;
min-width: 975px;
margin: auto;
}
#user_navigation {
height: 28px;
margin: 33px 0 6px;
text-align: right;
min-width: 569px;
float: right;
}
.ipsList_inline.right li a {
font: normal 15px 'Carrois Gothic', sans-serif;
color: #EEE;
text-shadow: rgba(0, 0, 0, 0.498039) 1px 1px 2px;}
.ipsList_inline.right li {
display: inline;
margin: 2px 7px;
}
#reg_link {
background: rgba(0, 0, 0, 0.7);
color: white;
display: inline-block;
padding: 6px 10px;
border: 0;
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 2px 4px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 2px 4px rgba(0, 0, 0, 0.2);
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 2px 4px rgba(0, 0, 0, 0.2);
text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
}
.ipsList_inline.right {
list-style: none;
}
/* -----------------[Background Selector by 3go0ne]-----------------*/
#custom_background {
background-color: white;
box-shadow: inset 0 1px 0 white, 0 1px 3px rgba(0, 0, 0, 0.16);
border: 1px solid #D1D1D1;
color: white;
position: relative;
padding: 15px 0px 15px 15px;
overflow: hidden;}
#custom_background span {
    -moz-transition: all .2s ease-in-out 0;
    background: none no-repeat scroll 50% 50% #000;
    border-radius: 3px;
    box-shadow: 0 1px 7px #000 inset, 0 1px 0 rgba(255,255,255,0.05), 0 0 1px rgba(255,255,255,0.35);
    cursor: pointer;
    display: block;
    float: left;
    height: 90px;
    margin: 5px;
    width: 140px;
  background: url(http://www.tomchristian.co.uk/development/ipb/public/style_images/tctc91_glare/_custom/sprite_icons.png) no-repeat;
}
#custom_background span:hover {
filter: alpha(opacity=0.5);
  background: url(http://www.tomchristian.co.uk/development/ipb/public/style_images/tctc91_glare/_custom/sprite_icons.png) no-repeat;
-khtml-opacity: 0.5;
-moz-opacity: 0.5;
opacity: 0.5;
}
#nav_background {cursor: pointer;}
#toggle_background {
margin-bottom: 20px;
}
/* Miniaturas (Vista Previa) */
#bg1 {background: url(http://fc09.deviantart.net/fs71/f/2010/166/a/c/Super_Mario_Galaxy_2_Wallpaper_by_Toxigyn.jpg) no-repeat -1006px -250px!important;}
#bg2 {background: url(http://www.wallsave.com/wallpapers/1920x1080/sea-stars/911506/sea-stars-galaxy-universe-andromeda-nebula-hd-desktop-911506.jpg) no-repeat -625px -450px!important;}
#bg3 {background: url(http://i.imgur.com/yhhf7Rt.jpg) no-repeat 0 0!important;}
#bg4 {background: url(http://i.imgur.com/0RcFxB5.jpg) no-repeat -655px -450px!important;}
#bg5 {background: url(http://backgroundhdwallpaper.com/wp-content/uploads/2013/02/Battlefield-3-Background-HD-Wallpaper.jpg) no-repeat -742px -122px!important;}
#bg6 {background: url(http://i.imgur.com/EYGZIPq.jpg) no-repeat -655px -450px!important;}
#bg7 {background: url(http://cdn.superbwallpapers.com/wallpapers/anime/naruto-13679-1366x768.jpg) no-repeat 0 0!important;}
#bg8 {background: url(http://wallpaperpassion.com/upload/4737/bikini-girl-wallpaper.jpg) no-repeat 0 0!important;}
/* Backgrounds */
.bg1 {background: white url(http://fc09.deviantart.net/fs71/f/2010/166/a/c/Super_Mario_Galaxy_2_Wallpaper_by_Toxigyn.jpg)!important;}
.bg2 {background: white url(http://www.wallsave.com/wallpapers/1920x1080/sea-stars/911506/sea-stars-galaxy-universe-andromeda-nebula-hd-desktop-911506.jpg)!important;}
.bg3 {background: white url(http://i.imgur.com/yhhf7Rt.jpg)!important;}
.bg4 {background: white url(http://i.imgur.com/0RcFxB5.jpg)!important;}
.bg5 {background: white url(http://backgroundhdwallpaper.com/wp-content/uploads/2013/02/Battlefield-3-Background-HD-Wallpaper.jpg)!important;}
.bg6 {background: white url(http://i.imgur.com/EYGZIPq.jpg)!important;}
.bg7 {background: white url(http://cdn.superbwallpapers.com/wallpapers/anime/naruto-13679-1366x768.jpg)!important;}
.bg8 {background: white url(http://wallpaperpassion.com/upload/4737/bikini-girl-wallpaper.jpg)!important;}
/* -----------------Background Selector-----------------*/
/*----Estatisticas--*/
 .roundframe {
padding: 0 10px;
background: #f9f9f9;
border-left: 1px solid #e5e5e5;
border-right: 1px solid #e5e5e5;
}
                            div.roundframe div.cat_bar {
background: url(http://demo.dzinerstudio.com/smf2/Themes/skyline_20/images/theme/main_block.png) no-repeat 0 -252px;
margin-bottom: 0;
}
div.cat_bar {
background: url(http://demo.dzinerstudio.com/smf2/Themes/skyline_20/images/theme/main_block.png) no-repeat 0 -164px;
padding-left: 9px;
height: 38px;
overflow: hidden;
margin-bottom: 1px;
}
                            div.roundframe div.cat_bar h3.catbg {
background: url(http://demo.dzinerstudio.com/smf2/Themes/skyline_20/images/theme/main_block.png) no-repeat 100% -252px;
color: #fff;
}
h4.catbg, h4.catbg2, h3.catbg, h3.catbg2, .table_list tbody.header td.catbg {
background: url(http://demo.dzinerstudio.com/smf2/Themes/skyline_20/images/theme/main_block.png) no-repeat 100% -164px;
padding-right: 9px;
}
h3.catbg a:link, h3.catbg a:visited, h4.catbg a:link, h4.catbg a:visited, h3.catbg, .table_list tbody.header td, .table_list tbody.header td a {
color: #424242;
}
h3.catbg, h3.catbg2, h3.titlebg, h4.titlebg, h4.catbg {
overflow: hidden;
height: 38px;
line-height: 38px;
font-size: 1em;
font-weight: bold;
}
.catbg, .catbg2, tr.catbg td, tr.catbg2 td, tr.catbg th, tr.catbg2 th {
color: #424242;
font-size: 1em;
font-weight: bold;
background: url(http://demo.dzinerstudio.com/smf2/Themes/skyline_20/images/theme/main_block.png) no-repeat -10px -164px;
}
                            img#upshrink_ic, img#newsupshrink {
float: right;
margin: 10px 5px 0 0;
}
h3.catbg img.icon, h4.titlebg img.icon {
vertical-align: middle;
margin: -2px 5px 0 0;
}
Inherited from h3.catbg
div.roundframe div.cat_bar h3.catbg {
color: #fff;
}
                            #upshrinkHeaderIC {
margin-top: 4px;
}
                            div.title_barIC {
background: url(http://demo.dzinerstudio.com/smf2/Themes/skyline_20/images/theme/main_block.png) no-repeat 0 -120px;
padding-left: 9px;
height: 38px;
overflow: hidden;
margin-bottom: 1px;
}
                            div.title_barIC h4.titlebg {
background: url(http://demo.dzinerstudio.com/smf2/Themes/skyline_20/images/theme/main_block.png) no-repeat 100% -120px;
color: #484848;
}
h4.titlebg, h3.titlebg {
background: url(http://demo.dzinerstudio.com/smf2/Themes/skyline_20/images/theme/main_block.png) no-repeat 100% -208px;
padding-right: 9px;
}
h3.titlebg a, h3.titlebg, h4.titlebg, h4.titlebg a {
color: #d2d2d2;
}
h3.catbg, h3.catbg2, h3.titlebg, h4.titlebg, h4.catbg {
overflow: hidden;
height: 38px;
line-height: 38px;
font-size: 1em;
font-weight: bold;
}
.titlebg, .titlebg2, tr.titlebg th, tr.titlebg td, tr.titlebg2 td {
color: #d2d2d2;
font-size: 1em;
font-weight: bold;
background: url(http://demo.dzinerstudio.com/smf2/Themes/skyline_20/images/theme/main_block.png) no-repeat -10px -208px;
}
                            .floatleft {
float: left;
}
                            #upshrinkHeaderIC p {
margin: 0 0 0.5em 0;
padding: 0.5em;
}
                   
      div.title_barIC {
background: url(http://demo.dzinerstudio.com/smf2/Themes/skyline_20/images/theme/main_block.pngg) no-repeat 0 -120px;
padding-left: 9px;
height: 38px;
overflow: hidden;
margin-bottom: 1px;
}
                            #upshrinkHeaderIC p.last {
margin: 0;
padding: 0.5em;
border-top: 2px dotted #bbb;
}
#upshrinkHeaderIC p {
margin: 0 0 0.5em 0;
padding: 0.5em;
}
.roundframe p {
padding: 0.5em;
}
                            span.upperframe {
padding: 0;
display: block;
background: url(http://demo.dzinerstudio.com/smf2/Themes/skyline_20/images/theme/main_block.png) 0 -90px no-repeat;
padding-left: 20px;
}
              span.lowerframe {
padding: 0;
display: block;
background: url(http://demo.dzinerstudio.com/smf2/Themes/skyline_20/images/theme/main_block.png) 0 -102px no-repeat;
padding-left: 20px;
}           
                         
                          span.upperframe span {
padding: 0;
height: 12px;
display: block;
background: url(http://demo.dzinerstudio.com/smf2/Themes/skyline_20/images/theme/main_block.png) 100% -90px no-repeat;
}
                          span.lowerframe span {
padding: 0;
height: 12px;
display: block;
background: url(http://demo.dzinerstudio.com/smf2/Themes/skyline_20/images/theme/main_block.png) 100% -102px no-repeat;
}



#fullcred a:hover {
color: white;
}
#fullcred a {
display: block;
font: normal 15px 'Carrois Gothic', sans-serif;
-moz-transition: all 500ms ease 0s;
-webkit-transition: all 500ms ease 0s;
-o-transition: all 500ms ease 0s;
-ms-transition: all 500ms ease 0s;
text-shadow: rgba(0, 0, 0, 0.498039) 1px 1px 2px;
color: #948F8F;
color: rgba(255, 255, 255, 0.4);
}
#fullcred {
float: left;
text-align: left;
}
#topdes:hover {
background: rgba(0, 0, 0, 0.5) url("http://i.imgur.com/90ulAas.png")no-repeat center center;
}
#topdes {
width: 24px;
height: 24px;
display: block;
background: rgba(0, 0, 0, 0.2) url("http://i.imgur.com/90ulAas.png")no-repeat center center;
border-radius: 5px;
margin: auto;
cursor: pointer;
text-align: center;
}
#estadisticas-IPB {
text-align: center;
}
#estadisticas-IPB .stat-bloque {
display: inline-block;
margin-right: 10px;
}
#estadisticas-IPB span {
display: inline-block;
background: #E2E2E2;
color: #4A4A4A;
padding: 2px 6px;
font-weight: bold;
border-radius: 2px;
margin: 2px;
}
.board_statistics {
margin: 20px 0 0 0;
padding: 10px 0;
border-top: 3px solid #D8D8D8;
}
.board_statistics h2 {
font-size: 14px;
font-weight: bold;
margin: 4px 0;
}

.contract {
background: url(http://i.imgur.com/gLCLWtW.png) no-repeat -94px 0;
text-indent: -3000em;
width: 41px;
height: 24px;
display: block;
outline: 0;
opacity: 0.4;
-moz-transition: all 0ms ease 0s;
-webkit-transition: all 0ms ease 0s;
-o-transition: all 0ms ease 0s;
-ms-transition: all 0ms ease 0s;
position: relative;
top: -20px;
float: right;
right: 10px;
cursor: pointer;}
}


.post:hover .user-avatar img {
opacity: 1;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
}


.post:hover .post-options {
-moz-transition: all .2s linear;
-o-transition: all .2s linear;
-webkit-transition: all .2s linear;
opacity: .5;
}
.post .post-options:hover {
-moz-transition: all .2s linear;
-o-transition: all .2s linear;
-webkit-transition: all .2s linear;
opacity: 1!important;
}
.post .post-options {
-moz-transition: all .2s linear;
-o-transition: all .2s linear;
-webkit-transition: all .2s linear;
opacity: 0;
}


.pun .user-ident .user-basic-info {
font-weight: 700;
}
.pun div, .pun td, .sig-line {
color: ##DDD;


.spoiler > dt::after {
content: "Naruto Yopa";
float: right;
}
.module-advert{display:none;}
#online .on-title, #statistics .stats-title {
border-bottom: 1px solid white;
font-size: 30px;
height: 70px;
text-transform: uppercase;
}

.online-content {
border-top: 1px solid #D9D9D9;
padding: 15px;
}

#online {
background: #EAEAEA;
border-right: 2px solid #D2D2D2;
vertical-align: top;
width: 60%;
}

#online .on-title {
background: #F3F3F3;
}

#pun-announcement, #pun-visit, .main-box {
-moz-border-radius: 5px;
-moz-box-shadow: 0 2px 5px 0 #dcdcdc;
background: white url(http://i36.servimg.com/u/f36/11/96/49/61/dropsh10.png) 0 -1px repeat-x;
border: 1px solid #D6D6D6;
border-radius: 5px;
box-shadow: 0 2px 5px 0 #dcdcdc;
border-image: initial;
}

#general-stats {
-moz-box-shadow: 0 0 7px 0 #dcdcdc;
background: whiteSmoke;
border: 1px solid white;
box-shadow: 0 0 7px 0 #dcdcdc;
text-shadow: 1px 1px 0 white;
width: 100%;
border-image: initial;
}

#online .on-title a, #statistics .stats-title a {
bottom: -23px;
font-family: Century Gothic!important;
left: 20px;
position: relative;
}

.chart, .globe {
height: 28px;
margin-top: -3px;
vertical-align: middle;
}

#statistics {
border-left: 0px solid white;
float: right;
padding-bottom: 15px;
vertical-align: top;
width: 100%;
}

.stats-content {
border-top: 1px solid #D9D9D9;
padding: 15px;
}

#legend {
margin: 25px 0;
}

.groups {
background: url(http://i36.servimg.com/u/f36/11/96/49/61/custom10.png) no-repeat left;
float: right;
margin-top: -22px;
padding: 5px 0 5px 18px;
}

li {list-style-type:none;}
.pun table td.tcl {
border-left-style: none;
border-left-width: 0;
height: 42px;
min-height: 24px;
padding-left: .5em;
vertical-align: top;
}
.pun table.table td {
background-color: #fbfbfb;

border-width: 1px;
line-height: 130%;
padding: .6em 0 .7em;
}
.pun table .tdtopics {
padding-left: 42px;
}
.pun table .tcl {
overflow: hidden;
text-align: left;
width: 50%;
}
.forumbit_post .foruminfo .forumicon {

position: absolute;
}

/*tópico*/
.main .main-foot {
border-top: 1px solid #e0e0e0;
border-bottom: 1px solid #e0e0e0;
text-shadow: gray 0px -1px 0px;
background: #e8e8e8 url('http://www.ipbforumskins.com/skindemo/public/style_images/overlayr34x/highlight_faint.png') repeat-x 0 0;
padding: 0 10px;
height: 36px;
color: black;
line-height: 36px;
font-weight: normal;
font-size: 13px;
}


.pun .postmain {
background-color: white;
border-left: 1px solid #F0F0F0;
}

.pun .post {
  background: #FBFBFB;
}

.postfoot {
background: #F1F1F1;
border-top: 1px solid #E9E9E9;
margin-top: 5px;
overflow: hidden;
}
/*quick-reply*/
#quick_reply #textarea_content {
      clear: both;
      margin-left: 0px;
      margin-right: 0px;
      width: 100% !important;
      height: auto !important;
    }
     
    #text_editor_controls {
      display: !important;
    }
       
 #pun-qpost #textarea_content dt label{
  float:left;
}

fieldset.frm-set dl dd {
margin: auto!important;
}


.codebox {
background: #E7E6E6;
border: 1px solid #BDBDBD;
box-shadow: 0 2px 10px #D6D6D6;
margin: 1em;
max-width: auto;
}
.codebox dt {
border-bottom: 4px solid #D64107;
font-size: 14px;
font-weight: 700;
text-shadow: 1px 1px #F3F3F3;
}
.codebox dd.cont_code, .codebox.spoiler dd {
background: #F0F0F0;
border: 1px solid lightGrey;
}
.codebox dd.cont_code {
max-height: 200px;
overflow: auto;
}
.codebox dd {
background-color: #FFFFE1;
margin: .5em;
padding: .5em;
}

element.style {
padding: 5px 35px 10px 1px;
}
.pun .main-foot .h2, .pun .main-head .h2 {
float: left;
color: #E8E4E1;
}
.pun .main .options a, .pun .main .options a:link, .pun .main .options a:visited {
color: transparent;
margin-left: .5em;
text-decoration: none;
}
.pun .main-head a.exthelp, .pun .main-head a.exthelp:link, .pun .main-head a.exthelp:visited {
background: transparent;
background-position: left;
background-repeat: no-repeat;
padding-left: 20px;
}
.sprite-arrow_prosilver_down {
background: transparent;
background-position: 0 0;
height: 6px;
width: 6px;
}

.disabled {
  float: right;
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
text-shadow: none;
border: 0;
color: #7f7f7f;
  border: 1px solid #212121;
border-width: 1px 1px 0 1px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-moz-box-shadow: inset 0 1px 0 0 #5c5c5c, 0px 2px 3px rgba(0,0,0,0.2);
-webkit-box-shadow: inset 0 1px 0 0 #5c5c5c, 0px 2px 3px rgba(0,0,0,0.2);
box-shadow: inset 0 1px 0 0 #5c5c5c, 0px 2px 3px rgba(0,0,0,0.2);
color: #ddd;
text-shadow: 0 -1px 0 #191919;
font: 300 12px/1.3 Helvetica, Arial, sans-serif;
line-height: 30px;
height: 30px;
padding: 0 10px;
text-align: center;
min-width: 125px;
display: inline-block;
cursor: pointer;
color: #ddd;
background: rgb(51, 51, 51);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#383838', endColorstr='#1e1e1e',GradientType=0 );
-moz-transition: all 0ms ease 0s;
-webkit-transition: all 0ms ease 0s;
-o-transition: all 0ms ease 0s;
-ms-transition: all 0ms ease 0s;
}
/*--Header--*/
#header {
background: url(http://i.imgur.com/iOe6dpg.png) 50% 0 repeat;
background-size: cover;
}

#header .overlay {
background: url(http://demo.dzinerstudio.com/smf2/Themes/skyline_20/images/custom/overlay.png);
}

#logo {
padding: 26px 0;
}

#logo a {
    background: url('http://i.imgur.com/DzIs5Zy.png') no-repeat scroll 50% 0px transparent;
    border: 2px solid #FFF;
    border-radius: 7px;
    box-shadow: 0px 0px 7px #AAA;
    display: block;
    height: 450px;
    margin: 0px auto;
    padding: 0 7px!important
    width: 900px;
}er-radius:7px;-moz-box-shadow:0 0 7px #AAA;-webkit-border-radius:7px;-webkit-box-shadow:0 0 7px #AAA;border:2px solid #fff;border-radius:7px;box-shadow:0 0 7px #AAA;filter:progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa,direction=135,strength=3);padding:7px}
}

a:link, a:visited {
color: #7AA039;
text-decoration: none;
}
a:link, a:visited {
color: #7AA039;
text-decoration: none;
}
a {
outline: none;
transition: all 0.25s ease-in-out;
}
user agent stylesheeta:-webkit-any-link {
color: -webkit-link;
text-decoration: underline;
cursor: auto;
}
#logo {
padding: 26px 0;
}
#navbar {
height: 42px;
background: rgba(0, 0, 0, 0.75);
}
.wrapper {
margin: 0 auto;
width: 990px;
}
#topnav, #topnav ul {
margin: 0;
padding: 0;
z-index: 999;
}
user agent stylesheetul, menu, dir {
display: block;
list-style-type: disc;
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
-webkit-padding-start: 40px;
}
#topnav > li {
margin-right: 1px;
}
#topnav li {
float: left;
margin: 0;
padding: 0;
position: relative;
list-style: none;
}
user agent stylesheetli {
display: list-item;
text-align: -webkit-match-parent;
}
#topnav li a.active {
background: #6E942D;
color: #fff;
font-weight: bold;
}
#topnav li a {
display: block;
line-height: 56px;
padding: 0 15px;
color: #adadad;
font-size: 13px;
text-decoration: none;
transition: all 0.2s ease-out;
}
#topnav > li {
margin-right: 1px;
}
#topnav li {
float: left;
margin: 0;
padding: 0;
position: relative;
list-style: none;
}
user agent stylesheetli {
display: list-item;
text-align: -webkit-match-parent;
}
span, p, form {
margin: 0;
padding: 0;
}
Inherited from a.firstlevel
#topnav li a {
line-height: 56px;
color: #adadad;
font-size: 13px;
}
#loool {
padding: 25px 0;
overflow: hidden;
}
#board-notice {
float: left;
padding: 0;
line-height: 20px;
font-size: 12px;
}
#welcome {
float: left;
}
#welcome p {
background: rgba(255, 255, 255, 0.8);
display: block;
padding: 8px;
font-size: 16px;
font-weight: 300;
}
#welcome span {
font-weight: 600;
color: #4b4b4b;
}
#topnav li:hover ul {
left: 0;
}
#topnav li ul {
position: absolute;
width: 200px;
left: -999em;
padding: 5px 0;
background: #5C821B;
}
#topnav, #topnav ul {
margin: 0;
padding: 0;
z-index: 999;
}
#topnav li li {
width: 200px;
height: auto;
padding: 0;
margin: 0;
}
#topnav li {
float: left;
margin: 0;
padding: 0;
position: relative;
list-style: none;
}
user agent stylesheetli {
display: list-item;
text-align: -webkit-match-parent;
}
/*-- Footer--*/
#pun-foot {
background: #fff url(http://i.imgur.com/iOe6dpg.png);
box-shadow: inset 0 2px 4px rgba(0,0,0,0.2);
position: absolute;
width: 100%;
}
#pun-foot {
clear: both;
}
#pun-about {
background: none;
border: none;
margin: auto;
min-width: 985px;
width: 70%;
}
#pun-about {
border-color: #;
border-width: 1px;
line-height: 150%;
padding: .6em 1em;
text-align: right;
}
#pun-about #qjump {
float: left;
text-align: left;
}
#pun-about ul {
list-style-type: none;
}
.left {
float: left;
}
#pun-about a {
color: #EEE;
font-family: helvetica;
font-size: 12px;
text-shadow: 1px 1px 0 #5F5F5F;
}

/*--Social Bar--*/
#quicknav li.social a:hover {
background-color: #3d3d3d;
}

}
}
#account {
float: right;
}
#account ul {
margin: 0;
padding: 0;
}
#account li {
float: left;
list-style: none;
height: 50px;
line-height: 50px;
margin: 0 0 0 1px;
padding: 0;
}
#account li.signin a {
background: #4D4D4D;
}
#account li.signin a, #account li.signup a {
padding: 0 20px;
}
#account li a {
display: block;
text-decoration: none;
color: #fff;
font-size: 13px;
padding: 0 15px;
background: #779D36;
}
#account li.signup a, #account li.signout a {
font-weight: bold;
}
#account li.signin a, #account li.signup a {
padding: 0 20px;
}
#quicknav {
float: left;
margin: 0;
}
#quicknav ul {
margin: 0;
padding: 0;
}
#quicknav li {
float: left;
list-style: none;
margin: 0 0 0 1px;
padding: 0;
}
#quicknav li a {
display: block;
padding: 0 0 0 20px;
line-height: 50px;
font-size: 13px;
color: #525252;
font-weight: bold;
}
#quicknav li.social a {
background: url(http://demo.dzinerstudio.com/smf2/Themes/skyline_20/images/custom/social.png) no-repeat;
height: 50px;
width: 50px;
padding: 0;
text-indent: -9999px;
}
#quicknav li.facebook a {
background-color: #335e86;
background-position: 0 0;
}
#quicknav li.twitter a {
background-color: #00bef1;
background-position: 0 -55px;
}
#quicknav li.googleplus a {
background-color: #e34d32;
background-position: 0 -110px;
}
#quicknav li.pinterest a {
background-color: #cc2127;
background-position: 0 -330px;
}
#quicknav li.rss a {
background-color: #F88C37;
background-position: 0 -385px;
}
#account li.signin a:hover {
  background: #577D16;
}
#account li.signup a:hover {
  background: #577D16;
}
.pun .topic {
  border-style: none!important;
}
/*menu*/
#topnav {
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 10.8px;
float: left;
height: 56px;
}

#topnav ul, #sbUser ul {
  margin: 0;
  padding: 0;
}

#topnav li, #sbUser li {
  float: left;
  margin: 0;
  padding: 0px;
  position: relative;
  padding-right: 1px;
  line-height: 16px;
  list-style-type: none;
}

#topnav li:hover, #sbUser li:hover {
  background: url("http://i74.servimg.com/u/f74/18/12/37/46/trans210.png") repeat;
  background: rgba(102, 255, 0, 0.53);
}

#topnav li a, #sbUser li a {
  float: left;
        line-height: 36px;
  padding: 6px 18px 0 18px;
  display: block;
  outline: none;
  color: #adadad;
  text-decoration: none;
 
}

#topnav li a:hover, #topnav li:hover a, #topnav li.sfhover a, #sbUser li a:hover, #sbUser li:hover a, #sbUser li.sfhover a {
  color: #fff;
}

#topnav li li, #sbUser li li {
  transition:0.5s all;
  -o-transition:0.5s all;
  -ms-transition:0.5s all;
  -moz-transition:0.5s all;
  -webkit-transition:0.5s all;
  width: 160px;
  height: auto;
  padding: 0px;
        font-size: 11px;
        line-height: normal;
        font-weight: normal;
  margin: 0px;
}

#topnav li li a, #topnav li:hover li a, #topnav li.sfhover li a, #sbUser li li a, #sbUser li:hover li a, #sbUser li.sfhover li a {
  background: none;
  display: block;
  height: 30px;
  line-height: 30px; 
  padding: 0 0 0 22px;
  float: none;
        font-size: 11px;
        font-weight: normal;
        border-right: 0px;
}

#topnav a.linkSep {
border-bottom: 1px solid #833032 !important;
}

#topnav li li a:hover {
        background: url("http://i74.servimg.com/u/f74/18/12/37/46/trans210.png") repeat;
        background: rgba(0, 0, 0, 0.2);
}

#topnav li ul, #sbUser li ul {
  -moz-border-radius: 0px 0px 4px 4px;
        border-radius: 0px 0px 4px 4px;
  clear: both;
  width: 160px;
        position: absolute;
        top: 42px;
  height: auto;
  left: -999em;
  z-index: 100;
}

#topnav li:hover ul, #topnav li.sfhover ul, #sbUser li:hover ul {
  left: auto;
}


.sbTopLinks li {
float: left;
height: 42px;
position: relative;
}



#sbUser li li a:hover {background-color: rgba(0,0,0,0.2);}
#sbUser a.sbLogout{ color: #bd7879; }
#sbUser a.sbLogout:hover{ color: #adadad; }
#sbFooter{
  background: #5b5b5b url("http://i74.servimg.com/u/f74/18/12/37/46/bottom10.png") repeat-x 0 0;
  border-top: 1px solid #000;
  height: 38px;
  overflow: hidden;
  margin-top: 35px;
}

#sbFooter ul{
  float: left;
  border-left: 1px solid #606060;
  border-left: 1px solid rgba(255,255,255,0.1);
  overflow: hidden;
}

#sbFooter li{
  height: 38px;
  line-height: 38px;
  border-right: 1px solid #606060;
  border-right: 1px solid rgba(255,255,255,0.1);
  float: left;
}

#sbFooter a{
  display: block;
  line-height: 38px;
  padding: 0 10px;
  color: #b7b7b7;
  text-decoration: none;
}

#sbFooter a:hover{
  background: url("http://i74.servimg.com/u/f74/18/12/37/46/trans211.png") repeat;
  background: rgba(0,0,0,0.2);
  color: #e0e0e0;
}

.sbTopLinks li a {
line-height: 36px;
padding: 6px 18px 0 18px;
display: block;
outline: none;
color: #adadad;
text-decoration: none;

}

img, .input_check, .input_radio {
vertical-align: middle;
}

td.tcl span.status img {
margin-left: -10px !important;
}

#chatbox_header.main-head {
  background-color: #222;
  color: #DEDFDF;
}

#main #main-content .main-content{margin-bottom:15px}

body { cursor: auto; }
a:hover { cursor:sw-resize; }

body, a, a:hover {cursor:default}.
a.mainmenu {font-variant: small-caps;}

td.catLeft, th.thLeft {
visibility:hidden;
}

#pun-head #pun-navlinks, .main-box, #frame_chatbox{-moz-border-radius:10px;-webkit-border-radius: 10px}.main .main-head{border-top-left-radius:10px;border-top-right-radius:10px}
}


h4.username {
    margin-left: 58px !important;
}
.pun .user .user-info {
margin-top: -10px!important;
}

.pun .post .user {
padding: 20px;
}

Atenciosamente,
ShiroK
ShiroK
ShiroK
****

Membro desde : 01/03/2014
Mensagens : 271
Pontos : 387

http://narutoyopa.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar imagem no background com css

Mensagem por Kyo Panda 08.03.14 4:30

Pelo o que pude analisar no CSS, houve erros na hora da substituição, você acabou por não trocar as linhas corretamente e o editor de CSS da Forumeiros acabou "comendo código". Ele está numa situação bem complicada.

No momento, penso que a melhor solução seja você verificar a restauração de temas no seu painel:

https://i.imgur.com/uXkowex.jpg

O Forumeiros grava o tema a cada 2 dias para o caso de erros grosseiros como esse ocorrerem.

Fique sossegado que chegaremos ao ponto que estávamos. 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: Como colocar imagem no background com css

Mensagem por ShiroK 08.03.14 4:51

Olá,

Quando eu utilizo essa opção ele continuo com o erro, preciso de uma solução muito rápida. Pode editar meu CSS com as linhas ''comidas''?

Atenciosamente,
ShiroK
ShiroK
ShiroK
****

Membro desde : 01/03/2014
Mensagens : 271
Pontos : 387

http://narutoyopa.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar imagem no background com css

Mensagem por Kyo Panda 08.03.14 5:46

Sim, eu posso tentar.

Primeiro, faça um backup do seu CSS atual. Vai que...

Depois tente esse:

http://pastebin.com/dYuzqv7D

Cruze os dedos. Triste 
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: Como colocar imagem no background com css

Mensagem por ShiroK 08.03.14 17:44

Olá,

Esse link está redirecionando para uma página offline, acho melhor enviar o CSS pelo tópico mesmo.

Atenciosamente,
ShiroK
ShiroK
ShiroK
****

Membro desde : 01/03/2014
Mensagens : 271
Pontos : 387

http://narutoyopa.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar imagem no background com css

Mensagem por Kyo Panda 08.03.14 17:56

O link está normal amigo. O CSS é muito grande para inserir na página. Triste
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: Como colocar imagem no background com css

Mensagem por ShiroK 08.03.14 19:21

Olá,

Não resultou em nada mas muito obrigado amigo, levou um obrigado mesmo não estando ''correto''. Problema resolvido!

Atenciosamente,
ShiroK
ShiroK
ShiroK
****

Membro desde : 01/03/2014
Mensagens : 271
Pontos : 387

http://narutoyopa.forumeiros.com

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

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