Javascripts
Comunidad Astalaweb

Astalaweb | Portada | Juegos | Webs del autor | Contactar | Superación personal
Ayuda Java-Vbscript | Últimos scripts | Tienda Tecnología | Buscador | Foros
20 usuarios conectados   1500 javascripts + 24 ajax + dhtml + css recopilados

Introducción

Tenéis 2 páginas accesibles, la .COM: Javascripts.astalaweb.com   y la .NET:   Javascripts.astalaweb.net.
 Portada / Contacto
 Ayuda Java-Vbscript
 Ayuda HTML / CSS
 ¿Qué es javascript? / Intro
 Manual de Javascript / PDF
 Código ASP - PHP
 Últimos scripts
 Tienda Tecnología

Síguenos 

Editor de Código 

 Editor de código

CSS 

 CSS (4)
 CSS Especial (50)
 CSS Especial 2 (39)

Ajax 

 Ajax (23)

Javascripts 

 Buscadores (13)

 Calculadoras (12)

 Cálculo (49)

   Cálculo II (39)

 Calendarios (27)

 Colores (33)

   Colores II (9)
 Convertidores (21)

 Cookies (18)

Dinero en Internet

Dinero en Internet

 Correo (31)

 Coger y arrastrar (22)

 Cursor-ratón (33)

    Cursor-ratón II (11)

 Especiales (20)

 Formularios (26)

   Formularios II (29)

   Formularios III (21)

   Formularios IV (38)

   Formularios V (27)
 Freeware (19)

 Funciones (9)

 Generadores, programas (19)

 Gráficas (15)
    Gráficas II (14)
    Gráficas III (14)
    Gráficas IV (14)

    Gráficas V (13)

 Gráficos (39)

   Gráficos II (36)

   Gráficos III (31)
   Gráficos IV (16)

 Imprimir (12)

 Juegos (22)

   Juegos II (57)

 Mensajes (27)

   Mensajes II (12)

   En barra estado (30)

   En barra título (8)

 Menús (49)

 Múltimedia (13)

 Navegador-internet (28)

   Navegador-internet II (33)

   Navegador-internet III (13)

 Pantalla (38)

   Pantalla efectos (24)

   Pantallas emergentes (33)

   Pantallas emergentes II (10)

 Scroll de pantalla (8)

   Scroll de texto (27)

   Scroll de texto II (17)

 Seguridad (26)

 Sin clasificar (38)

 Tablas (11)

 Tests (9)

 Texto (17)

   Texto con efectos (39)

   Texto con efectos II (24)

   Texto en movimiento (37)

 Tiempo: fechas, horas  (44)

   Tiempo: fechas, horas II  (27)

   Tiempo, varios (35)

  Vínculos (49)

   Vínculos II (38)

Otros códigos

 Asp /  Flash
 PhpPerl-CGI
 VBasic Webmasters

Otras páginas

 Superación personal
 Buscador de hosting
 Dinero en la Red
 Manuales

CSS Especiales. Enlaces a códigos CSS


Aquí tenéis una larga lista de enlaces a páginas con código CSS. Menús, listas, fondos, gráficos y mucho más. Excelente lista de recursos gratuitos para implementar en tu web.

  1. 11 CSS navigation menus : at Exploding Boy
  2. 12 more CSS Navigation Menus. : at Exploding Boy
  3. 14 Free Vertical CSS Menus : at Exploding Boy
  4. 2-level horizontal navigation : demo at Duoh
  5. Absolute Lists: Alternatives to Divs : An approach of using lists instead of divs at evolt
  6. Accessible Image-Tab Rollovers : demo at Simplebits
  7. ADxMenu : multiple menu examples at aPlus
  8. A drop-down theme : at CSS Play
  9. Bookend Lists: Using CSS to Float a Masthead : at WebSiteOptimization
  10. Bulletproof Slants : demo at Simplebits
  11. Centered Tabs with CSS : at 24ways
  12. Clickable Link Backgrounds : A bulletproof unordered list of links, each with a unique (purely decorative) left-aligned icon that is referenced with CSS ; but that is also clickable.
  13. Create a Teaser Thumbnail List Using CSS: Part 1 : lists of items made up of a title, short description, and thumbnail.
  14. Creating Indented Navigation Lists : A multi-level indented list
  15. Creating Multicolumn Lists : at Builder.com
  16. cssMenus - 4 Level Deep List Menu : at SolarDreamStudios
  17. CSS and Round Corners: Build Accessible Menu Tabs : at SitePoint
  18. CSS-Based Tabbed Menu : a simple tabbed menu.
  19. CSS-based Navigation : demo at Nundroo
  20. CSS: Double Lists : A single list that appears in two columns
  21. CSS Mini Tabs (the UN-tab, tab) : demo at Simplebits
  22. CSS only dropdown menu : at CSS Play
  23. CSS only flyout menus : at CSS Play
  24. CSS only flyout/dropdown menu : at CSS Play
  25. CSS only flyout menu with transparency : at CSS Play


FUENTE: http://webdeveloper.econsultant.com/css-menus-navigation-tabs/

  1. CSS only vertical sliding menu : at CSS Play
  2. CSS Swag: Multi-Column Lists : at A List Apart
  3. CSS Tabs : tabs without any images
  4. CSS Tabs : list of various tab solutions
  5. CSS tabs with Submenus : at Kalsey.
  6. dTree Navigation Menu : Javascripts Tree at Destroydrop
  7. Definition lists - misused or misunderstood? : appropriate uses of definition lists
  8. Do You Want To Do That With CSS? - Multiple Column Lists : multi-column lists.
  9. Drop-Down Menus, Horizontal Style : at A List Apart
  10. Float Mini tabs : at Web-Graphics
  11. Flowing a List Across Multiple Columns : A table without using tables.
  12. Free Menu Designs V 1.1 : ready-to-download block menusat e-lusion
  13. FreeStyle Menus : XHTML compliant, CSS-formatted menu script at TwinHelix
  14. Hidden tab menu : at CSS Play
  15. How to Style a Definition List with CSS : at WebReference
  16. How to Style an Unordered List with CSS : at WebReference
  17. How to Use CSS to Position Horizontal Unordered Lists : at WebReference
  18. Hybrid CSS Dropdowns : at a List Apart
  19. Inline Mini Tabs : at Web-Graphics
  20. Intelligent Menus : CSS and PHP menu at PhotoMatt.net
  21. Inverted Sliding Doors Tabs : at 456BereaStreet
  22. Light Weight Multi Level Menu : at CssCreator
  23. List Display Problems In Explorer For Windows : list hack for IE
  24. Listamatic : simple lists; various styles.
  25. Listamatic2 : nexted lists; various styles

 




Funcionamiento (cómo obtener el código o script):

Para obtener el código fuente de este script:

1. Pulsa sobre el marco de arriba y con el botón derecho del ratón seleccionar "Mostrar fuente del marco" (o similar).
2. Cuando visualices el código fuente, selecciona la opción del menú superior "Guardar" o "Guardar como" para guardar la página en tu disco duro.

Si existen imágenes o ficheros asociados:
3. A veces en el marco de arriba se indica con un título en la parte inferior que pone "Imágenes" o "Archivos" (o similar) y abajo unos enlaces. Esto significa que debes descargar esos ficheros para el correcto funcionamiento del script.
4. Para ello pulsa sobre los enlaces indicados con el botón derecho del ratón y selecciona "Guardar destino como". Guárdalos sin cambiar el nombre.
5. Además, debes guardarlos en la misma carpeta que guardaste el código fuente de la página web (paso 2).
6. Si aparece la imagen , eso significa que puedes descargar el script pulsando sobre la imagen.

Si no te funciona lo anterior:
1. Prueba a abrir los vínculos del menú de cada sección en otra página pulsando el botón derecho del ratón sobre el vínculo y eligiendo la opción correspondiente del menú emergente (en el Internet Explorer es "Abrir vínculo en una ventana nueva").
2. Luego prueba a seleccionar código fuente con el menú correspondiente al pulsar el botón derecho del ratón ("Ver código fuente"), o utilizando el menú de tu navegador de Internet (en el Internet Explorer es "Ver"-->"Código fuente")
3. Cuando visualices el código fuente, selecciona la opción del menú superior "Guardar" o "Guardar como" para guardar la página en tu disco duro.
4. Sigue los pasos 3,4 y 5 de la sección anterior.
     
     

Comunidad Astalaweb y Javascripts.astalaweb.com y .net © 2003
Todos los derechos reservados
Administrador y Webmaster -  Gabriel Chova