Bienvenido, invitado Ingresar o Registrarse
| | MARCADOR
| LENGUAJE:
 


marcador:
RSS 1.0     RSS 2.0

Vistas Totales: 3102 - Respuestas Totales: 7

PUBLICADO POR: Crucigrama on 01/26/2014 19:40:31


Para diseñar el perfil, hay muchas formas de hacerlo... unas de ellas  es con colores

A continuación veras la plantilla donde te indica la sección del perfil, luego te permite seleccionar el color  y te ira dejando una leyenda de lo seleccionado para futuros cambios o tengas una guía.


Como veras la primera plantilla no tiene color alguno seleccionado, en la segunda imagen he creado un perfil con diferentes colores para poder diferenciar cada sección y por último la plantilla como leyenda de la anterior imagen 

En la segunda parte de esta Tutorial he seccionado el perfil para porder observar con mas detenimiento cada parte del mismo.

Tomaremos como guía estos colores para poder identificar a que parte del perfil nos estamos refiriendo, luego tu podras escoger los que mas te agraden, al igual si alguna parte del perfil quieres dejar Transparente, solo eliges esa opción.

Voy a dejar estos links de colores HTML para que tengas mas variedad, solo debes copiar el numero del color que te guste y en el rectangulo que esta luego de " Select Colors" lo pegas ahi,  el codigo del color debe ir siempre acompañado por el signo de numeral #, un ejemplo de un color seria : #FF00FF  ( Magenta ).


Links de Tabla de Colores HTML:

http://usuarios.sion.com/pauluk/coloreshtml.htm

http://www.immigration-usa.com/html_colors.html






--------------------------------------------------------------




PUBLICADO POR: Crucigrama on 01/26/2014 19:45:22


Este pequeño tutorial  es una guía para Diseñar el Perfil, espero pueda  ayudarte  para que  le des un toque persona la tu página.

La ruta de ingreso al mismo seria  con un click en " Mi cuenta", paso seguido... "Configuración".. y por último seleccionamos:  " Diseñar mi perfil"

La primera opción que van a ver es :

Background Imagen:

Si decides subir una imagen desde tu Pc, este sería la forma de hacerlo.... debes darle un click al botón que dice : " Seleccionar archivo", esto te va permitir subir como fondo de tu perfil.... la imagen que tengas en tu pc, guardada para este fin.

Si deseas que el fondo quede totalmente a la vista, debes  pegar el siguiente código, en la caja que veras al final que dice : " CSS ( Advanced Users ) "


#outer{width:50%;

 background:transparent;

 background-image: url("");

 background-position:top;

 position:center;

 background-repeat: no-repeat;

 border:none;

 

 

Recuerda darle un click al botón " Save Profile Settings " cada vez que quieras guardar un cambio en tu perfil.

En las opciones siguientes, como podrás ver ...   entre corchetes las palabras " Select Color",

al dar un clip en esta opción te aparecerá la siguiente ventanita, donde podrás  elegir el que mas te guste

cuando la abras... en la opción que vas a usar, debes darle un clik sobre el recuadrito de color de tu gusto y podrás ver en el cuadro pequeño el color y en el rectángulo el numero del mismo, para que la selección se haga efectiva debes darle un clik en " Click when You´ve Selected Your color "

En algunos casos vamos a necesitar que algunas de las opciones sean transparentes, por lo que si te fijas debajo de los colores tenemos una a la que daremos  Click " Make Item Transparent".

 

Vamos a ver cada una de las opciones y donde aplica en tu perfil.


Color de Fondo:

Como veras en la imagen he usado un color verde, esta la usas cuando solo quieres que tu fondo sea de un color, mas abajo te explico que debes hacer con esta opcion cuando subes una imagen desde tu Pc.


si decides a subir una imagen , debes colocar esta opción en transparente para que el mismo se pueda ver

Para hacerles un ejemplo use este fondo continuo

y el resultado es el siguiente




Color de Texto Principal



Color de Links:


Color de enlace Hover:

El color a simple vista no lo veremos , pero al pasar el puntero del mause  se activa y cambia  


Color de encabezados superiores:



Color de Texto encabezados superiores:


Color de Fondo del logotipo:


Color de Encabezados Menú Principal :


Color de Menú principal Texto de Cabeceras :



Color de Fondo Articulo principal  :


Color de Texto de Articulo principal  :

Este lo veras cuando dejes un texto como comentario 



Color de Borde del Articulo principal  :


Color de Fondo Inferior:


Color de Texto Inferior:


Color de Borde de Nombre de Usuario:



Color de Fondo de enlace panel superior:


Color de Enlace de Texto panel superior:


Color de Panel superior fondo Hover:

Cambia el  color al pasar el puntero del mause  sobre el Panel Superior


Color de  Panel superior texto Hover:

Cambia el  color al pasar el puntero del mause  sobre el Panel Superior

Color de  Fondo de mis detalles:


Color de  Texto de enlace de mis detalles:

Color de  Texto de Nombre de Usuario:


Color de  Fondo de comentario:

Color de  Comentario de Texto:

Color de  Fondo de cabecera de comentarios:

Color de  Comentario de texto de encabezado:


Color de  Menú del sitio Enlace BC:

Color de  Menú del sitio Texto del Enlace :

Color de  Menú del sitioLink Hover BG :

Color de  Menú del sitio Link Texto Hover :






--------------------------------------------------------------
Volver Arriba




PUBLICADO POR: Sharon on 01/30/2014 15:32:34


gracias por todo cruci !!!

Volver Arriba




PUBLICADO POR: solnaciente on 09/27/2014 02:38:32


Gracias por la ayuda, poco a poco la ire mejorando, quiero ponerle musica de entrada, que suena cuando entras. 


Muy agradecida




Volver Arriba




PUBLICADO POR: Crucigrama on 09/27/2014 12:01:12



solnaciente escribió:

Gracias por la ayuda, poco a poco la ire mejorando, quiero ponerle musica de entrada, que suena cuando entras. 

Muy agradecida

Muy feliz Sabado Solnaciente

Veamos.....  dependiendo de lo que quieras subir, hay diferentes opciones, aqui te dejo un link donde podras subir a tu perfil de forma particular ,  copiando el codigo antiguo y pegandolo en la seccion de musica por ejemplo ,  o subir un video como hacen la mayoria y queda automaticamente en tu seccion de videos, donde podras tener  una coleccion o tus videos favoritos .

http://www.redplanetachat.com/forum/posts/id_41/title_Como-subir-un-video/

Otas formas .....

Exiten hoy en dia varios portales donde puedes tener tus listas de musica y presentarlas como si fueran una galeria, te dejo dos muestras , la primera en el perfil de Argon,  el usa  :

http://www.tubesnack.com/

y aqui puedes ver en su perfil, como una revista donde vas pasando sus videos 

http://www.redplanetachat.com/Argon   ( mira el la parte de Música)

Turorial de TubeSnack:

http://www.redplanetachat.com/forum/posts/id_143/title_TubeSnack/


Otro modo y muy parecido es como tiene Ludgero, el usa:

http://veopod.com/

y  te dejo su link del perfil para que veas unas de las presentaciones 

http://www.redplanetachat.com/ludgero


Luego hay unas pequeñas consolitas como la que tengo yo en mi perfil,  que son emisoras de radio sin comerciales y te pasan musicas variadas 

Tres opciones en diferentes paises 

http://www.extassisnetwork.com/

Ejemplo Venezuela :

http://radioshd.com/HD/


 Feliz día






--------------------------------------------------------------
Volver Arriba




PUBLICADO POR: DOG_ on 11/12/2014 03:00:50


Hola Cruci quisiera pedirte otro favor, que me digas como hacer para que en mi perfil aparezcan esos espacios que dicen MUSICA, PELICULAS etc y como puedo poner alli imagenes animadas. Te lo agradeceré. Besos





--------------------------------------------------------------
DOG
Volver Arriba




PUBLICADO POR: Crucigrama on 11/12/2014 21:19:35


Saludos Dog

Te indica la ruta a seguir :

Mi cuenta ( enlace superior mano derecha de la pag web) un clik ahi 

luego que cambien la pagina...  veras en el sub menu donde dice Configuracion y luego un clik en Configuracion de perfil, podrás ver varios rectangulos o cajitas , ahi vamos a poner las imagenes usando los codigos respectivos :

el de las imagenes :

Como ves tienes dos llaves al inicio y al final que indican que quieres publicar una imagen, debes copiar estos codigos y colocar el link entre ellos.

Otra forma de publicar una imagen seria con este otro codigo

Te dejo estos links que te serviran de ayuda para comprender un poco mejor y puedes copiar de ahi los codigos y solo pegar tu link 

http://www.htmlpoint.com/guida/html_09.htm

http://www.ejemplode.com/17-html/81-ejemplo_de_como_colocar_imagenes_con_html.html

http://www.redplanetachat.com/forum/posts/id_207/title_Gu-a-HTML-B-sico/







--------------------------------------------------------------
Volver Arriba




PUBLICADO POR: treinta on 12/11/2017 21:20:35


Hola:

Vuelvo a subir este mensaje para aquellos usuarios que necesiten saber, cómo diseñar su perfil.

Es un tutorial muy completo y claro, y fue creado por Crucigrama.

Suerte y diviértete. 





--------------------------------------------------------------
Volver Arriba
12/13/2017



*** Redplanetachat ***
redplanetachat