|
|
![]() Eres mi Vistante número:
|
| Bueno, esta es una guía para cambiar la barra superir en los lookups; si eres un user tan viejo como yo recordarás q esto se podía hacer en la primera versión de la página, ahora es un poco más complicado, pero se puede. Pasos: 1.Copear y editar la imagen 2.Subir la Imagen 3.Armar El Código, y Terminado |
| Copear y Editar la Imagen |
|
Primero q nada abre el paint
Luego copea la siguiente imagen
y luego pégala en el paint (no es necesario q la guardes ya q la vamos a editar,
sólo con q la copies y luego le des pegar en paint basta) ajusta las dimesiones del paint a 1000x77 (ve a imagen-----atributos, o presiona ctrl+u)
bueno se debe ver así:
También pudes colocarla imagenes
(colocalas de preferencia afuera de los dos cuadros q están juntos por q sí no se va a van a confundir con las imagenes de navegación, y tampoco coloques sobre el segundo cuadrado de izquierda a derecha, ya q encima de el van a ir los neopuntos y el user)
NOTA: EN EL CUADRO GRIS DE LA IMAGEN ORIGINAL, PONLE UNA IMAGEN DE MAS O MENOS ESE TAMAÑO.
|
| Subiendo la imagen |
|
Bueno, Ahora ya tenemos la imagen terminada y guardada; lo siguiente es subirla a internet, si tu ya sabes subir imagenes a internet, puedes saltarte este paso: Para los q no saben subir imagenes a internet les explicaré: Antes de empezar deben saber q existen dos servidores prnipales en los q se pueden subir las imagenes; estos son ImageShack y Photobucket, a continuación voy a explicar como subir imagenes en los dos: Subir imagenes en ImageShack Muy bien te condusirá a una página algo así: ![]() dale en el botón q está encerrrado en rojo, y te saldrá algo así: ![]() Busca la imagen (en este caso yo la llamé barra tienda) y dale en abrir, ahora dale en el botón q dice Host It!: ![]() la página comensará a cargar, ahora busca en la página q salió donde dice "Direct link to image", cuando lo encuentres (esta hasta abajo) verás q alado hay un rectángulo: acontinuación deberás de seleccionarlo y darle copear: ![]() MUY BIEN HAS TERMINADO DE SUBIR TU IMAGEN MEDIANTE ESTE METODO, AHORA PUEDES SEGUIR EN EL SIGUIENTE PASO. En este servidor, te necesitas registrar, pero puedes subir más de una imagen a la vez y además las imagenes no caducan mientras tu cuenta este aactiva (en lo personal yo prefiero es servidor). Primero copia la URL del siguiente recuadro ycopialo en la barra de direcciones: Luego, cuando cargue la página llena los espacios; donde en el recuadro q está abajod de "USERNAME" ahí deberás de poner el nombre de usuario con el q te indentificarás en este servidor (es indispensable para poder inicar sesión posteriormente), coloca el nombre de usuario q más preieras, pero cuidado, si las letras de ponen rojas cambialo, ya q este nombre de usuario ya existe, intenta agregando numeros o guiones bajos. Donde dice "Paword" pon una contraseña q servirá para iniciar sesión, y donde dice "Re-type paword" vuelvela a poner, ahora dale click donde dice "Next Step". ![]() y te saldrá algo así: ahora llena los espacios como dice en la imagen y cuando lo hagas dale en el botón encerrado en rojo, ahora te saldrá la página donde se suben las imagenes, pero algo puede pasar;![]() si te sale esto sólo dale en el botón encerrado en un círulo, y si no te sale no t preocupes, ahora vamos a subir la imagen: ![]() dale en "examinar" (cualquiera de los tres botones), luego te saldrá como en la imagen, selleciona la imagen q creamos, y luego en "Abrir" y por último dale click en el botón de upload en la página; ahora te saldrá hasta abjo un pequeño recuadro con la imagen, y debajo de ella muchos recuadros busca el de la imagen de abajo y copialo: ![]() MUY BIEN HAS TERMINADO DE SUBI LA IMAGEN MEDIANTE ESTE MÉTODO, PUEDES SEGUIR CON EL SIGUIENTE PASO. |
| Armar El HTML | ||||||
|
Primero abre el Bloc de notas, q nos servirá para editar el código ![]() luego copea el siguiente código y pégalo en el bloc de notas: te quedará algo así ![]() bueno, recordaras q subimos la imagen, ahora marca donde dice "url de imagen" y clickea con el boton derecho de tu mouse, ahora selecciona pegar (una vez q ya hayas copiado a la URL de la imagen), automaticamente se sustituira donde diice "url de la imagen" por la url de tu imagen: ![]() te quedará así ![]() , recuerden q no deben quitar las comillas, o si las quitaron vuelvanlas a poner alrededor de la url de su imagen, ahora marca donde dice "color de borde en menú despleglable" y cambialo por el código exadecimal q quieras q se vea el menu de los bordes cuando pasas el ratón sobre ellos puedes sacar los sódigos hexadecimales de esta página (copia y pega la url en la barra de direccion, ya q es un link externo ha neopets) o tambien puedes poner el nombre del color en ingles (son: rojo: red, amarillo: yellow, azul: blue, gris: gray, blanco: white, negro: black, verde: green, morado: indigo, naranja: orange y café: brown.) bueno te quedará algo así(yo escoji el negro y puse black, pero también pude haber puesto #000000, q es el código hexadecimal para el negro): ![]() Ahora marca donde dice "color de fondo en menús desplegables" y cambialo por el código hexadecimal del color q quieras q sea el fondo en los menus q salen cuando pasas el ratón, te quedará algo así:(en este caso yo escojiun rojo fuerte por lo q el codigo hexadecimal de ese color es #FF0000) ![]() MUY BIEN YA ESTa el código y la barra ahora sólo pegalo donde quieras q vaya:
|
| Afiliados | Linkeame | Awards |
![]() ![]() Si quieres afiliarte, |
![]() |
![]() para mandarme un award, subelo a internet y mandame la url por nm. |
| Ayudame |
Ayudame a juntar el LAB, claro te compraré las piezas, no espero q me las regales ni nada por el estilo (haz click sobre la imagen para mandarme un neomail).![]() |
NEOPETS, characters, logos, names and all related indicia
are trademarks of Neopets, Inc., © 1999-2009.
® denotes Reg. US Pat. & TM Office.
All rights reserved.
PRIVACY POLICY | Safety Tips | Contact Us | About Us | Press Kit
Use of this site signifies your acceptance of the Terms and Conditions