Problema na Homepage

freedy · 7 de Maio de 2008

Bom dia!

Alguem me pode explicar porque é que na Home lá no fim da página o background não continua??? Ou será do meu pc?

http://www.promocaoimoveis.890m.com/

Cumpz

shello · 7 de Maio de 2008

Porque é aquela a altura do teu div#pag-bg. Se queres associar o background mesmo à página toda, sugeria que aplicasses no body, em vez de ser num elemento à parte.

Satigor · 7 de Maio de 2008

Não sei se inseriste logo o fundo no programa de html ou se fizeste um css, mas tu tens o fundo só a aparecer até ao fundo do conteúdo da página e não na totalidade do site. Tenta por esse fundo no dreamweaver como fundo de página e a repetir isso deve ultrapassar esse problema.

shello · 7 de Maio de 2008

O background está a repetir, o problema está em que ele está a usar uma div para o conteúdo, que "acaba ali a meio", e é nessa div que está a por o fundo da página.
Ao passar as propriedades de css de background que tem para o #page-bg para o body, o fundo ficará a funcionar em toda a página.

feedy, uma boa ferramenta para ti será a extensão FireBug e/ou a Web Developer para o Firefox. O IE, Opera e Safari têm ferramentas semelhantes, mas não tão poderosas.
Este problema (e a grande maioria deles) torna-se bastante fácil de identificar com estas ferramentas

freedy · 7 de Maio de 2008

shello disse:
O background está a repetir, o problema está em que ele está a usar uma div para o conteúdo, que "acaba ali a meio", e é nessa div que está a por o fundo da página.
Ao passar as propriedades de css de background que tem para o #page-bg para o body, o fundo ficará a funcionar em toda a página.

feedy, uma boa ferramenta para ti será a extensão FireBug e/ou a Web Developer para o Firefox. O IE, Opera e Safari têm ferramentas semelhantes, mas não tão poderosas.
Este problema (e a grande maioria deles) torna-se bastante fácil de identificar com estas ferramentas

O que é que essas ferramentas fazem ao certo?

shello · 7 de Maio de 2008

Neste caso permitiam-te de uma forma mais visual descobrires o problema: clicar em cima do elemento e ver todas as propriedades CSS, DOM, tamanhos, outline na página, etc etc.

freedy · 7 de Maio de 2008

Epah eu não me entendo muito com isto se puderes ajudar está aqui o CSS

Código:

/* @group Core Elements */

html {
    height: 100%;
    margin-bottom: 1px;
}

body {
    margin: 0;
    font-family: Arial;
    font-size: 80%;
    line-height: 135%;
}

/* Font family information */

body#ff-optima, #ff-optima td {
    line-height: 135%;
    font-family: Optima, Lucida, 'MgOpen Cosmetica', 'Lucida Sans Unicode', sans-serif;
}

body#ff-geneva, #ff-geneva td {
    line-height: 135%;
    font-family: Geneva, Tahoma, "Nimbus Sans L", sans-serif;
}

body#ff-helvetica, #ff-helvetica td {
    line-height: 135%;
    font-family: Helvetica, Arial, FreeSans, sans-serif;
}

body#ff-lucida, #ff-lucida td {
    line-height: 135%;
    font-family: "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Lucida, sans-serif;
}

body#ff-georgia, #ff-georgia td {
    line-height: 135%;
    font-family: Georgia, sans-serif;
}

body#ff-trebuchet, #ff-trebuchet td {
    line-height: 135%;
    font-family: "Trebuchet MS", sans-serif;
}

body#ff-palatino, #ff-palatino td {
    line-height: 135%;
    font-family: "Palatino Linotype", "Book Antiqua", Palatino, "Times New Roman", Times, serif;
}

/* end font family information */

form {
    margin: 0;
    padding: 0;
}

body.f-smaller,
body#ff-optima.f-smaller,
body#ff-georgia.f-smaller {
    font-size: 11px;
}

body,
body.f-default {
    font-size: 12px;
}

body#ff-optima,
body#ff-optima.f-default {
    font-size: 13px;
}

body#ff-georgia,
body#ff-georgia.f-default {
    font-size: 13px;
}

body.f-larger,
body#ff-optima.f-larger,
body#ff-georgia.f-larger {
    font-size: 15px;
}

p {
  /* setup some more readable paragraph spacing */
  margin-top: 2px;
  margin-bottom: 15px;
}

h1, h2, h3, h4 {
    /* setup some more readable header spacing */
    padding-bottom: 5px;
    margin: 10px 0;
    font-weight: normal;
    line-height: 100%;
}

h1 { 
    font-size: 200%;
    line-height: 100%;
}

h2 {
    font-size: 175%;
    line-height: 100%;
}

h3 {
    font-size: 150%;
}

h4 {
    font-size: 120%;
}

a {
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

/* @end */

/* @group Joomla Elements */

.small,
.modifydate,
.createdate,
div.mosimage_caption {
    font-size: 95%;
}

.componentheading {
    font-size: 170%;
    line-height: 100%;
    padding: 0;
    margin: 25px 0 20px 0;
}

.contentheading {
    font-size: 190%;
    font-weight: normal;
    line-height: 110%;
    padding-bottom: 8px;
    margin: 15px 0 0 0;
}

td.buttonheading,
.contentpaneopen td.buttonheading {
    padding: 0px 3px 0;
}

td.column_separator {
    padding-left: 15px;
}

td.componentheading {
    padding-bottom: 15px;
}

.sectiontableheader {
      font-weight: bold;
      padding: 4px;
      line-height: 20px;
}

tr.sectiontableentry1 td,
tr.sectiontableentry2 td,
td.sectiontableentry1,
td.sectiontableentry2 {
      text-align: left;
      padding: 2px 0 0px 5px;
}

tr.sectiontableentry2 td,
td.sectiontableentry2 {
     height: 27px;
}

tr.sectiontableentry1 td,
td.sectiontableentry1 {
    height: 27px;
}

.contentpane,
.contentpaneopen {
    width: 100%;
}

table.blog {
    width: 100%;
}

/* @end */

/* @group Structure */

#banner {
    float: right;
    margin-top: 32px;
    width: 468px;
    height: 60px;
    overflow: hidden;
    color: #fff;
}

#color-chooser {
    border-bottom: 1px solid #1D1D1D;
}

#color-chooser .wrapper {
    margin-top: -260px;
}

#top-bar {
    background: #222;
    border-bottom: 1px solid #111;
    overflow: hidden;
}

#mod-login {
    color: #ccc;
    height: 35px;
    border-top: 1px solid #2A2A2A;
    display: none;
}

#mod-login .wrapper {
    position: relative;
}

#header {
    height: 125px;
}

#main-shadow {
    background: url(../images/content-shadow-l.png) 0 0 no-repeat;
    margin-left: -15px;
}

#main-shadow2 {
    background: url(../images/content-shadow-r.png) 100% 0 no-repeat;
    margin-right: -15px;
}

.side-shadow1 {
    background: url(../images/side-shadow-l.png) 0 40% no-repeat;
}

.side-shadow2 {
    background: url(../images/side-shadow-r.png) 100% 40% no-repeat;
}

#bottom-shadow1 {
    background: url(../images/bottom-shadow-l.png) 0 0 no-repeat;
    margin-left: -11px;
}

#bottom-shadow2 {
    background: url(../images/bottom-shadow-r.png) 100% 0 no-repeat;
    margin-right: -11px;
}

#main-content {
    background: url(../images/maincol-bg-bottom.png) 0 100% repeat-x;
    margin-left: 15px;
    margin-right: 15px;
}

#main-content2,
#maincol2 {
    background: url(../images/maincol-bg.png) 0 0 repeat-x;
}

#horiz-menu {
    position: relative;
    z-index: 1;
}

#main-content {
    position: relative;
    z-index: 0;
}

td.maincol {
    background-image: url(../images/maincol-bg-bottom.png);
    background-position:  0 100%;
    background-repeat:  repeat-x;
}

td.leftcol .padding,
td.rightcol .padding,
td.maincol .padding {
    padding: 20px 12px 20px 12px;
}

#content-padding {
    padding: 0 10px;
}

#bottom {
    background: url(../images/bottom-bg.png) 0 0 repeat-x;
}

#bottom .padding {
    padding: 10px 20px 0 20px;
}

#showcase {
    overflow: hidden;
}

#showcase-padding {
    padding-top: 2px;
}

#pathway {
    position: relative;
    z-index: 1;
    height: 20px;
    margin: 5px 0 12px 5px;
}

img#logo {
    width: 317px;
    height: 88px;
    background: url(../images/logo.png) 0 0 no-repeat;
    margin-top: 20px;
    float: left;
}

#mainbody-padding {
    padding: 0;
}

table.mainbody {
    width: 100%;
}

img#rocket {
    width: 143px;
    height: 20px;
    margin-top: 15px;
    margin-bottom: 70px;
    background: url(../images/rocket.png) 0 0 no-repeat;
}

.spacer .block {
    float: left;
}

.spacer.w99 .block {
    width: 100%;
}

.spacer.w49 .block {
    width: 50%;
}

.spacer.w33 .block {
    width: 33.3%;
}

.spacer.w24 .block {
    width: 25%;
}

/* @end */

/* @group Modules */

td.leftcol .module,
td.leftcol .module-hilite1,
td.leftcol .module-hilite2,
td.leftcol .module-hilite3,
td.leftcol .module-hilite4,
td.rightcol .module,
td.rightcol .module-hilite1,
td.rightcol .module-hilite2,
td.rightcol .module-hilite3,
td.rightcol .module-hilite4 {
    margin: 0 0 12px 0;
    background: url(../images/module-bottom-bg.png) 50% 100% no-repeat;
}

td.leftcol .module-clean,
td.rightcol .module-clean {
    margin: 0 0 12px 0;
}

td.leftcol .module-hilite5,
td.rightcol .module-hilite5 {
    margin: 0 0 12px 0;
    background: url(../images/module-bottom-bg.png) 50% 100% no-repeat;
}

td.leftcol .module div div div,
td.leftcol .module-hilite1 div div div,
td.leftcol .module-hilite2 div div div,
td.leftcol .module-hilite3 div div div,
td.leftcol .module-hilite4 div div div,
td.leftcol .module-hilite5 div div div,
td.rightcol .module div div div,
td.rightcol .module-hilite1 div div div,
td.rightcol .module-hilite2 div div div,
td.rightcol .module-hilite3 div div div,
td.rightcol .module-hilite4 div div div,
td.rightcol .module-hilite5 div div div {
    padding: 15px;
}

td.leftcol .module-clean div div div,
td.rightcol .module-clean div div div {
    padding: 15px 15px 12px 15px;
}

td.leftcol .module div div div div,
td.leftcol .module-hilite1 div div div div,
td.leftcol .module-hilite2 div div div div,
td.leftcol .module-hilite3 div div div div,
td.leftcol .module-hilite4 div div div div,
td.leftcol .module-hilite5 div div div div,
td.leftcol .module-clean div div div div,
td.rightcol .module div div div div,
td.rightcol .module-hilite1 div div div div,
td.rightcol .module-hilite2 div div div div,
td.rightcol .module-hilite3 div div div div,
td.rightcol .module-hilite4 div div div div,
td.rightcol .module-hilite5 div div div div,
td.rightcol .module-clean div div div div {
    background: none;
    padding: 0;
    margin: 0;
}

td.leftcol .module h3,
td.leftcol .module-hilite1 h3,
td.leftcol .module-hilite2 h3,
td.leftcol .module-hilite3 h3,
td.leftcol .module-hilite4 h3,
td.leftcol .module-hilite5 h3,
td.rightcol .module h3,
td.rightcol .module-hilite1 h3,
td.rightcol .module-hilite2 h3,
td.rightcol .module-hilite3 h3,
td.rightcol .module-hilite4 h3,
td.rightcol .module-hilite5 h3 {
    padding: 0 0 0 15px;
    margin: -15px -15px 12px -15px;
    height: 41px;
    font-size: 130%;
    line-height: 43px;
    background: url(../images/module-h3.png) 0 0 repeat-x;
}

td.leftcol .module-clean h3,
td.rightcol .module-clean h3,
#mainmodules1 .module-clean h3,
#mainmodules2 .module-clean h3 {
    padding: 0;
    margin: 0 0 15px 0;
    font-size: 130%;
    line-height: 24px;
}

#mainmodules1 .module,
#mainmodules1 .module-hilite1,
#mainmodules1 .module-hilite2,
#mainmodules1 .module-hilite3,
#mainmodules1 .module-hilite4,
#mainmodules1 .module-hilite5,
#mainmodules1 .module-clean,
#mainmodules2 .module,
#mainmodules2 .module-hilite1,
#mainmodules2 .module-hilite2,
#mainmodules2 .module-hilite3,
#mainmodules2 .module-hilite4,
#mainmodules2 .module-hilite5,
#mainmodules2 .module-clean {
    margin: 0 10px 12px 0;
    padding: 0;
}

#mainmodules1 .module div div div,
#mainmodules1 .module-hilite1 div div div,
#mainmodules1 .module-hilite2 div div div,
#mainmodules1 .module-hilite3 div div div,
#mainmodules1 .module-hilite4 div div div,
#mainmodules1 .module-hilite5 div div div,
#mainmodules2 .module div div div,
#mainmodules2 .module-hilite1 div div div,
#mainmodules2 .module-hilite2 div div div,
#mainmodules2 .module-hilite3 div div div,
#mainmodules2 .module-hilite4 div div div,
#mainmodules2 .module-hilite5 div div div {
    padding: 15px;
}

#mainmodules1 .module-clean div div div,
#mainmodules2 .module-clean div div div {
    padding: 15px;
}

#mainmodules1 .module div div div div,
#mainmodules1 .module-hilite1 div div div div,
#mainmodules1 .module-hilite2 div div div div,
#mainmodules1 .module-hilite3 div div div div,
#mainmodules1 .module-hilite4 div div div div,
#mainmodules1 .module-hilite5 div div div div,
#mainmodules1 .module-clean div div div div,
#mainmodules2 .module div div div div,
#mainmodules2 .module-hilite1 div div div div,
#mainmodules2 .module-hilite2 div div div div,
#mainmodules2 .module-hilite3 div div div div,
#mainmodules2 .module-hilite4 div div div div,
#mainmodules2 .module-hilite5 div div div div,
#mainmodules2 .module-clean div div div div {
    background: none;
    padding: 0;
    margin: 0;
}

#mainmodules1 .module h3,
#mainmodules1 .module-hilite1 h3,
#mainmodules1 .module-hilite2 h3,
#mainmodules1 .module-hilite3 h3,
#mainmodules1 .module-hilite4 h3,
#mainmodules1 .module-hilite5 h3,
#mainmodules2 .module h3,
#mainmodules2 .module-hilite1 h3,
#mainmodules2 .module-hilite2 h3,
#mainmodules2 .module-hilite3 h3,
#mainmodules2 .module-hilite4 h3,
#mainmodules2 .module-hilite5 h3 {
    padding: 0 0 0 15px;
    margin: -15px -15px 12px -15px;
    height: 41px;
    font-size: 130%;
    line-height: 43px;
    background: url(../images/module-h3.png) 0 0 repeat-x;
}

#bottommodules .module,
#bottommodules .module-hilite1,
#bottommodules .module-hilite2,
#bottommodules .module-hilite3,
#bottommodules .module-hilite4,
#bottommodules .module-clean {
    margin: 10px 0 12px 0;
    background: none;
    padding: 0;
}

#bottommodules .module div,
#bottommodules .module-hilite1 div,
#bottommodules .module-hilite2 div,
#bottommodules .module-hilite3 div,
#bottommodules .module-hilite4 div {
    background: url(../images/bottom-mod-l.png) 0 0 no-repeat;
}

#bottommodules .module div div,
#bottommodules .module-hilite1 div div,
#bottommodules .module-hilite2 div div,
#bottommodules .module-hilite3 div div,
#bottommodules .module-hilite4 div div {
    background: url(../images/bottom-mod-r.png) 100% 0 no-repeat;
    padding: 0;
}

#bottommodules .module div div div,
#bottommodules .module-hilite1 div div div,
#bottommodules .module-hilite2 div div div,
#bottommodules .module-hilite3 div div div,
#bottommodules .module-hilite4 div div div,
#bottommodules .module-clean div div div {
    padding: 0 30px;
    background: none;
}
#bottommodules .module div div div div,
#bottommodules .module-hilite1 div div div div,
#bottommodules .module-hilite2 div div div div,
#bottommodules .module-hilite3 div div div div,
#bottommodules .module-hilite4 div div div div {
    padding: 0;
    background: none;
}

#bottommodules .module h3,
#bottommodules .module-hilite1 h3,
#bottommodules .module-hilite2 h3,
#bottommodules .module-hilite3 h3,
#bottommodules .module-hilite4 h3 {
    padding: 0 0 0 15px;
    margin: 0 -14px 12px -14px;
    height: 41px;
    font-size: 130%;
    line-height: 43px;
    background: url(../images/module-h3.png) 0 0 repeat-x;
}

#bottommodules .module-clean h3 {
    padding: 0;
    margin: 0 0 12px 0;
    height: 41px;
    font-size: 130%;
    line-height: 43px;
}

#tabmodules .module {
    margin: 0 10px 12px 0;
    padding: 10px;
}

#tabmodules .module h3 {
    padding: 0;
    margin: 0 0 12px 0;
    height: 41px;
    font-size: 130%;
    line-height: 43px;
}

#mainmodules1,
#mainmodules2,
#bottommodules {
    overflow: hidden;
}

#mainmodules1,
#mainmodules2 {
    margin-right: -10px;
}

/* @end */

/* @group Horizontal Menu */

#horiz-menu {
    background: url(../images/horiz-menu-bg.png) 0 0 repeat-x;
    height: 38px;
    margin: 0 15px;
}

#horiz-menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
    float: left;
}

#horiz-menu li {
    display: block;
    float: left;
    margin: 0 4px 0 0;
    padding: 0;
}

#horiz-menu a,
#horiz-menu li.active a {
    white-space: nowrap;
    display: block;
    float: left;
    height: 38px;
    line-height: 38px;
    padding: 0 17px;
    font-weight: normal;
    font-size: 100%;
    overflow: hidden;
}

#horiz-menu li.active a {
    background: url(../images/horiz-menu-active.png) 0 0;
}

#horiz-menu li.active li a {
    background: none;
}

#horiz-menu li:hover a,
#horiz-menu li.sfHover a {
    background: url(../images/horiz-menu-hover.png) 0 0;
}

#horiz-menu li:hover li a,
#horiz-menu li.sfHover li a,
#horiz-menu li.active li a {
    background: none;
}

#horiz-menu a:hover {
    text-decoration: none;
}

#horiz-menu li li, 
#horiz-menu li:hover li,
#horiz-menu li.sfHover li,
#horiz-menu li.parent:hover li,
#horiz-menu li.parent.sfHover li,
#horiz-menu li.active.parent:hover li,
#horiz-menu li.active.parent.sfHover li {
    background: url(../images/dropdown-div.png) 0 100% repeat-x;
}

#horiz-menu li li.parent a.daddy,
#horiz-menu li.active li.parent a.daddy,
#horiz-menu li li.parent:hover a.daddy,
#horiz-menu li.active li.parent:hover a.daddy,
#horiz-menu li li.parent-sfHover a.daddy,
#horiz-menu li.active li.parent-sfHover a.daddy {
    background: url(../images/dropdown-child.png) 95% 50% no-repeat;
}

/* mouseovers */

#horiz-menu li li a:hover {
    background: none;
}

#horiz-menu li li.active,
#horiz-menu li.active li a,
#horiz-menu li.active li a:hover {
    background: none;
}

#horiz-menu li li a {
    font-size: 100%;
    font-weight: normal;
    background: none;
}

/* @end */

/* @group Sub Menu */

ul.menu {
    margin: 0 0 10px 0;
    padding: 0;
}

ul.menu li {
    list-style: none;
    margin: 0;
    padding: 0;
}

ul.menu a {
    display: block;
    line-height: 26px;
    text-indent: 13px;
    background: url(../images/path-arrow.png) 0 50% no-repeat;
}

ul.menu ul {
    margin: 0 0 0 10px;
    padding: 0;
}

ul.menu ul a {
    text-indent: 13px;
    line-height: 26px;
    margin-left: 10px;
    background: url(../images/path-arrow.png) 0 50% no-repeat;
}

ul.menu ul ul {
    padding: 0;
    margin-left: 20px;
}

ul.menu li li {
    padding: 0;
    margin: 0;
}

ul.menu li.active a,
ul.menu li a:hover,
ul.menu li.active a:hover {
    text-decoration: none;
}

/* @end */

/* @group Mainmenu */

a.mainlevel {
    display: block;
    line-height: 26px;
    font-size: 100%;
    padding-left: 13px;
    text-decoration: none;
    background: url(../images/path-arrow.png) 0 50% no-repeat;
}

a#active_menu.sublevel {
    background: url(../images/path-arrow.png) 0 50% no-repeat;
}

a.sublevel {
    text-decoration: none;
    line-height: 28px;
    background: url(../images/path-arrow.png) 0 50% no-repeat;
    padding-left: 13px;
}

a.mainlevel:hover,
a.sublevel:hover {
    text-decoration: none;
}

/* @end */

/* @group Content Styles */

/* @group Readon */

a.readon {
    margin-top: 15px;
    padding: 0 0 4px 0;
    font-weight: normal;
    font-size: 100%;
    display: block;
    width: 150px;
    height: 25px;
    text-indent: 6px;
    line-height: 22px;
    background: url(../images/readon.png) 0 100% no-repeat;
}

/* @end */

/* @group Pathway */

span.pathway {
    display: block;
    line-height: 220%;
    font-weight: normal;
    height: 20px;
    line-height: 22px;
    float: left;
    overflow: hidden;
}

span.pathway img {
    float: none;
    vertical-align: top;
    width: 6px;
    height: 20px;
    padding-right: 10px;
    background: url(../images/path-arrow.png) 0 50% no-repeat;
}

span.pathway a {
    float: none;
    padding: 0 10px 0 0;
}

/* @end */

/* @group Typography */

ul.number,
ul.bullet-1,
ul.bullet-2,
ul.bullet-3,
ul.bullet-4 {
    padding-left: 10px;
    margin: 25px 0;
}

ul.number li,
ul.bullet-1 li, 
ul.bullet-2 li,
ul.bullet-3 li,
ul.bullet-4 li {
    list-style: none;
    margin-left: 0;
    padding-bottom: 3px;
    margin-bottom: 5px;
    padding-left: 15px;
}

ul.bullet-1 li {
    background: url(../images/path-arrow.png) 0 4px no-repeat;
}

ul.bullet-2 li {
    background: url(../images/bullet-2.png) 1px 4px no-repeat;
}

ul.bullet-3 li {
    background: url(../images/bullet-3.png) 1px 6px no-repeat;
}

ul.bullet-4 li {
    background: url(../images/bullet-4.png) 1px 6px no-repeat;
}

pre {
    padding: 10px;
    background: url(../images/blockquote-bg.png) 0 0;
}

blockquote {
    font-style: italic;
    font-size: 120%;
    line-height: 150%;
    width: auto;
    padding: 10px;
    margin: 20px 0;
    background: url(../images/blockquote-bg.png) 0 0;
}

span.alert {
    color: #c00;
    border-top: 3px solid #fe7b7a;
    border-bottom: 3px solid #fe7b7a;
    background: #FFD6D6 url(../images/status-alert.png) 10px 50% no-repeat;
}

span.info {
    color: #0055BB;
    border-top: 3px solid #629de3;
    border-bottom: 3px solid #629de3;
    background: #D8E5F8 url(../images/status-info.png) 10px 50% no-repeat;
}

span.note {
    color: #B79000;
    border-top: 3px solid #fde179;
    border-bottom: 3px solid #fde179;
    background: #FEF6D8 url(../images/status-note.png) 10px 50% no-repeat;
}

span.download {
    color: #57861A;
    border-top: 3px solid #c2df88;
    border-bottom: 3px solid #c2df88;
    background: #EEF7DD url(../images/status-download.png) 10px 50% no-repeat;
}

/* @end */

/* @group Notice Styles */

span.alert,
span.info,
span.download,
span.note {
    display: block;
    padding: 10px 10px 10px 45px;
    margin: 15px 0;    
}

/* @end */

/* @group RokSlide */

#moduleslider-size {
    height: 220px;
    overflow: hidden;
    margin-top: 0px;
    margin-bottom: 15px;
}

#rokslide-toolbar {
    background: url(../images/tabber-inactive.png) 0 0 repeat-x;
}

#rokslide-toolbar li.last {
    border: 0;
}

#rokslide-toolbar li.current,
#rokslide-toolbar li.last.current {
    background: url(../images/tabber-active.png) 0 0 repeat-x;
}

#rokslide-toolbar span {
    white-space: nowrap;
}

#frame {
    text-align: left;
}

#frame .module {
    margin: 0;
}

#frame .module, #frame .module-hilite3, #frame .module-hilite4, #frame .module-hilite5, #frame .module-hilite6 {
    float: left;
}

#frame .module div, #frame .module-hilite3 div, #frame .module-hilite4 div, #frame .module-hilite5 div, #frame .module-hilite6 div {
    padding: 0 5px;
}

#frame .module div div, #frame .module-hilite3 div div, #frame .module-hilite4 div div, #frame .module-hilite5 div div, #frame .module-hilite6 div div {
    padding: 0;
}

#frame .mmpr-1 .module, #frame .mmpr-1 .module-hilite3, #frame .mmpr-1 .module-hilite4, #frame .mmpr-1 .module-hilite5, #frame .mmpr-1 .module-hilite6 {
    width: 100%;
}

#frame .mmpr-2 .module, #frame .mmpr-2 .module-hilite3, #frame .mmpr-2 .module-hilite4, #frame .mmpr-2 .module-hilite5, #frame .mmpr-2 .module-hilite6 {
    width: 45%;
}

#frame .mmpr-3 .module, #frame .mmpr-3 .module-hilite3, #frame .mmpr-3 .module-hilite4, #frame .mmpr-3 .module-hilite5, #frame .mmpr-3 .module-hilite6 {
    width: 31%;
}

#frame .mmpr-4 .module, #frame .mmpr-4 .module-hilite3, #frame .mmpr-4 .module-hilite4, #frame .mmpr-4 .module-hilite5, #frame .mmpr-4 .module-hilite6 {
    width: 22%;
}

#frame .mmpr-5 .module, #frame .mmpr-5 .module-hilite3, #frame .mmpr-5 .module-hilite4, #frame .mmpr-5 .module-hilite5, #frame .mmpr-5 .module-hilite6 {
    width: 18%;
}

#tabmodules {
    overflow: hidden;
}

#tabmodules li span {
    margin-left: -1px;
}

#tabmodules li.first span {
    margin-left: 0;
}

#tabmodules div div div {
    padding-top: 0;
    padding-bottom: 20px;
}

#tabmodules div div div div {
    padding: 0;
}

/* @end */

a.nounder {
    text-decoration: none;
    border: 0;
    cursor: pointer;
}

a.nounder:hover {
    text-decoration: none;
}

a img.album {
    border-width: 2px;
    border-style: solid;
}

.clr {
    clear:both;
}

fieldset {
    border-left: 0;
    border-right: 0;
}

fieldset.input {
    border: 0;
}

a img {
    border: 0;
}

img.content-left {
    float: left;
    margin-right: 10px;
    padding: 5px;
}

img.content-right {
    float: right;
    margin-left: 10px;
    padding: 5px;
}

#referencewidth {
    width: 100%;
    overflow:hidden;
}

body .pollstableborder {
    border: 0px;
}

.back_button {
    margin: 20px 0;
}

/* @end */

/* @group Signal Login Styling */

#sl_horiz {
    height: 22px;
    width: 580px;
    margin-top: 7px;
    float: left;
}

#sl_horiz #greeting {
    float: left;
    height: 22px;
    margin-right: 10px;
}

#sl_horiz .button {
    background-color: #131313;
    border: thin solid #333;
    font-size: 100%;
    font-weight: normal;
    color: #999;
    height: 22px;
    cursor: pointer;
}

#sl_horiz #sl_username {
    float: left;
}

#sl_horiz #sl_username input {
    padding-left: 20px;
    overflow: hidden;
    width: 110px;
    font-size: 100%;
    font-weight: normal;
    border: 1px solid #333;
    color: #999;
    background: #131313 url(../images/user_bg.png) 0 50% no-repeat;
    height: 18px;
}

#sl_horiz #sl_pass {
    margin-left: 10px;
    float: left;
}

#sl_horiz #sl_pass input {
    padding-left: 20px;
    overflow: hidden;
    width: 110px;
    font-size: 100%;
    font-weight: normal;
    border: 1px solid #333;
    color: #999;
    background: #131313 url(../images/pass_bg.png) 0 50% no-repeat;
    height: 18px;
}

#sl_horiz #sl_rememberme {
    margin-left: 10px;
    float: left;
    color: #999;
    line-height: 22px;
}

#sl_horiz #sl_submitbutton {
    margin-left: 10px;
    float: left;
}

#sl_horiz #sl_lostpass,
#sl_hoziz #sl_lostname {
    margin-left: 10px;
    float: left;
    line-height: 22px;
}

#sl_horiz #sl_register {
    margin-left: 10px;
    float: left;
}

#sl_horiz #sl_posttext {
    margin-left: 10px;
    float: left;
}

/* @end */

/* Overlay definitions */

.overlay-abstract #page-bg {
    background: url(../images/bg/overlay-abstract.png) 0 0 repeat-x;
}

.overlay-bark #page-bg {
    background: url(../images/bg/overlay-bark.png) 0 0;
}

.overlay-blocks #page-bg {
    background: url(../images/bg/overlay-blocks.png) 0 0;
}

.overlay-carbon #page-bg {
    background: url(../images/bg/overlay-carbon.png) 0 0;
}

.overlay-cracked #page-bg {
    background: url(../images/bg/overlay-cracked.png) 0 0;
}

.overlay-crecent #page-bg {
    background: url(../images/bg/overlay-crecent.png) 0 0;
}

.overlay-foliage #page-bg {
    background: url(../images/bg/overlay-foliage.png) 0 0;
}

.overlay-gatorskin #page-bg {
    background: url(../images/bg/overlay-gatorskin.png) 0 0;
}

.overlay-gradient1 #page-bg {
    background: url(../images/bg/overlay-gradient1.png) 0 0 repeat-x;
}

.overlay-gradient2 #page-bg {
    background: url(../images/bg/overlay-gradient2.png) 0 100% repeat-x;
}

.overlay-hills-trees #page-bg {
    background: url(../images/bg/overlay-hills-trees.png) 0 0 repeat-x;
}

.overlay-hills #page-bg {
    background: url(../images/bg/overlay-hills.png) 0 0;
}

.overlay-mosaic #page-bg {
    background: url(../images/bg/overlay-mosaic.png) 0 0;
}

.overlay-perforated #page-bg {
    background: url(../images/bg/overlay-perf.png) 0 0;
}

.overlay-spirals #page-bg {
    background: url(../images/bg/overlay-spirals.png) 0 0;
}

.overlay-spirals2 #page-bg {
    background: url(../images/bg/overlay-spirals2.png) 0 0;
}

.overlay-stripes-diag #page-bg {
    background: url(../images/bg/overlay-stripes-diag.png) 0 0;
}

.overlay-stripes-vert #page-bg {
    background: url(../images/bg/overlay-stripes-vert.png) 0 0;
}

.overlay-targets #page-bg {
    background: url(../images/bg/overlay-targets.png) 0 0;
}

/* @end */

E o HTML

Código:

<?php
defined( '_VALID_MOS' ) or die( 'Direct Access to this location is not allowed.' );
define( 'YOURBASEPATH', $mosConfig_absolute_path."/templates/" . $mainframe->getTemplate() );
require( YOURBASEPATH . "/rt_styleswitcher.php");


    // *************************************************
    // Change the variables below to adjust the template
    //
    // If you have any issues, check out the forum at
    // http://www.rockettheme.com
    //
    // *************************************************

    $default_style                 = "Business Casual:overlay-stripes-diag,#688ba0,#ffffff,#001d30,#d5e1ed,#ff672d,#ffebde";
    $enable_colorchooser        = "true";             // true | false
    $enable_ie6warn             = "true";            // true | false
    $enable_rokzoom                = "true";             // true | false
    $font_family                = "helvetica";       //  geneva | optima | helvetica | trebuchet | lucida | georgia | palatino
    $template_width             = "962";             // width in px
    $leftcolumn_width            = "220";             // width in px
    $rightcolumn_width            = "220";             // width in px
    $splitmenu_col                = "rightcol";         // leftcol | rightcol
    $menu_name                     = "mainmenu";         // mainmenu by default, can be any Joomla menu name
    $menu_type                     = "moomenu";         // moomenu | suckerfish | splitmenu | module
    $default_font                 = "default";         // smaller | default | larger
    $show_pathway                 = "false";             // true | false
    $show_moduleslider            = "true";             // true | false

    // module slider configuration
    
    $max_mods_per_row            = 3;                 // maximum number of modules per row (adjust the height if this wraps)
    $modules_list                 = array(array("title"=>"", "module"=>"advert1"),
                                array("title"=>"Destaque", "module"=>"advert2"),
                                array("title"=>"Group 3 Collection", "module"=>"advert3"),
                                array("title"=>"Group 4 Assortment", "module"=>"advert4"),
                                array("title"=>"Group 5 Items", "module"=>"advert5"));
                                
    require(YOURBASEPATH . "/rt_styleloader.php");
                                
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <?php
    if ( $my->id ) {
        initEditor();
    }
    mosShowHead();                                
    require(YOURBASEPATH . "/rt_tabmodules.php");
    require(YOURBASEPATH . "/rt_utils.php");
    require(YOURBASEPATH . "/rt_head_includes.php");
    ?>
    </head>
    <body id="ff-<?php echo $fontfamily; ?>" class="<?php echo $fontstyle; ?> <?php echo $style_overlay; ?> latch">
        <div id="page-bg">
            <!--begin top panel-->
            <div id="top-bar">
                <?php if ($enable_colorchooser=="true") :?>
                <?php require(YOURBASEPATH . "/rt_colorchooser.php"); ?>
                <?php endif; ?>
                <div id="mod-login">
                    <div class="wrapper">
                        <?php if ($enable_colorchooser=="true") :?>
                        <a href="#" id="color-toggle"><span>Color Chooser</span></a>
                        <?php endif; ?>
                        <?php mosLoadModules('top',-2); ?>
                        <div class="clr"></div>
                    </div>
                </div>
            </div>
            <!--end top panel-->
            <!--begin main wrapper-->
            <div id="mainbody" class="wrapper">
                <!--begin header-->
                <div id="header">
                    <a href="<?php echo $mosConfig_live_site;?>" class="nounder"><img src="<?php echo $template_path; ?>/images/blank.gif" border="0" alt="" id="logo" class="png" /></a>
                    <?php if (mosCountModules('banner')) : ?>
                    <div id="banner">
                        <?php mosLoadModules('banner',-2); ?>
                    </div>
                    <?php endif; ?>
                </div>
                <!--end header-->
                <div id="main-shadow">
                    <div id="main-shadow2">
                        <div class="side-shadow1">
                            <div class="side-shadow2">
                                <div id="iefix">
                                    <div id="horiz-menu" class="<?php echo $mtype; ?>">
                                        <?php if($mtype != "module") : ?>
                                            <?php echo $topnav->display(); ?>
                                        <?php else: ?>
                                            <?php mosLoadModules('toolbar',-1); ?>
                                        <?php endif; ?>    
                                    </div>
                                </div>
                                <div id="main-content">
                                    <div id="main-content2">
                                        <table class="mainbody" border="0" cellspacing="0" cellpadding="0">
                                            <tr valign="top">
                                                <!--begin leftcolumn-->
                                                <?php if (mosCountModules('left') or (isset($subnav) and $subnav->ismenu() and $splitmenu_col=="leftcol")) : ?>
                                                    <td class="leftcol">
                                                        <div class="padding">
                                                            <?php if($subnav and $splitmenu_col=="leftcol" && $subnav->ismenu()) : ?>
                                                                <div id="sub-menu">
                                                                    <?php echo $subnav->display(); ?>
                                                                </div>
                                                            <?php endif; ?>
                                                            <?php mosLoadModules('left', -3); ?>
                                                        </div>
                                                    </td>
                                                <?php endif; ?>
                                                <!--end leftcolumn-->
                                                <!--begin maincolumn-->
                                                <td class="maincol">
                                                    <div id="maincol1">
                                                        <div id="maincol2">
                                                            <div class="padding">
                                                                <?php if ($show_moduleslider=="true" and (mosCountModules('advert1') or mosCountModules('advert2') 
                                                            or mosCountModules('advert3') or mosCountModules('advert4') or mosCountModules('advert5'))) : ?>
                                                                    <div id="moduleslider-size">
                                                                        <?php displayTabs(); ?>
                                                                    </div>
                                                                <?php endif; ?>
                                                                <?php if (mosCountModules('user1') or mosCountModules('user2') or mosCountModules('user3')) : ?>
                                                                    <div id="mainmodules1" class="spacer<?php echo $mainmod1_width; ?>">
                                                                        <?php if (mosCountModules('user1')) : ?>
                                                                            <div class="block">
                                                                                <?php mosLoadModules('user1',-3); ?>
                                                                            </div>
                                                                        <?php endif; ?>
                                                                        <?php if (mosCountModules('user2')) : ?>
                                                                            <div class="block">
                                                                                <?php mosLoadModules('user2',-3); ?>
                                                                            </div>
                                                                        <?php endif; ?>
                                                                        <?php if (mosCountModules('user3')) : ?>
                                                                            <div class="block">
                                                                                <?php mosLoadModules('user3',-3); ?>
                                                                            </div>
                                                                        <?php endif; ?>
                                                                    </div>
                                                                <?php endif; ?>
                                                                <div id="content-padding">
                                                                    <?php if ($show_pathway == "true") : ?>
                                                                        <div id="pathway">
                                                                            <?php mosPathway(); ?>
                                                                        </div>
                                                                    <?php endif; ?>
                                                                    <?php mosMainbody(); ?>
                                                                </div>
                                                                <?php if (mosCountModules('user4') or mosCountModules('user5') or mosCountModules('user6')) : ?>
                                                                    <div id="mainmodules2" class="spacer<?php echo $mainmod2_width; ?>">
                                                                        <?php if (mosCountModules('user4')) : ?>
                                                                            <div class="block">
                                                                                <?php mosLoadModules('user4',-3); ?>
                                                                            </div>
                                                                        <?php endif; ?>
                                                                        <?php if (mosCountModules('user5')) : ?>
                                                                            <div class="block">
                                                                                <?php mosLoadModules('user5',-3); ?>
                                                                            </div>
                                                                        <?php endif; ?>
                                                                        <?php if (mosCountModules('user6')) : ?>
                                                                            <div class="block">
                                                                                <?php mosLoadModules('user6',-3); ?>
                                                                            </div>
                                                                        <?php endif; ?>
                                                                    </div>
                                                                <?php endif; ?>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </td>
                                                <!--end maincolumn-->
                                                <!-- begin rightcolumn -->
                                                <?php if (mosCountModules('right') or (isset($subnav) and $subnav->ismenu() and $splitmenu_col=="rightcol")) : ?>
                                                    <td class="rightcol">
                                                        <div class="padding">
                                                            <?php if($subnav and $splitmenu_col=="rightcol" && $subnav->ismenu()) : ?>
                                                                <div id="sub-menu">
                                                                    <?php echo $subnav->display(); ?>
                                                                </div>
                                                            <?php endif; ?>
                                                            <?php mosLoadModules('right', -3); ?>
                                                        </div>
                                                    </td>
                                                <?php endif; ?>
                                                <!-- end rightcolumn -->
                                            </tr>
                                        </table>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!--begin bottom section-->
                <?php if (mosCountModules('user7') or mosCountModules('user8') or mosCountModules('user9') or mosCountModules('user10')) : ?>
                <div id="bottom">
                    <div id="bottom-shadow1">
                        <div id="bottom-shadow2">
                            <div class="padding">
                                <div id="bottommodules" class="spacer<?php echo $bottommod_width; ?>">
                                    <?php if (mosCountModules('user7')) : ?>
                                        <div class="block">
                                            <?php mosLoadModules('user7',-3); ?>
                                        </div>
                                    <?php endif; ?>
                                    <?php if (mosCountModules('user8')) : ?>
                                        <div class="block">
                                            <?php mosLoadModules('user8',-3); ?>
                                        </div>
                                    <?php endif; ?>
                                    <?php if (mosCountModules('user9')) : ?>
                                        <div class="block">
                                            <?php mosLoadModules('user9',-3); ?>
                                        </div>
                                    <?php endif; ?>
                                    <?php if (mosCountModules('user10')) : ?>
                                        <div class="block">
                                            <?php mosLoadModules('user10',-3); ?>
                                        </div>
                                    <?php endif; ?>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <?php endif; ?>
                <b>Promoção Imóveis 2008</b>
                <!--end bottom section-->
            </div>
            <!--end main wrapper-->
        </div>
    </body>
</html>

K0mA · 7 de Maio de 2008

Cá vai:

No HTML apaga esta linha:

<body id="ff-<?php echo $fontfamily; ?>" class="<?php echo $fontstyle; ?> <?php echo $style_overlay; ?> latch">
e mete apenas <body>

Na linha a seguir onde está <div id="page-bg"> mete <div id="page-bg1">

No css adicionas:

body {
background: url(../images/bg/overlay-stripes-diag.png) repeat 0px 0px;
}

freedy · 7 de Maio de 2008

Muito Obrigado K0mA!

Já está a funcionar...

Obrigado também por teres ajudado shello

Problema na Homepage

freedy

I'm cool cuz I Fold

shello

%erador

Satigor

Power Member

shello

%erador

freedy

I'm cool cuz I Fold

shello

%erador

freedy

I'm cool cuz I Fold

K0mA

Power Member

freedy

I'm cool cuz I Fold