Fórum dos Fóruns

Fórum dos Fóruns Forumeiros

Welcome FdF Bem-vindo ao fórum de suporte Forumeiros  Muito feliz


Para aproveitar tudo o que o nosso fórum lhe oferece, agradecemos que se identifique, se já é nosso membro, ou que se junte à nossa comunidade, fazendo o seu registo.
Conectar-se

Esqueci minha senha

Últimos assuntos
Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Os membros mais ativos da semana
Luiz
 
iScroll
 
Matt Shultz
 
Harleen
 
Ketholy123
 
T1ag0
 
zHugh
 
PlayWillian
 
ranzatti
 
Lecxa
 

Quem está conectado
281 usuários online :: 11 usuários cadastrados, Nenhum Invisível e 270 Visitantes :: 2 Motores de busca

Connor R., DustyRhodes, Heikki, iScroll, Ketholy123, Lecxa, Luiz, MateusAnjosV, Maya Sparda, T1ag0, uvmyyvpew

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em Qui 24 Dez 2009 - 13:05

Trocar cores de fundo por imagens

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

Resolvido Trocar cores de fundo por imagens

Mensagem por ShadowPrince em Ter 16 Fev 2016 - 10:59

Detalhes da questão


Endereço do fórum: clanowners.forumeiros.com
Versão do fórum: PhpBB3

Descrição


Olá pessoal do FdF,

Venho aqui buscando a ajuda de vocês para saber se é possível personalizar as cores de fundo do meu fórum trocando por imagens da mesma forma que fiz em meu menu de navegação e como devo proceder para implementar este efeito. Segue imagem indicando as áreas que desejo modificar:



Desde já agradeço, atenciosamente.
avatar

ShadowPrince
Nível 9

Masculino
Inscrito dia : 29/03/2011
Mensagens : 225
Pontos Ativos : 360

Ver perfil do usuário http://clanowners.forumeiros.com/

Resolvido Re: Trocar cores de fundo por imagens

Mensagem por Rafael em Ter 16 Fev 2016 - 17:49

Olá!

Poderia por gentileza nos conceder sua folha de estilos?

Até mais.
avatar

Rafael
Hiperativo

Masculino
Inscrito dia : 26/04/2014
Mensagens : 3116
Pontos Ativos : 4027

Ver perfil do usuário http://maisforum.forumeiros.com

Resolvido Re: Trocar cores de fundo por imagens

Mensagem por ShadowPrince em Ter 16 Fev 2016 - 18:16

Claro!

Aqui está:

Código:
table[summary="Top dos mais postadores"] tr td {
padding-bottom: 1px !important;
}

table[summary="Os membros mais ativos do mês"] tr td {
padding-bottom: 1px !important;
}

.h3, h3 {font-size: 12,5px;}


.h3, h3 {
color: #302f2f;
}

   
label:hover {color: white !important;} 

fieldset dl:hover dt label { color: grey !important;}
fieldset dl dt label:hover { color: grey !important;}


.forabg {
-moz-border-radius:10px;
-webkit-border-radius: 10px;
}
.forumbg {
-moz-border-radius:10px;
-webkit-border-radius: 10px;
}


ul.linklist li a img {
filter:alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}
ul.linklist a img:hover {
filter:alpha(opacity=70);
-moz-opacity: 0.7;
opacity: 0.7;
}


div.postbody img {
          max-width: 610px;
          max-height: 1000px;
        }



        /* Fancybox by Baivong */
        .fancybox-tmp iframe,.fancybox-tmp object{vertical-align:top;margin:0;padding:0}
        .fancybox-wrap{position:absolute;top:0;left:0;z-index:1002}
        .fancybox-outer{background:#f9f9f9;color:#444;text-shadow:none;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;margin:0;padding:0}
        .fancybox-opened{z-index:1003}
        .fancybox-opened .fancybox-outer{-webkit-box-shadow:0 10px 25px rgba(0,0,0,0.5);-moz-box-shadow:0 10px 25px rgba(0,0,0,0.5);box-shadow:0 10px 25px rgba(0,0,0,0.5)}
        .fancybox-inner{width:100%;height:100%;position:relative;outline:none;overflow:hidden;margin:0;padding:0}
        .fancybox-error{color:#444;font:14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;margin:0;padding:10px}
        .fancybox-image,.fancybox-iframe{display:block;width:100%;height:100%;border:0;vertical-align:top;margin:0;padding:0}
        .fancybox-image{max-width:100%;max-height:100%}
        #fancybox-loading{position:fixed;top:50%;left:50%;margin-top:-21px;margin-left:-21px;width:42px;height:42px;background:url(http://i48.servimg.com/u/f48/16/58/89/73/fancyb10.gif);opacity:0.8;cursor:pointer;z-index:1010}
        .fancybox-close,.fancybox-prev span,.fancybox-next span{background-image:url(http://i48.servimg.com/u/f48/16/58/89/73/fancyb10.png)}
        .fancybox-close{position:absolute;top:-18px;right:-18px;width:36px;height:36px;cursor:pointer;z-index:1004}
        .fancybox-tmp{position:absolute;top:-9999px;left:-9999px;overflow:visible;visibility:hidden;padding:0}
        #fancybox-overlay{position:absolute;top:0;left:0;overflow:hidden;display:none;z-index: 999;background:#000}
        .fancybox-title{display:none}
        .fancybox-title-float-wrap{position:absolute;bottom:0;right:50%;margin-bottom:-35px;z-index: 999;text-align:center}
        .fancybox-title-float-wrap .child{display:inline-block;margin-right:-100%;background:rgba(0,0,0,0.8);-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;text-shadow:0 1px 2px #222;color:#FFF;font-weight:700;line-height:24px;white-space:nowrap;padding:2px 20px}
        .fancybox-title-outside-wrap{position:relative;margin-top:10px;color:#fff}
        .fancybox-title-inside-wrap{margin-top:10px}
        .fancybox-title-over-wrap{position:absolute;bottom:0;left:0;color:#fff;background:rgba(0,0,0,.8);padding:10px}

 
#page-header .navbar {
background-image: url('http://i68.servimg.com/u/f68/19/34/88/18/grey11.jpg');
}
http://i68.servimg.com/u/f68/19/34/88/18/grey-m10.jpg


a.mainmenu:hover{position:relative;bottom:2px}
 
div.postprofile dl dt img:hover {
    -webkit-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    -o-transform: rotate(-2deg);
}

#emptyidcc > table > tbody > tr > td:nth-child(2) > table:nth-child(1) > tbody > tr > td:nth-child(1) > span, #emptyidcc > table > tbody > tr > td:nth-child(2) > table:nth-child(1) > tbody > tr > td.gensmall {
  display: none;
}

/* configura links em cima e em baixo dos fóruns */

a[href="/search?search_id=newposts"] {
font-weight:700!important;
font-style:italic!important;
font-size:14px!important;
}
a[href="/search?search_id=unanswered"] {
font-size:11px!important;
}
a[href="/search?search_id=egosearch"] {
font-size:11px!important;
}

/*
a[href="/search?search_id=activetopics"] {
font-size:10px!important;
}
a[href="/memberlist?mode=overall_posters"] {
font-size:10px!important;
}
a[href="/memberlist?mode=today_posters"]{
font-size:10px!important;
}
a[href="/search?search_id=activetopics"], a[href="/memberlist?mode=overall_posters"], a[href="/memberlist?mode=today_posters"]{
display:none;
}*/
/* fim configura links em cima e em baixo dos fóruns */

#main-content > ul:nth-child(8) {
    display: none!important;
}
/*
a[href="/search?search_id=activetopics"], a[href="/memberlist?mode=today_posters"], a[href="/memberlist?mode=overall_posters"] {display: none;}
*/
/*******CURTIR NO POST********/
  #rep_post .reput_vote {
  background-color: #daedfb;
  color: #666;
  -khtml-user-select: none;
  -moz-transition: all,0.15s;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-transition: all,0.15s;
  -webkit-touch-callout: none;
  -webkit-transition: all,0.15s;
  -webkit-user-select: none;
  background: #f0f0f0 url(https://cdn1.iconfinder.com/data/icons/social-media-13/24/Like-16.png) no-repeat 6px center;
  background-size: 12px;
  clear: both;
  color: #666;
  cursor: pointer;
  display: table;
  font-size: 11px;
  font-weight: 400;
  line-height: 18px;
  margin: 5px;
  padding: 3px 5px 3px 25px;
  text-align: right;
  transition: all,0.15s;
}
.reput_vote.zero {
  background-color: #6a6a6a;
}
 
 
  .BS_like:hover {
  background-color: #daedfb;
  color: #666;
}
.BS_like {
  -khtml-user-select: none;
  -moz-transition: all,0.15s;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-transition: all,0.15s;
  -webkit-touch-callout: none;
  -webkit-transition: all,0.15s;
  -webkit-user-select: none;
  background: #f0f0f0 url(https://cdn1.iconfinder.com/data/icons/social-media-13/24/Like-16.png) no-repeat 6px center;
  background-size: 12px;
  clear: both;
  color: #666;
  cursor: pointer;
  display: table;
  font-size: 11px;
  font-weight: 400;
  line-height: 18px;
  margin: 5px;
  padding: 3px 5px 3px 25px;
  text-align: right;
  transition: all,0.15s;
  user-select: none;
}

.BS_like:before {
  content: "Curtir";
}
 
  #rep_post .bs_inline {
  list-style: none;
}
 
  .BS_like:hover {
  background-color: #daedfb;
  color: #666;
}
 
  #rep_post {white-space: nowrap;margin: 6px 4px;float: right;}
#rep_post .bs_inline {list-style: none;}
#rep_post .bs_inline > li {display: inline-block;margin: 0 3px;}
#rep_post .bs_inline > li:first-child {margin-left: 0;}
#rep_post .bs_inline img {display: none;}
#rep_post span img {cursor: pointer;}


.reput_vote.positive {background-color: #8db13e;}
.reput_vote.zero {background-color: #6a6a6a;}

#rep_post .reput_vote:before {
  content: "Curtidas ";
}
/***********FIM CURTIR************/
avatar

ShadowPrince
Nível 9

Masculino
Inscrito dia : 29/03/2011
Mensagens : 225
Pontos Ativos : 360

Ver perfil do usuário http://clanowners.forumeiros.com/

Resolvido Re: Trocar cores de fundo por imagens

Mensagem por Rafael em Ter 16 Fev 2016 - 18:18

Olá!

Troque por este:

Código:
table[summary="Top dos mais postadores"] tr td {
padding-bottom: 1px !important;
}

table[summary="Os membros mais ativos do mês"] tr td {
padding-bottom: 1px !important;
}

.h3, h3 {font-size: 12,5px;}


.h3, h3 {
color: #302f2f;
}

 
label:hover {color: white !important;}

fieldset dl:hover dt label { color: grey !important;}
fieldset dl dt label:hover { color: grey !important;}


.forabg {
-moz-border-radius:10px;
-webkit-border-radius: 10px;
}
.forumbg {
-moz-border-radius:10px;
-webkit-border-radius: 10px;
}


ul.linklist li a img {
filter:alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}
ul.linklist a img:hover {
filter:alpha(opacity=70);
-moz-opacity: 0.7;
opacity: 0.7;
}


div.postbody img {
          max-width: 610px;
          max-height: 1000px;
        }



        /* Fancybox by Baivong */
        .fancybox-tmp iframe,.fancybox-tmp object{vertical-align:top;margin:0;padding:0}
        .fancybox-wrap{position:absolute;top:0;left:0;z-index:1002}
        .fancybox-outer{background:#f9f9f9;color:#444;text-shadow:none;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;margin:0;padding:0}
        .fancybox-opened{z-index:1003}
        .fancybox-opened .fancybox-outer{-webkit-box-shadow:0 10px 25px rgba(0,0,0,0.5);-moz-box-shadow:0 10px 25px rgba(0,0,0,0.5);box-shadow:0 10px 25px rgba(0,0,0,0.5)}
        .fancybox-inner{width:100%;height:100%;position:relative;outline:none;overflow:hidden;margin:0;padding:0}
        .fancybox-error{color:#444;font:14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;margin:0;padding:10px}
        .fancybox-image,.fancybox-iframe{display:block;width:100%;height:100%;border:0;vertical-align:top;margin:0;padding:0}
        .fancybox-image{max-width:100%;max-height:100%}
        #fancybox-loading{position:fixed;top:50%;left:50%;margin-top:-21px;margin-left:-21px;width:42px;height:42px;background:url(http://i48.servimg.com/u/f48/16/58/89/73/fancyb10.gif);opacity:0.8;cursor:pointer;z-index:1010}
        .fancybox-close,.fancybox-prev span,.fancybox-next span{background-image:url(http://i48.servimg.com/u/f48/16/58/89/73/fancyb10.png)}
        .fancybox-close{position:absolute;top:-18px;right:-18px;width:36px;height:36px;cursor:pointer;z-index:1004}
        .fancybox-tmp{position:absolute;top:-9999px;left:-9999px;overflow:visible;visibility:hidden;padding:0}
        #fancybox-overlay{position:absolute;top:0;left:0;overflow:hidden;display:none;z-index: 999;background:#000}
        .fancybox-title{display:none}
        .fancybox-title-float-wrap{position:absolute;bottom:0;right:50%;margin-bottom:-35px;z-index: 999;text-align:center}
        .fancybox-title-float-wrap .child{display:inline-block;margin-right:-100%;background:rgba(0,0,0,0.8);-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;text-shadow:0 1px 2px #222;color:#FFF;font-weight:700;line-height:24px;white-space:nowrap;padding:2px 20px}
        .fancybox-title-outside-wrap{position:relative;margin-top:10px;color:#fff}
        .fancybox-title-inside-wrap{margin-top:10px}
        .fancybox-title-over-wrap{position:absolute;bottom:0;left:0;color:#fff;background:rgba(0,0,0,.8);padding:10px}

 
#page-header .navbar {
background-image: url('http://i68.servimg.com/u/f68/19/34/88/18/grey11.jpg');
}
http://i68.servimg.com/u/f68/19/34/88/18/grey-m10.jpg


a.mainmenu:hover{position:relative;bottom:2px}
 
div.postprofile dl dt img:hover {
    -webkit-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    -o-transform: rotate(-2deg);
}

#emptyidcc > table > tbody > tr > td:nth-child(2) > table:nth-child(1) > tbody > tr > td:nth-child(1) > span, #emptyidcc > table > tbody > tr > td:nth-child(2) > table:nth-child(1) > tbody > tr > td.gensmall {
  display: none;
}

/* configura links em cima e em baixo dos fóruns */

a[href="/search?search_id=newposts"] {
font-weight:700!important;
font-style:italic!important;
font-size:14px!important;
}
a[href="/search?search_id=unanswered"] {
font-size:11px!important;
}
a[href="/search?search_id=egosearch"] {
font-size:11px!important;
}

/*
a[href="/search?search_id=activetopics"] {
font-size:10px!important;
}
a[href="/memberlist?mode=overall_posters"] {
font-size:10px!important;
}
a[href="/memberlist?mode=today_posters"]{
font-size:10px!important;
}
a[href="/search?search_id=activetopics"], a[href="/memberlist?mode=overall_posters"], a[href="/memberlist?mode=today_posters"]{
display:none;
}*/
/* fim configura links em cima e em baixo dos fóruns */

#main-content > ul:nth-child(8) {
    display: none!important;
}
/*
a[href="/search?search_id=activetopics"], a[href="/memberlist?mode=today_posters"], a[href="/memberlist?mode=overall_posters"] {display: none;}
*/
/*******CURTIR NO POST********/
  #rep_post .reput_vote {
  background-color: #daedfb;
  color: #666;
  -khtml-user-select: none;
  -moz-transition: all,0.15s;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-transition: all,0.15s;
  -webkit-touch-callout: none;
  -webkit-transition: all,0.15s;
  -webkit-user-select: none;
  background: #f0f0f0 url(https://cdn1.iconfinder.com/data/icons/social-media-13/24/Like-16.png) no-repeat 6px center;
  background-size: 12px;
  clear: both;
  color: #666;
  cursor: pointer;
  display: table;
  font-size: 11px;
  font-weight: 400;
  line-height: 18px;
  margin: 5px;
  padding: 3px 5px 3px 25px;
  text-align: right;
  transition: all,0.15s;
}
.reput_vote.zero {
  background-color: #6a6a6a;
}
 
 
  .BS_like:hover {
  background-color: #daedfb;
  color: #666;
}
.BS_like {
  -khtml-user-select: none;
  -moz-transition: all,0.15s;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-transition: all,0.15s;
  -webkit-touch-callout: none;
  -webkit-transition: all,0.15s;
  -webkit-user-select: none;
  background: #f0f0f0 url(https://cdn1.iconfinder.com/data/icons/social-media-13/24/Like-16.png) no-repeat 6px center;
  background-size: 12px;
  clear: both;
  color: #666;
  cursor: pointer;
  display: table;
  font-size: 11px;
  font-weight: 400;
  line-height: 18px;
  margin: 5px;
  padding: 3px 5px 3px 25px;
  text-align: right;
  transition: all,0.15s;
  user-select: none;
}

.BS_like:before {
  content: "Curtir";
}
 
  #rep_post .bs_inline {
  list-style: none;
}
 
  .BS_like:hover {
  background-color: #daedfb;
  color: #666;
}
 
  #rep_post {white-space: nowrap;margin: 6px 4px;float: right;}
#rep_post .bs_inline {list-style: none;}
#rep_post .bs_inline > li {display: inline-block;margin: 0 3px;}
#rep_post .bs_inline > li:first-child {margin-left: 0;}
#rep_post .bs_inline img {display: none;}
#rep_post span img {cursor: pointer;}


.reput_vote.positive {background-color: #8db13e;}
.reput_vote.zero {background-color: #6a6a6a;}

#rep_post .reput_vote:before {
  content: "Curtidas ";
}
/***********FIM CURTIR************/
#wrap { background-color: transparent; }

Lembrando que a imagem de fundo será a que você escolher no painel!

Até mais.
avatar

Rafael
Hiperativo

Masculino
Inscrito dia : 26/04/2014
Mensagens : 3116
Pontos Ativos : 4027

Ver perfil do usuário http://maisforum.forumeiros.com

Resolvido Re: Trocar cores de fundo por imagens

Mensagem por ShadowPrince em Ter 16 Fev 2016 - 18:34

Entendido! Isto irá servir, pode fechar o tópico. Positivo
avatar

ShadowPrince
Nível 9

Masculino
Inscrito dia : 29/03/2011
Mensagens : 225
Pontos Ativos : 360

Ver perfil do usuário http://clanowners.forumeiros.com/

Resolvido Re: Trocar cores de fundo por imagens

Mensagem por Rafael em Ter 16 Fev 2016 - 18:45

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

Tópico marcado como Resolvido e movido para "Questões resolvidas".
avatar

Rafael
Hiperativo

Masculino
Inscrito dia : 26/04/2014
Mensagens : 3116
Pontos Ativos : 4027

Ver perfil do usuário http://maisforum.forumeiros.com

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