Trocar cores de fundo por imagens

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.

Olá!

Poderia por gentileza nos conceder sua folha de estilos?

Até mais.

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************/


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.

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