Hitskin.comIsto é uma pré-visualização de um tema em Hitskin.com
Instalar o tema • Voltar para a ficha do tema
ArtigosFundo gradient do forum
4 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Fundo gradient do forum
por #d0C 15.09.13 18:31
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:
Endereço do meu fórum:
http://corrente-grafica.forumeiro.com
Versão do fórum:
PUNBB
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 17:56, editado 1 vez(es)
#d0C- Super Membro
- Membro desde : 13/09/2013
Mensagens : 1118
Pontos : 1536 -
Re: Fundo gradient do forum
por MateusA 15.09.13 18:36
Olá,
Faltou a classe:
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;
}
MateusA- Hiper Membro
- Membro desde : 13/05/2013
Mensagens : 3225
Pontos : 4215 -
Re: Fundo gradient do forum
por #d0C 15.09.13 18:56
Não não falta a classe, a classe está la, mas mesmo assim não funciona!
#d0C- Super Membro
- Membro desde : 13/09/2013
Mensagens : 1118
Pontos : 1536 -
Re: Fundo gradient do forum
por MateusA 15.09.13 19:25
Olá!
Poderia me fornecer a sua Folha de Estilos CSS?
Painel de Controle
Visualização Imagens e Cores Cores Folha de Estilos CSS
Até mais.
Poderia me fornecer a sua Folha de Estilos CSS?
Painel de Controle
Visualização Imagens e Cores Cores Folha de Estilos CSSAté mais.
MateusA- Hiper Membro
- Membro desde : 13/05/2013
Mensagens : 3225
Pontos : 4215 -
Re: Fundo gradient do forum
por #d0C 15.09.13 19:31
- 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;
}
#d0C- Super Membro
- Membro desde : 13/09/2013
Mensagens : 1118
Pontos : 1536 -
Re: Fundo gradient do forum
por MateusA 15.09.13 19:49
Olá,
Procure por isto na tua CSS e, delete:
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;
}
- 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;
}
MateusA- Hiper Membro
- Membro desde : 13/05/2013
Mensagens : 3225
Pontos : 4215 -
#d0C- Super Membro
- Membro desde : 13/09/2013
Mensagens : 1118
Pontos : 1536 -
Re: Fundo gradient do forum
por Sennior 16.09.13 0:37
Olá!
Aceda à "Folha de estilo CSS":
Painel de Controle Visualização Imagens e cores Cores Folha de estilo CSS
Código:
Até mais.
Aceda à "Folha de estilo CSS":
Painel de Controle
Visualização Imagens e cores Cores Folha de estilo CSSCódigo:
Valide.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;
}
Até mais.
Sennior- Principal Contribuidor
- Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903 -
Re: Fundo gradient do forum
por #d0C 16.09.13 5:40
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!
#d0C- Super Membro
- Membro desde : 13/09/2013
Mensagens : 1118
Pontos : 1536 -
Re: Fundo gradient do forum
por First 16.09.13 12:20
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:
Até mais.
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.
First- Super Membro
- Membro desde : 13/07/2013
Mensagens : 1313
Pontos : 1884 -
Re: Fundo gradient do forum
por #d0C 16.09.13 17:38
First não muito bem, mas quero aplicar no fundo do forum, no qual a cor de fundo é esta:
- Código:
#807365;
#d0C- Super Membro
- Membro desde : 13/09/2013
Mensagens : 1118
Pontos : 1536 -
Re: Fundo gradient do forum
por First 16.09.13 17:44
Olá,
Peço que acede à 'Templates':
Painel de Controle Visualização Templates Geral 
index_body
Até mais.
Peço que acede à 'Templates':
Painel de Controle
Visualização Templates Geral 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>
Até mais.
First- Super Membro
- Membro desde : 13/07/2013
Mensagens : 1313
Pontos : 1884 -
#d0C- Super Membro
- Membro desde : 13/09/2013
Mensagens : 1118
Pontos : 1536 -
Tópicos semelhantes» Fundo do fórum
» Como eliminar o fundo do fórum deixando as categorias com uma cor própria de fundo
» Adicionar um fundo a lista de links do fundo do fórum
» Como fazer esse efeito gradient nas categorias?
» Cor do fundo do fórum e da barra do sub fórum
» Como eliminar o fundo do fórum deixando as categorias com uma cor própria de fundo
» Adicionar um fundo a lista de links do fundo do fórum
» Como fazer esse efeito gradient nas categorias?
» Cor do fundo do fórum e da barra do sub fórum
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos