Páginas: 1 2

 

#1 2017-12-23 00:02:11

1ema1
Membre
Ubicación: La casa maldita de Amityville
Registrado: 2013-06-10
Mensajes: 2036

Tutorial de edicion de pagina (Actualizado)

http://pa1.narvii.com/5826/3275174177705f551c540e879cebc8f13d369f2e_hq.gif
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:
https://es.ohmydollz.com/design2012/fiche/btn_voter_es.png

https://gemapd.files.wordpress.com/2016/02/separador2bblog.png

#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:
https://screenshots.firefoxusercontent.com/images/fb511ee5-5f9e-43e9-a2c4-ed05d43865d7.png
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:
https://screenshotscdn.firefoxusercontent.com/images/22c253d3-c05d-4ed1-8562-23039df89a12.png
Imagen original:
https://es.ohmydollz.com/design2012/fiche/btn_envoyer_message_es.png

https://gemapd.files.wordpress.com/2016/02/separador2bblog.png

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

Boton de Regalar:
https://es.ohmydollz.com/design2012/fiche/btn_envoyer_cadeau_es.png

https://gemapd.files.wordpress.com/2016/02/separador2bblog.png

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

Boton de Agregar:
https://es.ohmydollz.com/design2012/fiche/btn_ajouter_es.png

https://gemapd.files.wordpress.com/2016/02/separador2bblog.png

#blochautlogout {
background-image: url("URL") !important;
}
Bloc de doll desconectada:
https://es.ohmydollz.com/design2012/fond_bloc_avatar_deco.png

https://gemapd.files.wordpress.com/2016/02/separador2bblog.png

#blochaut {
background: url("URL") no-repeat;
z-index: 300;
}

Bloc de doll:
https://es.ohmydollz.com/design2012/bloc_haut.png

https://gemapd.files.wordpress.com/2016/02/separador2bblog.png

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

El marco del avatar:
https://es.ohmydollz.com/design2012/cadre_avatar.png

Y para redondear el avatar:
#avatar > a {
border-radius: 90px
}
#avatar {
background-image: url("URL") !important;
}

https://gemapd.files.wordpress.com/2016/02/separador2bblog.png

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

Logo:
https://es.ohmydollz.com/design2012/logo.png

https://gemapd.files.wordpress.com/2016/02/separador2bblog.png

El colores de las secciones del bloc de doll:
https://screenshots.firefoxusercontent.com/images/15236537-38a1-4e5a-bf38-89bd0b0be1e4.png


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;
}

https://gemapd.files.wordpress.com/2016/02/separador2bblog.png

#deco {
background: url("URL") no-repeat;
}
Es el:
https://es.ohmydollz.com/design2012/deco_etoiles.png

https://gemapd.files.wordpress.com/2016/02/separador2bblog.png

#deconnexion {
background-image: url("URL") !important;
}
#deconnexion > a {
opacity: 0!important;
}

Boton de desconectar:
https://es.ohmydollz.com/design2012/btn_deconnexion.png

https://gemapd.files.wordpress.com/2016/02/separador2bblog.png

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

No es el fondo de la pagina, sino el semi-fondo de color blanco:
https://screenshots.firefoxusercontent.com/images/e5d47480-714a-4217-8e13-5038e0292cf1.png

La altura es a decision de cada uno, la anchura es de 960px

Tambien si quieres quitarlo sustituyelo por:
#contenu2012 {
background-color: transparent;
}

https://gemapd.files.wordpress.com/2016/02/separador2bblog.png

#offres_big {
display: none;
}
Quitar la seccion de "orfertas del momento"
https://es.ohmydollz.com/design2012/offre/fond_offres_es.png

https://gemapd.files.wordpress.com/2016/02/separador2bblog.png

#pub_flash {
display: none;
}

Quitar la publicidad
https://screenshots.firefoxusercontent.com/images/09bf1f4f-e3af-4bbd-9c86-d4acc677bb4b.png

https://gemapd.files.wordpress.com/2016/02/separador2bblog.png

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

Seccion de botones:
https://es.ohmydollz.com/design2012/fiche/bloc_ses_votes_es.png

https://gemapd.files.wordpress.com/2016/02/separador2bblog.png

#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:
https://screenshots.firefoxusercontent.com/images/9e3f2e64-c0bb-4e6c-b1b9-007918fa51cf.png

https://gemapd.files.wordpress.com/2016/02/separador2bblog.png

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

La seccion de comentarios:
https://es.ohmydollz.com/design2012/fiche/bloc_ses_commentaires_es.png

https://gemapd.files.wordpress.com/2016/02/separador2bblog.png

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

La zona donde escribir tu comentario antes de comentar:
https://es.ohmydollz.com/design2012/fiche/champ_texte_commentaire.png

NOTA: el boton de "postar" no se puede sustituir, por que un truco seria poner el boton en la misma zona de comentario.

https://gemapd.files.wordpress.com/2016/02/separador2bblog.png

.bullecom {
background-image: url("URL") !important;
}

Burbuja de comentarios:
https://es.ohmydollz.com/design2012/fiche/bulle_commentaire.png

https://gemapd.files.wordpress.com/2016/02/separador2bblog.png

.bullecom_container {
font-family: initial;
color: #9903D8;
}

El color de los textos en la burbuja de comentarios:
https://screenshots.firefoxusercontent.com/images/8444f12d-8b38-46ba-88dd-db84b8025f4b.png

https://gemapd.files.wordpress.com/2016/02/separador2bblog.png

#mini_qsj {
font-family: initial;
color: #9903D8;
}

Color de area de texto antes de postear:
https://screenshots.firefoxusercontent.com/images/df4eaf52-e1a7-4322-abcf-aef0cc889661.png

https://gemapd.files.wordpress.com/2016/02/separador2bblog.png

#comSubmit {
opacity: 0!important;
}

Para invisibilizar el boton de postear para mantener el boton en funcion.

https://gemapd.files.wordpress.com/2016/02/separador2bblog.png

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

Seccion de amigas:
https://es.ohmydollz.com/design2012/fiche/bloc_ses_amis_es.png

https://gemapd.files.wordpress.com/2016/02/separador2bblog.png

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

Seccion de bondad:
https://es.ohmydollz.com/design2012/fiche/bloc_sa_bonte_es.png

https://gemapd.files.wordpress.com/2016/02/separador2bblog.png

#blocgauche_online {
background-image: url("URL") !important;
}
#blocgauche_online a {
Color: darkblue;
}

La seccion de dollz en linea y color de su texto:
https://screenshots.firefoxusercontent.com/images/be9df74b-9b90-4a2a-9614-3f67b0aa0ce7.png

https://gemapd.files.wordpress.com/2016/02/separador2bblog.png

#fiche_share {
display: none;
}

Ocultar "compartir ficha":
https://screenshots.firefoxusercontent.com/images/4e2365e9-d92a-4da6-8e8e-3c4889438762.png

https://gemapd.files.wordpress.com/2016/02/separador2bblog.png

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

Seccion de ficha "nombre, nivel, trabajo, etc...":
https://screenshots.firefoxusercontent.com/images/4e0297c7-ddd6-4ab3-af2f-a2c3a939b778.png

Si gustas en centrarlo:
#fiche_info {
background-image: url("URL") !important;
left: -210px;
}

Imagen de fondo:
https://es.ohmydollz.com/design2012/fiche/bloc_info_loft_gauche.png

https://gemapd.files.wordpress.com/2016/02/separador2bblog.png

#fiche_piece_favoris table {
    background: url(URL) no-repeat;
    width: 600px;
    height: 60px;
}

Habiataciones favoritas:
https://es.ohmydollz.com/design2012/fiche/barre_favoris.jpg

https://gemapd.files.wordpress.com/2016/02/separador2bblog.png

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

Flecha de "Viajar todas las piezas":
https://es.ohmydollz.com/design2012/fiche/depliant_pieces_es.png

https://gemapd.files.wordpress.com/2016/02/separador2bblog.png

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

El fondo cuando se visualiza las piezas:
https://es.ohmydollz.com/design2012/fiche/depliant_piece.png

https://gemapd.files.wordpress.com/2016/02/separador2bblog.png

#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:
https://es.ohmydollz.com/design2012/fiche/bloc_sonqsj_haut_es.png

https://gemapd.files.wordpress.com/2016/02/separador2bblog.png

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

En centro del QS, cualquier altura es valida, anchura 600px

https://gemapd.files.wordpress.com/2016/02/separador2bblog.png

#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

https://gemapd.files.wordpress.com/2016/02/separador2bblog.png

#fiche_espsm {
background-image: url("URL") !important;
}
#fiche_espsm * {
color: #9600ff;
}

Seccion de "mas sobre esta doll" y color:
https://es.ohmydollz.com/design2012/fiche/bloc_ensavoirplus_es.png

https://gemapd.files.wordpress.com/2016/02/separador2bblog.png

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

Cabezera de la seccion de regalos:
https://es.ohmydollz.com/design2012/fiche/cadeau/barre_haut_offrir.png

https://gemapd.files.wordpress.com/2016/02/separador2bblog.png

#cadeaux_milieu {
background: url("URL") repeat-y;
}

Centro de seccion de regalos, cualquier altura valida, anchura 600px

https://gemapd.files.wordpress.com/2016/02/separador2bblog.png

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

Pie de seccion de regalos:
https://es.ohmydollz.com/design2012/fiche/cadeau/barre_bas_offrir.png

https://gemapd.files.wordpress.com/2016/02/separador2bblog.png

#footer2012 {
display: none;
}

ocultar publicidad de fondo de pagina:
https://screenshots.firefoxusercontent.com/images/40bb343b-81d8-4633-ba1e-8768fca814b9.png

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

https://gemapd.files.wordpress.com/2016/02/separador2bblog.png

Se puede cambiar el cursor con los mismo codigo validos para blogs, pagina a mencionar:
http://www.cursors-4u.com/


https://gemapd.files.wordpress.com/2016/02/separador2bblog.png

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)

署名の画像マーカーを有効にしてほしい
署名画像がないのはうんざりです
(ﾉ -益-)ﾉ︵ ┻━┻
 

#2 2017-12-23 17:24:07

enny7777
Membre
Ubicación: Venezuela
Registrado: 2013-12-01
Mensajes: 137
Web

Re: Tutorial de edicion de pagina (Actualizado)

Muchísimas gracias @1ema1 necesitaba este orden gracias por tu gran aporte

applau  mdr

Modifcado por enny7777 (2017-12-23 17:24:26)

"❤Tal Vez Yo No Sea De Marte... Pero Si Voy A Amarte❤"
 

#3 2017-12-23 17:41:56

1ema1
Membre
Ubicación: La casa maldita de Amityville
Registrado: 2013-06-10
Mensajes: 2036

Re: Tutorial de edicion de pagina (Actualizado)

De nada! ^u^https://pa1.narvii.com/5714/59c3977ced41bf1979565195db0f8aacd7c6cc45_128.gif

署名の画像マーカーを有効にしてほしい
署名画像がないのはうんざりです
(ﾉ -益-)ﾉ︵ ┻━┻
 

#4 2017-12-24 17:30:04

ekah
Membre
Ubicación: Detrás de ti
Registrado: 2016-10-19
Mensajes: 505
Web

Re: Tutorial de edicion de pagina (Actualizado)

Al fin.. el tutorial.. actualizado..
aleluya *_*
https://i.imgur.com/1X5BJaH.gif

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.

« Porque aprendí que si no creo en mí misma, el mundo nunca creerá en mi. »
 

#5 2018-01-04 23:54:56

hikari-chann
Membre
Ubicación: Mikasa
Registrado: 2010-03-30
Mensajes: 475

Re: Tutorial de edicion de pagina (Actualizado)

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 ;_;

♡ I feel like i'm the worst, so i always act like i'm the best ♡ (⁄ ⁄•⁄ω⁄•⁄ ⁄) ♡
 

#6 2018-01-05 15:16:51

1ema1
Membre
Ubicación: La casa maldita de Amityville
Registrado: 2013-06-10
Mensajes: 2036

Re: Tutorial de edicion de pagina (Actualizado)

@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 :/

署名の画像マーカーを有効にしてほしい
署名画像がないのはうんざりです
(ﾉ -益-)ﾉ︵ ┻━┻
 

#7 2018-01-05 19:04:26

sara
Membre
Registrado: 2008-02-06
Mensajes: 566

Re: Tutorial de edicion de pagina (Actualizado)

good

Mucho trabajo mdr

Buen y excelente tema... aomd_fan

“Las hojas del otoño lejanas ya están. El verano cubre el velo frío del viento, el invierno frío devendrá en solitario paisaje.”(Miguel Visurraga Sosa)

Besos y abrazos
Sara!
 

#8 2018-01-10 03:56:16

belli
Membre
Registrado: 2017-04-24
Mensajes: 82

Re: Tutorial de edicion de pagina (Actualizado)

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
https://i1.wp.com/38.media.tumblr.com/1f692c434585cc09550fa56cf6133508/tumblr_n9aiiqhxGn1qhe7aio1_500.gif

Io sono come la "piuma al vento"...
 

#9 2018-01-10 06:16:23

narutodark
Membre
Ubicación: Planeta Vegito
Registrado: 2009-02-28
Mensajes: 64

Re: Tutorial de edicion de pagina (Actualizado)

Se agradece el aporte. Algun dia me daré la paja de hacer esto :v ghsjf

Si vis pacem parabellum.
 

#10 2018-01-10 13:44:30

norima
Bruja Metamórfica Mod del Foro
Ubicación: Another dimension ♥
Registrado: 2008-03-20
Mensajes: 6507
Web

Re: Tutorial de edicion de pagina (Actualizado)

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

Nouse aina noitussani. Iske, iske aina iskeissäni. Laula aina laullessani.
Vihmo itses vihmoessas.
                                                                                                      2008/03/20
 

#11 2018-01-10 19:37:45

1ema1
Membre
Ubicación: La casa maldita de Amityville
Registrado: 2013-06-10
Mensajes: 2036

Re: Tutorial de edicion de pagina (Actualizado)

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

署名の画像マーカーを有効にしてほしい
署名画像がないのはうんざりです
(ﾉ -益-)ﾉ︵ ┻━┻
 

#12 2018-04-04 02:12:03

enny7777
Membre
Ubicación: Venezuela
Registrado: 2013-12-01
Mensajes: 137
Web

Re: Tutorial de edicion de pagina (Actualizado)

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

"❤Tal Vez Yo No Sea De Marte... Pero Si Voy A Amarte❤"
 

#13 2018-04-04 02:53:14

shousuke
Membre
Ubicación: Venezuela
Registrado: 2010-11-29
Mensajes: 133

Re: Tutorial de edicion de pagina (Actualizado)

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}

"𝓜𝓪𝓭𝓮𝓶𝓸𝓲𝓼𝓮𝓵𝓵𝓮 𝓭𝓮́𝓯𝓲𝓬𝓲𝓽 "
 

#14 2018-04-04 03:34:01

enny7777
Membre
Ubicación: Venezuela
Registrado: 2013-12-01
Mensajes: 137
Web

Re: Tutorial de edicion de pagina (Actualizado)

Muchas gracias, Linda, supongo que así debe ir si? lo he puesto asi y no me funciona pleur

https://image.ibb.co/n9qdgc/oooo.png

"❤Tal Vez Yo No Sea De Marte... Pero Si Voy A Amarte❤"
 

#15 2018-04-04 07:59:38

1ema1
Membre
Ubicación: La casa maldita de Amityville
Registrado: 2013-06-10
Mensajes: 2036

Re: Tutorial de edicion de pagina (Actualizado)

prueba con esto:

#fiche_espsm {
Display: none;
}

Modifcado por 1ema1 (2018-04-04 08:02:07)

署名の画像マーカーを有効にしてほしい
署名画像がないのはうんざりです
(ﾉ -益-)ﾉ︵ ┻━┻
 

#16 2018-05-25 04:27:14

belli
Membre
Registrado: 2017-04-24
Mensajes: 82

Re: Tutorial de edicion de pagina (Actualizado)

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)

Io sono come la "piuma al vento"...
 

#17 2018-05-25 04:41:18

enny7777
Membre
Ubicación: Venezuela
Registrado: 2013-12-01
Mensajes: 137
Web

Re: Tutorial de edicion de pagina (Actualizado)

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

sad  sad

"❤Tal Vez Yo No Sea De Marte... Pero Si Voy A Amarte❤"
 

#18 2018-05-25 15:27:50

1ema1
Membre
Ubicación: La casa maldita de Amityville
Registrado: 2013-06-10
Mensajes: 2036

Re: Tutorial de edicion de pagina (Actualizado)

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.

署名の画像マーカーを有効にしてほしい
署名画像がないのはうんざりです
(ﾉ -益-)ﾉ︵ ┻━┻
 

#19 2018-07-07 16:35:08

ilovethings5
Membre
Ubicación: ni idea señor
Registrado: 2009-05-20
Mensajes: 3945

Re: Tutorial de edicion de pagina (Actualizado)

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? pleur non

--
 

#20 2018-07-07 19:53:34

1ema1
Membre
Ubicación: La casa maldita de Amityville
Registrado: 2013-06-10
Mensajes: 2036

Re: Tutorial de edicion de pagina (Actualizado)

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)

署名の画像マーカーを有効にしてほしい
署名画像がないのはうんざりです
(ﾉ -益-)ﾉ︵ ┻━┻
 

#21 2018-07-09 19:57:40

ilovethings5
Membre
Ubicación: ni idea señor
Registrado: 2009-05-20
Mensajes: 3945

Re: Tutorial de edicion de pagina (Actualizado)

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!

--
 

#22 2018-07-09 20:35:46

1ema1
Membre
Ubicación: La casa maldita de Amityville
Registrado: 2013-06-10
Mensajes: 2036

Re: Tutorial de edicion de pagina (Actualizado)

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.

署名の画像マーカーを有効にしてほしい
署名画像がないのはうんざりです
(ﾉ -益-)ﾉ︵ ┻━┻
 

#23 2018-10-21 23:09:05

narutodark
Membre
Ubicación: Planeta Vegito
Registrado: 2009-02-28
Mensajes: 64

Re: Tutorial de edicion de pagina (Actualizado)

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)

Si vis pacem parabellum.
 

#24 2018-10-23 21:07:17

1ema1
Membre
Ubicación: La casa maldita de Amityville
Registrado: 2013-06-10
Mensajes: 2036

Re: Tutorial de edicion de pagina (Actualizado)

Has probado este código y no te funciono?

#toggle_maison_img {
    display: none;
}

署名の画像マーカーを有効にしてほしい
署名画像がないのはうんざりです
(ﾉ -益-)ﾉ︵ ┻━┻
 

#25 2018-10-24 17:50:53

narutodark
Membre
Ubicación: Planeta Vegito
Registrado: 2009-02-28
Mensajes: 64

Re: Tutorial de edicion de pagina (Actualizado)

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

Si vis pacem parabellum.
 

 

Páginas: 1 2

 

Pie del foro

Powered by PunBB
© Copyright 2002–2005 Rickard Andersson