Você não está logado.

Aviso

Para conectar-se ao fórum, utilize o mesmo nome e senha do site :) Não é necessário se registrar.

#1 10-01-2016 03:34:16

skynet
Membro
Cadastrado: 10-12-2010
Posts: 84

[TUTORIAL] COMO MUDAR SUA PÁGINA DO OMD

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 ouf

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.  gai

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. love

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 http://i63.tinypic.com/2hem54l.png

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..
http://i66.tinypic.com/165uhd.png

gauche_bonte dijo:

#gauche_bonte {background:url('URL') !important;}
É a imagem do quadro de Bondade
http://i68.tinypic.com/vqp7oo.png

#gauche_note dijo:

#gauche_note {background:url('URL') !important;}
Imagem do quadro de Votos
http://i66.tinypic.com/vervnp.png


#gauche_comz dijo:

#gauche_comz {background:url('URL') !important;}
Imagem do quadro dos seus Comentários
http://i64.tinypic.com/30ldp2h.png


#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
http://i67.tinypic.com/2ijhl4o.png

#gauche_amiz dijo:

#gauche_amiz {background:url('URL') !important;}
Imagem do quadro dos seus amigos
http://i63.tinypic.com/ouocxh.png


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]
http://i67.tinypic.com/2lt0x7k.png

#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
http://i65.tinypic.com/2copn3p.png

#fiche_info dijo:

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

Imagem que sai na parte de informação do nível, nome, trabalho...
http://i63.tinypic.com/152yfk4.png

#logo2012 dijo:

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

#logo2012 > a {
opacity: 0!important;
Logotipo do Oh My Dollz
http://i68.tinypic.com/qyct3n.png

#blocgauche_online dijo:

#blocgauche_online {background:url('URL') !important;}
Imagem do quadro de dollz conectadas/online
http://i63.tinypic.com/11rc1tu.png

#deco dijo:
São aqueles 3 iconezinhos que ficam na ficha da sua doll.
http://i66.tinypic.com/2qkthcy.png

#deco{
  position:absolute;
  top:10px;
  left:290px;
  background:url("URL") no-repeat;
  width:19px;
  height:89px;
}
#note9 y #note10 dijo:
Botão de votos
http://i68.tinypic.com/2qxsuvn.png
#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]
http://i65.tinypic.com/2qdv9es.png

#gauche_cadeau dijo:

#gauche_cadeau > a {opacity: 0!important;}
#gauche_cadeau {background:url('URL') !important;}
botão de presentear [ñ tenho ctz]
http://i67.tinypic.com/148y37.png
#gauche_amiz_ajouter dijo:

#gauche_amiz_ajouter > a {opacity: 0!important;}
#gauche_amiz_ajouter {background:url('URL') !important;}
botão de adicionar
http://i67.tinypic.com/2bqhyh.png
#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 ]
http://i57.tinypic.com/2mniwea.jpg


#fiche_piece_favoris dijo:

#fiche_piece_favoris table{
background: url("URL") no-repeat,  !important;
width: 600px;
height: auto;}
Barra de Salões Favoritos
http://i64.tinypic.com/2vmevf6.png

#toggle_maison_img dijo:

#toggle_maison_img{
left: -200px;
position: relative;
top: 2px;
content: url("URL");}
outra barra do quadro de salas
http://i66.tinypic.com/rjkt9k.png

#fiche_maison  dijo:

#fiche_maison {
background: url("URL") !important;}
fundo do quadro de salas
http://i68.tinypic.com/25qubtc.png


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 mang mdr


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)



#2 10-01-2016 22:03:15

suedya
Membro
Cadastrado: 21-11-2010
Posts: 69

Re: [TUTORIAL] COMO MUDAR SUA PÁGINA DO OMD

Muito obrigada love 
Assim que a minha net estiver muito boa, irei arrumar a minha página! magic

 

#3 12-01-2016 14:30:46

sakura11
Membro
De: Fortaleza-Ce
Cadastrado: 22-11-2010
Posts: 1308
Website

Re: [TUTORIAL] COMO MUDAR SUA PÁGINA DO OMD

skynet, você arrasou nesse tutorial. agora quando me perguntarem enviarei seu o link de seu tutorial. Parabéns pela dedicação. Há nem precisava me agradecer , estou aqui no OMD desde 2010 e ajudo todas com maior carinho, Beijos e continue assim a ajudar aomd_bravo  aomd_bisous


https://lh4.googleusercontent.com/-crRet0KEYrA/UAxYRcnPdNI/AAAAAAAABfg/rfd_78uYWJs/w530-h200-no/ooo.png
 

#4 15-01-2016 22:37:40

cristalltrigger
Membro
Cadastrado: 21-11-2010
Posts: 3951

Re: [TUTORIAL] COMO MUDAR SUA PÁGINA DO OMD

Esse HTML foi atualizado? Por que o código apresentado no tópico da versão ES está com erros; para meninas que não estão acostumadas a mexer com isso simplesmente iram quebrar a cabeça para descobrir qual é o erro por conta de que o código estar com erros.


Aqui veja:

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

O erro mais comum que todo mundo faz so que esquece de arrumar.

Onde tem pingos devem continuar com pingos.

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

Um pequeno erro pode fazer com que alguém passe muita raiva. Revise antes de usar o código.


Outra coisa, no momento que o código é colocado no fórum ele é desativado, onde pode acontecer que a pessoa pegue os códigos daqui e simplesmente não funcione. É bom deixar isso bem claro, o código deve ser Ativado antes para funcionar, isso vai de computador para computador, uns funcionaram, outros não. Por isso a recomendação é ativar o código e guarda-los em bloco de notas.


Até logo! :D


https://i.imgur.com/7DzNwwk.jpg
http://i.imgur.com/uLjetbU.png
 

#5 16-01-2016 15:55:00

skynet
Membro
Cadastrado: 10-12-2010
Posts: 84

Re: [TUTORIAL] COMO MUDAR SUA PÁGINA DO OMD

Cristal, eu usei esse mesmo código e funcionou certinho comigo, a unica coisa necessária para ativar o código é o que eles chamam de por em "modo html", que na vdd é só interromper o carregamento completo da página pro código funcionar

 

#6 16-01-2016 16:51:48

cristalltrigger
Membro
Cadastrado: 21-11-2010
Posts: 3951

Re: [TUTORIAL] COMO MUDAR SUA PÁGINA DO OMD

Foi como falei, é de computador para computador. O meu eu tive que ativar para que todos os códigos funcionassem perfeitamente. :)


https://i.imgur.com/7DzNwwk.jpg
http://i.imgur.com/uLjetbU.png
 

#7 16-01-2016 22:57:43

skynet
Membro
Cadastrado: 10-12-2010
Posts: 84

Re: [TUTORIAL] COMO MUDAR SUA PÁGINA DO OMD

como você fez para ativar ? daí acrescento no tutorial

 

#8 19-01-2016 15:24:01

brumandy
Membro
De: TerraMédia
Cadastrado: 24-09-2015
Posts: 44
Website

Re: [TUTORIAL] COMO MUDAR SUA PÁGINA DO OMD

alguém tem o código pra mudar o símbolo do "up" ??
aquela setinha q fica no canto direito na parte de baixo da página...


http://i.imgur.com/lzyNAv4.png?1
 
 

Rodapé do fórum