Fundo gradient do forum

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

Resolvido Fundo gradient do forum

Mensagem por #d0C em 15/09/13, 02:31 pm

Qual é minha questão:
Olá novamente a todos!
O meu problema é o seguinte, neste momento tenho uma imagem como fundo do meu forum, mas queria alterar para um gradiente!
E apenas não consigo!
Tenho um blog e o código que uso é este, e funciona perfeitamente, mas aqui no forumeiros não funciona!
Espero que me possam ajudar!

Código:
Código:
background: #ad9077;
background: -moz-linear-gradient(45deg, #9F8369 0%, #deca97 100%);
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#9F8369), color-stop(100%,#deca97));
background: -webkit-linear-gradient(30deg, #9F8369 0%,#deca97 100%);
background: -o-linear-gradient(45deg, #9F8369 0%,#deca97 100%);
background: -ms-linear-gradient(45deg, #9F8369 0%,#deca97 100%);
background: linear-gradient(45deg, #9F8369 0%,#deca97 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#9F8369, endColorstr=#deca97,GradientType=1 );
box-shadow: inset 0 6px 0 rgba(0,0,0,.1);
margin-bottom: -169px !important;
}


Endereço do meu fórum:
http://corrente-grafica.forumeiro.com

Versão do fórum:
PUNBB


Última edição por CorrenteGráfica em 16/09/13, 01:56 pm, editado 1 vez(es)
avatar

#d0C
Membro do Fórum

Masculino
Inscrito dia : 13/09/2013
Mensagens : 1058
Pontos Ativos : 1452

Ver perfil do usuário http://vortextips.wix.com/vortex

Resolvido Re: Fundo gradient do forum

Mensagem por MateusA em 15/09/13, 02:36 pm

Olá,

Faltou a classe:
Código:
body {
        background: #ad9077;
        background: -moz-linear-gradient(45deg, #9F8369 0%, #deca97 100%);
        background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#9F8369), color-stop(100%,#deca97));
        background: -webkit-linear-gradient(30deg, #9F8369 0%,#deca97 100%);
        background: -o-linear-gradient(45deg, #9F8369 0%,#deca97 100%);
        background: -ms-linear-gradient(45deg, #9F8369 0%,#deca97 100%);
        background: linear-gradient(45deg, #9F8369 0%,#deca97 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#9F8369, endColorstr=#deca97,GradientType=1 );
        box-shadow: inset 0 6px 0 rgba(0,0,0,.1);
        margin-bottom: -169px !important;
        }
Até..
avatar

MateusA
Hiperativo

Masculino
Inscrito dia : 13/05/2013
Mensagens : 3225
Pontos Ativos : 4215

Ver perfil do usuário https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Resolvido Re: Fundo gradient do forum

Mensagem por #d0C em 15/09/13, 02:56 pm

Não não falta a classe, a classe está la, mas mesmo assim não funciona!
avatar

#d0C
Membro do Fórum

Masculino
Inscrito dia : 13/09/2013
Mensagens : 1058
Pontos Ativos : 1452

Ver perfil do usuário http://vortextips.wix.com/vortex

Resolvido Re: Fundo gradient do forum

Mensagem por MateusA em 15/09/13, 03:25 pm

Olá!

Poderia me fornecer a sua Folha de Estilos CSS?
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta Folha de Estilos CSS

Até mais.
avatar

MateusA
Hiperativo

Masculino
Inscrito dia : 13/05/2013
Mensagens : 3225
Pontos Ativos : 4215

Ver perfil do usuário https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Resolvido Re: Fundo gradient do forum

Mensagem por #d0C em 15/09/13, 03:31 pm

Spoiler:

Código:
.bottom:hover {
background-color: #e04547;
color: #fff;
}
.pun .paged-foot, .pun .paged-head {
background-color: transparent;
border: transparent;
padding: .6em 1.3em 2em;
}.bottom {
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
background: #55728b
border: 0;
border-radius: 2px;
color: #fff;
cursor: pointer;
display: inline-block;
float: right;
font-size: 11px;
height: 26px;
line-height: 26px;
margin: 0 5px;
padding: 0 10px;
text-shadow: rgba(0,0,0,0.8) 0 -1px 0;
white-space: nowrap;
}
.main .main-foot, .main .main-head {
-moz-box-shadow: inset rgba(0,0,0,0.25) 0 0 0 1px;
-webkit-box-shadow: inset rgba(0,0,0,0.25) 0 0 0 1px;
background-color: #2B6281;
box-shadow: inset rgba(0,0,0,0.25) 0 0 0 1px;
color: #fff;
font-size: 16px;
text-decoration: none;
font-weight: 300;
padding: 16px;
}
.pun .post {
border-color: transparent;
border-style: solid none;
border-width: 2px 0 1px;
}
.postfoot {
background: #fafafa;
border-top: 1px solid #f0f0f0;
clear: both;
margin-left: 0em;
margin-top: 9px;
padding: 9px;
text-align: right;
}
.pun .postmain {
background-color: transparent;
border-left: transparent;
margin-left: 18em;
}
.pun .post .user {
line-height: 130%;
text-align: center;
}
.user-basic-info a img:hover {
opacity: .8;
}
.user-basic-info a img {
-webkit-border-radius: 100px;
border-radius: 100px;
max-width: 94px;
max-height: 94px;
}

.pun .posthead h2 strong {
float: left;
}
.pun .posthead {
-moz-box-shadow: inset rgba(0,0,0,0.25) 0 0 0 1px;
-webkit-box-shadow: inset rgba(0,0,0,0.25) 0 0 0 1px;
background-color: #e04547;
box-shadow: inset rgba(0,0,0,0.25) 0 0 0 1px;
color: #fff;
border-bottom: transparent;
font-size: 12px;
font-weight: 300;
padding: 16px;
}
.post_username {
float: left;
font-weight: 700;
min-width: 177px;
}
.post_date {
color: #ccc;
font-size: 11px;
font-weight: 400;
}
.pun .paged-foot, .pun .paged-head {
background-color: transparent;
border: transparent;
padding: .6em 1.3em .3em;
}
.pun .main-foot .options a, .pun .main-foot .options a:link, .pun .main-foot .options a:visited {
text-decoration: none;
}
.statistics_head {
font-size: 13px;
font-weight: bold;
color: #666;
border-bottom: 1px solid #ddd;
background: #f9f9f9;
padding: 13px;
}
.main-box {
display: none;
}
#pun-about {
background-color: transparent;
border-color: transparent;
}
#pun-about #qjump {
display: none;
}
.staticsipb {
padding: 8px 0px 0px 8px;
}
.statistics {
margin: 20px 0 0 0;
line-height: 1.3;
overflow: hidden;
}
#board_statistics ul {
text-align: center;
}
.ipsType_small {
font-size: 12px;
}
.ipsList_inline>li:first-child {
margin-left: 0;
}
#board_statistics {
display: inline-block;
background: rgba(0,0,0,0.2);
border-radius: 2px;
color: #222;
padding: 3px 7px;
font-weight: bold;
margin-left: 20px;
margin-right: 0px;
}
#board_statistics li {
margin-right: 20px;
}
#footer_utilities, #footer_utilities a {
color: #fff;
}
#backtotop:hover {
background: rgba(0,0,0,0.6);
color: #fff;
}
#footer_utilities .ipsList_inline>li>a {
margin-right: 0px;
padding: 4px 10px;
display: inline-block;
}
#footer_utilities {
padding: 30px 8px;
position: relative;
margin: 0 auto 10px;
min-height: 43px;
width: 96%;
}
#backtotop, #bottomScroll {
line-height: 20px;
text-align: center;
}
#backtotop, #bottomScroll {
width: 24px;
height: 24px;
line-height: 20px;
left: 50%;
top: 50%;
margin-left: -12px;
margin-top: -12px;
position: absolute;
display: inline-block;
background: rgba(0,0,0,0.3);
-webkit-box-shadow: inset rgba(0,0,0,0.7) 0px 1px 3px;
-moz-box-shadow: inset rgba(0,0,0,0.7) 0px 1px 3px;
box-shadow: inset rgba(0,0,0,0.7) 0px 1px 3px;
text-align: center;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
border-radius: 16px;
outline: 0;
}
.skin_link, .skin_link a {
color: #fff !important;
}
#copyright {
text-align: right;
line-height: 22px;
float: right;
}
#footer_utilities .ipsList_inline {
margin-top: 3px;
clear: left;
float: left;
}
.mini_ava {
float: left;
}
.main .main-head.collapsed {
opacity: 0.2;
}
.main-head.collapsed:hover {
opacity: 0.4;
}
.main-head .toggle {
background: url(http://i50.tinypic.com/wkjrjl.png) no-repeat scroll 0 0 transparent;
display: block;
height: 22px;
margin-top: -4px;
outline: 0 none;
text-indent: -3000em;
visibility: hidden;
width: 32px;
}
.main-head:hover .toggle {
visibility: visible;
}
.main-head.collapsed .toggle {
background-image: url("http://i47.tinypic.com/se6jjr.png");
}
.mini_ava img {
-webkit-border-radius: 100px;
border-radius: 100px;
width: 34px;
margin: 0 5px;
height: 34px;
}
.mini_ava img:hover {
opacity: 0.8;
}
#community_app_menu>li.active>a {
background: url(http://upit.cc/i/7fb9a23f.png)
}
.main .main-head {
background-color: #e04547;
color: #fff;
padding: 16px;
font-size: 18px;
font-weight: 300;
}
.module .main-head {
background: #f9f9f9;
border-bottom: 1px solid #ddd;
box-shadow: none;
-webkit-box-shadow: none;
color: #666;
font-size: 13px;
font-weight: 700;
padding: 13px;
}
.pun .table .tc2, .pun .table .tc3 {
text-align: center;
width: 5%;
}
.pun table .tcr {
overflow: hidden;
padding: 0 0 0 .5em !important;
text-align: left;
width: 20%;
}
.pun tbody.statused span.status {
position: relative!important;
margin-left: 7px;
}
.pun tbody.statused td.tcl {
padding: 15px;
font-size: 12px;
}
.stats_number {
font-size: 16px;
font-weight: bold;
display: block;
text-align: center;
color: #999;
position: relative;
overflow: hidden;
margin-right: 6px;  
}
.stats_text {
font-size: 10px;
text-transform: uppercase;
display: block;
text-align: center;
margin-right: 11px;
color: #c0c0c0;
padding-top: 4px;
}
.pun table.table td {
border-bottom: 2px solid #f3f3f3;
border-left: transparent;
border-right: transparent;
border-top: transparent;
}
.pun .main table td.tc2, .pun .main table td.tc3 {
background-color: #fff;
}
.pun .main-content {
background-color: #fff;
border: 1px solid transparent;
}
.hierarchy {
font-size: 11px;
}
.pun h3 {
font-family: "Open Sans",tahoma,helvetica,arial,sans-serif;
font-style: normal;
font-variant: normal;
font-weight: 300;
}
.pun h2 {
font-family: "Open Sans",tahoma,helvetica,arial,sans-serif;
font-style: normal;
font-variant: normal;
font-weight: 300;
}
#chatbox_members {
    position: relative;
    top: 0px;
    height: 240px;
}
#chatbox {
    height: 240px;
}
#chatbox_footer {
    position: relative;
}
.main .main-head .page-title {
font-size: 18px;
font-weight: 300;
}
#community_app_menu>li.active>a:hover {
background: url(http://upit.cc/i/7fb9a23f.png);
}
#community_app_menu>li>a:hover, #community_app_menu>li>a.menu_active {
color: #fff;
background: url(http://upit.cc/i/7fb9a23f.png);
}
body.cpe, #themeEditor #editPattern span, .cpe #socialLinks li, .cpe #secondary_navigation, .cpe ul.post_controls a:hover, .cpe .answerBadgeInPost, .cpe .ipsLikeButton.ipsLikeButton_enabled, .input_submit, .cpe .ipsTag {
background-color: #DADADA;
}
.table .tc_icon {
padding: 10px 5px!important;
vertical-align: middle;
width: 30px;
}
.cpe #primary_nav, .cpe .maintitle, .cpe #community_app_menu > li.active > a, .cpe .col_c_icon img[src*="f_"], .cpe .f_icon, .cpe .topic_buttons li a, .cpe .pagination .pages li.active, .cpe #primary_extra_menucontent, .cpe #more_apps_menucontent, .cpe .post_block h3, .cpe .mini_pagination a, .cpe .user_controls li a, .cpe #vnc_filter_popup_close, .cpe #search .submit_input, .cpe .col_f_icon img, .cpe .ipsBadge_green, body.cpe #logo, .cpe #themeToggle, .cpe #primary_extra_menucontent, .cpe #more_apps_menucontent, .cpe .submenu_container {
background-color: #e04547;
}

#content {
padding: 5px 0px 10px 0px;
line-height: 120%;
}
.topCenter {
background-position: 50% 0% !important;
}
.scroll {
background-attachment: scroll !important;
}
.repeat {
background-repeat: repeat !important;
}
body {
background: #807365;
color: #5a5a5a;
font: normal 11px "Open Sans",tahoma,helvetica,arial,sans-serif;
position: relative;
}
.wrapper {
margin: 0 auto;
min-width: 980px;
max-width: 1600px;
width: 96%;
}
::selection {
color: #fff;
background: #82b8e6;
}
body {
color: #5a5a5a;
font: normal 11px "Open Sans",tahoma,helvetica,arial,sans-serif;
}
#user_bar {
background: rgba(0,0,0,0.3) url(http://upit.cc/i/4f46000d.png) no-repeat bottom center;
border-radius: 0 0 1px 1px;
margin: 7px 0;
}
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
overflow: hidden;
}
#user_navigation {
float: left;
color: #fff;
font-size: 12px;
line-height: 42px;
height: 42px;
}
ol, ul {
list-style: none;
}
#user_navigation {
color: #fff;
font-size: 12px;
line-height: 42px;
}
#user_navigation .ipsList_inline li {
margin: 0;
padding: 0;
float: left;
}
.ipsList_inline>li:first-child {
margin-left: 0;
}
.ipsList_inline>li {
display: inline-block;
margin: 0 3px;
}
#user_navigation li.first a {
background: rgba(0,0,0,0.05);
}
#user_navigation a {
color: #fff;
float: left;
padding: 0 12px;
line-height: 42px;
outline: none;
height: 42px;
}
a {
color: #333;
text-decoration: none;
}
#user_navigation .user_photo {
position: relative;
vertical-align: top;
padding: 0;
height: 40px;
width: auto;
margin: 1px -11px 0 -11px;
}
img, .input_check, .input_radio {
vertical-align: middle;
}
fieldset, img {
border: 0;
}
.ipsList_inline>li {
display: inline-block;
margin: 0 3px;
}
.ipsList_inline>li {
display: inline-block;
margin: 0 3px;
}
#search {
margin: 4px 4px 0;
}body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
margin: 0;
padding: 0;
}
.hide {
display: none;
}
#adv_search {
width: 34px;
height: 34px;
background: url('http://i.imgur.com/1ep8pY1.png') no-repeat 50% 50%;
text-indent: -3000em;
display: inline-block;
margin-left: 3px;
}
#adv_search:hover {
background-color: rgba(0,0,0,0.2);
}
#search_wrap {
position: relative;
background: #fff;
display: block;
padding: 0 34px 0 10px;
height: 34px;
line-height: 25px;
min-width: 292px;
box-shadow: rgba(0,0,0,0.24) 0px 0px 0px 1px;
}
.right {
float: right;
}
#main_search {
font-size: 12px;
border: 0;
padding: 0;
background: transparent;
width: 200px;
height: 34px;
line-height: 34px;
outline: 0;
vertical-align: top;
}
input, select, textarea {
font: normal 12px tahoma,helvetica,arial,sans-serif;
}
#search_wrap {
line-height: 25px;
}
#search_options {
font-size: 10px;
height: 28px;
border-radius: 3px 3px 3px 3px;
line-height: 28px;
margin: 3px 3px 3px 0;
padding: 0 6px;
background: #eaeaea;
display: inline-block;
float: right;
max-width: 80px;
text-overflow: ellipsis;
overflow: hidden;
}.cpe #primary_nav, .cpe .maintitle, .cpe #community_app_menu > li.active > a, .cpe .col_c_icon img[src*='f_'], .cpe .f_icon, .cpe .topic_buttons li a, .cpe .pagination .pages li.active, .cpe #primary_extra_menucontent, .cpe #more_apps_menucontent, .cpe .post_block h3, .cpe .mini_pagination a, .cpe .user_controls li a, .cpe #vnc_filter_popup_close, .cpe #search .submit_input, .cpe .col_f_icon img, .cpe .ipsBadge_green, body.cpe #logo, .cpe #themeToggle, .cpe #primary_extra_menucontent, .cpe #more_apps_menucontent, .cpe .submenu_container {
background-color: #e04547;
}
#search .submit_input:hover {
-webkit-box-shadow: inset rgba(255,255,255,0.2) 0px 100px 0px;
-moz-box-shadow: inset rgba(255,255,255,0.2) 0px 100px 0px;
box-shadow: inset rgba(255,255,255,0.2) 0px 100px 0px;
}
#search .submit_input {
background: #5D97B6 url(http://i.imgur.com/a2RmgiZ.png) no-repeat 50%;
text-indent: -3000em;
padding: 0;
border: 0;
display: block;
width: 34px;
height: 34px;
position: absolute;
right: 0;
top: 0;
bottom: 0;
}
#user_bar {
background: rgba(0,0,0,0.2) url(http://upit.cc/i/4f46000d.png) no-repeat bottom center;
border-radius: 0 0 1px 1px;
margin: 7px 0;
}
#user_navigation a:hover {
color: #fff;
background: rgba(0,0,0,0.50);
}
#notify_link img {
background-image: url('http://i.imgur.com/xKBmQ60.png');
}
#notify_link img, #inbox_link img {
width: 20px;
height: 20px;
background-repeat: no-repeat;
background-position: 0 0;
margin-top: -2px;
}
#notify_link, #inbox_link {
vertical-align: middle;
width: 20px;
padding: 0px 8px !important;
position: relative;
}
#inbox_link img {
background-image: url('http://i.imgur.com/fhmZWad.png');
}
img, .input_check, .input_radio {
vertical-align: middle;
}
#avatar img {
height: 30px;
margin: 6px -6px 0;
padding: 0;
position: relative;
vertical-align: top;
width: auto;
}
#mainContent {
background: rgba(255, 255, 255, 0.8);
padding: 7px;
border-radius: 2px 2px 2px 2px;
position: relative;
}
#branding {
padding-bottom: 2px;
}
.cpe #primary_nav, .cpe .maintitle, .cpe #community_app_menu > li.active > a, .cpe .col_c_icon img[src*='f_'], .cpe .f_icon, .cpe .topic_buttons li a, .cpe .pagination .pages li.active, .cpe #primary_extra_menucontent, .cpe #more_apps_menucontent, .cpe .post_block h3, .cpe .mini_pagination a, .cpe .user_controls li a, .cpe #vnc_filter_popup_close, .cpe #search .submit_input, .cpe .col_f_icon img, .cpe .ipsBadge_green, body.cpe #logo, .cpe #themeToggle, .cpe #primary_extra_menucontent, .cpe #more_apps_menucontent, .cpe .submenu_container {
background-color: #e04547;
}
#primary_nav {
max-width: 70%;
}
#themeToggle, #primary_nav {
float: right;
font-weight: 700;
height: 110px;
margin-left: 7px;
}
#logo a.textLogo {
color: #fff;
height: 110px;
line-height: 110px;
padding-left: 50px;
font-weight: 300;
font-size: 48px;
font-family: "Open Sans",Arial,sans-serif;
display: block;
text-decoration: none;
}
#logo:hover{background: #FFF url(http://upit.cc/i/d161b99a.png) center left no-repeat;}
#logo {
background: #FFF url(http://upit.cc/i/0d32839e.png) center left no-repeat;
border-radius: 3px 0px 0px 3px;
-webkit-box-shadow: inset rgba(0,0,0,0.25) 0px 0px 0px 1px;
-moz-box-shadow: inset rgba(0,0,0,0.25) 0px 0px 0px 1px;
box-shadow: inset rgba(0,0,0,0.25) 0px 0px 0px 1px;
height: 110px;
overflow: hidden;
}
#community_app_menu>li:first-of-type {
border: 0;
}
#community_app_menu>li {
margin: 0 0 0 0;
position: relative;
}
.left {
float: left;
}
#community_app_menu>li#nav_home>a:before {
background-image: url("http://upit.cc/i/19b12878.png");
}
#community_app_menu>li>a {
background: url(http://upit.cc/i/7fb9a23f.png);
color: #fff;
display: block;
height: 0px;
line-height: 30px;
outline: none;
padding-top: 75px;
margin-top: 15px;
position: relative;
text-align: center;
width: 75px;
}
#community_app_menu>li {
margin: 0 0 0 0;
position: relative;
}
#community_app_menu>li.active>a {
color: #fff;
position: relative;
}
#community_app_menu>li#nav_app_home>a:hover {
background: url(http://upit.cc/i/7fb9a23f.png) no-repeat bottom;
height: 34px;
margin-left: 2px;
margin-top: 0px;
opacity: 0.5;
}
#community_app_menu>li#nav_app_home>a:before {
background-image: url(http://upit.cc/i/e3b64f07.png);
margin-left: 2px;
height: 75px;
margin-top: -9px;
}
#community_app_menu>li#nav_app_software>a:hover {
background: url(http://upit.cc/i/7fb9a23f.png) no-repeat bottom;
height: 34px;
margin-left: 2px;
margin-top: 0px;
opacity: 0.5;
}
#community_app_menu>li#nav_app_software>a:before {
background-image: url(http://upit.cc/i/0d7f79a7.png);
margin-left: 2px;
height: 75px;
margin-top: -9px;
}
#community_app_menu>li#nav_app_suporte>a:hover {
background: url(http://upit.cc/i/7fb9a23f.png) no-repeat bottom;
height: 34px;
margin-left: 2px;
margin-top: 0px;
opacity: 0.5;
}
#community_app_menu>li#nav_app_suporte>a:before {
background-image: url(http://upit.cc/i/ebf4361a.png);
margin-left: 2px;
height: 75px;
margin-top: -9px;
}
#community_app_menu>li#nav_app_blogger>a:hover {
background: url(http://upit.cc/i/7fb9a23f.png) no-repeat bottom;
height: 34px;
margin-left: 2px;
margin-top: 0px;
opacity: 0.5;
}
#community_app_menu>li#nav_app_blogger>a:before {
background-image: url(http://upit.cc/i/cf4802a7.png);
margin-left: 2px;
height: 75px;
margin-top: -9px;
}
#community_app_menu>li#nav_app_empty>a:before {
background-image: url(http://upit.cc/i/7fb9a23f.png);
margin-left: 2px;
height: 75px;
margin-top: -9px;
}
#themeToggle span:before, #community_app_menu>li>a:before {
content: "";
display: block;
height: 60px;
overflow: hidden;
background: url("") no-repeat 50% 50%;
position: absolute;
top: 10px;
width: 100%;
}
#community_app_menu>li#nav_app_downloads>a:before {
background-image: url("http://i.imgur.com/Tch3RH4.png");
}
#community_app_menu>li#nav_app_blog>a:before {
background-image: url("http://upit.cc/i/bdcb47c6.png");
}
#community_app_menu>li#nav_app_nexus>a:before {
background-image: url("http://i.imgur.com/h1Ha1WD.png");
}
#socialLinks {
float: right;
list-style: none;
border-bottom: 1px solid rgb(202, 202, 202);
border-top: 1px solid rgb(202, 202, 202);
}
body.cpe, #themeEditor #editPattern span, .cpe #socialLinks li, .cpe #secondary_navigation, .cpe ul.post_controls a:hover, .cpe .answerBadgeInPost, .cpe .ipsLikeButton.ipsLikeButton_enabled, .input_submit, .cpe .ipsTag {
background-color: #55728b;
}
#socialLinks li {
margin-left: 7px;
float: left;
background: #E6E6E6;
border-radius: 2px;
}
#socialLinks img {
margin-right: 0px;
vertical-align: top;
}
#socialLinks a:hover {
opacity: .5;
}
#socialLinks a {
display: block;
overflow: hidden;
text-align: center;
width: 48px;
height: 48px;
}
#secondary_navigation {
background: black;
color: #fff;
font-size: 11px;
height: 50px;
line-height: 42px;
margin-bottom: -4px;
margin-top: 0px;
overflow: hidden;
}
#secondary_links {
overflow: hidden;
padding-right: 4px;
}
#secondary_links li {
float: left;
margin: 0;
}
#secondary_links a {
padding: 0 12px;
display: block;
}
#secondary_navigation a {
color: #fff;
line-height: 41px;
height: 41px;
}
#secondary_links img {
vertical-align: top;
position: relative;
margin: 7px -4px 0 -4px;
}
#secondary_links a#quickNavLaunch img {
opacity: 1;
}
#secondary_links a#quickNavLaunch:hover img {
opacity: 0.5;
}

.fa_avatar {
  width: 25px;
  height: 25px;
  position: relative;
  top: -7px;
  margin-right: 5px;
  border-radius: 3px;
  margin-bottom: -10px;
}

#av_quickreply img {
    left: 15px;
    position: relative;
    top: 35px;
}
 
#av_quickreply {
    float: left;
}

.mini_ava {
  float: left;
}
.mini_ava img {
  width: 35px;
  height: 35px;
  margin: 0 5px;
  opacity: 0.5
  border-radius: 10px;
  transition: all 2s;
  -moz-transition: all 2s;
  -webkit-transition: all 2s;
  -o-transition: all 2s;
}
.mini_ava img:hover
{
height: 70px;
opacity: 1;
width: 70px;
}

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

#d0C
Membro do Fórum

Masculino
Inscrito dia : 13/09/2013
Mensagens : 1058
Pontos Ativos : 1452

Ver perfil do usuário http://vortextips.wix.com/vortex

Resolvido Re: Fundo gradient do forum

Mensagem por MateusA em 15/09/13, 03:49 pm

Olá,

Procure por isto na tua CSS e, delete:
Código:
body {
background: #807365;
color: #5a5a5a;
font: normal 11px "Open Sans",tahoma,helvetica,arial,sans-serif;
position: relative;
}
É, troque o teu código por esse:
Código:
        body {
                background: #ad9077 !important;
                background: -moz-linear-gradient(45deg, #9F8369 0%, #deca97 100%) !important;
                background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#9F8369), color-stop(100%,#deca97)) !important;
                background: -webkit-linear-gradient(30deg, #9F8369 0%,#deca97 100%) !important;
                background: -o-linear-gradient(45deg, #9F8369 0%,#deca97 100%) !important;
                background: -ms-linear-gradient(45deg, #9F8369 0%,#deca97 100%) !important;
                background: linear-gradient(45deg, #9F8369 0%,#deca97 100%) !important;
                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#9F8369, endColorstr=#deca97,GradientType=1 ) !important;;
                box-shadow: inset 0 6px 0 rgba(0,0,0,.1) !important;
                margin-bottom: -169px !important;
                }
Até.
avatar

MateusA
Hiperativo

Masculino
Inscrito dia : 13/05/2013
Mensagens : 3225
Pontos Ativos : 4215

Ver perfil do usuário https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Resolvido Re: Fundo gradient do forum

Mensagem por #d0C em 15/09/13, 04:34 pm

sem qualquer efeito!
O fundo fica todo branco! ;(
avatar

#d0C
Membro do Fórum

Masculino
Inscrito dia : 13/09/2013
Mensagens : 1058
Pontos Ativos : 1452

Ver perfil do usuário http://vortextips.wix.com/vortex

Resolvido Re: Fundo gradient do forum

Mensagem por Sennior em 15/09/13, 08:37 pm

Olá!


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

Código:
body {
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#9F8369), color-stop(100%,#deca97)) !important;
background: -webkit-linear-gradient(30deg, #9F8369 0%,#deca97 100%) !Important;
background: -o-linear-gradient(45deg, #9F8369 0%,#deca97 100%);
background: -ms-linear-gradient(45deg, #9F8369 0%,#deca97 100%);
background: linear-gradient(45deg, #9F8369 0%,#deca97 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#9F8369, endColorstr=#deca97,GradientType=1 );
box-shadow: inset 0 6px 0 rgba(0,0,0,.1);
margin-bottom: -169px !important;
}
Valide.

Até mais.
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: Fundo gradient do forum

Mensagem por #d0C em 16/09/13, 01:40 am

Senior não percebo porque mas no inspecionar elemento funciona, mas quando aplico na folha de estilo CSS o fundo do forum fica todo branco!
avatar

#d0C
Membro do Fórum

Masculino
Inscrito dia : 13/09/2013
Mensagens : 1058
Pontos Ativos : 1452

Ver perfil do usuário http://vortextips.wix.com/vortex

Resolvido Re: Fundo gradient do forum

Mensagem por First em 16/09/13, 08:20 am

Olá,

Senhor, acontece o mesmo problema com todos nos infelizmente, mais o senhor poderia me dizer a class 'id', onde deseja aplicar o efeito?
Para que funciona você deve aplicar no template o CSS, assim:
Código:
<style type="text/css">
Conteúdo do CSS
</style>

Até mais.
avatar

First
Membro do Fórum

Masculino
Inscrito dia : 12/07/2013
Mensagens : 1287
Pontos Ativos : 1843

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

Resolvido Re: Fundo gradient do forum

Mensagem por #d0C em 16/09/13, 01:38 pm

First não muito bem, mas quero aplicar no fundo do forum, no qual a cor de fundo é esta:
Código:
#807365;
.
avatar

#d0C
Membro do Fórum

Masculino
Inscrito dia : 13/09/2013
Mensagens : 1058
Pontos Ativos : 1452

Ver perfil do usuário http://vortextips.wix.com/vortex

Resolvido Re: Fundo gradient do forum

Mensagem por First em 16/09/13, 01:44 pm

Olá,

Peço que acede à 'Templates':
Painel de Controle Seta Visualização Seta Templates Seta Geral :seta2: index_body
Código:
<style type="text/css">body {
background: #ad9077;
background: -moz-linear-gradient(45deg, #9F8369 0%, #deca97 100%);
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#9F8369), color-stop(100%,#deca97));
background: -webkit-linear-gradient(30deg, #9F8369 0%,#deca97 100%);
background: -o-linear-gradient(45deg, #9F8369 0%,#deca97 100%);
background: -ms-linear-gradient(45deg, #9F8369 0%,#deca97 100%);
background: linear-gradient(45deg, #9F8369 0%,#deca97 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#9F8369, endColorstr=#deca97,GradientType=1 );
box-shadow: inset 0 6px 0 rgba(0,0,0,.1);
margin-bottom: -169px !important;
}</style>
Adicione este código no final do seu template index_body.


Até mais.
avatar

First
Membro do Fórum

Masculino
Inscrito dia : 12/07/2013
Mensagens : 1287
Pontos Ativos : 1843

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

Resolvido Re: Fundo gradient do forum

Mensagem por #d0C em 16/09/13, 01:55 pm

First, amigo te amo! Feliz
Funcionou!
avatar

#d0C
Membro do Fórum

Masculino
Inscrito dia : 13/09/2013
Mensagens : 1058
Pontos Ativos : 1452

Ver perfil do usuário http://vortextips.wix.com/vortex

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