Skip navigation.

Bati2 de chocolate

Puede haber algo interesante

Guía para modificar tu espacio en my.opera

, , ,

Esta es una guiá para modificar tu espacio en my.opera.com. De partida esta guiá esta basada en las página PimpMyBlog hecha por Joni Mueller y Ivan Minic y la página Redesigning My.Opera space tutorial de Ivan Minic, ambas están en inglés, por lo que si les parece haber visto algunas cosas anteriormente ya saben el motivo... (esto es casi una traducción de estas páginas :wink: )

De partida es recomendable que sepan un poco de Cascading Style Sheets (CSS u hojas de estilo en cascada en español) aunque no es absolutamente necesario. Mi manejo del CSS es un poco básico así que si tienen preguntas, mejor las hacen las paginas ya mencionadas o en los foros de opera.



Guía:
Previo: Informaciones previas
Paso 1: Elementos del cuerpo (Body)
Body, Font-Size, Font-Family, Color
Paso 2: Elementos del titulo
Title, Subtitle, Header picture, Menu background, etc.
Paso 3: Elementos del Blog
Post title, Sticky post, Post date
Paso 4: Barra lateral (Sidebar)
Sidebar, Album slideshow, Calendar, etc.
Paso 5: Otras cosas de My.Opera
Profile, Friends, Links, etc.
Paso 6: Las ultimas cosas que nos quedan
El fondo de la pagina, el menú superior y el vinculo de “Opera community”, los vínculos de cada página, comentarios, etc.
Las ultimas consideraciones (y despedida)

Previo: Informaciones previasPillado con osos

Comments

rocanale 22. August 2006, 20:44

Maestro, lo habia visto hace un tiempo te quedó bkn, pero no habia dejado el comentario, así que ahora lo dejo.

Felicitaciones!!

Aun no aplico las técnicas para modificar mi espacio, pero de seguro consultaré tu guia :wink:

cyborgzero 22. August 2006, 23:23

Gracias

encuentros1 2. September 2006, 17:19

Hola
Tengo una duda.
¿No sabes cómo se haría para poner en castellano el menú?
Porque veo que tu lo tienes y mucha gente se confunde al verlo en inglés.
Muchas gracias saludos

encuentros1 2. September 2006, 17:30

Perdón, veo que lo explicas.
Gracias. Saludos.

cyborgzero 3. September 2006, 03:59

Un detalle, solo se ve en opera, en IE y firefox se ve el menú en inglés

lacuevadelaVampi 7. October 2006, 17:43

muy bueno, pero como haria si yo quisiera agregar una herramienta como la de esta pagina http://www.neoworx.net me genera un codigo para poder agregarlo a my blog pero no se en que parte hacerlo, yo lo quiero justo abajo o arriba de donde dice "opera browser" que esta en la parte derecha de tu Blog,me gustaaria que me ayudaras o si alguien me puede ayudar se lo agradeceria

cyborgzero 8. October 2006, 23:08

mmm... un poco complicado ya que no se puede acceder al codigo de la barra lateral (o sidebar) como para poder insertarlo en ella, pero por CSS se pueden insertar imagenes :frown: (como el boton de blogalaxia que tengo) que seria asi:

#sidewrap:after {
content: url('http://botones.blogalaxia.com/img/blogalaxia3.gif');
}



:idea: Una solucion es que crees un post insertes el codigo en el y escojas la opcion Show this as a sticky post asi al como el post donde tengo el reloj, asi cuando uno ingresa al blog se vera en la parte superior como el primer post, como por ejemplo http://my.opera.com/apolobeta/blog/ que tiene un mapa con las visitas

Aunque en todo caso este martes 10 de octubre se hacen cambios a los los blog dentro de my.opera.com asi que esto no es una respuesta definitiva, por lo que habra que esperar a ver si con los cambios se puede hacer de alguna manera

Anonymous 10. October 2006, 21:13

La Vampiresa writes:

Fijate que yo quisiera cambiar la imagen que se muestra en la parte superior de la pagina pero no puedo, veo que se explica en el paso 2, pero si yo elijo la opcion para modificar el css del usuario(Use my custom style sheet together with the current theme),no me sale absolutamente nada y me pierdo, no se si tengo que agregar todo el codigo o solo una parte de lo que quiero cambiar, ayudame porfa!!!!:confused::cry:

cyborgzero 11. October 2006, 01:55

Hay que ir a preferences, Web page layouts y buscar el vinculo custom style sheet, deberia aparecerte un cuadro blanco sin nada escrito.

Ahora dependiendo del tema que uses hay que escribir el CSS, no es nesesario escribir todo el codigo sino la parte que controla la imagen, por ejemplo para el tema 7 se codigo que hay que insertar seria:

#top {
font-size:11px;
width:852px;
margin:0 -10px;
text-align:left;
background:#c1ccd9 url(direccion de la imagen que se va a utilizar) top left;
height:195px;
color:#516b92;
}

#top h1 {
margin:0;
width:100%;
overflow:hidden;
font-size:20px;
font-weight:normal;
padding-top:18px;
color: #color;
}

#subtitle {
margin:0;
font-size:12px;
width:100%;
overflow:hidden;
color: #color;
}

El top H1 y el subtitle, no cambian la imagen sino solo controlan el texto del del titulo y el subtitulo, pero a veces hay que modificarlo ya que por ejemplo un texto negro no se ve en una imagen muy oscura, por lo que hay que cambiar el texto.

ahora si me indicas la dirección del blog, el tema que utilizas, la imagen que piensas usar y como quieres que se vea el texto te puedo escribir el codigo, siempre que sea un tema simple ya que hay algunos que son bastantes complicados para modificarlos y seria mucho trabajo en ese caso.

dedos.mx 12. October 2006, 02:11

Muchas Gracia por darte tiempo de hacer esto :D

lacuevadelaVampi 13. October 2006, 21:41

Ok, mira esta es mi direccion del blog http://my.opera.com/lacuevadelaVampi/blog/, quiero que salga la imagen de esta direccion http://img243.imageshack.us/img243/9246/cuevaai7.jpg si hay que ajustar el tamaño dime cuales serian la medidas exactas;el texto deberia ser el mismo que sale en mi blog escrito, si puedes dime cual seria el tema mas facil y adecuado para hacer el cambio, te agradeceria mucho tu ayuda, cualquier cosa escribeme a la_vampiresa20@hotmail.com

cyborgzero 14. October 2006, 01:22

Ok, te voy a responder por mail, en todo caso la imagen seria de 852 x 182 píxeles

lacuevadelaVampi 16. October 2006, 22:12

Muchisimas gracias por tu ayuda, gracias a tu paciencia pude cambiarle un poco el estilo a mi blog, muchisimas gracias

apolobeta 17. October 2006, 21:25

Hola amigo solo escribo para felicitarte, se ve que has tenido bastante actividad (y paciendia jajajaja).

Que bueno que te tomes el tiempo para ayudar a quien lo necesita eso es genial!. Por otro lado, los cambios ya se hicieron pero seguímos sin poder editar el sidebar y ese es un punto malo!

Me gustan los blogs de opera por ser bonitos, limpios (no tienen publicidad estorbosa por todos lados) pero si hay algo que no me gusta (además del ya conocido "Proxy Error") es que en la sidebar no podamos meter mas que solo lo que Opera quiere :frown: Sniff.... por ahi si sabes de alguna modificacion o la manera de meter codigo ahi te estaré muy agradecido que me lo comentes. Ya que mi mapita se ve muy solito como sticky post, ya habia pensado darle compania con alguna imagen o algo asi, pero no me eh metido de lleno pues estos dias apenas tengo tiempo para respirar!...

¡Un afectuoso saludo y que siga el éxito!

cyborgzero 18. October 2006, 15:34

hasta ahora no se ninguna manera, yo tambien quiero poner el reloj alli

Eldest 1. December 2006, 02:31

Hola me acabo de registrar en Opera (llevo dos días con el buscador) y por lo tanto me dieron un espacio, y lo único que hice fue poner una imagen, jeje, así que me cae de perlas este tutorial, voy a checarlo.
Saludos!!!

Anonymous 22. December 2006, 18:33

Anonymous writes:

tengo una duda, quiero poner un reloj en mi espacio, el que yo quiera, buscando entre las paginas he encontrado uno que me gusta, pero no logro ponerlo, me gustaria saber que codigos o datos debo poner, muchas gracias, porfavor si me podeis contestar o ayudarme de alguna manera, agregarme o mandarme un email a Vidalbl@hotmail.com, muchas gracias, adios

cyborgzero 22. December 2006, 22:28

hola, lo que tienes que hacer es crear un nuevo post (o editar el post en donde quieres poner el reloj) y tienes que copiar el codigo html (de preferencia el que no use script ya que a veces no funcionan), por ejemplo el codigo del reloj que tengo en el post que esta al comienzo de mi blog es:
<span ><embed src="http://www.clocklink.com/clocks/0010-DkBlue.swf?TimeZone=GMT-0400" width="150" height="150" wmode="transparent" type="application/x-shockwave-flash"></span>



Y se ve asi. Espero que esto te ayude

Anonymous 25. December 2006, 15:47

eliana writes:

mira oie yo recien estoy q veo como modificar mi sopacio y nose como se hace kiero q me ayuden a mostrar las fotos en el spacio si xfa ayudenme

arnaldote 30. December 2006, 18:02

Enhorabuena...las explicaciones son una pasada...si hasta yo las entiendo...:-P
Felicidades por la página y por los contenidos...
Arnaldote

suribe 3. February 2007, 20:58

excelente post!

Anonymous 24. February 2007, 19:34

Anonymous writes:

por dios como agrago una barra lateral derecha o sidebar a mi blog ayudame

sotanomusical@yahoo.com.ar

gracias

MaxShadow 23. July 2007, 17:41

esta es la foto k kiero colocar en mi pagina http://my.opera.com/MaxShadow/albums/showpic.dml?album=263028&picture=3888585

esta es mi pagina http://my.opera.com/MaxShadow/

si me puedes dar los code yo los tomaria de ejemplo y kizas entenderia

Anonymous 27. August 2007, 18:21

la Eko writes:

GRACIAAAAAAAAAAAASSSS!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

MaxShadow 28. August 2007, 13:17

saludos espero k todos esten Bien...
November 2009
M T W T F S S
October 2009December 2009
1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30