Autor Tema: Tutorial Ocultar Todo y personalizar Perfil!!  (Leído 77933 veces)

Desconectado INFINITY

  • Webmaster
  • Fandom
  • *
  • Mensajes: 757
  • Bugging
    • Ver Perfil
Tutorial Ocultar Todo y personalizar Perfil!!
« : 16 de marzo de 2008, 03:27:05 »
Atención el vídeo de este tutorial se encuentra en esta dirección

http://geek-team.net/hi5/videotutor/ocultar-todo-personalizar-perfil.html

Tambien puedes ver los videos en YouTube entrando a este canal http://www.youtube.com/videohi5


Cuando estuve haciendo el editor me di cuenta de la variedad de códigos que pueden enviarse y son perjudiciales para el Perfil, por lo que recomiendo ajustar sus preferencias sobre recibir comentarios de desconocidos por ejemplo usando el ID #p_container se oculta todo absolutamente todo y no puedes hacer nada en tu perfil, no voy a decir como, para que no se preste a maldades de algunos, aunque no es difícil saberlo pero que les cueste un poco. La solución de aquellos que han sufrido ataques de código perverso y no pueden eliminarlo es ocultar el bloque donde se encuentra dicho código.

Sin embargo hay formas seguras de ocultar la mayoría de cuadros del Perfil y últimamente la más pedida en el Foro ha sido la aquella que solo muestra un cuadro de edición desde el cual puedes hacer todos los cambios que quieres.

Para hacer esto solo necesitas dos cosas el código(obviamente)  y saber manejar html básico.

Aquí tienes el código:

Código: (css) [Seleccionar]
<style type="text/css">
#content-left { padding-left:245px; padding-right:245px;&nbsp; }
#lifestyle{border:none !important;}
#p_nav_header, div.profile-nav, #url,#recent-updates, #background,
#groups,#hi5-common-header,#gamesModule,#schools, #videos, #journalDetail, #widgets, .section-separator,
#user-fives, #footer, #user-details, #p_center div iframe, #content-right, h1, h4, iframe, .info-box
{display:none !important;}
#p_container, td
{width:auto !important;}
body {
background-image: url(direccion-de-la-imagen);
background-repeat: no-repeat;
background-position: center;
background-attachment: fixed;
background-color: #000000;
}
#p_center
{background-color: transparent !important;}
</style>

Puedes copiarlo y pegarlo con seguridad ya que podrás borrarlo cuando quieras. Esto debe, necesariamente colocarse en el cuadro de Edición LyfeStyle o estilo de Vida, en cualquiera de sus dos campos. Pruebalo y veras como queda. Recuerda cambiar la dirección y el color del fondo por el tuyo

background-image: url(direccion-de-la-imagen);

background-color: #000000


Ahora como veras tienes tu cuadro Estilo de vida centrado y listo para editar, pues bien por la cantidad de código que te permite ingresar Hi5 usaras ambos campos, para ello necesitas saber un poco sobre enlaces e imágenes.

Se han explicado muchas veces e incluso hay tutoriales de como se ven las imágenes en internet, usando su dirección(URL)

Pues bien para colocar las imágenes de tu propio perfil, como tu foto por ejemplo debes copiar la direccion de la imagen, normalmente en Internet Explorer haciendo click derecho y propiedades.

Tiene siempre esta forma:

Código: [Seleccionar]
http://img138.imageshack.us/img138/6426/sasukebglf5.jpg
Ahora para colocarlo dentro del cuadro que tienes visible en el perfil usas el código html para imágenes.

Código: (html4strict) [Seleccionar]
<img src="DIRECCION DE LA IMAGEN" />
con el ejemplo

Código: (html4strict) [Seleccionar]
<img src="http://img507.imageshack.us/img507/8388/firefoxnz8.th.png" />
Fácil verdad&nbsp; ::)

Ahora vamos con los enlaces.

Si tu le haces click a tu foto por ejemplo te lleva a una pagina nueva, igual con agregar comentarios, enviar mensaje, enviar five, etc.

Lo único que debes hacer es copiar la dirección que aparece en la barra de direcciones, ese es el enlace. Luego lo colocamos así:

Código: (html4strict) [Seleccionar]
<a href="DIRECCION QUE COPIASTE">Texto Que quieres mostrar</a>
Por ejemplo con el foro

Código: (html4strict) [Seleccionar]
<a href="http://geek-team.net/foro">Esto te llevara a nuestro foro</a>
Texto Que quieres mostrar es lo que se visualizara para los visitantes.

Finalmente Combinamos ambos códigos y conseguimos los enlaces deseados.

Código: (html4strict) [Seleccionar]
<a href="http://geek-team.net/foro">
<img src="http://img507.imageshack.us/img507/8388/firefoxnz8.th.png" />
</a>

Pueden probarlo.

Así trasladamos cada enlace que deseamos que se vea en nuetro nuevo perfil.

Espero que sea entendible ya que lo hice al vuelo.

Debo mencionar que Hi5 expresamente dice en sus condiciones que esta prohibido ocultar la publicidad así que si lo hacen ya saben para donde tirar.

Saludos
« Última modificación: 10 de abril de 2009, 07:53:14 por ._. PsicoLoxito ._. »
Se buscan ánimos, por favor envíen presupuestos >.<

Desconectado chispooy

  • Lurker
  • *
  • avatar
  • Mensajes: 2
    • Ver Perfil
Re: Tutorial Ocultar Todo y personalizar Perfil!!
« responder #1 : 03 de febrero de 2009, 05:18:14 »
 :-: perdon soi nuevo en esto i keria ke pe pudieran ayudar ke ria saber donde puedo encontrar la ruta del cuadro de comentarios solamente para ke pueda entrar a comentar sin ver mis comentarios como este hi5:

ke cuando le des clik ala imagen o texto   asi
http://i459.photobucket.com/albums/qq316/chispooy/4.jpg

ya dandole un clik te yeve a aki

http://i459.photobucket.com/albums/qq316/chispooy/Dibujo-1.jpg

Desconectado Loloxito

  • Moderador Global
  • Geek
  • *
  • Mensajes: 4083
    • Ver Perfil
Re: Tutorial Ocultar Todo y personalizar Perfil!!
« responder #2 : 03 de febrero de 2009, 05:22:44 »
bueno primero bienvenid_
al mejor foro de codigos hi5  ::)

sobre tu tema
eso de ADD ME, COMENT , ETC

lo puedes hacer con una imagen
con coordenadas y aka hay muchos ke saben de coordenadas
y te pueden ayudar


pues mira
si usas firefox
para averiguar
ladireccion yo pongo

a los enlaces ke estan debajo de la foto principal
ASI ME VEN

cuando le das ahi sale la opcion
AGREGAR COMENTARIO EN PERFIL

y solo copias esa direccion ^^

Desconectado fLiPpY Is cRaZy

  • Newbie
  • *
  • avatar
  • Mensajes: 53
  • see is the destruction of the be human !!!
    • Ver Perfil
Re: Tutorial Ocultar Todo y personalizar Perfil!!
« responder #3 : 03 de febrero de 2009, 05:28:18 »
olas
una cosa LOLOXITO creo que a lo que el se refiere en un enlace que lo mande a un lugar determinado si es asi lo que el quier utiliza este code

<a href="direction de la pagina ">
<img src="url de la imajen" />
</a>


espero que sea lo que buscabas

y a ti LOLOXITO  uy men mis felicitaciones eres un genio en esto de hi5 y todo esto me gustaria intercambiar ideas entre nosotros 2 xd

chao y saludes......




visiten mi hi5 :: http://danitup123.hi5.com
[/font][/s][/glow][/tt]
<---...---> http://danitup123.hi5.com.<---...--->

Dave Screamville

  • Visitante
Re: hey man :]
« responder #4 : 07 de febrero de 2009, 10:27:19 »


Hola a todos, 1º Hola, Soy Dave :] (se pronuncia Deiv) xD

en fin, muchas gracias por el codigo, me sirvio mucho

pero tengo una pregunta... hay alguna forma de mostrar los comentarios centrados abajo de la seccion de intereses?

espero su respuesta, los felicito por el foro y agradesco de antemano

Muchas Gracias :]

Desconectado Loloxito

  • Moderador Global
  • Geek
  • *
  • Mensajes: 4083
    • Ver Perfil
Re: Tutorial Ocultar Todo y personalizar Perfil!!
« responder #5 : 07 de febrero de 2009, 11:42:35 »
bueno bienvenida y bueno si mueves los coments hacia la parte de abajo
solo se vera por Internet Explorer en mozilla firefox se corta esa parte

en mozilla solo lo puedes poner en la parte superior derecha y bajarlo un poco
para que aparesca en ambos navegadores

pero si lo posicionas en la parte inferior
solo se vera en IE.


ahora en ese codigo para que te aparesca
los comentarios es
borrando

#content-right
y ahi aparecera los comentarios

y para moverlos solo utilizas:

<style type="text/css"> #comments{position:relative;left:-10px;top:20px;z-index:40}
</style>

solamente mueves el -10
y el 20


zaludos!  ::)

Desconectado Doug

  • Nirjil
  • *
  • avatar
  • Mensajes: 75
    • Ver Perfil
Re: Tutorial Ocultar Todo y personalizar Perfil!!
« responder #6 : 08 de febrero de 2009, 12:24:16 »
wenu no me sirve esto esta muy raro mi hi ia no pone nada ia borre la paret #content-right de el codigo pero nu haze nada en ningun explorador aparecen mis comentarios que podra ser??

Desconectado ★cяiƷђOкƏя★

  • Moderador Hi5
  • Geek
  • *
  • Mensajes: 4589
  • ¡Mexicano yo soy de sentimiento de corazón!
    • Ver Perfil
Re: Tutorial Ocultar Todo y personalizar Perfil!!
« responder #7 : 08 de febrero de 2009, 01:12:51 »
ps yO puse es cOde i le bOrre el
#content-right i lO vi perfectamente
cOn IE i cOn mOzilla xD

Me costo tanto llegar amarte, que olvidarte ahora seria un despedicio de lagrimas. Aun te amo->Come back with me

No es que te recuerde si no que no te olvido.
Re: Tutorial Ocultar Todo y personalizar Perfil!!
« responder #8 : 08 de febrero de 2009, 06:32:59 »
Hola soy nuevo en esto,por favor pido poca de ayuda a la honorable gentita.
Sobre el tutorial de oculta todo,¿necesito poner los codigos de oculta todo en un hi5 ajeno O en el mismo original?
Porque hice eso en el verdadero hi5 y sale como me lo describe en el video del tutorial.,para los demas ,y cuando entro yo a mi hi5 tambien lo veo oscuro o se tiene que quedar asi...que debo hacer...¿y como puedo agregar flash al hi5.lo subi a devianart,y igual los codigos los copie en secciones y no aparece nada ayudenme por favor..... :T_T:

Desconectado Loloxito

  • Moderador Global
  • Geek
  • *
  • Mensajes: 4083
    • Ver Perfil
Re: Tutorial Ocultar Todo y personalizar Perfil!!
« responder #9 : 08 de febrero de 2009, 09:46:27 »
Citar
Sobre el tutorial de oculta todo,¿necesito poner los codigos de oculta todo en un hi5 ajeno O en el mismo original?


yo personalmente lo pongo en un hi5 de prueba
luego cuando estoy conforme como quedo el hi5
paso los codigos al hi5 original.


Citar
y cuando entro yo a mi hi5 tambien lo veo oscuro o se tiene que quedar asi...que debo hacer...


no siempre uno le puede poner color de fondo o imagen de fondo en esta parte

Citar
background-color: #000000;


cambias eso le pones transparent en ves de #000000


y para poner imagen de fondo
solo vas aca:

body {
background-image: url(AQUI URL DE LA IMAGEN DE FONDO);


Citar
¿y como puedo agregar flash al hi5.lo subi a devianart,y igual los codigos los copie en secciones y no aparece nada


solamente copias el codigo en la seccion
acerca d mi
o intereses
te fijas como queda
y asi vas moviendo la seccion.

zaludos!
cualkier duda no dudes en consultarla
 

Mensajes Recientes
Nuevos Aportes
Nuevos Tutoriales
Nuevos Skins o Tapiz
Temas Resueltos

Mensajes Recientes

load

Nuevos Aportes

load

Nuevos Tutoriales

load

Nuevos Skins o Tapiz

load

Temas Resueltos

load