No estás identificado.
Hola todos!!
Despues de unos años de que el codigo no funcionara como deberia y despues de que sara ya no vuelve de su misisipi en la vida real, ¡He decidido hacer un nuevo post! por supuesto manteniendo los creditos a todas las personas que se invoucraron.
Asi que gracias a Sara por ser la principal fuente de esta creacion y aportar cada vez mas cosas (hasta su desaparicion xD), y a cristian-13, escarchacristal, pearlove, michu136, narya, meko90, wendy-chan, mi-lore, alixie, amoadracomalfoy, NekoVampire, lapolita, yuko-aizawa, entre otras a aportar mas contenidoal post original, y gracias tambien a aquellas dollz invisibles y secretas que ayudaron a otras sin que nadie se diera cuenta. ^u^
Bien, este es el codigo CORREGIDO. El codigo se mantiene como esta. Es demasiado largo como para comentarlo en el post original ademas de quedarse perdido entre los comentarios, asi que he abierto un post nuevo. Disfruten!
Codigo dijo:
<p style="width:570px;"><style>
#note9 > a {opacity: 0!important;}
#note9 {
background-image: url("URL") !important;
}
#note10 > a {opacity: 0!important;}
#note10 {
background-image: url("URL") !important;
}
#gauche_envoyer_mp > a {
opacity: 0;
}
#gauche_envoyer_mp {
background: url(URL) no-repeat;
}
#gauche_cadeau > a{
opacity: 0!important;
}
#gauche_cadeau {
background-image: url("URL") !important;
}
#gauche_amiz_ajouter > a {
opacity: 0!important;
}
#gauche_amiz_ajouter {
background-image: url("URL") !important;
}
#blochautlogout {
background-image: url("URL") !important;
}
#blochaut {
background: url("URL") no-repeat;
z-index: 300;
}
#avatar {
background-image: url("URL") !important;
}
#logo2012 {
background-image: url("URL") !important;
}
#argent {
color: #a6fded;
}
#nb_feez {
color: #a6fded;
}
#mp #nb > a {
color: #a6fded;
}
#travailler > a{
color: #b8e0d8;
}
#travailler > a.actif0{
color: #a6fded;
}
#gerersonjob a{
color: #a6fded;
}
#serelooker #action > a{
color: #a6fded;
}
#deco {
background: url("URL") no-repeat;
}
#deconnexion {
background-image: url("URL") !important;
}
#deconnexion > a {
opacity: 0!important;
}
#contenu2012 {
background-color: transparent;
}
#offres_big {
display: none;
}
#pub_flash {
display: none;
}
#gauche_note {
background-image: url("URL") !important;
}
#note1 {
font-family: initial;
color: #e1bbf9;
}
#note2 {
font-family: initial;
color: #e1bbf9;
}
#note3 {
font-family: initial;
color: #9903D8;
}
#note4 {
font-family: initial;
color: #9903D8;
}
#note5 {
font-family: initial;
color: #9903D8;
}
#note6 {
font-family: initial;
color: #9903D8;
}
#note7 {
font-family: initial;
color: #9903D8;
}
#note8 {
font-family: initial;
color: #9903D8;
}
#gauche_comz {
background-image: url("URL") !important;
}
#laissercom {
background-image: url("URL") !important;
}
.bullecom {
background-image: url("URL") !important;
}
.bullecom_container {
font-family: initial;
color: #9903D8;
}
#mini_qsj {
font-family: initial;
color: #9903D8;
}
#comSubmit {
opacity: 0!important;
}
#gauche_amiz {
background-image: url("URL") !important;
}
#gauche_bonte {
background-image: url("URL") !important;
}
#blocgauche_online {
background-image: url("URL") !important;
}
#fiche_share {
display: none;
}
#fiche_info {
background-image: url("URL") !important;
left: -210px;
}
#fiche_piece_favoris table {
background: url(URL) no-repeat;
width: 600px;
height: 60px;
}
#toggle_maison_img{
left: -200px;
position: relative;
top: 2px;
content: url("URL");
}
#fiche_maison {
background: url("URL") !important;
}
#qsj_view_haut {
background-image: url("URL") !important;
height: 337px;
}
#qsj_view_milieu {
background-image: url("URL") !important;
}
#qsj_view_bas {
background-image: url("URL") !important;
height: 287px;
}
#fiche_espsm {
background-image: url("URL") !important;
}
#fiche_espsm * {
color: #9600ff;
}
#cadeaux_haut {
background-image: url("URL") !important;
}
#cadeaux_milieu {
background: url("URL") repeat-y;
}
#cadeaux_bas {
background-image: url("URL") !important;
}
#footer2012 {
display: none;
}
#menulink {
top: 350px;
}
</style>
<div id="ohmydollz1">
<table style="border-collapse: collapse; border: none; mso-yfti-tbllook: 1184; mso-padding-alt: 0in 5.4pt 0in 5.4pt; mso-border-insideh: none; mso-border-insidev: none;" border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td style="width: .95in; padding: 0in 5.4pt 0in 5.4pt;" width="91" valign="top">
<div>
<p style="margin-bottom: 0.0001pt;"><a href="http://es.ohmydollz.com/?p=news"><img src="URL" alt="News" width="112" height="30" /></a></p>
</div>
<a href="http://es.ohmydollz.com/?p=news"> </a></td>
<td style="width: .95in; padding: 0in 5.4pt 0in 5.4pt;" width="91" valign="top">
<div>
<p style="margin-bottom: 0.0001pt;"><a href="http://es.ohmydollz.com/?p=magasin"><img src="URL" alt="Tienda" width="112" height="30" /></a></p>
</div>
</td>
<td style="width: .95in; padding: 0in 5.4pt 0in 5.4pt;" width="91" valign="top">
<div>
<p style="margin-bottom: 0.0001pt;"><a href="http://es.ohmydollz.com/?p=defile_choix"><img src="URL" alt="Desfile" width="112" height="30" /></a></p>
</div>
</td>
<td style="width: .95in; padding: 0in 5.4pt 0in 5.4pt;" width="91" valign="top">
<div>
<p style="margin-bottom: 0.0001pt;"><a href="http://es.ohmydollz.com/foro/"><img src="URL" alt="Forum" width="112" height="30" /></a></p>
</div>
</td>
<td style="width: .95in; padding: 0in 5.4pt 0in 5.4pt;" width="91" valign="top">
<div>
<p style="margin-bottom: 0.0001pt;"><a href="http://es.ohmydollz.com/?p=ohmygames"><img src="URL" alt="Oh My Games" width="112" height="30" /></a></p>
</div>
</td>
<td style="width: .95in; padding: 0in 5.4pt 0in 5.4pt;" width="91" valign="top">
<div>
<p style="margin-bottom: 0.0001pt;"><a href="http://es.ohmydollz.com/?p=banqueglobale&l=hautbanque2"><img src="URL" alt="Bank" width="112" height="30" /></a></p>
</div>
</td>
</tr>
</tbody>
</table>
</div>
<style>#ohmydollz1{
position:absolute;
top: -50px;
left: -260px;
width: 240px;
height: 60px;
text-align: center;
z-index: 500;
}
#menulink {display: none;}
</style>
Es un codigo listo para utilizar, solo hay que cambiar "URL" por el link de la imagen.
El codigo se tiene que poner en el modo HTML, si no no funciona
Estoy conciente de que hay cosas que faltan, pero esto es lo mas basico que voy a dar por ahora.
Ahora explicare que es cada seccion. ^u^
Tienen que leerlo con CALMA para entenderlo todo, si? c:
#note9 > a {opacity: 0!important;}
#note9 {
background-image: url("URL") !important;
}
#note10 > a {opacity: 0!important;}
#note10 {
background-image: url("URL") !important;
}
Botones de votos:
#gauche_envoyer_mp > a {
opacity: 0;
}
#gauche_envoyer_mp {
background: url(URL) no-repeat;
}
Es el boton de mensajes, la imagen es 103px, pero al poner la imagen de este tamaño se quedara a la izquierda y no en el centro:
Por lo que se tiene que hacer una imagen de 206px (el doble de su tamaño original) y poner la imagen de 103px a la derecha de este espacio de 206px, para quede en el centro:
Imagen original:
#gauche_cadeau > a{
opacity: 0!important;
}
#gauche_cadeau {
background-image: url("URL") !important;
}
Boton de Regalar:
#gauche_amiz_ajouter > a {
opacity: 0!important;
}
#gauche_amiz_ajouter {
background-image: url("URL") !important;
}
Boton de Agregar:
#blochautlogout {
background-image: url("URL") !important;
}
Bloc de doll desconectada:
#blochaut {
background: url("URL") no-repeat;
z-index: 300;
}
Bloc de doll:
#avatar {
background-image: url("URL") !important;
}
El marco del avatar:
Y para redondear el avatar:
#avatar > a {
border-radius: 90px
}
#avatar {
background-image: url("URL") !important;
}
#logo2012 {
background-image: url("URL") !important;
}
Logo:
El colores de las secciones del bloc de doll:
Dollarz dijo:
#argent {
color: #a6fded;
}Feez dijo:
#nb_feez {
color: #a6fded;
}Mensajes dijo:
#mp #nb > a {
color: #a6fded;
}Trabajo activado dijo:
#travailler > a{
color: #b8e0d8;
}Trabajo sin hacer dijo:
travailler > a.actif0{
color: #a6fded;
}Mi carrera dijo:
#gerersonjob a{
color: #a6fded;
}Cambiar mi look dijo:
#serelooker #action > a{
color: #a6fded;
}
#deco {
background: url("URL") no-repeat;
}
Es el:
#deconnexion {
background-image: url("URL") !important;
}
#deconnexion > a {
opacity: 0!important;
}
Boton de desconectar:
#contenu2012 {
background-image: url("URL") !important;
}
No es el fondo de la pagina, sino el semi-fondo de color blanco:
La altura es a decision de cada uno, la anchura es de 960px
Tambien si quieres quitarlo sustituyelo por:
#contenu2012 {
background-color: transparent;
}
#offres_big {
display: none;
}
Quitar la seccion de "orfertas del momento"
#pub_flash {
display: none;
}
Quitar la publicidad
#gauche_note {
background-image: url("URL") !important;
}
Seccion de botones:
#note1 {
font-family: initial;
color: #e1bbf9;
}
#note2 {
font-family: initial;
color: #e1bbf9;
}
#note3 {
font-family: initial;
color: #9903D8;
}
#note4 {
font-family: initial;
color: #9903D8;
}
#note5 {
font-family: initial;
color: #9903D8;
}
#note6 {
font-family: initial;
color: #9903D8;
}
#note7 {
font-family: initial;
color: #9903D8;
}
#note8 {
font-family: initial;
color: #9903D8;
}
El color de las seccion de votos:
#gauche_comz {
background-image: url("URL") !important;
}
La seccion de comentarios:
#laissercom {
background-image: url("URL") !important;
}
La zona donde escribir tu comentario antes de comentar:
NOTA: el boton de "postar" no se puede sustituir, por que un truco seria poner el boton en la misma zona de comentario.
.bullecom {
background-image: url("URL") !important;
}
Burbuja de comentarios:
.bullecom_container {
font-family: initial;
color: #9903D8;
}
El color de los textos en la burbuja de comentarios:
#mini_qsj {
font-family: initial;
color: #9903D8;
}
Color de area de texto antes de postear:
#comSubmit {
opacity: 0!important;
}
Para invisibilizar el boton de postear para mantener el boton en funcion.
#gauche_amiz {
background-image: url("URL") !important;
}
Seccion de amigas:
#gauche_bonte {
background-image: url("URL") !important;
}
Seccion de bondad:
#blocgauche_online {
background-image: url("URL") !important;
}
#blocgauche_online a {
Color: darkblue;
}
La seccion de dollz en linea y color de su texto:
#fiche_share {
display: none;
}
Ocultar "compartir ficha":
#fiche_info {
background-image: url("URL") !important;
}
Seccion de ficha "nombre, nivel, trabajo, etc...":
Si gustas en centrarlo:
#fiche_info {
background-image: url("URL") !important;
left: -210px;
}
Imagen de fondo:
#fiche_piece_favoris table {
background: url(URL) no-repeat;
width: 600px;
height: 60px;
}
Habiataciones favoritas:
#toggle_maison_img{
left: -200px;
position: relative;
top: 2px;
content: url("URL");
}
Flecha de "Viajar todas las piezas":
#fiche_maison {
background: url("URL") !important;
}
El fondo cuando se visualiza las piezas:
#qsj_view_haut {
background-image: url("URL") !important;
height: (La altura de la image si es mayor de 69, sin las parentesis)px;
}
La cabezera del QS, anchura 600px:
#qsj_view_milieu {
background-image: url("URL") !important;
}
En centro del QS, cualquier altura es valida, anchura 600px
#qsj_view_bas {
background-image: url("URL") !important;
height: (La altura de la image si es mayor de 69, sin las parentesis)px;
}
El pie del QS, anchura 600px
#fiche_espsm {
background-image: url("URL") !important;
}
#fiche_espsm * {
color: #9600ff;
}
Seccion de "mas sobre esta doll" y color:
#cadeaux_haut {
background-image: url("URL") !important;
}
Cabezera de la seccion de regalos:
#cadeaux_milieu {
background: url("URL") repeat-y;
}
Centro de seccion de regalos, cualquier altura valida, anchura 600px
#cadeaux_bas {
background-image: url("URL") !important;
}
Pie de seccion de regalos:
#footer2012 {
display: none;
}
ocultar publicidad de fondo de pagina:
La seccion del menu "News, Tienda, Desfile, Forum, game, banco"
<div id="ohmydollz1">
<table style="border-collapse: collapse; border: none; mso-yfti-tbllook: 1184; mso-padding-alt: 0in 5.4pt 0in 5.4pt; mso-border-insideh: none; mso-border-insidev: none;" border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td style="width: .95in; padding: 0in 5.4pt 0in 5.4pt;" width="91" valign="top">
<div>
<p style="margin-bottom: 0.0001pt;"><a href="http://es.ohmydollz.com/?p=news"><img src="URL" alt="News" width="112" height="30" /></a></p>
</div>
<a href="http://es.ohmydollz.com/?p=news"> </a></td>
<td style="width: .95in; padding: 0in 5.4pt 0in 5.4pt;" width="91" valign="top">
<div>
<p style="margin-bottom: 0.0001pt;"><a href="http://es.ohmydollz.com/?p=magasin"><img src="URL" alt="Tienda" width="112" height="30" /></a></p>
</div>
</td>
<td style="width: .95in; padding: 0in 5.4pt 0in 5.4pt;" width="91" valign="top">
<div>
<p style="margin-bottom: 0.0001pt;"><a href="http://es.ohmydollz.com/?p=defile_choix"><img src="URL" alt="Desfile" width="112" height="30" /></a></p>
</div>
</td>
<td style="width: .95in; padding: 0in 5.4pt 0in 5.4pt;" width="91" valign="top">
<div>
<p style="margin-bottom: 0.0001pt;"><a href="http://es.ohmydollz.com/foro/"><img src="URL" alt="Forum" width="112" height="30" /></a></p>
</div>
</td>
<td style="width: .95in; padding: 0in 5.4pt 0in 5.4pt;" width="91" valign="top">
<div>
<p style="margin-bottom: 0.0001pt;"><a href="http://es.ohmydollz.com/?p=ohmygames"><img src="URL" alt="Oh My Games" width="112" height="30" /></a></p>
</div>
</td>
<td style="width: .95in; padding: 0in 5.4pt 0in 5.4pt;" width="91" valign="top">
<div>
<p style="margin-bottom: 0.0001pt;"><a href="http://es.ohmydollz.com/?p=banqueglobale&l=hautbanque2"><img src="URL" alt="Bank" width="112" height="30" /></a></p>
</div>
</td>
</tr>
</tbody>
</table>
</div>
<style>#ohmydollz1{
position:absolute;
top: -50px;
left: -260px;
width: 240px;
height: 60px;
text-align: center;
z-index: 500;
}
#menulink {display: none;}
</style>
Tamaño recomendado 150px X 40px
Se puede cambiar el cursor con los mismo codigo validos para blogs, pagina a mencionar:
http://www.cursors-4u.com/
Para finalizar, Recomendare posts reacionados con el tema:
Tutorial de edicion de paginas (original) By sara.
Imágenes del diseño de pagina por defecto (el que hizo feerik) By kikij
[tutorial]Como diseñar diseños para edicion de pagina :3 By 1ema1
Selector de color HTML By Google xD
Recuerden que si hay algun error, una duda o quieres aportar algo, comentalo por favor. c:
Disfruten!
Modifcado por 1ema1 (2018-03-29 19:28:19)
Muchísimas gracias @1ema1 necesitaba este orden gracias por tu gran aporte
Modifcado por enny7777 (2017-12-23 17:24:26)
De nada! ^u^
Al fin.. el tutorial.. actualizado..
aleluya *_*
Bueh, me gustaría aportar mi granito de arena con los códigos del bloc_gauche VIP (el sitio donde se encuentra tu doll cuando visitas a otras chicas)
#blochaut_vip {
background: url("URL") no-repeat;
z-index: 300;
}
Es igual que el otro, pero colocas vip.. aunque obviamente deben ser dos códigos distintos xD pero bueno, para quien le interese.
Muchas gracias!, la verdad que me sirvió de mucha ayuda. Ya tenía los pelos de punta por tanto intentar con códigos que no funcionaban ;v;. Realmente me salvaste!
Por cierto, a mi no me ocultaba el logo de ohmydollz...Usé un código que tengo en otra dollz...Lo dejaré por aquí, por si a alguna le pasa lo mismo y no sabe como ocultarlo
Esto va antes de el coso (?) que dice 'logo2012'
#logo2012 > a {opacity: 0!important;}
Sacando eso, solo tengo problemas con el marco del avatar, que no queda en su lugar ;_;
@Ekah ah! claro! no es lo mismo tener el bloque de informacion normal, que siendo vip! Gracias!! c:
@hikari-chan De nada! y gracias por el aporte del logo!
Desgraciadamente el marco del avatar siempre esta debajo del avatar he probado varios codigos y por desgracia no puede poner el marco por encima del avatar, y a la vez de que el marco de por si es mas grande del tamaño corresponiente y no lo pude mover y acomodar pues cada vez que lo muevo se mueve toda la pagina :/
Mucho trabajo
Buen y excelente tema...
Ema eres mi adoración en verdad! Dx Muero de amor. Muchísimas gracias...
has puesto códigos que moría por tener :') eres la mejor <3 SALVE EMA 4EVER AN EVER x'D
Me pones eufórica, ufff
Se agradece el aporte. Algun dia me daré la paja de hacer esto :v ghsjf
Muy buen aporte 1Ema1, muchas gracias.
Nadie sabe la de tiempo que tuve que invertir para buscar codes y corregir errores... Y yo me limito a modificar el diseño de página prediseñado, que no modifico la configuración de las secciones excesivamente ni nada xD
oh! me alegro muchisimo de que os haya sirvido mucho! n.n
@belli De nada! de nada! cuanta felicidad! x3
@narutodark hahaha xD
@norima De nada! nun
Buenas, porfa quien me podria pasar el codigo de ocultar l parte de mas sobre esta dollz? el antiguo código no me quiere funcionar
enny7777 dijo:
Buenas, porfa quien me podria pasar el codigo de ocultar l parte de mas sobre esta dollz? el antiguo código no me quiere funcionar
Este es el que yo uso: #fiche_espsm {visibility: hidden !important; width : 0 !important; height : 0!important}
prueba con esto:
#fiche_espsm {
Display: none;
}
Modifcado por 1ema1 (2018-04-04 08:02:07)
Estem :c alguien sabe si le pasó algo al código para la música en el estudio o soy solo yo la loca que no escucha nada? xD Sin música yo me muero :'(
Modifcado por belli (2018-05-25 04:27:36)
Creo que estará desactivado, tambien lo tenia pero de la noche la mañana dejo de sonar, es por tiempos se desactiva esa opción, es una lastima
Yo personalemente no puedo aportar nada, ya que a mi no me funciono ningun codigo de musica, y tampoco he escuchado musica en las paginas cuando pasaba por ahi, al menos yo no llege a escuchar reproduccion de musica.
Holiii, he hecho este tutorial, pero, la cosa es que no me funciona nada al pegar el código ;;
Osea, yo pegué los links de las secciones indicadas y todo, pero al reiniciar, no funciona. Estoy offline? Reviso, y nada, sólo me sale TODO el código en el Quién Soy. Saben como arreglarlo, porfi?
ay! cuanto lo siento, ¿lo has pegado en el modo HTML? eso como la suposicion principal, si sí lo has puesto entonces dejame revisar el codigo a ver si tiene un error.
Edito: he revisado los codigos desde tu perfil, no hay problemas, simplemnte no las pusiste en el modo HTML del QS sino en el modo normal (consulta aqui como se hace) asi que intentalo de nuevo con esta forma y luego nos avisas c:
Modifcado por 1ema1 (2018-07-07 20:40:08)
1ema1 dijo:
ay! cuanto lo siento, ¿lo has pegado en el modo HTML? eso como la suposicion principal, si sí lo has puesto entonces dejame revisar el codigo a ver si tiene un error.
Edito: he revisado los codigos desde tu perfil, no hay problemas, simplemnte no las pusiste en el modo HTML del QS sino en el modo normal (consulta aqui como se hace) asi que intentalo de nuevo con esta forma y luego nos avisas c:
aaaa muchas graciassss!! ;w;
Lo logré pero me dí cuenta de que debo corregir algunos detalles de las imágenes que utilizé en el código. Igualmente, gracias!
De nada! :D y suerte con arreglar eso c:
recuerda que cada vez que utilices el modo normal del QS se te borra el diseño y tendras que volver a ponerlo.
Si alguien fuese tan amable de decirme que código utilizar para ocultar la sección de '' viajar a todas las piezas'', he tratado de hacerlo, pero no funciona y se me desconfigura casi todo :/..
Modifcado por narutodark (2018-10-21 23:10:43)
Has probado este código y no te funciono?
#toggle_maison_img {
display: none;
}
Muchas gracias :), tenia uno parecido,efectivamente desapareció la pestaña que quería ,sin embargo por alguna extraña razón también desaparecio la pestaña de los votos y la sección de arriba para ir a las tiendas :s