Go to content Go to menu
 


Para hacer tu propia barra de navegacion es muy facil por que solo son links.

 

El codigo para las links es este (pegalo donde quieras que aparesca el texto con link)

 

<a href="link de tus fotos o lo que sea aqui"> aqui el texto que va a tener la link escondida </a>

 

Si quieres que lo que tenga la link escondida sea una imajen entonses sube tu imajen a Tinypic y copea el codigo HTML que te da, cuando lo copies se mirara asi:

 

<a href="http://es.tinypic.com" target="_blank"><img src="http://i49.tinypic.com/3k2.png" border="0" alt="Image and video hosting by TinyPic"></a>

 

Miras donde esta la link " http://es.tinypic.com" al comensar? borra esa link y pon la tulla.  Miras donde dice "Image and video hosting by TinyPic"? borra eso y pon lo que quieras (ese texto se muestra si pasas el raton sobre la imajen y lo detienes 2 segundos).

 

 

\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ Personalizando las links \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\

 

 

Si quieres personalizar las links como darle color a cada texto aqui te explico como.

 

Primero tienes que entender que cuando le das estilo a algo usando CSS y HTML esos dos codigos se tienen que comunicar por que el HTML estara donde quieras que aparesca (por ejemplo en la seccion de asercas de mi) y el CSS como el nombre lo dice estara en la seccion de CSS.

Esto es lo que mas e explicado y donde se confunden por eso leelo unas 2 veces para que entiendas como funciona.

Como dije anteriormente el HTML y el CSS se tienen que comunicar entre ellos mismos por un nombre espesifico que tu mismo le vaz a poner (te explicare mas abajo). Por ejemplo a para la link de "fotos"  tienes que espesificarlo en el codigo HTML y en el de CSS.

 

Bueno para no confundirlos mas comensemos por la primer link que seria "fotos".

 

Esto es el CSS (como el nombre lo dice este va en la seccion de CSS)

 


a.fotos {color:#F52887; font-weight:bold; font-family:arial;}
a.fotos:hover {color:#8D38C9;}

 

Ese es el codigo que se encarga de darle el estilo a las links que hagamos y se va a comunicar con el otro por que lo llame "fotos" y al HTML tambien lo llamare asi.

Ok aqui les explico que es lo que dice el codigo de arriba.

fotos Esto es el nombre del codigo por el cual se va a comunicar con el HTML.

#F52887 Esto es el codigo del color de la link (el texto "fotos")

arial Esto es el estilo de letra de la link (de la palabra "fotos")

#8D38C9 Esto es al color que va a cambiar cuando pasen el raton sobre esa palabra

 

Ahora ya que comprendes que hace el CSS pasaremos al siguiente codigo que seria el HTML, asi es como dicha vestia se miraria jeje

 

<a class="fotos" href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=453841963"><h2> Fotos </h2></a>

Esta bien facil esto no se preocupen, alli en el codigo pueden ver que dice "fotos" ese es el nombre del que les estaba hablando si cambias ese nombre tambien nesecitas cambiarlo al codigo de la seccion de CSS asi los dos codigos se pueden reconocer.  Despues de eso sigue la link de mis fotos, solo cambiala por la tulla.

Al terminar la link podras ver esto:

 

<h2>

 

Eso es lo grande del texto que sigue (que seria "fotos") y lo puedes ver al comensar y terminar de la palabra "fotos".

(entre mas grande pongas ese numero mas chica se hace la letra asi que lo mas grande es "1")

 

Basicamente eso es todo, ya sabes que lo que sigue es "comentarios" o lo que quieras. Solo buelbe a cambiar el nombre a los dos codigos (no te equiboques sino no lo va a reconocer), al HTML y al CSS.

 

Si tienen preguntas agregenme al MSN:

fino2009@hotmail.com

o al myspace:

http://www.myspace.com/lil_f1n0

 

No tengan miedo preguntar aunque si me la paso aveses ocupado yo mismo les puedo hacer las links solo diganme como.

 

 

 

 

 

 

Comments

Add comment

Overview of comments

me ayudas??

(ary, 2009-12-09 02:22)

oiie disculpa, quiero hacer mi myspace mas sencillo, iia eh utilizado varios codigo tuyos, pero aun no queda como quiero, solo que se vea algunas descripciones, y fotos , y los botones de cmmt, fotos y add, me ayudarias??

Re: me ayudas??

(magii, 2010-06-15 18:57)

oiiee sii pero donde pègooo esos codigoss
mi correo es panda_irving_9301@hotmail.com

problema¬¬

(Jessiqa!, 2010-04-17 07:10)

dondee pongoo el codigoo para mi Barra de navegacioon??

Un Probelmita... :(

(charlie, 2009-11-18 17:52)

yo trate de hacer esto pero en vez de texto con imagenes ...
me dio un buen resultado en internet explorer
pero si mi pagina de myspace la abren con firefox
no se ve la "barra" ni la "seccion acerca de mi"

el punto es... aver si me pudedes ayudar con ese problema xD

de antemano gracias :)