General

  • Menus Dinamicos CHIDOS

    Inge tampoco pajareo pero aki hay un Buen de Menus ke me los quedo para los prox Sitios!!!



    1.jQuery Tabbed Interface / Tabbed Structure Menu Tutorial

    Tabbed Interface or Tabbed Structure Menu is getting really famous in web design & development. This tutorial will show you how to build your own tabbed Interface using jQuery with slideDown/slideUp effect. Be sure to check out the demo, you definitely will like it.

    jquery-tabbed-interface

    Preview || Download

    2.Animated Menus Using jQuery

    Learn how to create this amazing animated effect menu just with plain Xhtml,CSS and Javascript help, similar to Dragon Interactive (dragoninteractive.com).

    jquery-animated-menu

    Preview || Download

    3. Create a Cool Animated Navigation with CSS and jQuery (Tutorial + Download)

    Animation and visual feedback are great ways to assist a user in navigating and interacting with a website. While traditionally Adobe’s Flash was the goto for anything animated, these days with the magic of javascript we can avoid Flash altogether.

    jquery-navigation-slide

    Preview || Download

    4.jQuery ListNav Plugin

    This jQuery plugin supplies an easy way to unobtrusively add a letter-based navigation widget to any UL or OL list. An easily stylable (via CSS) nav bar appears above the list, showing the user the letters A-through-Z. Clicking one of the letters filters the list to show only the items in the list that start with that letter. Hovering over a letter (optionally) shows a count above the letter, indicating how many items will be displayed if that letter is clicked. Other options give you control over the basic functionality.

    jquery-list-nav

    Preview || Download

    5. jqDock menu

    Transform a set of images into a Mac-like Dock menu, horizontal or vertical, with icons that expand on rollover, and optional labels.

    jqdock-jquery-plugin-menu

    Preview || Download

    6.Sliding Jquery Menu

    This tutorial explains and let you download sliding jquery menu and you can see the effect in action over on the PSDtuts webpage in the top right hand corner.

    jquery-sliding-menu-tutplus

    This is how looks finished demo version:

    vertical-sliding-menu

    Preview || Download

    7.CSS Sprites 2 – It’s JavaScript Time

    css-sprites-2-jquery

    Preview

    8. CSS Mac Dock Menu

    If you are a big Mac fan, you will love this CSS dock menu that I designed. It is using Jquery Javascript library and Fisheye component from Interface and some of my icons. It comes with two dock styles – top and bottom. This CSS dock menu is perfect to add on to my iTheme.

    css-dock-menu-jquery

    Preview || Download

    9.Kwicks for jQuery

    Kwicks for jQuery started off as a port of the insatiably attractive Mootools effect (of the same name), but has evolved into a highly customizable and versatile widget.

    kwicks-jquery-menu-navigation

    7 Examples || Download

    10.Jquery File Tree

    jQuery File Tree is a configurable, AJAX file browser plugin for jQuery. You can create a customized, fully-interactive file tree with as little as one line of JavaScript code. Currently, server-side connector scripts are available for PHP, ASP, ASP.NET, JSP, and Lasso. If you’re a developer, you can easily make your own connector to work with your language of choice.

    jquery-file-tree-navigation

    Preview || Download

    11.Learning jQuery: Fading Menu – Replacing Content

    Nice tutorial from CSS-tricks explaining how to use CSS with jQuery, this time he teaches how to use jquery fading options on menu.

    menu-fader-jquery-navigation

    Preview || Download

    12. How to Make a Smooth Animated Menu with jQuery

    Ever seen some excellent jQuery navigation that left you wanting to make one of your own? This tutorial teaches how to do just that by building a menu and animate it with some smooth effects.

    smooth-animated-jquery-menu

    Preview || Download

    13.Create Vimeo-like top navigation

    Learn how to create navigation just like on Vimeo site, here is only xhtml,css used, but still I wanted to include this.

    create-vimeo-like-top-navigation

    PreviewVimeo site || Download

    14. jQuery (mb)Menu 2.3

    This is a powerful jQuery component to build easily a multilevel tree menu or a contextual menu (right click) in an intuitive way!

    You can add as many submenus as you want; if your submenu or menu is not declared in the page, the component will get it via ajax calling the template page with the id of the menu you need (the value of “menu” attribute) the ajax page should return a well formatted code as the example below for the menu voices code.

    jquery-mb-menu-navigation

    Preview || Download

    15. Coda Slider

    coda-slider-jquery

    Preview || Download

    16. jQuery idTabs

    idTabs is a plugin for jQuery. It makes adding tabs into a website super simple. But it can also open the door to endless possibilities.

    idtabs-jquery-navigation

    Preview || Download

    17. Create a Slick Tabbed Content Area using CSS & jQuery

    One of the biggest challenge to web designers is finding ways to place a lot of information on a page without losing usability. Tabbed content is a great way to handle this issue and has been widely used on blogs recently. This is great tutorial explaining to build a simple little tabbed information box in HTML, then make it function using some simple Javascript, and then finally achieve the same thing using the jQuery library.

    slick-tabbed-content-area-css-jquery

    Preview

    18. LavaLamp for jQuery lovers!

    Extremely light weighted Lavalamp menu packaged as a plugin for the amazing jQuery javascript library.

    lava-lamp-jquery-navigation

    Preview || Download

    19. Animated Drop Down Menu with jQuery

    Drop down menus are a really convient way to fit a large menu into a really small initial space. For a long time people have just used a form element for standard drop downs, but with minimal effort you can create a much slicker effect using jQuery and CSS.

    animated-dropdown-menu-jquery

    Preview || Download

    20. Using jQuery for Background Image Animations

    Five different ways, how to create background image animations using jquery – very live effect.

    jquery-background-image-animations

    Preview

    21. How To Create A ‘Mootools Homepage’ Inspired Navigation Effect Using jQuery

    As you know there are a host of competing javascript libraries around these days. Though I prefer jQuery, I’ve always liked the way the menu on MooTools worked. So in this tutorial we’ll recreate that same effect … but this will be done in jQuery!

    mootools-homepage-navigation-effect

    Preview || Download

    22. Menumatic Mootools

    MenuMatic is a MooTools 1.2 class that takes a sematic ordered or un

  • ideas para tarjeta de presentacion ......

    Patrona lo puse aki pa ke  no se me olvide la pagina !!! no es Pajareo :P

     

    http://www.itevenhasawatermark.com/

  • Firebird/Interbase con PHP - ¿Qué es PHP?

    Dejo la liga de una explicación Facil y sencilla de LAs chunches de Php y firebird!!!

     

    http://www.wikilearning.com/tutorial/firebird_interbase_con_php-que_es_php/6413-1

  • How to: Php + Firebird.. Ejemplos Conexion, Consulta, Insert


    Bueno que tal pues este es mi primer post real del año asi que ps a entrar en materia… eh visto que el post de instalar el servidor ubuntu con apache+php+firebird a tenido buena aceptacion.. pues ahora les voy a dar una pequeña guia que en lo personal encuentro muy util.. pues yo batalle un poco para que esto funcione…

    Ok basta de perder el tiempo y vamos entrando en materia… Para empezar a la hora de utilzar base de datos en Firebird.. tenemos que utlizar las funciones de Interbase para Php en vez de las las mysql o oracle, cualquier duda sobre algun comando en especial acudan a la referencia, en este post les dare las herramientas para que se puedan conectar a una base de datos firebird desde Php, puedan realizar consultas y editar las misma, espero que les sirva.

    Ok bueno ps vean vamos a empezar con la conexion:

    base_pconnect ([ string $base_de_datos [, string $nombre_usuario [, string $contrasenya [, string $juego_caracteres [, int $bufers [, int $dialecto [, string $rol [, int $sincronizar ]]]]]]]] )

    ejemplo:

    $c=ibase_pconnect(”localhost:/usr/bases/PRESTAMOS.FDB”,’sysdba’,'masterkey’);
    ibase_close($c);

    La consulta SELECT:

    ibase_query ([ resource $id_enlace ], string $consulta [, int $args_sustitucion ] )

    Ejemplo:

    $alu=$_POST['no_cuenta']; /*Aqui recibimos las variables de un formulario*/
    $passd=$_POST['passwd'];
    /*Aqui recibimos las variables de un formulario*/
    $q=ibase_query(”SELECT no_cuenta FROM admons where no_cuenta = ‘” . alu . “‘ and passwd=’” . passd . “‘”);

    El INSERT,DELETE, o UPDATE:

    Aqui el codigo es exactamente igual solo cambia la instruccion SQL

    Ejemplo:

    $nom = $_GET['nom']; /*Aqui recibimos las variables de un formulario*/
    $ns = $_GET['nc']; /*Aqui recibimos las variables de un formulario*/
    $gr = $_GET['gr']; /*Aqui recibimos las variables de un formulario*/
    $c=ibase_pconnect(”localhost:/usr/bases/PRESTAMOS.FDB”,’sysdba’,'masterkey’);
    $tr=ibase_trans(”IBASE_WRITE”,$c);
    $sql=”INSERT INTO alumno (no_cuenta,nombre,grupo) VALUES (’” . $ns . “‘,’” . $nom . “‘,’” . $gr . “‘);”;
    $q=ibase_query($tr,$sql);
    ibase_commit($tr);

  • Apache + PHP + Firebird


    El siguiente articulo explica como instalar Apache 2, PHP 5 y Firebird 1.5; tambien es aplicable para otras versiones, excepto para PHP5 y Firebird 2 (juntos) ya que Firebird 2 no posee algunas funciones que PHP5 usa.
    Plataforma: Slackware 11
    Paso 1 - Descargar:

    • Apache: httpd-2.2.4.tar.gz
    • PHP: php-5.2.1.tar.gz
    • FIrebird: FirebirdSS-1.5.4.4910-0.i686.tar.gz

    Paso 2 - Instalar Firebird:
    a. Descomprimir el archivos descargado:
    #tar -zxvf FirebirdSS-1.5.4.4910-0.i686.tar.gz
    b. Por el sistema de archivos de Slackware debemos de crear la carpeta /etc/rc.d/init.d
    #mkdir /etc/rc.d/init.d
    c. Ejecutamos el archivo de instalación:
    #FirebirdSS-1.5.4.4910-0.i686/install.sh
    En esta sección nos pedira la contraseña del superadministrador, por defecto masterkey.
    La instalacion desarrollara en la carpeta /opt/firebird
    El demonio se creara en /etc/rc.d/init.d/firebird
    d. Iniciamos el Demonio
    #/etc/rc.d/init.d/firebird start
    Paso 3 - Instalar Apache:
    a. Descomprimimos el archivo descargado:
    #tar -zxvf httpd-2.2.4.tar.gz
    b. Ingresamos a la carpeta creada
    #cd httpd-2.2.4
    c. Configuramos nuestro Apache
    #./configure --prefix=/usr/local/apache2 --enable-module=so
    d. Compilamos:
    #make
    e. Instalamos:
    #make install
    f. Podemos configurar Apache con el archivo /usr/local/apache2/conf/httpd.conf, en nuestro caso vamos a cambiar el directorio de documentos web:
    #emacs /usr/local/apache2/conf/httpd.conf
    buscamos la siguiente línea:
    DocumentRoot "/usr/local/apache2/htdocs"
    y la reemplazamos:
    DocumentRoot "/var/www"
    Esto permitira que nuestros documentos esten en la carpeta /var/www
    g. Iniciamos nuestro servidor
    #/usr/local/apache2/bin/apachectl start
    h. Probamos viendo por nuestro navegador web la pagina http://localhost/ , ejemplo:
    #lynx http://localhost
    ...Regresamos al directorio superior
    #cd ..
    Paso 4 - Instalar PHP:
    a. Descomprimimos el archivo descargado:
    #tar -zxvf php-5.2.1.tar.gz
    b. Ingresamos a la carpeta creada
    #cd php-5.2.1
    c. Configuramos php
    # ./configure -prefix=/usr/local/php -with-apxs2=/usr/local/apache2/bin/apxs -with-interbase=shared,/opt/firebird
    d. Compilamos
    #make
    e. Instalamos
    #make install
    f. Verificamos si se han creado con satisfaccion los archivos libphp5.so
    #ls /usr/local/apache2/modules/libphp5.so
    Si no existe el archivo lo copiamos
    #cp -p libs/libphp5.so /usr/local/apache2/modules/
    g. Verificamos si se creo el archivo de configuración php.ini
    #ls /usr/local/php/lib/php.ini
    Si no existe el archivo lo copiamos
    #cp php.ini-dist /usr/local/php/lib/php.ini
    h. Configuramos el archivo php.ini
    #emacs /usr/local/php/lib/php.ini
    Buscamos las siguiente línea
    extension_dir ="./"
    y las reemplazamos por las siguientes
    extension_dir ="/usr/local/php/lib/php/extensions/no-debug-non-zts-20060613"
    El directorio mostrado con anterioridad es donde se ha creado la libreria interbase.so, esta direccion puede cambiar segun la versión de PHP que se tenga.
    Otra forma seria copiar modules/interbase.so a la carpeta del archivo php.ini de la siguiente manera:
    #cp modules/interbase.so /usr/local/php/lib
    Con este paso ya no tendriamos que cambiar extension_dir, ya que apuntaria a la misma carpeta.
    En la seccion de "Dynamic Extensions" añadimos:
    extension=interbase.so
    Paso 5 - Unir Apache y PHP:
    a. Modificamos el archivo de configuracion de apache
    #emacs /usr/local/apache2/conf/httpd.conf
    añadiendo las siguientes líneas:
    AddType application/x-httpd-php .php .phtml
    AddType application/x-httpd-php-source .phps
    Paso 6
    Reiniciamos el servidor apache:
    #/usr/local/apache2/bin/apachectl restart

  • ibase_connect


    Example 681. ibase_connect() example

    <?php
    $host
    = 'localhost:/path/to/your.gdb';
    $dbh = ibase_connect($host, $username, $password);
    $stmt = 'SELECT * FROM tblname';
    $sth = ibase_query($dbh, $stmt);
    while (
    $row = ibase_fetch_object($sth)) {
    echo
    $row->email, "\n";
    }
    ibase_free_result($sth);
    ibase_close($dbh);
    ?>

  • Usas xampp y Firebird?


    26 M008 | Firebird | por: llodra.esarzo, 2

    xamppxampp es un instalador de Apache + PHP + MySQL (también instala PHPMyAdmin - gestor web de bases de datos MySQL). Pues xampp se puede configurar para que soporte Firebird y su gestor web ibwebadmin. Simplemente hay que editar el fichero php.ini del directorio xampp/apache y buscar la opción “php_interbase.dll” en el apartado “modules”, quitarle el punto y coma, después guardar los cambios de php.ini y reiniciar apache.
    Descargar ibwebadmin y descomprimirlo en el raíz del servidor web.
    Es importante configurar el fichero configuration.inc.php de la carpeta “inc” de ibwebadmin, editarlo y modificar los datos de nuestro servidor FirebirdSQL… (¡¡¡Y tener instalado FirebirdSQL!!!)
    Para comprobar que funciona hay que escribir en un navegador web : http://localhost/ibwebadmin o http://localhost/{nombre_de_la_carpeta_donde_esta_ibwebadmin}, configurar las bases de datos e intentar conectarte a alguna.
    NOTA 1 : Si usas Windows ™ puede que tengas que editar el fichero “services”, en XP está en “c:\windows\system32\drivers\etc\services” y añadir la linea : “gds_db 3050/tcp” para que windows se entere de que el puerto 3050 esta ocupado por el servicio gds_db.
    NOTA 2 : Los cortafuegos alias “firewall” pueden bloquear el acceso al puerto 3050…

    Muestra del fichero configuration.inc.php para Windows ™ con FirebirdSQL 1.5 instalado en c:\firebird :

    define(’VERSION’, ‘1.0.2′);
    define(’BINPATH’, ‘c:/firebird/bin/’);
    define(’SECURITY_DB’, ‘c:/firebird/security.fdb’);
    define(’TMPPATH’, ‘c:/tmp/’);
    define(’DEFAULT_USER’, ‘SYSDBA’);
    define(’DEFAULT_DB’, ‘employee.fdb’);
    define(’DEFAULT_PATH’, ‘c:/firebird/examples’);
    define(’DEFAULT_HOST’, ‘localhost’);
    define(’DEFAULT_ROLE’, ”);
    define(’DEFAULT_CACHE’, 75);
    define(’DEFAULT_CHARSET’, ‘ISO8859_1′);
    define(’DEFAULT_DIALECT’, 3);
    define(’DEFAULT_SERVER’, ‘FB_1.5′);
    $ALLOWED_DIRS = array();
    $ALLOWED_FILES=array();
    $DATABASE_SUFFIXES = array(’gdb’, ‘fdb’, ‘ib’);

    El resto de opciones de este fichero están muy bien explicadas en el mismo, así que no las he puesto.

     

  • Galerías CSS: inspiración y belleza cumpliendo los estándares


    Gracias a las hojas de estilo podemos llegar a hacer auténticas obras de arte con nuestras páginas separando totalmente el estilo del contenido.

    Las galerías CSS donde se exponen algunos de los mejores resultados pueden servirnos de inspiración y también de promoción para nuestros trabajos.

    Hojas de estilo en cascada (CSS)

    La separación entre estilo y contenido resulta fundamental en la construcción de páginas hoy en día: llevamos ya diez años con CSS. Las hojas de estilo en cascada son las que nos ayudan a maquetar (conviene recordar que las tablas NO se usan para maquetar, sino para hacer tablas), y se pueden llegar a componer verdaderas joyas visuales con CSS.

    Algunos tutoriales interesantes sobre hojas de estilo son los artículos de Diego Barcia y los que nos recomiendan en Cosas Sencillas. Además, en sitios como CSS Play se exponen las virguerías que podemos llegar a hacer gracias a ellas.

    Inspiración

    Pero a veces, incluso dominando las técnicas de CSS, necesitamos un poco de inspiración, tanto en lo relativo al color como también en lo que respecta a la disposición de contenidos y a la combinación de efectos. Las galerías CSS son como museos de donde podemos tomar ideas y, por qué no, también donde promocionar lo nuestro.

    Las galerías más famosas

    Igual que en el mundo hay museos más famosos que otros, en Internet existen desde hace un tiempo algunas galerías CSS (todas en inglés) que se han convertido en “clásicas” y que deberíamos tener en cuenta porque en ocasiones marcan algunas tendencias.

    CSS Drive es una de las pioneras. Su galería está categorizada y en el sitio además también ofrecen noticias, ejemplos, un compresor para disminuir “el peso” de nuestras hojas de estilo y un foro.
    La galería de CSS Beauty es una de las más famosas. El sitio es el portal de una comunidad amplia y presenta tutoriales, noticias, anuncios de empleo y un foro donde solicitar y ofrecer ayuda, consejo o inspiración.

    CSS Vault es otra de las clásicas. Contiene, además de la galería, una amplia sección de recursos con enlaces a artículos, sitios y libros interesantes, aunque deberían cambiar el diseño de las páginas dentro de dicha sección para que resulte más fácil leerlas.

    Específicos

    Aparte de las galerías CSS generales que hemos mencionado, existen otras algo más especializadas, como CSS Princess, que expone trabajos hechos por mujeres o que poseen cierto toque femenino.

    Y en CSS Liquid nos encontramos únicamente con diseños líquidos (fluidos), elásticos o progresivos, es decir: aquellos que pueden adaptarse a cualquier resolución de pantalla o al tamaño de la ventana del navegador. Este sitio incluye una amplia sección de recursos con plantillas y ejemplos.

    Clásico experimental

    No exactamente una galería de sitios sino un proyecto colaborativo en el que todo el que se apunte puede mostrar las virtudes de CSS es CSS Zen Garden. Siempre muestra el mismo contenido incluido en los mismos bloques, sólo varía la hoja de estilos. Cada webmaster que participa diseña únicamente la CSS que más le parezca para esa estructura y contenido, y si es aprobada, pasa a formar parte de la exposición del sitio.

    El correlato en español de CSS Zen Garden es Camaleón CSS, un proyecto iniciado por Manuel Guerrero que nació con entusiasmo y espera la colaboración de todos para animarse tras un periodo de cierta inactividad.

    Galerías de galerías

    La mayoría de estas galerías se encuentran con relativa facilidad indagando un poco en Google, pero si no queremos perder el tiempo con tales menesteres, no tenemos más que visitar Zeniltuo, que ya ha realizado el “trabajo sucio” por nosotros y que no sólo lista galerías CSS (lleva 93 de momento), sino también galerías Flash y de diseño en general.

    Y para los que se sientan perdidos entre el mar de galerías CSS que proliferan en la Red o los que simplemente prefieren una forma más cómoda de obtener inspiración tenemos, en principio, dos sitios muy interesantes:

    • Y digo “en principio” porque a la hora de la verdad el primero: CSS Showcase, tiene sus enlaces principales apuntando a la misma página de inicio, con lo que no se puede navegar. “En principio” se trata de una auténtica galería de galerías: muestra los diseños más recientes que ocho escaparates de diseños CSS han publicado. También nos comunican las noticias más recientes de sitios especializados en CSS y diseño web con estándares en general. Esperemos que arreglen los enlaces lo más pronto posible.
    • El segundo es CSS Manía. Sí, con tilde, porque es un proyecto español, aunque esté todo en inglés. Se dice que es (y posiblemente sea cierto) el mayor escaparate de diseños CSS en la Red. Toma diseños de otras galerías pero también se pueden sugerir directamente para que los administradores del sitio los evalúen.

    ¿Y en español?

    En español, poco, la verdad. Lo más parecido de lo que tengo noticia es el directorio que mantiene Jandro Poch donde lista webs desarrolladas con estándares y CSS en España. A pesar de no tratarse de un proyecto de grandes dimensiones, su iniciativa no deja de ser loable en su intento por promocionar a los diseñadores web de España que intentan cumplir con los estándares.

    De todos modos, al tratarse en este caso de un asunto más bien “visual” no importa demasiado el idioma a la hora de navegar por estos sitios.

    En resumen, como comentábamos más arriba, en estas galerías o escaparates no sólo podemos exponer obtener inspiración para nuestras páginas, sino que también podemos promocionar nuestros trabajos y, de paso, ganar quizás unos cuantos puestos en elposicionamiento en buscadores de nuestros sitios, algo que tanto parece importar en la actualidad.

     

     

     

  • Galeria con Listas CSS


    Otro ejemplo de una maquetación CSS de una galería de fotos, esta vez utilizando listas.
    Publicado: 26/1/06
    Atención: Contenido exclusivo de DesarrolloWeb.com. No reproducir. Copyright.
    Una galería de fotos al fin y al cabo no es más que una lista de elementos (en nuestro caso imágenes) que mostraremos como más nos convenga. Desde el punto de vista de la ordenación lógica de la información en nuestras páginas resulta razonable usar una lista para estructurar nuestros elementos, así que a lo largo de este tutorial veremos el potencial de las listas para maquetar eficientemente casos como este de nuestra galería.
    Podemos ver el resultado final de este ejemplo, para hacernos una idea exacta de lo que pretendemos conseguir.
    Referencia:este ejemplo continúa otro en el que se explica cómo hacer una galería de fotos utilizando capas contenedoras
    Normalmente estamos acostumbrados a ver las listas organizadas verticalmente, pero CSS nos permite jugar con los elementos de una lista para mostrarlos de distintas maneras. En nuestro caso, probablemente si organizáramos la lista verticalmente la apariencia de nuestra galería quedaría extraña comparada con una organización horizontal, tal y como vimos en el ejemplo de la galería fotográfica con capas. Por tanto, organizaremos nuestra lista horizontalmente, aplicando un display:inline y flotando los elementos a la izquierda para que fluyan unos a continuación a otros.
    Partimos del siguiente código html:
    <body>:
    <div id="principal">
    <h3>GALERÍA CSS - Listas</h3>
    <ul>
    <li><a href="#"><img src="img/1.jpg" border="0" alt=""/><br /><span>Descripci&oacute;n de la imagen</span></a></li>
    <li><a href="#"><img src="img/2.jpg" border="0" alt=""/><br /><span>Descripci&oacute;n de la imagen</span></a></li>
    <li><a href="#"><img src="img/3.jpg" border="0" alt=""/><br /><span>Descripci&oacute;n de la imagen</span></a></li>
    <li><a href="#"><img src="img/4.jpg" border="0" alt=""/><br /><span>Descripci&oacute;n de la imagen más larga de lo habitual</span></a></li>
    <li><a href="#"><img src="img/5.jpg" border="0" alt=""/><br /><span>Descripci&oacute;n de la imagen</span></a></li>
    <li><a href="#"><img src="img/6.jpg" border="0" alt=""/><br /><span>Descripci&oacute;n de la imagen</span></a></li>
    <li><a href="#"><img src="img/7.jpg" border="0" alt=""/><br /><span>Descripci&oacute;n de la imagen</span></a></li>
    <li><a href="#"><img src="img/8.jpg" border="0" alt=""/><br /><span>Descripci&oacute;n de la imagen</span></a></li>
    <li><a href="#"><img src="img/9.jpg" border="0" alt=""/><br /><span>Descripci&oacute;n de la imagen</span></a></li>
    <li><a href="#"><img src="img/10.jpg" border="0" alt=""/><br /><span>Descripci&oacute;n de la imagen</span></a></li>
    <li><a href="#"><img src="img/11.jpg" border="0" alt=""/><br /><span>Descripci&oacute;n de la imagen</span></a></li>
    </ul>
    </div>
    </body>

    Como puede apreciarse, hemos insertado dentro de cada <li> (list item) nuestra imagen y un comentario añadido con un <span>, tal y como hicimos en el tutorial de la galería fotográfica con capas.
    Nuestra redefinición de estilos para las listas quedaría de la siguiente manera:
    #principal li {
    display:inline;
    float:left;
    }
    Nótese que las típicas viñetas que aparecen asociadas a las listas desordenadas desaparecen cuando aplicamos el display:inline, de la misma forma que si hubiéramos unsado un list-style:none. Podeis ver el resultado de aplicar estos estilos aquí . El comportamiento de nuestros elementos de la lista (los list ítems <li>) es similar al de las capas ahora.
    Podemos modificar las propiedades que queramos para lograr que la apariencia de cada uno de los elementos de la lista se ajuste a nuestro objetivo. Basándonos en los estilos que aplicamos en el ejemplo de la galería fotográfica con capas, cambiamos el color de fondo, el ancho de cada <li>, les damos margin y padding para presentarlos correctamente y damos estilo a los bordes para lograr apariencia de profundidad.
    De este modo la definición de estilos para nuestra lista de fotos queda así:
    #principal li {
    display:inline;
    float:left;
    width:220px;
    background-color:#f5f7f9;
    padding:5px;
    margin:10px;
    text-align: center;
    border-right: #a5a7aa solid 1px;
    border-bottom: #a5a7aa solid 1px;
    }

    Y como podemos ver en el resultado final aquí, queda perfectamente maquetada, adaptable a distintas resoluciones y con un código limpio y fácil de entender.

     

  • Algunas pequeñas cosas que tengo en mi Iphone

    Creo que  el iphone no solo nos dio el touch sino tambien la posibilidad de te tener varias cosas en tu fon... como? sip

    por ejemplo hay algunos archivos que tengo ke llevar o transportar a mi CANTON y lo unico que hago es darle o escribir la ip de mi phone o su nombre en el navegador y Gracias a SAMBA puedo depositar mis archivos ahi. llego ami casa y hago lo contrario

     

    osease pa ke usar algo como usb o cd para copiar los archivos... (guacala) todo ya por medio inalambrico... jiu jiu jiu

     

     

     

     

Anterior página 1 2 3 4 Siguiente página
34 entradas

Emblemas

Imagen Aleatoria

Imagen Aleatoria

Índice de Página

Entrar

Estadísticas de visitantes

36423

Clima

Conversación

  • stooseEthelty: comment7, http://posterous.com/people/4xgbPPSzcDpD phendimetrazine vs phentermine, rhymes, http://posterous.com/people/4xgbPPO0u9Rn hydrocodone schedule, B-), http://posterous.com/people/4xgbPPNX4YiB ambien prescriptions, 9656, http://posterous.com/people/4xgbQ9jlD2lb viagra prices uk, echoing, http://posterous.com/people/4xgbPQ6ISlB7 what is zithromax used for, 6394, http://posterous.com/people/4xgbQ9xC77Ed phentermine slimming tablets, ribbons, http://posterous.com/people/4xgbPPJfhkAh oxycodone codeine, effective, http://posterous.com/people/4xgbQ90HMqGt drug prednisone, :-E, http://posterous.com/people/4xgbPQbjRCbT nolvadex libido, fathers, http://posterous.com/people/4xgbQ9sTb5pD hydrocodone enema, 8761  
  • Mobic-For-Osteoarthr: Mobic For Osteoarthritis and Erythromycin Egg Implantation Pregnancy Research Miscarriage and Acai Berry Fact Or Fiction and Generic Maxalt and Clindamycin Capsule  
  • Vigrx-Plus-Results: Vigrx Plus Results and Street Value Of Ambien and Spreading Ferrous Sulfate and Erowid Simvastatin and Lyrica Side Affects  
  • revatio buy: October to December a remeron dosage a what dose drug reminyl a pulmonary hypertension and revatio a buy bacopa brahmi ashwagandha on line a restless legs syndrome and requip a homeopathic ashwagandha a reglan use with duotube insertion a  
  • does regulate aciphe: October to December a requip and leg cramps a eating side effects of metoclopramide hcl a ashwagandha for stress a drug interactions welbutrin reminyl effexor a veterinary use of remeron a evista raloxifene massachusetts a  
  • deaths resulting fro: October to December a what is the med relafen a metoclopramide migraines a rheumatoid dosage arthritis for aspirin a oral for nausea metoclopramide a revatio drug a requip abuse a benefits of tretinoin cream a  
  • sildenafil nitroglyc: October to December a ashwagandha information a ashwagandha basil holy and taking a ranitidine hydrochloride metoclopramide and a requip with topamax a rhinocort steriod aqua a  

Categorías del FAQ