sexta-feira, 10 de novembro de 2006

Outra maneira de colocar imagem de fundo (Background Image).

Vai em settings --->My Site --->Custom CSS (em Site Customização na parte amarela que aparece),


Apague o código do seu CSS, copie e cole o código do meu CSS no Multiply que esta assim:


/* body */
body {
background: none;
background-color: transparent;
}

/* part or rail where ads are */
.rail {
background: none;
background-color: transparent;
color: #BF3EFF;
}

.railstart {
background: none;
background-color: transparent;
color: #BF3EFF;
border-color: #BF3EFF;
margin-right: -1px;
}

.railbody {
background: none;
width: 118px;
background-color: transparent;
color: #BF3EFF;
}

.railend {
background: none;
background-color: transparent;
color: #BF3EFF;
}

div.header {
background: none;
border-color: #BF3EFF;
background-color: transparent;
}

td.rail {
background: none;
border-color: #BF3EFF;
background-color: transparent;
color: #BF3EFF;
}

td.leftnav {
background: none;
border-color: #BF3EFF;
border-right-color: #BF3EFF;
border-left-color: #BF3EFF;
background-color transparent;
color: #BF3EFF;
}

div.leftnavsep {
border-color: #BF3EFF;
}

div.railsep {
background: transparent;
}

td.leftnav a.mopt, td.leftnav a:link.mopt, td.leftnav a:visited.mopt, a.mopt, a:link.mopt, a:visited.mopt {
color: #BF3EFF;
}

td.leftnav a:hover.mopt, a:hover.mopt {
text-decoration: none;
background-color: transparent;
color: #BF3EFF;
}

/* site title */
h1#page_owner_title {
color: #BF3EFF;
}

/* page title */
h1 {
color: #BF3EFF;
}

/* item title area */
.itemboxsub {
background: none;
background-color: transparent;
border-color: #BF3EFF;
/* item box titles */
color: #BF3EFF
}

/* calendar editting */
.caldiv1 {
background-color: transparent;
}

.caldiv1 th {
background-color: transparent;
}

.caldiv1 td {
background-color:transparent;
}

.itemsubsub {
background: none;
background-color: transparent;
/* item box detail */
color:#BF3EFF;
}

/* item contents area */
.itembox {
background: none;
background-color: transparent;
border-color:#BF3EFF;
color:#BF3EFF;
}

.itembox legend { color: #BF3EFF; }

.itemboxalbum {
background: none;
border: 1px solid #BF3EFF;
background-color: transparent;
color: #BF3EFF;
}

div.relatedlinks {
color:#BF3EFF
}

.stats {
background: none;
background-color: transparent;
border-color: #BF3EFF;
color: #BF3EFF;
}

/* links inside itemboxen */
.select a, .select a:visited, .select a:link, .select a:hover, .viewmore a, .viewmore a:visited, .viewmore a:link, .viewmore a:hover, .itembox a, .itembox a:visited, .itembox a:link, .itembox a.select, .itembox a:visited.select, .itembox a:link.select, .itembox a:hover.select {
color: #BF3EFF;
}

a.select, a:visited.select, a:link.select, a:hover.select {
color: #BF3EFF;
}

#uploadtools a, #uploadtools a:visited, #uploadtools a:link, #uploadtools a:hover {
color:#BF3EFF;
}
#importtools a, #importtools a:visited, #importtools a:link, #importtools a:hover {
color: #BF3EFF;
}

.cattitle a, .cattitle a:visited, .cattitle a:link, .cattitle a:hover {
color: #BF3EFF;
}

/* navigation and title bar */
div.owner_nav {
background: none;
background-color: transparent;
border: 1px solid #BF3EFF;
}

td#content-start {
border-color: #BF3EFF;
}

table.globalnav {
background: none;
background-color: transparent;
}

.navinput {
border: 1px solid #BF3EFF;
background-color: transparent;
color: #BF3EFF;
}

div.gndd {
background: none;
background-color: transparent;
border: 1px solid #BF3EFF;
color: #BF3EFF;
}

div.gndd a {
border: 1px solid #BF3EFF;
}

div.gndd a:hover {
background-color: transparent;
color: #BF3EFF;
}

div.ddsep {
background-color: transparent;
}

h4#post_new_content_sections {
color: #BF3EFF;
}

/* owner navigation links */
span.signoutid a, span.signoutid a:visited, span.signoutid a:link, span.signoutid:hover, a.signoutid, a.signout, a.signout:visited, a.signout:link, div#ownedfooter a, div#ownedfooter a:visited, div#ownedfooter a:link, li.gnopt a, li.gnopt a:visited, li.gnopt a:link {
color: #BF3EFF;
}

li.gnoptsel {
border-color: #BF3EFF;
background-color: transparent;
color: #BF3EFF;
}

li.gnoptsel a, li.gnoptsel a:visited, li.gnoptsel a:link, li.gnoptsel a:hover {
color: #BF3EFF;
}

/* right rail links */
ul.sidelist a, ul.sidelist a:visited, ul.sidelist a:link {
color: #BF3EFF;
}
.railbody a.raillink, .railbody a:link.raillink, .railbody a:visited.raillink {
color: #BF3EFF;
}
.userlogo a, .userlogo a:hover, .userlogo a:visited, .userlogo a:link, td.rail div#rail div.userlogo a {
color: #BF3EFF;
}
.userlogo, td.rail div#rail div.userlogo {
border-color: #BF3EFF;
}

/* protect poll dialog box fonts */
td#cell_ {
color: #BF3EFF
}

tr#row_vote {
color: #BF3EFF
}

div#ownedfooter {
background: none;
background-color: transparent;
border-color: #BF3EFF;
}

td#maincontent {
color: #BF3EFF;
}

a.go, a.go:visited, a.go:link {
color: #BF3EFF;
}

/* various classes to describe link colors throughout the main body */

a.post, a.post:visited, a.post:link, a.editlinks, a.editlinks:visited, a.editlinks:link, a.compose, a.compose:visited, a.compose:link, a.vopt, a.vopt:visited, a.vopt:link {
color: #BF3EFF;
}

a.editlinks:hover {
font-style: italic;
}

.breadcrumb a, .breadcrumb a:visited, .breadcrumb a:link, div.itemactions a, div.itemactions a:visited, div.itemactions a:link {
color: #BF3EFF
}


body {
background-color: rgb(256,256,256);
background-image: url(aqui vai ficar o link de onde vc hospedou a sua imagem para colocar no multiply);
background-position: left center;
background-repeat: repeat;
background-attachment: fixed;
}



***Bem, então é o seguinte, vcs vai hospedar a imagem em um site, eu recomento http://photobucket.com/ , daí quando vc hospedar lá, vai aparecer vários links, vc pega o que vai direto, vc vai ver esta opção lá. copia e cola lá onde está especificado em parenteses, tem que ser dentro do parenteses, onde indica que deve ser colado o link. Clique em SAVE (no fim da página onde vc colou o código no CSS) e veja como ficou.

a parte q eu colokei #BF3EFF;

vc troka por uma cor !!!
e naum esqueca de por sempre na frente
o (#)+ código da cor +(;) ponto e virgula

http://www.mxstudio.com.br/Conteudos/Dreamweaver/Cores.htm (esse site são onde tem os códigos CSS para mudar as cores das letras do site)

tem muitas cores pra vc escolher ...e o código é o q ta com o #BF3EFF; (Mude esse código pelo código da côr que vc preferir).
pois esse código q está em meu CSS é da cor lilás das letras do meu site.

Espero ter explicado com clareza, mas qualquer dúvida me perguntem, ok!
Bjs e Boa Sorte à todos!

16 comentários:

  1. Cátia.... tentei tentei.. mais ainda não consegui mudar o fundo..
    fiz certinhu.. do jeitinhu q vc explicou...
    Mas não sei o q aconteceu... tirei ate os espaços pra ver se era issu..
    Mas num era naum...
    Tô perdida!!!
    Rs...
    :-O

    ResponderExcluir
  2. vou dar uma olhada na comunidade do ajuda do Multiply, pois estou achando que com essas mudanças do site talves tenham mudado o código também.
    Se eles tiverem um código novo eu passo para você, ok!

    ResponderExcluir
  3. Esse ultimo código eu nunca experimentei, por isso não sei se dá certo.
    Mas vou copiar aqui como é que eu coloquei o código antigo em meu CSS, pois assim quem sabe você possa saber porque não está dando certo para você.
    no meu CSS o código está assim:

    body {
    background-color: rgb(256,256,256);
    background-image: url(http://i122.photobucket.com/albums/o259/ctzkm/rachelbig-1.jpg);
    background-position: left center;
    background-repeat: repeat;
    background-attachment: fixed;
    }

    Espero ter ajudado!

    ResponderExcluir
  4. Nossa!! Eu tinha dado uma olhada nessa ajuda... aó q achei tão gigante o código.. e pensei q era pra só só algumas parte..
    Mas vou tentar de novo sim..
    Brigadão pela ajuda e pela disposição!!!
    Bju!
    :)

    Boa semana pra vc!

    ResponderExcluir
  5. É que esse código já vai fazer com que seu site fique com a imagem de fundo "estática" (ou seja, as letras se moverão, mas a imagem não) e fará também com que os boxes fiquem transparentes (igual ao meu) tornando melhor a visualização da sua imagem de fundo.
    E onde tiver o código color: #------; você poderá escolher a cor desejada no link que indicaram.
    Estou torcendo para quê esse código dê certo, ok!
    Boa semana para ti também!
    Bjs.

    ResponderExcluir
  6. Olá!!! Aproveitando e pegando sua dica...O meu deu certo com este último código q vc colocou...
    Embora não tenha sido para mim, mas me ajudou muito.
    Obrigada
    Bjos

    ResponderExcluir
  7. Catia eu consegui por uma imagem de fundo, só não consigo deixar a pagina transparente como essa sua, como vc fez? ja tentei e nada, desculpe o incomodo, desde ja obrigada linda, bjos

    ResponderExcluir
  8. Catia, eu fiz tudo como vc explicou aqui, mas alguma coisa ta dando errado, olha só o q apareçe la:

    Invalid or unexpected property:

    background-color transparent

    in style 'td.leftnav'

    a imagem q eu escolhi fica do lado direito e esquerdo, mas não fica transparente como esse seu, ah amiga o seu esta tão lindo, vou continuar tentando la, se vc tiver uma idéia do que possa estar dando errado, vc me da um help rs, desculpe o incomodo, vc é um amor, obrigada, bjos!

    ResponderExcluir
  9. Estranho, pois o meu CSS está com esse código e não há problema algum no meu multiply.
    No grupo de ajuda do Multiply talvez eles possam lhe ajudar, pois eu realmente não sei o que pode estar acontecendo.
    Dê uma olhadinha em meus grupos que vc achará o link lá, ok!
    Sinto não poder ter lhe ajudado mais!
    Bjs.

    ResponderExcluir
  10. Cátia, obrigada pela ajuda, vou olhar la sim, mas ta quase dando certo, agora só o meio não fica transparente ta branco, rsrs, mas vou continuar tentando, é algum detalhe q esta escapando, vou procurar la no site q vc falou, eu troquei todos os lugares q estava escrito backround- color transparent por background-color: rgb(256,256,256); dai só o meio ficou branco rsrs bom eu acabo achando o q é, obrigada mesmo pela atenção, ótimo feriado pra vc, bjos!

    ResponderExcluir
  11. Olá amiga!
    Sinto informar que fiquei sabendo por uma amiga que o multi nao aceita mais os códigos de antes, pois ela tentou mudar o dela e também dá erro e nem se ela quiser colocar um outro código nao dá mais, mesmo os do (customize multiply group ).
    Qualquer novidade eu lhe informo, ok!
    Boa sorte na sua tentativa!

    P.S. Veja esse link http://ajuda.multiply.com/notes/item/297

    ResponderExcluir
  12. Valeu, pelas informações, vou tentar modificar o fundo. obrigada!

    ResponderExcluir
  13. Disponha e Boa Sorte!
    Qualquer problema conte comigo!

    ResponderExcluir