Olá minha florzinhas, irei postar uma tradução do tutorial de como modificar sua página do OMD, que encontrei no fórum OMD espanhol [http://es.ohmydollz.com/foro/viewtopic. … 53&p=1 ]. Dentre as coisas citadas naquele tutorial meu background não mudou[não sei pq] e outras não quis alterar.

Ensino com grande prazer e alegria, mas se você tem preguiça de ler textos grandes melhor nem tentar. Infelizmente não posso fazer para ninguém porquê trabalho e chego muito tarde, ou seja, sem tempo =s

OBSERVAÇÃO IMPORTANTÍSSIMA:  VOCÊ NÃO CONSEGUIRÁ VER AS MUDANÇAS DA SUA PÁGINA COM SUA DOLL, PRECISA CRIAR UMA DOLL NOVA E IR VISITAR A PÁGINA DA SUA DOLL PRINCIPAL PARA VER SE AS MUDANÇAS FORAM FEITAS. 

OBSERVAÇÃO IMPORTANTE [2] PARA CONSEGUIR ALTERAR A PÁGINA VOCÊ PRECISA INTERROMPER O CARREGAMENTO COMPLETO DO QSE, VAMOS CHAMAR ISSO DE MODO HTML. SE VOCÊ NÃÃÃÃOOOO INTERROMPER OS CÓDIGOS QUE PASSAREI ELES FICARÃO COMO TEXTO NO QSE E NÃO FUNCIONARÃO. FAÇA A MESMA COISA QUE ENSINO NESTE TUTORIAL PARA POR MUSICA[http://br.ohmydollz.com/forumbr/viewtopic.php?id=4868 ], PARA INTERROMPER O CARREGAMENTO DA PÁGINA DO OMD.

Vamos lá então...caso você tenha QSE com código do tumblr ou até mesmo mais curtos, vá até o final do seu código e acrescente uma linha de ----------- para poder separar e não se confundir com o código da página.


Este é o código que vc deve colar

<p style="width:570px;"><style>

#blochaut {background:url('URL') !important;}

#gauche_bonte {background:url('URL') !important;}

#gauche_note {background:url('URL') !important;}

#gauche_comz {background:url('URL') !important;}

#contenu2012 {background:url('URL') !important;}

#gauche_amiz {background:url('URL') !important;}

#barrejaune {background:url('URL') !important;}

#fiche_espsm {background:url('URL') !important;}

#qsj_view_haut {background:url('URL') !important;}

#fiche_info {background:url('URL') !important;}

#blocgauche_online {background:url('URL') !important;}

#logo2012 {
background : url('URL');
!important;
}

#logo2012 > a {
opacity: 0!important;

#deco{
  position:absolute;
  top:10px;
  left:290px;
  background:url("URL") no-repeat;
  width:19px;
  height:89px;}

#note9 > a {opacity: 0!important;}
#note9 {background:url('URL') !important;}
#note10 > a {opacity: 0!important;}
#note10 {background:url('URL') !important;}

#gauche_envoyer_mp a img{content: url("URL");}

#gauche_cadeau > a {opacity: 0!important;}
#gauche_cadeau {background:url('URL') !important;}

#gauche_amiz_ajouter > a {opacity: 0!important;}
#gauche_amiz_ajouter {background:url('URL') !important;}

#fiche_share {display: none;}  body {background:url('URL') repeat fixed !important;}

#blochautlogout { background-image: url("URL") !important; }

#fiche_piece_favoris table{
background: url("URL") !important;
width: 600px;
height: auto;}

#toggle_maison_img{
left: -200px;
position: relative;
top: 2px;
content: url("URL");}

#fiche_maison {
background: url("URL") !important;}

#cadeaux_haut {
    background: url("URL") no-repeat scroll 0% 0% transparent;
    width: 600px;
    height: auto;
}
#cadeaux_milieu {
    background: url("URL") repeat-y scroll 0% 0% transparent;
    width: 590px;
    height: auto;
    padding-left: 10px;}

#cadeaux_bas {
    background: url("URL") no-repeat scroll 0% 0% transparent;
    width: 600px;
    height: auto;}

#fiche_loft {font-weight:bold; border: 6px double #FFFCFC;}

#avatar {
    position: absolute;
    padding: 6px;
    top: 5px;
    left: 10px;
    background: url("URL") no-repeat scroll 0% 0% transparent;}

#message_haut{
  background:url(URL) no-repeat; width:901px; height:28px;}

#message_milieu{
  background:url(URL) repeat; width:901px;}

#message_bas{
  background:url(URL) no-repeat; width:901px; height:15px;}
</style>


Basicamente você irá substituir a palavra URL e somente esta palavra pelo link da imagem que você fizer, e de preferencia em formato png pq tem mais qualidade, daí fica mais bonito. Exemplo de página <3 pessoalmente acho linda demais a página da escarchacristal http://es.ohmydollz.com/?p=fiche&ps … chacristal

IMPORTANTE: CADA CÓDIGO QUE PASSEI MUDA UM PEDAÇO DA PÁGINA DO OMD, NECESSITAM ESTAR NO TAMANHO CORRETO.

Aqui algumas que fiz, podem testar elas a vontade e modificarhttps://www.mediafire.com/folder/b7b6erschddm2/OMD  [ se o link não funcionar me avise]

Então meninas, como fazer as imagens do 0 ? você precisa ter algum programa de edição de imagens, eu gosto do photoshop...caso vc não tenha ele pode usar essa versão online gratuitahttp://www.photoshoponline.blog.br/

Depois disso baixe as imagens do link que passei e dê 1 clique nelas [NÃO É PRA ABRIR] , dando o clique nelas , elas ficarão selecionadas assim e aparecerá  informação "Dimensão", que é o tamanho delas

Após isso você vai no photoshop ou qualquer outro programa de edição e cria um documento novo com o tamanho da imagem que você escolher. Após enfeitar do jeito que você quiser, salve a imagem e faça upload dela aqui >http://tinypic.com/  basta selecionar a imagem que você fez e copiar o link que tiver extensão .jpg ou .png   e substituir a palavra URL pelo seu link.

Mas então, o que cada código muda ? bom, vou postar os que eu mudei ou entendi, se alguém quiser acrescentar mais fique a vontade. Você não precisa mudar tudo, não afetará em nada deixar alguns sem mudar =]

#blochaut dijo:

#blochaut {background:url('URL') !important;}

É a imagem principal onde mostra a ficha como: seu avatar, dinheiro, feez, mensagens..etc..


gauche_bonte dijo:

#gauche_bonte {background:url('URL') !important;}
É a imagem do quadro de Bondade


#gauche_note dijo:

#gauche_note {background:url('URL') !important;}
Imagem do quadro de Votos



#gauche_comz dijo:

#gauche_comz {background:url('URL') !important;}
Imagem do quadro dos seus Comentários



#contenu2012 dijo:

#contenu2012 {background:url('URL') !important;}
Imagem da parte do fundo do conteúdo[ não é o fundo da página ou background], essa parte que eu "pintei" XD Dica: se quiser deixar transparente para o background aparecer mais, só criar o arquivo transparente no photoshop e salvar em .png


#gauche_amiz dijo:

#gauche_amiz {background:url('URL') !important;}
Imagem do quadro dos seus amigos



dijo:

#barrejaune {background:url('URL') !important;}

Imagem da barra de menu: News, Loft, Nível,Desfile,Lojas...etc.. [barra do fundo, não os icones do menu]


#fiche_espsm dijo:

#fiche_espsm {background:url('URL') !important;}
Imagem da parte dos dados da doll [esse eu não testei]


#qsj_view_haut dijo:

#qsj_view_haut {background:url('URL') !important;}
Imagem da parte principal do QSE


#fiche_info dijo:

#fiche_info {background:url('URL') !important;}

Imagem que sai na parte de informação do nível, nome, trabalho...


#logo2012 dijo:

#logo2012 {
background : url('URL');
!important;
}

#logo2012 > a {
opacity: 0!important;
Logotipo do Oh My Dollz


#blocgauche_online dijo:

#blocgauche_online {background:url('URL') !important;}
Imagem do quadro de dollz conectadas/online


#deco dijo:
São aqueles 3 iconezinhos que ficam na ficha da sua doll.


#deco{
  position:absolute;
  top:10px;
  left:290px;
  background:url("URL") no-repeat;
  width:19px;
  height:89px;
}
#note9 y #note10 dijo:
Botão de votos

#note9 > a {opacity: 0!important;}
#note9 {background:url('URL') !important;}
#note10 > a {opacity: 0!important;}
#note10 {background:url('URL') !important;}

#gauche_envoyer_mp dijo:

#gauche_envoyer_mp a img{content: url("URL");}
Botão de enviar Mensagem privada [mp]


#gauche_cadeau dijo:

#gauche_cadeau > a {opacity: 0!important;}
#gauche_cadeau {background:url('URL') !important;}
botão de presentear [ñ tenho ctz]

#gauche_amiz_ajouter dijo:

#gauche_amiz_ajouter > a {opacity: 0!important;}
#gauche_amiz_ajouter {background:url('URL') !important;}
botão de adicionar

#fiche_share dijo:

#fiche_share {display: none;}  body {background:url('URL) repeat fixed !important;}

Imagem fixa [ background, exemplo:http://ohmydollz.uol.com.br/?p=fiche&am … o=ca123456 ]



#fiche_piece_favoris dijo:

#fiche_piece_favoris table{
background: url("URL") no-repeat,  !important;
width: 600px;
height: auto;}
Barra de Salões Favoritos


#toggle_maison_img dijo:

#toggle_maison_img{
left: -200px;
position: relative;
top: 2px;
content: url("URL");}
outra barra do quadro de salas


#fiche_maison  dijo:

#fiche_maison {
background: url("URL") !important;}
fundo do quadro de salas



DICAS: renders são imagens sem fundo, aqui tem várias só procurar http://www.deviantart.com/browse/all/?q=anime+render



A meninas, assim que meu tempo aumentar vou detalhar mais este tutorial e quando arrumar meu microfone faço um tutorial em vídeo pra ficar mais simples.

Bjos florzinhas, dúvidas postem aqui ok


Agradeço muito as dollz sakura11 e victoriajuste pela ajuda com um dos códigos e o tamanho das imagens. E um agradecimento mais que especial a doll NekoVampire do OMD espanhol por ter aturado meu espanhol horrível pra tentar me ajudar kkkkkkkkkk

Última alteração por skynet (16-01-2016 22:55:10)