<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Dise&#241;o Web Profesional En Bogota  – Diseño Web Colombia / diseno paginas web /</title>
	<atom:link href="http://www.disenowebbogota.com/index.php/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.disenowebbogota.com</link>
	<description>Servicios profesionales de diseño web en la ciudad de Bogotá Colombia</description>
	<lastBuildDate>Thu, 05 Aug 2010 00:30:42 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Hacer submenus con JavaScript</title>
		<link>http://www.disenowebbogota.com/index.php/hacer-submenus-con-javascript/</link>
		<comments>http://www.disenowebbogota.com/index.php/hacer-submenus-con-javascript/#comments</comments>
		<pubDate>Thu, 05 Aug 2010 00:09:07 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Blog]]></category>

		<guid isPermaLink="false">http://www.disenowebbogota.com/?p=259</guid>
		<description><![CDATA[Hola, hoy quiero compartir con ustedes como implementar menús atractivos para sus webs, ya sean en joomla, wordpress o html normal.  Aunque hay varios links en donde se deja descargar los submenús, es importante tener conocimiento previo de las bases del JavaScrip (libreria jQuery), html y css:
1. “Outside the Box” Navigation with jQuery
This tutorial will [...]]]></description>
			<content:encoded><![CDATA[<p>Hola, hoy quiero compartir con ustedes como implementar menús atractivos para sus webs, ya sean en joomla, wordpress o html normal.  Aunque hay varios links en donde se deja descargar los submenús, es importante tener conocimiento previo de las bases del JavaScrip (libreria jQuery), html y css:</p>
<h2>1. <a href="http://net.tutsplus.com/tutorials/javascript-ajax/jquery-os-x-style-dock-and-stack-navigation/" target="_blank">“Outside the Box” Navigation with jQuery</a></h2>
<p>This tutorial will cover a few ways to do just that with OS X style docks and stacks navigation.</p>
<p><a href="http://net.tutsplus.com/tutorials/javascript-ajax/jquery-os-x-style-dock-and-stack-navigation/" target="_blank"><img src="http://www.1stwebdesigner.com/wp-content/uploads/2009/09/drop-down-multi-level-menus/outside-box-drop-down-multi-level-menu-navigation.jpg" alt="outside-box-drop-down-multi-level-menu-navigation" width="570" height="224" /></a></p>
<p><a href="http://nettuts.s3.amazonaws.com/358_jquery/example%20files/all-examples.html" target="_blank"> </a></p>
<p><a href="http://nettuts.s3.amazonaws.com/358_jquery/example%20files/all-examples.html" target="_blank">Preview Demo</a></p>
<h2>2.<a href="http://www.noupe.com/tutorial/drop-down-menu-jquery-css.html" target="_blank"> Sexy Drop Down Menu w/ jQuery &amp; CSS</a></h2>
<p>In this tutorial you will learn how to create a sexy drop down menu that can also degrade gracefully.</p>
<h2><a href="http://www.noupe.com/tutorial/drop-down-menu-jquery-css.html" target="_blank"><img src="http://www.1stwebdesigner.com/wp-content/uploads/2009/09/drop-down-multi-level-menus/sexy-jquery-drop-down-multi-level-menu-navigation.jpg" alt="sexy-jquery-drop-down-multi-level-menu-navigation" width="570" height="224" /></a></h2>
<p><a href="http://www.sohtanaka.com/web-design/examples/drop-down-menu/" target="_blank"> </a></p>
<p><a href="http://www.sohtanaka.com/web-design/examples/drop-down-menu/" target="_blank">Preview Demo</a></p>
<h2>3.<a href="http://css-tricks.com/designing-the-digg-header-how-to-download/" target="_blank"> Designing the Digg Header: How To &amp; Download</a></h2>
<p>Navigation is compacted with the use of simple drop-down menus.</p>
<h2><a href="http://css-tricks.com/designing-the-digg-header-how-to-download/" target="_blank"><img src="http://www.1stwebdesigner.com/wp-content/uploads/2009/09/drop-down-multi-level-menus/digg-header-drop-down-multi-level-menu-navigation.jpg" alt="digg-header-drop-down-multi-level-menu-navigation" width="570" height="224" /></a></h2>
<p><a href="http://css-tricks.com/examples/DiggHeader/" target="_blank"> </a></p>
<p><a href="http://css-tricks.com/examples/DiggHeader/" target="_blank">Preview Demo</a></p>
<h2>4. <a href="http://www.webdesigndev.com/web-development/create-the-fanciest-dropdown-menu-you-ever-saw" target="_blank">Create The Fanciest Dropdown Menu You Ever Saw</a></h2>
<p><a href="http://www.webdesigndev.com/web-development/create-the-fanciest-dropdown-menu-you-ever-saw" target="_blank"><img src="http://www.1stwebdesigner.com/wp-content/uploads/2009/09/drop-down-multi-level-menus/fanciest-drop-down-multi-level-menu-navigation.jpg" alt="fanciest-drop-down-multi-level-menu-navigation" width="570" height="224" /></a></p>
<p><a href="http://www.webdesigndev.com/wp-content/uploads/2009/07/fancydropdown.html" target="_blank"> </a></p>
<p><a href="http://www.webdesigndev.com/wp-content/uploads/2009/07/fancydropdown.html" target="_blank">Preview Demo</a></p>
<h2>5.<a href="http://www.cssplay.co.uk/menus/circular-sub.html" target="_blank"> A circular menu with sub menus</a></h2>
<p>A follow on from the simple single level circular menu, this one adds  a sub menu level of smaller icons in a circular pattern within the top  level circle. There is also the facility to add a simple description of  each icon.</p>
<p><a href="http://www.cssplay.co.uk/menus/circular-sub.html" target="_blank"><img src="http://www.1stwebdesigner.com/wp-content/uploads/2009/09/drop-down-multi-level-menus/circular-drop-down-multi-level-menu-navigation.jpg" alt="circular-drop-down-multi-level-menu-navigation" width="570" height="224" /></a></p>
<p><a href="http://www.cssplay.co.uk/menus/circular-sub.html" target="_blank"> </a></p>
<p><a href="http://www.cssplay.co.uk/menus/circular-sub.html" target="_blank">Preview Demo</a></p>
<h2>6. <a href="http://net.tutsplus.com/tutorials/javascript-ajax/a-different-top-navigation/" target="_blank">A Different Top Navigation</a></h2>
<p>In this tutorial you will use jQuery to create a different  multi-layered horizontal navigation system that is still intuitive  enough for anyone to use for the first time.</p>
<p><a href="http://net.tutsplus.com/tutorials/javascript-ajax/a-different-top-navigation/" target="_blank"><img src="http://www.1stwebdesigner.com/wp-content/uploads/2009/09/drop-down-multi-level-menus/different-jquery-drop-down-multi-level-menu-navigation.jpg" alt="different-jquery-drop-down-multi-level-menu-navigation" width="570" height="224" /></a></p>
<p><a href="http://nettuts.s3.amazonaws.com/386_navigation/top-nav-demo/index.html" target="_blank"> </a></p>
<p><a href="http://nettuts.s3.amazonaws.com/386_navigation/top-nav-demo/index.html" target="_blank">Preview Demo</a></p>
<h2>7. <a href="http://aext.net/2009/08/perfect-sign-in-dropdown-box-likes-twitter-with-jquery/" target="_blank">Perfect signin dropdown box likes Twitter with jQuery</a></h2>
<p>Nice tutorial showing you how to create a login drop down with Twitter style using jQuery.</p>
<p><a href="http://aext.net/2009/08/perfect-sign-in-dropdown-box-likes-twitter-with-jquery/" target="_blank"><img src="http://www.1stwebdesigner.com/wp-content/uploads/2009/09/drop-down-multi-level-menus/twitter-drop-down-multi-level-menu-navigation.jpg" alt="twitter-drop-down-multi-level-menu-navigation" width="570" height="224" /></a></p>
<p><a href="http://aext.net/example/twitterlogin/" target="_blank"> </a></p>
<p><a href="http://aext.net/example/twitterlogin/" target="_blank">Preview Demo</a></p>
<h2>8.<a href="http://hv-designs.co.uk/2009/02/17/sliding-jquery-menu/" target="_blank"> Sliding Jquery Menu Tutorial</a></h2>
<p>This tutorial will show you how to create a sliding menu button using  jquery. You can see the effect in action over on the PSDtuts webpage in  the top right hand corner.</p>
<h2><a href="http://hv-designs.co.uk/2009/02/17/sliding-jquery-menu/" target="_blank"><img src="http://www.1stwebdesigner.com/wp-content/uploads/2009/09/drop-down-multi-level-menus/sliding-jquery-drop-down-multi-level-menu-navigation.jpg" alt="sliding-jquery-drop-down-multi-level-menu-navigation" width="570" height="224" /></a></h2>
<p><a href="http://www.hv-designs.co.uk/tutorials/sliding_menu/sliding_menu.html" target="_blank"> </a></p>
<p><a href="http://www.hv-designs.co.uk/tutorials/sliding_menu/sliding_menu.html" target="_blank">Preview Demo</a></p>
<h2>9.<a href="http://www.andrewsellick.com/71/fancy-sliding-menu-for-mootools" target="_blank">Fancy Sliding Menu for Mootools</a></h2>
<h2><a href="http://www.andrewsellick.com/71/fancy-sliding-menu-for-mootools" target="_blank"><img src="http://www.1stwebdesigner.com/wp-content/uploads/2009/09/drop-down-multi-level-menus/fancy-sliding-drop-down-multi-level-menu-navigation.jpg" alt="fancy-sliding-drop-down-multi-level-menu-navigation" width="570" height="224" /></a></h2>
<p><a href="http://www.andrewsellick.com/examples/tabslideV2-mootools/" target="_blank"> </a></p>
<p><a href="http://www.andrewsellick.com/examples/tabslideV2-mootools/" target="_blank">Preview Demo</a></p>
<h2>10.<a href="http://www.jankoatwarpspeed.com/post/2009/01/19/Create-Vimeo-like-top-navigation.aspx" target="_blank"> Create Vimeo-like top navigation </a></h2>
<p>I’ve featured this Janko’s tutorial some time ago, but sometimes I  will repeat myself, since this article is completely dedicated to  showcase advanced drop down menus. Very detailed and well written  tutorial, with drop-down search options narrowing and targeting search  by checking options. Menu is done completely using just CSS, structure  is visually describet in the image below:</p>
<p><a href="http://www.jankoatwarpspeed.com/post/2009/01/19/Create-Vimeo-like-top-navigation.aspx" target="_blank"><img src="http://www.1stwebdesigner.com/wp-content/uploads/2009/09/drop-down-multi-level-menus/vimeo-drop-down-multi-level-menu-navigation.jpg" alt="vimeo-drop-down-multi-level-menu-navigation" width="570" height="224" /></a></p>
<p><a href="http://www.jankoatwarpspeed.com/examples/vimeo_navigation/" target="_blank"> </a></p>
<p><a href="http://www.jankoatwarpspeed.com/examples/vimeo_navigation/" target="_blank">Preview Demo</a></p>
<h2>11. <a href="http://www.roscripts.com/Building_a_dynamic_drop_down_menu-216.html" target="_blank">Dynamic PHP/CSS menu</a></h2>
<p><a href="http://www.roscripts.com/Building_a_dynamic_drop_down_menu-216.html" target="_blank"><img src="http://www.1stwebdesigner.com/wp-content/uploads/2009/09/drop-down-multi-level-menus/php-css-drop-down-multi-level-menu-navigation.jpg" alt="php-css-drop-down-multi-level-menu-navigation" width="570" height="224" /></a></p>
<p><a href="http://www.roscripts.com/uploads/articles/216/" target="_blank"> </a></p>
<p><a href="http://www.roscripts.com/uploads/articles/216/" target="_blank">Preview Demo</a></p>
<h2>12. <a href="http://mattberseth.com/blog/2007/12/creating_an_outlook_navigation.html" target="_blank">Creating an Outlook Navigation Bar using the ListView and Accordion Controls</a></h2>
<p><a href="http://mattberseth.com/blog/2007/12/creating_an_outlook_navigation.html" target="_blank"><img src="http://www.1stwebdesigner.com/wp-content/uploads/2009/09/drop-down-multi-level-menus/outlook-drop-down-multi-level-menu-navigation.jpg" alt="outlook-drop-down-multi-level-menu-navigation" width="570" height="224" /></a></p>
<p><a href="http://mattberseth2.com/demo/Default.aspx?Name=Creating+an+Outlook+Navigation+Bar+using+the+ListView+and+Accordion+Controls&amp;Filter=All" target="_blank"> </a></p>
<p><a href="http://mattberseth2.com/demo/Default.aspx?Name=Creating+an+Outlook+Navigation+Bar+using+the+ListView+and+Accordion+Controls&amp;Filter=All" target="_blank">Preview Demo</a></p>
<h2>13. <a href="http://www.clarklab.net/blog/posts/animated-drop-down-menu-with-jquery/" target="_blank">Animated Drop Down Menu with jQuery</a></h2>
<h2><a href="http://www.clarklab.net/blog/posts/animated-drop-down-menu-with-jquery/" target="_blank"><img src="http://www.1stwebdesigner.com/wp-content/uploads/2009/09/drop-down-multi-level-menus/animated-drop-down-multi-level-menu-navigation.jpg" alt="animated-drop-down-multi-level-menu-navigation" width="570" height="224" /></a></h2>
<p><a href="http://clarklab.net/blog/articles/dropdown/example.html" target="_blank"> </a></p>
<p><a href="http://clarklab.net/blog/articles/dropdown/example.html" target="_blank">Preview Demo</a></p>
<h2>14. <a href="http://labs.makotokw.com/s/jquery/menu" target="_blank">jQuery UI Potato Menu</a></h2>
<p><a href="http://labs.makotokw.com/s/jquery/menu" target="_blank"><img src="http://www.1stwebdesigner.com/wp-content/uploads/2009/09/drop-down-multi-level-menus/potato-ui-drop-down-multi-level-menu-navigation.jpg" alt="potato-ui-drop-down-multi-level-menu-navigation" width="570" height="224" /></a></p>
<p><a href="http://labs.makotokw.com/s/jquery/menu" target="_blank"> </a></p>
<p><a href="http://labs.makotokw.com/s/jquery/menu" target="_blank">Preview Demo</a></p>
<h2>15. <a href="http://www.sitepoint.com/blogs/2009/03/31/make-a-mega-drop-down-menu-with-jquery/" target="_blank">Make a Mega Drop-Down Menu with jQuery</a></h2>
<h2><a href="http://www.sitepoint.com/blogs/2009/03/31/make-a-mega-drop-down-menu-with-jquery/" target="_blank"><img src="http://www.1stwebdesigner.com/wp-content/uploads/2009/09/drop-down-multi-level-menus/mega-drop-down-multi-level-menu-navigation.jpg" alt="mega-drop-down-multi-level-menu-navigation" width="570" height="224" /></a></h2>
<p><a href="http://www.sitepoint.com/examples/megadropdowns/completed.html#" target="_blank"> </a></p>
<p><a href="http://www.sitepoint.com/examples/megadropdowns/completed.html#" target="_blank">Preview Demo</a></p>
<h2>16. <a href="http://www.cssplay.co.uk/menus/dd_valid.html" target="_blank">A cross-browser drop-down cascading validating menu</a></h2>
<p>Just simple CSS menu.</p>
<p><a href="http://www.cssplay.co.uk/menus/dd_valid.html" target="_blank"><img src="http://www.1stwebdesigner.com/wp-content/uploads/2009/09/drop-down-multi-level-menus/cross-browser-drop-down-multi-level-menu-navigation.jpg" alt="cross-browser-drop-down-multi-level-menu-navigation" width="570" height="224" /></a></p>
<p><a href="http://www.cssplay.co.uk/menus/dd_valid.html" target="_blank"> </a></p>
<p><a href="http://www.cssplay.co.uk/menus/dd_valid.html" target="_blank">Preview Demo</a></p>
<h2>17. <a href="http://www.alistapart.com/articles/horizdropdowns/" target="_blank">Drop-Down Menus, Horizontal Style</a></h2>
<p>Very old drop-down tutorial from year 2004, but if you are starting out – very useful tutorial and example.</p>
<p><a href="http://www.alistapart.com/articles/horizdropdowns/" target="_blank"><img src="http://www.1stwebdesigner.com/wp-content/uploads/2009/09/drop-down-multi-level-menus/horizontal-style-drop-down-multi-level-menu-navigation.jpg" alt="horizontal-style-drop-down-multi-level-menu-navigation" width="570" height="224" /></a></p>
<p><a href="http://www.alistapart.com/d/horizdropdowns/horizontal.htm" target="_blank"> </a></p>
<p><a href="http://www.alistapart.com/d/horizdropdowns/horizontal.htm" target="_blank">Preview Demo</a></p>
<h2>18. <a href="http://users.tpg.com.au/j_birch/plugins/superfish/" target="_blank">Superfish v1.4.8 – jQuery menu plugin by Joel Birch</a></h2>
<p>Superfish is an enhanced Suckerfish-style menu jQuery plugin that  takes an existing pure CSS drop-down menu (so it degrades gracefully  without JavaScript) and more features.</p>
<p><a href="http://users.tpg.com.au/j_birch/plugins/superfish/" target="_blank"><img src="http://www.1stwebdesigner.com/wp-content/uploads/2009/09/drop-down-multi-level-menus/superfish-jquery-drop-down-multi-level-menu-navigation.jpg" alt="superfish-jquery-drop-down-multi-level-menu-navigation" width="570" height="224" /></a></p>
<p><a href="http://users.tpg.com.au/j_birch/plugins/superfish/#examples" target="_blank"> </a></p>
<p><a href="http://users.tpg.com.au/j_birch/plugins/superfish/#examples" target="_blank">Preview Demo</a></p>
<h2>19. <a href="http://www.leigeber.com/2008/11/drop-down-menu/" target="_blank">JavaScript Dropdown Menu with Multi Levels</a></h2>
<p>This multi-level drop down menu script weighs in at only 1.2 KB. It  features animation, active header persistence, easy implementation and  multiple instance support.</p>
<p><a href="http://www.leigeber.com/2008/11/drop-down-menu/" target="_blank"><img src="http://www.1stwebdesigner.com/wp-content/uploads/2009/09/drop-down-multi-level-menus/javascript-drop-down-multi-level-menu-navigation-1.jpg" alt="javascript-drop-down-multi-level-menu-navigation-1" width="570" height="224" /></a></p>
<p><a href="http://sandbox.leigeber.com/dropdown-menu/index.html#" target="_blank"> </a></p>
<p><a href="http://sandbox.leigeber.com/dropdown-menu/index.html#" target="_blank">Preview Demo</a></p>
<h2>20. <a href="http://pupunzi.wordpress.com/2009/01/18/mbmenu/" target="_blank">jQuery (mb)Menu 2.7</a></h2>
<p>This is a powerful jQuery component to build easily a multilevel tree  menu or a contextual menu (right click) in an intuitive way!</p>
<p><a href="http://pupunzi.wordpress.com/2009/01/18/mbmenu/" target="_blank"><img src="http://www.1stwebdesigner.com/wp-content/uploads/2009/09/drop-down-multi-level-menus/jquery-drop-down-multi-level-menu-navigation.jpg" alt="jquery-drop-down-multi-level-menu-navigation" width="570" height="224" /></a></p>
<p><a href="http://www.open-lab.com/mb.ideas/index.html#" target="_blank"> </a></p>
<p><a href="http://www.open-lab.com/mb.ideas/index.html#" target="_blank">Preview Demo</a></p>
<h2>21. <a href="http://greengeckodesign.com/?q=menumatic" target="_blank">Menumatic</a></h2>
<p>MenuMatic is a MooTools 1.2 class that takes a sematic ordered or  unordered list of links and turns it into a dynamic drop down menu  system. For users without javascript, it falls back on a CSS menu</p>
<p><a href="http://greengeckodesign.com/?q=menumatic" target="_blank"><img src="http://www.1stwebdesigner.com/wp-content/uploads/2009/09/drop-down-multi-level-menus/menumatic-drop-down-multi-level-menu-navigation.jpg" alt="menumatic-drop-down-multi-level-menu-navigation" width="570" height="224" /></a></p>
<p><a href="http://greengeckodesign.com/projects/menumatic/examples/vertical/" target="_blank"> </a></p>
<p><a href="http://greengeckodesign.com/projects/menumatic/examples/vertical/" target="_blank">Preview Demo</a></p>
<h2>22. <a href="http://www.dynamicdrive.com/dynamicindex1/ddsmoothmenu.htm" target="_blank">Smooth Navigational Menu (v1.31)</a></h2>
<p>Smooth Navigation Menu is a multi level, CSS list based menu powered using jQuery that makes website navigation a smooth affair.</p>
<p><a href="http://www.dynamicdrive.com/dynamicindex1/ddsmoothmenu.htm" target="_blank"><img src="http://www.1stwebdesigner.com/wp-content/uploads/2009/09/drop-down-multi-level-menus/smooth-drop-down-multi-level-menu-navigation.jpg" alt="smooth-drop-down-multi-level-menu-navigation" width="570" height="224" /></a></p>
<p><a href="http://greengeckodesign.com/projects/menumatic/examples/vertical/" target="_blank"> </a></p>
<p><a href="http://greengeckodesign.com/projects/menumatic/examples/vertical/" target="_blank">Preview Demo</a></p>
<h2>23. <a href="http://abeautifulsite.net/notebook.php?article=58" target="_blank">jQuery File Tree</a></h2>
<p>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.</p>
<p><a href="http://abeautifulsite.net/notebook.php?article=58" target="_blank"><img src="http://www.1stwebdesigner.com/wp-content/uploads/2009/09/drop-down-multi-level-menus/jquery-tree-drop-down-multi-level-menu-navigation.jpg" alt="jquery-tree-drop-down-multi-level-menu-navigation" width="570" height="224" /></a></p>
<p><a href="http://abeautifulsite.net/notebook_files/58/demo/" target="_blank"> </a></p>
<p><a href="http://abeautifulsite.net/notebook_files/58/demo/" target="_blank">Preview Demo</a></p>
<h2>24. <a href="http://javascript-array.com/scripts/multi_level_drop_down_menu/?st" target="_blank">Longed-For Multi-Level Drop-Down Menu Script</a></h2>
<p><a href="http://javascript-array.com/scripts/multi_level_drop_down_menu/?st" target="_blank"><img src="http://www.1stwebdesigner.com/wp-content/uploads/2009/09/drop-down-multi-level-menus/longed-jquery-drop-down-multi-level-menu-navigation.jpg" alt="longed-jquery-drop-down-multi-level-menu-navigation" width="570" height="224" /></a></p>
<p><a href="http://javascript-array.com/scripts/multi_level_drop_down_menu/?st" target="_blank"> </a></p>
<p><a href="http://javascript-array.com/scripts/multi_level_drop_down_menu/?st" target="_blank">Preview Demo</a></p>
<h2>25. <a href="http://designreviver.com/tutorials/jquery-css-example-dropdown-menu/" target="_blank">jQuery &amp; CSS Example – Dropdown Menu</a></h2>
<p>This article is intended to describe an extremely basic, yet  extremely powerful, technique for adding dropdown menus in your  application user interface or website design.</p>
<p><a href="http://designreviver.com/tutorials/jquery-css-example-dropdown-menu/" target="_blank"><img src="http://www.1stwebdesigner.com/wp-content/uploads/2009/09/drop-down-multi-level-menus/designreviver-jquery-drop-down-multi-level-menu-navigation.jpg" alt="designreviver-jquery-drop-down-multi-level-menu-navigation" width="570" height="224" /></a></p>
<p><a href="http://javascript-array.com/scripts/multi_level_drop_down_menu/?st" target="_blank"> </a></p>
<p><a href="http://javascript-array.com/scripts/multi_level_drop_down_menu/?st" target="_blank">Preview Demo</a></p>
<h2>26. <a href="http://www.jankoatwarpspeed.com/post/2009/07/28/reinventing-drop-down-with-css-jquery.aspx" target="_blank">Reinventing a Drop Down with CSS and jQuery</a></h2>
<p><a href="http://www.jankoatwarpspeed.com/post/2009/07/28/reinventing-drop-down-with-css-jquery.aspx" target="_blank"><img src="http://www.1stwebdesigner.com/wp-content/uploads/2009/09/drop-down-multi-level-menus/reinventing-drop-down-multi-level-menu-navigation.jpg" alt="reinventing-drop-down-multi-level-menu-navigation" width="570" height="224" /></a></p>
<p><a href="http://www.jankoatwarpspeed.com/examples/reinventing-drop-down/" target="_blank"> </a></p>
<p><a href="http://www.jankoatwarpspeed.com/examples/reinventing-drop-down/" target="_blank">Preview Demo</a></p>
<h2>27. <a href="http://css-tricks.com/simple-jquery-dropdowns/" target="_blank">Simple jQuery Dropdowns</a></h2>
<p>Very stripped down code and minimal styling, yet still dropdown menu has all the functionality typically needed.</p>
<p><a href="http://css-tricks.com/simple-jquery-dropdowns/" target="_blank"><img src="http://www.1stwebdesigner.com/wp-content/uploads/2009/09/drop-down-multi-level-menus/simple-jquery-drop-down-multi-level-menu-navigation.jpg" alt="simple-jquery-drop-down-multi-level-menu-navigation" width="570" height="224" /></a></p>
<p><a href="http://css-tricks.com/examples/SimplejQueryDropdowns/" target="_blank"> </a></p>
<p><a href="http://css-tricks.com/examples/SimplejQueryDropdowns/" target="_blank">Preview Demo</a></p>
<h2>28. <a href="http://www.devirtuoso.com/2009/08/styling-drop-down-boxes-with-jquery/" target="_blank">Styling Drop Down Boxes with jQuery</a></h2>
<p>One problem with HTML forms is it is hard to style the elements to  fit into your design.  The tutorial will show you how to style the  hardest of them all, the select box.</p>
<p><a href="http://www.devirtuoso.com/2009/08/styling-drop-down-boxes-with-jquery/" target="_blank"><img src="http://www.1stwebdesigner.com/wp-content/uploads/2009/09/drop-down-multi-level-menus/styling-jquery-drop-down-multi-level-menu-navigation.jpg" alt="styling-jquery-drop-down-multi-level-menu-navigation" width="570" height="224" /></a></p>
<p><a href="http://www.devirtuoso.com/Examples/Styling-Dropdown/" target="_blank"> </a></p>
<p><a href="http://www.devirtuoso.com/Examples/Styling-Dropdown/" target="_blank">Preview Demo</a></p>
<h2>29. <a href="http://www.filamentgroup.com/lab/jquery_ipod_style_drilldown_menu" target="_blank">jQuery iPod-style Drilldown Menu</a></h2>
<p><a href="http://www.filamentgroup.com/lab/jquery_ipod_style_drilldown_menu" target="_blank"><img src="http://www.1stwebdesigner.com/wp-content/uploads/2009/09/drop-down-multi-level-menus/ipod-drop-down-multi-level-menu-navigation.jpg" alt="ipod-drop-down-multi-level-menu-navigation" width="570" height="224" /></a></p>
<p><a href="http://www.filamentgroup.com/examples/menusHierarchical/" target="_blank"> </a></p>
<p><a href="http://www.filamentgroup.com/examples/menusHierarchical/" target="_blank">Preview Demo</a></p>
<h2>30. <a href="http://www.filamentgroup.com/lab/jquery_ipod_style_and_flyout_menus/" target="_blank">jQuery Menu: Dropdown, iPod Drilldown, and Flyout styles with ARIA Support and ThemeRoller Ready</a></h2>
<p>Newer version of previous iPod style menu.</p>
<p><a href="http://www.filamentgroup.com/lab/jquery_ipod_style_and_flyout_menus/" target="_blank"><img src="http://www.1stwebdesigner.com/wp-content/uploads/2009/09/drop-down-multi-level-menus/recreated-drop-down-multi-level-menu-navigation.jpg" alt="recreated-drop-down-multi-level-menu-navigation" width="570" height="224" /></a></p>
<p><a href="http://www.filamentgroup.com/examples/menus/ipod.php" target="_blank"> </a></p>
<p><a href="http://www.filamentgroup.com/examples/menus/ipod.php" target="_blank">Preview Demo</a></p>
<h2>31. <a href="http://www.givainc.com/labs/mcdropdown_jquery_plugin.htm" target="_blank">mcDropdown jQuery Plug-in v1.2.07</a></h2>
<p><a href="http://www.givainc.com/labs/mcdropdown_jquery_plugin.htm" target="_blank"><img src="http://www.1stwebdesigner.com/wp-content/uploads/2009/09/drop-down-multi-level-menus/mc-plugin-drop-down-multi-level-menu-navigation.jpg" alt="mc-plugin-drop-down-multi-level-menu-navigation" width="570" height="224" /></a></p>
<p><a href="http://www.givainc.com/labs/mcdropdown_jquery_plugin.htm" target="_blank"> </a></p>
<p><a href="http://www.givainc.com/labs/mcdropdown_jquery_plugin.htm" target="_blank">Preview Demo</a></p>
<h2>32. <a href="http://www.dynamicdrive.com/style/csslibrary/item/jquery_drop_line_tabs/" target="_blank">jQuery Drop Line Tabs</a></h2>
<p>This menu turns a nested UL list into a horizontal drop line tabs  menu. The top level tabs are rounded on each side thanks to the use of  two transparent background images, while the sub ULs each appear as a  single row of links that drop down when the mouse rolls over its parent  LI.</p>
<p><a href="http://www.dynamicdrive.com/style/csslibrary/item/jquery_drop_line_tabs/" target="_blank"><img src="http://www.1stwebdesigner.com/wp-content/uploads/2009/09/drop-down-multi-level-menus/jquery-tabs-drop-down-multi-level-menu-navigation.jpg" alt="jquery-tabs-drop-down-multi-level-menu-navigation" width="570" height="224" /></a></p>
<p><a href="http://www.dynamicdrive.com/style/csslibrary/item/jquery_drop_line_tabs/" target="_blank"> </a></p>
<p><a href="http://www.dynamicdrive.com/style/csslibrary/item/jquery_drop_line_tabs/" target="_blank">Preview Demo</a></p>
<h2>33. <a href="http://www.javascriptkit.com/script/script2/jkmegamenu.shtml" target="_blank">Cut &amp; Paste jQuery Mega Menu</a></h2>
<p>Mega Menus refer to drop down menus that contain multiple columns of  links. This jQuery script lets you add a mega menu to any anchor link on  your page, with each menu revealed using a sleek expanding animation.  Customize the animation duration plus delay before menu disappears when  the mouse rolls out of the anchor. Mega cool!</p>
<p><a href="http://www.javascriptkit.com/script/script2/jkmegamenu.shtml" target="_blank"><img src="http://www.1stwebdesigner.com/wp-content/uploads/2009/09/drop-down-multi-level-menus/cut-paste-drop-down-multi-level-menu-navigation-1.jpg" alt="cut-paste-drop-down-multi-level-menu-navigation-1" width="570" height="224" /></a></p>
<p><a href="http://www.javascriptkit.com/script/script2/jkmegamenu.shtml" target="_blank"> </a></p>
<p><a href="http://www.javascriptkit.com/script/script2/jkmegamenu.shtml" target="_blank">Preview Demo</a></p>
<h2>34. <a href="http://www.stunicholls.com/menu/pro_dropdown_2.html" target="_blank">Professional dropdown #2</a></h2>
<p><a href="http://www.stunicholls.com/menu/pro_dropdown_2.html" target="_blank"><img src="http://www.1stwebdesigner.com/wp-content/uploads/2009/09/drop-down-multi-level-menus/professional-drop-down-multi-level-menu-navigation.jpg" alt="professional-drop-down-multi-level-menu-navigation" width="570" height="224" /></a></p>
<p><a href="http://www.stunicholls.com/menu/pro_dropdown_2.html" target="_blank"> </a></p>
<p><a href="http://www.stunicholls.com/menu/pro_dropdown_2.html" target="_blank">Preview Demo</a></p>
<h2>35. <a href="http://www.emanuelblagonic.com/2006/10/11/create-your-own-drop-down-menu-with-nested-submenus-using-css-and-a-little-javascript/" target="_blank">Drop down menu with nested submenus</a></h2>
<p>Create your own drop down menu with nested submenus using CSS and a little JavaScript.</p>
<p><a href="http://www.emanuelblagonic.com/2006/10/11/create-your-own-drop-down-menu-with-nested-submenus-using-css-and-a-little-javascript/" target="_blank"><img src="http://www.1stwebdesigner.com/wp-content/uploads/2009/09/drop-down-multi-level-menus/nested-drop-down-multi-level-menu-navigation-1.jpg" alt="nested-drop-down-multi-level-menu-navigation-1" width="570" height="224" /></a></p>
<p><a href="http://playground.emanuelblagonic.com/creating-nested-drop-down-menus/" target="_blank"> </a></p>
<p><a href="http://playground.emanuelblagonic.com/creating-nested-drop-down-menus/" target="_blank">Preview Demo</a></p>
<h2>36. <a href="http://jdsharp.us/jQuery/plugins/jdMenu/" target="_blank">jdMenu Hierarchical Menu Plugin</a></h2>
<p>The jdMenu plugin for jQuery provides a clean, simple and elegant  solution for creating hierarchical drop down menus for websites to web  applications.</p>
<p><a href="http://jdsharp.us/jQuery/plugins/jdMenu/" target="_blank"><img src="http://www.1stwebdesigner.com/wp-content/uploads/2009/09/drop-down-multi-level-menus/jdmenu-drop-down-multi-level-menu-navigation.jpg" alt="jdmenu-drop-down-multi-level-menu-navigation" width="570" height="224" /></a></p>
<p><a href="http://jdsharp.us/jQuery/plugins/jdMenu/" target="_blank"> </a></p>
<p><a href="http://jdsharp.us/jQuery/plugins/jdMenu/" target="_blank">Preview Demo</a></p>
<h2>37. <a href="http://www.dynamicdrive.com/dynamicindex1/indexc.html" target="_blank">Dynamic Drive – Multiple Level Menus</a></h2>
<p>A lot of free advanced CSS and Javascript drop down menus are  available here. There are also instructions and advices how do use and  modify them.</p>
<p><a href="http://www.dynamicdrive.com/dynamicindex1/indexc.html" target="_blank"><img src="http://www.1stwebdesigner.com/wp-content/uploads/2009/09/drop-down-multi-level-menus/dynamic-drive-drop-down-multi-level-menu-navigation-1.jpg" alt="dynamic-drive-drop-down-multi-level-menu-navigation-1" width="570" height="344" /></a></p>
<h2>38. <a href="http://www.izzymenu.com/" target="_blank">IzzyMenu – Menu Builder – Build your pro CSS/DHTML Menu</a></h2>
<p>Choose from dozens ready styles or create your own menu style. They  are low in file size, so won’t consume a lot of bandwidth from your  hosting. IzzyMenu, online menu generator is the best solution for  amateurs and professionals!</p>
<p><a href="http://www.izzymenu.com/" target="_blank"><img src="http://www.1stwebdesigner.com/wp-content/uploads/2009/09/drop-down-multi-level-menus/izzymenu-drop-down-multi-level-menu-navigation-1.jpg" alt="izzymenu-drop-down-multi-level-menu-navigation-1" width="570" height="224" /></a></p>
<p>Muchos de estos menús funcionan fuera del la interface de joomla, teniendo en cuenta que apra hacer un menú en joomla o wordpress es necesario tener esta estructura:</p>
<pre>&lt;ul&gt;
   &lt;li&gt;&lt;a href="#"&gt;Inicio&lt;/a&gt;
      &lt;ul&gt;
         &lt;li&gt;&lt;a href="#"&gt;¿Qué es jQuery?&lt;/a&gt;&lt;/li&gt;
         &lt;li&gt;&lt;a href="#"&gt;¿Por qué debería usarlo?&lt;/a&gt;&lt;/li&gt;
         &lt;li&gt;&lt;a href="#"&gt;¿Por qué tengo que seguir poniendo elementos de lista?&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
   &lt;/li&gt;
   &lt;li&gt;&lt;a href="#"&gt;Ejemplos&lt;/a&gt;
      &lt;ul&gt;
         &lt;li&gt;&lt;a href="#"&gt;Menú desplegable&lt;/a&gt;&lt;/li&gt;
         &lt;li&gt;&lt;a href="#"&gt;Fade-in, fade-out&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
   &lt;/li&gt;
   &lt;li&gt;&lt;a href="#"&gt;Contacto&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;

y no usar clases. Así mismo podríamos tener problemas si usamos al mismo tiempo el mootools y jQuery.
</pre>
<p>contesía: <a href="http://www.1stwebdesigner.com/resources/38-jquery-and-css-drop-down-multi-level-menu-solutions/" target="_blank">http://www.1stwebdesigner.com/resources/38-jquery-and-css-drop-down-multi-level-menu-solutions/</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.disenowebbogota.com/index.php/hacer-submenus-con-javascript/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Emulador para IE6 IE7</title>
		<link>http://www.disenowebbogota.com/index.php/emulador-para-ie6-ie7/</link>
		<comments>http://www.disenowebbogota.com/index.php/emulador-para-ie6-ie7/#comments</comments>
		<pubDate>Fri, 18 Jun 2010 15:30:05 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Blog]]></category>

		<guid isPermaLink="false">http://www.disenowebbogota.com/?p=107</guid>
		<description><![CDATA[Para las personas que trabajamos en este medio y que además trabajamos con css siempre tenemos la horrible labor de lidiar con IE6, ya que este explorador no respeta los estandares, por tal razón terminamos haciendo varios css para un mismo proyecto. Pero ¿como instalamos en nuestro computador con windows vista, 7 (64 Bits) en [...]]]></description>
			<content:encoded><![CDATA[<p>Para las personas que trabajamos en este medio y que además trabajamos con css siempre tenemos la horrible labor de lidiar con IE6, ya que este explorador no respeta los estandares, por tal razón terminamos haciendo varios css para un mismo proyecto. Pero ¿como instalamos en nuestro computador con windows vista, 7 (64 Bits) en donde ya tenemos el IE8 (Internet Explorer) ?¿.</p>
<p>Pues bueno la solución es un programa que nos deja testear nuestra página web en las diferentes versiones de Internet Explorer:</p>
<p><a title="http://www.my-debugbar.com/wiki/IETester/HomePage" href="http://" target="_blank">Descargar programa para emular IE6</a></p>
<p><img class="alignnone" title="Emulador IE6" src="http://www.my-debugbar.com/wiki/uploads/IETester/ietester-0.3.png" alt="" width="793" height="459" /></p>
]]></content:encoded>
			<wfw:commentRss>http://www.disenowebbogota.com/index.php/emulador-para-ie6-ie7/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>20 Ejemplos de páginas web 404</title>
		<link>http://www.disenowebbogota.com/index.php/20-ejemplos-de-paginas-web-404/</link>
		<comments>http://www.disenowebbogota.com/index.php/20-ejemplos-de-paginas-web-404/#comments</comments>
		<pubDate>Tue, 01 Jun 2010 23:32:36 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Blog]]></category>

		<guid isPermaLink="false">http://www.disenowebbogota.com/?p=105</guid>
		<description><![CDATA[Cuando una página no encuentra un fichero por lo geneal  muestra un error conocido como 404.
Hay quienes han optimizado sus página para que el usuario pase una buena experiencia dentro del sitio a pesar de no encontrar el archivo deseado:
1-Bluedaniel

2-Mundofox

3-Spore

4-Ferdaze

5-iFolderLinks

6-Dundeeliving

7-Martinkorner

8-Renkoo

9-D20srd

10-Jhuskisson

11-Slonky

12-Propeller

13-Reddit

14-YourWebJob

15-ChrisGlass

16-Coldink

17-Wufoo

18-Hornets247


19-Mixx

20-iStockphoto

Tomado de http://www.cyberdesignz.com/blog/2010/04/20-best-404-error-page-design-examples-to-enhance-the-usability-of-your-site/
]]></description>
			<content:encoded><![CDATA[<p>Cuando una página no encuentra un fichero por lo geneal  muestra un error conocido como <a href="http://es.wikipedia.org/wiki/Error_404" target="_blank">404</a>.</p>
<p>Hay quienes han optimizado sus página para que el usuario pase una buena experiencia dentro del sitio a pesar de no encontrar el archivo deseado:</p>
<p><strong>1-Bluedaniel</strong></p>
<p><strong><a rel="nofollow" href="http://www.bluedaniel.com/404"><img title="Bluedaniel" src="http://www.cyberdesignz.com/blog/wp-content/uploads/2010/04/Bluedaniel-400x187.jpg" alt="web designing" width="400" height="187" /></a></strong></p>
<p><strong>2-Mundofox</strong></p>
<p><strong><a rel="nofollow" href="http://mundofox.com/404"><img title="Mundofox" src="http://www.cyberdesignz.com/blog/wp-content/uploads/2010/04/Mundofox-400x187.jpg" alt="web designing" width="400" height="187" /></a></strong></p>
<p><strong>3-Spore</strong></p>
<p><strong><a rel="nofollow" href="http://www.spore.com/404"><img title="Spore" src="http://www.cyberdesignz.com/blog/wp-content/uploads/2010/04/Spore-400x187.jpg" alt="" width="400" height="187" /></a></strong></p>
<p><strong>4-Ferdaze</strong></p>
<p><strong><a rel="nofollow" href="http://www.ferdaze.com/errors/401/"><img title="Ferdaze" src="http://www.cyberdesignz.com/blog/wp-content/uploads/2010/04/Ferdaze-400x187.jpg" alt="" width="400" height="187" /></a></strong></p>
<p><strong>5-iFolderLinks</strong></p>
<p><strong><a rel="nofollow" href="http://ifolderlinks.ru/404/"><img title="iFolderLinks" src="http://www.cyberdesignz.com/blog/wp-content/uploads/2010/04/iFolderLinks-400x187.jpg" alt="web designing" width="400" height="187" /></a></strong></p>
<p><strong>6-Dundeeliving</strong></p>
<p><strong><a rel="nofollow" href="http://www.dundeeliving.co.uk/404"><img title="Dundeeliving" src="http://www.cyberdesignz.com/blog/wp-content/uploads/2010/04/Dundeeliving-400x187.jpg" alt="web designing" width="400" height="187" /></a></strong></p>
<p><strong>7-Martinkorner</strong></p>
<p><strong><a rel="nofollow" href="http://www.martinkorner.co.uk/404df"><img title="Martinkorner" src="http://www.cyberdesignz.com/blog/wp-content/uploads/2010/04/Martinkorner-400x187.jpg" alt="web designing" width="400" height="187" /></a></strong></p>
<p><strong>8-Renkoo</strong></p>
<p><strong><a rel="nofollow" href="http://renkoo.com/404.html"><img title="Renkoo" src="http://www.cyberdesignz.com/blog/wp-content/uploads/2010/04/Renkoo-400x187.jpg" alt="web designing" width="400" height="187" /></a></strong></p>
<p><strong>9-D20srd</strong></p>
<p><strong><a rel="nofollow" href="http://www.d20srd.org/404-not-found"><img title="D20srd" src="http://www.cyberdesignz.com/blog/wp-content/uploads/2010/04/D20srd-400x187.jpg" alt="web designing" width="400" height="187" /></a></strong></p>
<p><strong>10-Jhuskisson</strong></p>
<p><strong><a rel="nofollow" href="http://www.jhuskisson.com/404/"><img title="Jhuskisson" src="http://www.cyberdesignz.com/blog/wp-content/uploads/2010/04/Jhuskisson-400x187.jpg" alt="web designing" width="400" height="187" /></a></strong></p>
<p><strong>11-Slonky</strong></p>
<p><strong><a rel="nofollow" href="http://slonky.com/404"><img title="Slonky" src="http://www.cyberdesignz.com/blog/wp-content/uploads/2010/04/Slonky-400x187.jpg" alt="web designing" width="400" height="187" /></a></strong></p>
<p><strong>12-Propeller</strong></p>
<p><strong><a rel="nofollow" href="http://www.propeller.com/top/404/"><img title="Propeller" src="http://www.cyberdesignz.com/blog/wp-content/uploads/2010/04/Propeller-400x187.jpg" alt="web designing" width="400" height="187" /></a></strong></p>
<p><strong>13-Reddit</strong></p>
<p><strong><a rel="nofollow" href="http://www.reddit.com/404"><img title="Reddit" src="http://www.cyberdesignz.com/blog/wp-content/uploads/2010/04/Reddit-400x187.jpg" alt="web designing" width="400" height="187" /></a></strong></p>
<p><strong>14-YourWebJob</strong></p>
<p><strong><a rel="nofollow" href="http://yourwebjob.com/404"><img title="YourWebJob" src="http://www.cyberdesignz.com/blog/wp-content/uploads/2010/04/YourWebJob-400x187.jpg" alt="web designing" width="400" height="187" /></a></strong></p>
<p><strong>15-ChrisGlass</strong></p>
<p><strong><a rel="nofollow" href="http://chrisglass.com/404"><img title="ChrisGlass" src="http://www.cyberdesignz.com/blog/wp-content/uploads/2010/04/ChrisGlass-400x187.jpg" alt="" width="400" height="187" /></a></strong></p>
<p><strong>16-Coldink</strong></p>
<p><strong><a rel="nofollow" href="http://www.coldink.net/404"><img title="Coldink" src="http://www.cyberdesignz.com/blog/wp-content/uploads/2010/04/Coldink-400x187.jpg" alt="web designing" width="400" height="187" /></a></strong></p>
<p><strong>17-Wufoo</strong></p>
<p><strong><a rel="nofollow" href="http://wufoo.com/404/"><img title="Wufoo" src="http://www.cyberdesignz.com/blog/wp-content/uploads/2010/04/Wufoo-400x187.jpg" alt="web designing" width="400" height="187" /></a></strong></p>
<p><strong>18-Hornets247</strong></p>
<p><strong><a rel="nofollow" href="http://www.hornets247.com/index.php"><img title="Hornets247" src="http://www.cyberdesignz.com/blog/wp-content/uploads/2010/04/Hornets247-400x187.jpg" alt="" width="400" height="187" /></a><br />
</strong></p>
<p><strong>19-Mixx</strong></p>
<p><strong><a rel="nofollow" href="http://www.mixx.com/404"><img title="Mixx" src="http://www.cyberdesignz.com/blog/wp-content/uploads/2010/04/Mixx-400x187.jpg" alt="" width="400" height="187" /></a></strong></p>
<p><strong>20-iStockphoto</strong></p>
<p><strong><a rel="nofollow" href="http://www.istockphoto.com/4041"><img title="iStockphoto" src="http://www.cyberdesignz.com/blog/wp-content/uploads/2010/04/iStockphoto-400x187.jpg" alt="" width="400" height="187" /></a></strong></p>
<p><strong>Tomado de </strong>http://www.cyberdesignz.com/blog/2010/04/20-best-404-error-page-design-examples-to-enhance-the-usability-of-your-site/</p>
]]></content:encoded>
			<wfw:commentRss>http://www.disenowebbogota.com/index.php/20-ejemplos-de-paginas-web-404/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Uso de social media</title>
		<link>http://www.disenowebbogota.com/index.php/uso-de-social-media/</link>
		<comments>http://www.disenowebbogota.com/index.php/uso-de-social-media/#comments</comments>
		<pubDate>Thu, 29 Apr 2010 16:01:24 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Blog]]></category>

		<guid isPermaLink="false">http://www.disenowebbogota.com/?p=100</guid>
		<description><![CDATA[Interesante articulo publicado por http://www.readwriteweb.es en donde nos aclara que el uso de facebook o twiter no es siempre necesario. Entonces, ¿cuando no hacer uso de los social media como Facebook o twiter?:
Según B&#38;B, una revista de estrategias de marketing, no cabe duda de que hay algunas situaciones en las que debemos evitar el uso [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.disenowebbogota.com/wp-content/uploads/2010/04/facebook_twetter_no_uso.jpg"><img class="alignnone size-full wp-image-101" title="facebook_twetter_no_uso" src="http://www.disenowebbogota.com/wp-content/uploads/2010/04/facebook_twetter_no_uso.jpg" alt="facebook twetter prohibido" width="274" height="54" /></a>Interesante articulo publicado por http://www.readwriteweb.es en donde nos aclara que el uso de facebook o twiter no es siempre necesario. Entonces, ¿cuando no hacer uso de los social media como Facebook o twiter?:</p>
<p>Según B&amp;B, una revista de estrategias de <strong>marketing</strong>, no cabe duda de que hay algunas situaciones en las que debemos evitar el uso de social media. En un <a title="Artículo original en inglés" onclick="javascript:pageTracker._trackPageview('/outbound/article/www.btobonline.com');" href="http://www.btobonline.com/apps/pbcs.dll/article?AID=/20090406/FREE/304069979/1109/rss10&amp;rssfeed=rss10#seenit" target="_blank">artículo reciente</a> (en inglés) las enumeraban:</p>
<ol>
<li><strong>Si somos una empresa que ofrece servicios costosos</strong>: el artículo sugiere que las empresas dedicadas a unos pocos clientes que gastan decenas de millones de dólares en ellas al año pueden ahorrarse el uso de social media. En lugar de éstos, la interacción cara a cara y las llamadas telefónicas funcionarán mejor.</li>
<li> <strong>Desavenencias con los empleados</strong>: en algunas empresas, la directiva y los empleados están en conflicto constante. (En el artículo daban un ejemplo de una plantilla sindicalizada en la que eran frecuentes los conflictos entre directiva y trabajadores.) Este tipo de empresa tampoco debería animar a sus empleados a comunicarse directamente con los clientes usando los social media.</li>
<li> <strong>Escepticismo en la directiva</strong>: si la directiva no cree en los social media, los empleados que llevan años oyendo que es necesario filtrar las comunicaciones públicas dudarán a la hora de probar un medio nuevo en el que se les pida que hablen abiertamente. En esta situación, la directiva debe fomentar y premiar la participación para hacer funcionar los social media. Si no lo hacen, éstos fracasarán.</li>
<li> <strong>Vacío estratégico</strong>: no nos dediquemos a los social media porque sí. Si una empresa no sabe qué intenta lograr, no tendrá nada que evaluar ni referentes para determinar el éxito o fracaso. Como sucede con cualquier otra iniciativa que adopte una empresa, debe haber un objetivo… y ese objetivo no debería ser distribuir una nota de prensa.</li>
<li> <strong>Preocupaciones en cuanto a privacidad y normativa</strong>: si trabajamos para una empresa en la que lo que digamos en público puede llevarnos a la cárcel, debemos proceder con cautela. Probablemente incluso necesitemos abogados.</li>
</ol>
<h2>Sin embargo, no temamos intentarlo</h2>
<p>Una vez dicho todo esto, salvo excepciones concretas, sigue habiendo muchas oportunidades de crecimiento en el terreno de los social media. Por ejemplo, los resultados de una reciente encuesta por parte del especialista en análisis de marketing WebTrends dieron como resultado que sólo un 2% de las empresas estaban usando <strong>Twitter</strong> como herramienta de marketing. <em>Sólo un 2%; es algo increíble.</em></p>
<p>Quizá el problema sea que las empresas dudan en lanzarse al agua porque no están seguras de cómo proceder. Los participantes en comunidades de social media, por ejemplo, los de Twitter, pueden ser muy críticos con las empresas que consideran que “no lo están haciendo bien”. La reacción negativa puede ser brutal… y no necesariamente buena para nuestra marca. En otras palabras, las empresas que piensen participar en esta plataforma sin duda deberían pensárselo antes de dar el salto.</p>
<p>Casualmente, éste es exactamente el consejo que Sarah Milstein dio en la feria <a title="Home de la Web 2.0 Expo" onclick="javascript:pageTracker._trackPageview('/outbound/article/www.web2expo.com');" href="http://www.web2expo.com/webexsf2009" target="_blank">Web 2.0 Expo</a> en San Francisco. En su sesión “Twitter eficaz”, recomendó a las empresas tener en cuenta las siguientes preguntas antes de lanzarse a utilizarlo:</p>
<ul>
<li> ¿Qué cambiará en 2, 6, 12 meses como consecuencia de tener una cuenta de Twitter?</li>
<li> ¿Con quién esperamos conectar?</li>
<li> ¿Qué clase de información les resulta interesante?</li>
<li> ¿Qué podría salir mal? ¿Qué expectativas podrían tener de nosotros?</li>
</ul>
<p>(Su sesión también incluyó varios otros recursos muy buenos, la lista se puede consultar en el <a title="Enlace para descargar el resumen en PDF" onclick="javascript:pageTracker._trackPageview('/outbound/article/assets.en.oreilly.com');" href="http://assets.en.oreilly.com/1/event/22/Effective%20Twitter%20for%20Communication%20_%20Product%20Integration%20Presentation%201.pdf" target="_blank">resumen en PDF</a> en inglés).</p>
<p>Durante la presentación de Milstein, los asistentes anotaban frenéticamente cada una de sus palabras como si fuese la primera vez que oían esta información. Por supuesto, es probable que lo fuera. Para algunos de los que utilizamos constantemente esta tecnología, los usos correctos e incorrectos de Twitter no son nada nuevo, pero está claro que para mucha gente, esta información es increíblemente nueva… e intimidante.</p>
<p>Se trata de territorio inexplorado para numerosas empresas, y muchas de ellas están empezando justo ahora a considerar sus estrategias y niveles de participación. Esta tendencia podía observarse en acción literalmente en la feria. En ella, algunas de las sesiones más importantes, las que estaban tan abarrotadas que no quedaban asientos, eran específicamente sobre social media y marketing. Twitter, <strong>Facebook</strong>, creación de <strong>comunidades</strong>, etc… el público pedía más y más.</p>
<p>Esto nos hace plantearnos si 2009 ha sido el año en que los social media realmente se han convertido en una herramienta de uso común. ¿Seguirán, por el contrario, los experimentos? Creemos que es posible que se den ambas posibilidades. Las empresas probarán usos nuevos para los social media. Algunos tendrán éxito y otros fracasarán, pero al final los experimentos dirigidos por las grandes marcas serán los que contribuyan a llevar los social media a más gente aún.</p>
<p>Por supuesto, tampoco viene nada mal que las celebridades de Hollywood se registren en Twitter.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.disenowebbogota.com/index.php/uso-de-social-media/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Descargar loops para flash</title>
		<link>http://www.disenowebbogota.com/index.php/descargar-loops-para-flash/</link>
		<comments>http://www.disenowebbogota.com/index.php/descargar-loops-para-flash/#comments</comments>
		<pubDate>Wed, 28 Apr 2010 16:05:30 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Blog]]></category>

		<guid isPermaLink="false">http://www.disenowebbogota.com/?p=94</guid>
		<description><![CDATA[
Es algo común que alguien que esté empezando en este tema quiera introducir un loop (música de fondo que se repite indefinidamente) a una película flash, pero tambien es muy común que no se sepa editar audio. Por tal razón dejo este link para que descarguen el loop que mejor se adapate a su proyecto: [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.disenowebbogota.com/wp-content/uploads/2010/04/wav.jpg"><img class="alignnone size-full wp-image-95" title="loop wave" src="http://www.disenowebbogota.com/wp-content/uploads/2010/04/wav.jpg" alt="" width="382" height="246" /></a></p>
<p>Es algo común que alguien que esté empezando en este tema quiera introducir un loop (música de fondo que se repite indefinidamente) a una película flash, pero tambien es muy común que no se sepa editar audio. Por tal razón dejo este link para que descarguen el loop que mejor se adapate a su proyecto: <a href="http://www.flashkit.com/loops/" target="_blank">http://www.flashkit.com/loops/</a><br />
Recuerde introducir el sonido en formato .wav y en modo de evento.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.disenowebbogota.com/index.php/descargar-loops-para-flash/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Enlaces amigables en WordPress sin .htaccess</title>
		<link>http://www.disenowebbogota.com/index.php/enlaces-amigables-en-wordpress-sin-htaccess/</link>
		<comments>http://www.disenowebbogota.com/index.php/enlaces-amigables-en-wordpress-sin-htaccess/#comments</comments>
		<pubDate>Fri, 23 Apr 2010 15:58:47 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Blog]]></category>

		<guid isPermaLink="false">http://www.disenowebbogota.com/?p=12</guid>
		<description><![CDATA[Para todos aquellos que hacen páginas en este espectacular gestor de contenidos, obviamente enfocado a la creación de blogs. Les traigo como hacer de sus enlaces comunes enlaces amigables.
(Los enlaces amigables ayudan a nuestro usuario a recordar direcciones, y por otro lado facilita el posicionamiento en buscadores.)
Seguramente ya habrán leido sobre .htaccess y estarán un [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.disenowebbogota.com/wp-content/uploads/2010/04/Enlaces_amigables-300x233.jpg"><img class="alignleft size-full wp-image-11" title="Enlaces_amigables-300x233" src="http://www.disenowebbogota.com/wp-content/uploads/2010/04/Enlaces_amigables-300x233.jpg" alt="enlaces amigables" width="210" height="163" /></a>Para todos aquellos que hacen páginas en este espectacular gestor de contenidos, obviamente enfocado a la creación de blogs. Les traigo como hacer de sus enlaces comunes enlaces amigables.</p>
<p>(Los enlaces amigables ayudan a nuestro usuario a recordar direcciones, y por otro lado facilita el posicionamiento en buscadores.)</p>
<p>Seguramente ya habrán leido sobre .htaccess y estarán un poco frustrados si no tienen el perfil de programador, o quizas el servidor no soporta dichos archivos. Así pues les dejo este &#8220;truquito&#8221; para realizar nuestros enlaces amistoso en wordpress:</p>
<ol>
<li>En tu panel de WordPress vete a Opciones y luego Permalinks (o  enlaces permanentes, dependiendo de la traducción de WP que estés  usando)</li>
<li>Selecciona la opción “Estructura personalizada” y escribe allí <code>/index.php/%postname%/</code>.  Guarda los cambios.</li>
</ol>
<p>La explicación:</p>
<p>Bien simple: como no tenemos la posibilidad de utilizar urls amigables  usando .htaccess, <strong>hacemos que cualquier url interna de nuestro  weblog pase por el archivo index.php </strong>que podrá comprender la  estructura y enviarte directamente a la url final. Funciona exactamente  igual que la configuración más común para los enlaces de WordPress que  es <code>/%postname%/</code> pero sólo delegaremos las urls no al .htaccess  sino a nuestro index.php</p>
<p>Tomado de: http://www.marlexsystems.org/urls-amigables-en-wordpress-sin-htaccess/7434/</p>
]]></content:encoded>
			<wfw:commentRss>http://www.disenowebbogota.com/index.php/enlaces-amigables-en-wordpress-sin-htaccess/feed/</wfw:commentRss>
		<slash:comments>16</slash:comments>
		</item>
		<item>
		<title>Descargar vectores</title>
		<link>http://www.disenowebbogota.com/index.php/descargar-vectores/</link>
		<comments>http://www.disenowebbogota.com/index.php/descargar-vectores/#comments</comments>
		<pubDate>Fri, 23 Apr 2010 15:55:35 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Blog]]></category>

		<guid isPermaLink="false">http://www.disenowebbogota.com/?p=7</guid>
		<description><![CDATA[Recopilación de vectores gratis]]></description>
			<content:encoded><![CDATA[<p>Esta es una recopilación de muy buenos sites para descargar vectores (free vectors)   para nuestros diseños web.</p>
<p>Yo recomiendo modificarlos un poco para que  no todo se vea igual:</p>
<p><a href="http://www.vectorvault.com/tags/free-downloads/"> </a><a href="http://www.disenowebbogota.com/wp-content/uploads/2010/04/vectores.jpg"><img class="alignnone size-full wp-image-8" title="vectores gratis" src="http://www.disenowebbogota.com/wp-content/uploads/2010/04/vectores.jpg" alt="descargar vectores gratis" width="300" height="270" /></a></p>
<h4><a href="http://www.vectorvault.com/tags/free-downloads/">Vectorvault</a></h4>
<p><a href="http://www.vectorvault.com/tags/free-downloads/"><img src="http://farm4.static.flickr.com/3436/3314847309_68577d40b4.jpg?v=0" alt="VectorVault" width="494" height="242" /></a> <a href="http://www.gomediazine.com/category/freebies/"> </a></p>
<h4><a href="http://www.gomediazine.com/category/freebies/">GoMediaZine</a></h4>
<p><a href="http://www.gomediazine.com/category/freebies/"><img src="http://farm4.static.flickr.com/3649/3315675568_82e0fc5fe5.jpg?v=0" alt="GoMediaZine" width="298" height="316" /></a> <a href="http://vector4free.com/"> </a></p>
<h4><a href="http://vector4free.com/">Vector4Free</a></h4>
<p><a href="http://vector4free.com/"><img src="http://farm4.static.flickr.com/3309/3315676660_aa9725e093.jpg?v=0" alt="vector4free" width="500" height="400" /></a></p>
<h4><a href="http://coolvectors.com/">Cool Vectors</a></h4>
<p><a href="http://coolvectors.com/"><img src="http://farm4.static.flickr.com/3549/3315675226_58f2d0492a.jpg?v=0" alt="CoolVectors" width="300" height="220" /></a></p>
<h4><a href="http://www.youthedesigner.com/free-vector-graphics/">YouTheDesigner</a></h4>
<p><a href="http://www.vecteezy.com/"><img src="http://farm4.static.flickr.com/3608/3314847201_e8fdd0d698.jpg?v=0" alt="Vecteezy" width="500" height="406" /></a></p>
<h4><a href="http://www.bittbox.com/category/freebies/">Bittbox</a></h4>
<p><a href="http://www.bittbox.com/category/freebies/"><img src="http://farm4.static.flickr.com/3623/3315675162_ed82b9cd25.jpg?v=0" alt="Bittbox" width="378" height="390" /></a></p>
<h4><a href="http://qvectors.com/">QVectors</a></h4>
<p><a href="http://qvectors.com/"><img src="http://farm4.static.flickr.com/3550/3314847069_26aa2fff91.jpg?v=0" alt="QVectors" width="500" height="184" /></a></p>
<h4><a href="http://FreeVectors.net">FreeVectors.net</a></h4>
<p><a href="http://FreeVectors.net"><img src="http://hongkiat.s3.amazonaws.com/50-vectors-download/Free-Vectors.jpg" alt="FreeVectors" width="318" height="400" /></a></p>
<h4><a href="http://www.freevectors.com/">FreeVectors.com</a></h4>
<p><a href="http://www.freevectors.com/"><img src="http://hongkiat.s3.amazonaws.com/50-vectors-download/FreeVectors.jpg" alt="FreeVectors" width="300" height="300" /></a></p>
<h4><a href="http://www.keepdesigning.com/">KeepDesigning</a></h4>
<p><a href="http://www.keepdesigning.com/"><img src="http://farm4.static.flickr.com/3359/3315676358_f874484a26.jpg?v=0" alt="keepdesigining" width="420" height="245" /></a></p>
<h4><a href="http://www.creativosonline.org/blog/category/vectores">Creativosonline</a></h4>
<p><a href="http://www.creativosonline.org/blog/category/vectores"><img src="http://farm4.static.flickr.com/3318/3315675940_46e6073e25.jpg?v=0" alt="Creativosonline " width="500" height="451" /></a></p>
<h4><a href="http://dragonartz.wordpress.com/">DragonArtz Designs</a></h4>
<p><a href="http://dragonartz.wordpress.com/"><img src="http://farm4.static.flickr.com/3609/3315675342_a1ff231e5e.jpg?v=0" alt="DragonArtz Design" width="495" height="230" /></a></p>
<h4><a href="http://www.vectorportal.com/">Vector Portal</a></h4>
<p><a href="http://www.vectorportal.com/"><img src="http://farm4.static.flickr.com/3439/3315675854_bbd84d908d.jpg?v=0" alt="VectorPortal" width="353" height="210" /></a></p>
<h4><a href="http://www.vectorjunky.com/">VectorJunky</a></h4>
<p><a href="http://www.vectorjunky.com/"><img src="http://farm4.static.flickr.com/3359/3314847255_a99510fcde.jpg?v=0" alt="VectorJunky" width="500" height="326" /></a></p>
<h4><a href="http://dezignus.com/category/vector/">Dezignus</a></h4>
<p><a href="http://dezignus.com/category/vector/"><img src="http://farm4.static.flickr.com/3609/3314846741_54efc45142.jpg?v=0" alt="Dezignus" width="500" height="146" /></a></p>
<h4><a href="http://www.vectorart.org/">Vector Art</a></h4>
<p><a href="http://www.vectorart.org/"><img src="http://farm4.static.flickr.com/3441/3315675804_6e3e42fd90.jpg?v=0" alt="Vector Art" width="334" height="270" /></a></p>
<h4><a href="http://garcya.us/blog/category/vector-graphics/">Garcya</a></h4>
<p><a href="http://garcya.us/blog/category/vector-graphics/"><img src="http://farm4.static.flickr.com/3570/3314846961_02f1eb6724.jpg?v=0" alt="Garcya" width="500" height="342" /></a></p>
<h4><a href="http://www.free-vectors.com/">Free-Vectors</a></h4>
<p><a href="http://www.free-vectors.com/"><img src="http://farm4.static.flickr.com/3299/3314846809_dc45c683de.jpg?v=0" alt="Free-Vectors" width="318" height="400" /></a></p>
<h4><a href="http://webdesign-easy.com/">Webdesign-Easy</a></h4>
<p><a href="http://webdesign-easy.com/"><img src="http://farm4.static.flickr.com/3388/3315676750_dedd945b33.jpg?v=0" alt="webdesign-easy" width="452" height="367" /></a></p>
<h4><a href="http://www.brandsoftheworld.com/">Brands of The World</a></h4>
<p><a href="http://www.brandsoftheworld.com/"><img src="http://farm4.static.flickr.com/3445/3315676094_bae4325c06.jpg?v=0" alt="brandsoftheworld" width="417" height="273" /></a></p>
<h4><a href="http://www.braincorp.it/exp/vectorlove/">BrainCorp</a></h4>
<p><a href="http://www.braincorp.it/exp/vectorlove/"><img src="http://farm4.static.flickr.com/3300/3315675186_aa9835749c.jpg?v=0" alt="BrainCorp" width="271" height="238" /></a></p>
<h4><a href="http://david.bellot.free.fr/svg-cards/">SVG-Cards</a></h4>
<p><a href="http://david.bellot.free.fr/svg-cards/"><img src="http://farm4.static.flickr.com/3288/3315675700_2965214fea.jpg?v=0" alt="SVG Cards" width="500" height="174" /></a></p>
<h4><a href="http://www.all-the-flags-of-the-world.c.la/">All The Flags of The World</a></h4>
<p><a href="http://www.all-the-flags-of-the-world.c.la/"><img src="http://farm4.static.flickr.com/3321/3315676294_956ea47d1a.jpg?v=0" alt="flagsWorld" width="390" height="264" /></a></p>
<h4><a href="http://www.thepixlpusher.com/category/free-stuff/free-vectors/">The Pixlpusher</a></h4>
<p><a href="http://www.thepixlpusher.com/category/free-stuff/free-vectors/"><img src="http://farm4.static.flickr.com/3531/3314847833_06641f480f.jpg?v=0" alt="pixlpusher" width="420" height="257" /></a></p>
<h4><a href="http://www.vectorsworkshop.com/">Vectors Workshop</a></h4>
<p><a href="http://www.vectorsworkshop.com/"><img src="http://farm4.static.flickr.com/3314/3315675988_d60b7798bd.jpg?v=0" alt="Vectors Workshop" width="459" height="147" /></a></p>
<h4><a class="broken_link" href="http://www.bestcompanylogo.com/freelogos.php">Best Company Logo</a></h4>
<p><a class="broken_link" href="http://www.bestcompanylogo.com/freelogos.php"><img src="http://farm4.static.flickr.com/3357/3315675120_7c2b119a46.jpg?v=0" alt="BestCompanyLogo" width="337" height="297" /></a></p>
<h4><a href="http://www.logotypes101.com/">Logo Types 101</a></h4>
<p><a href="http://www.logotypes101.com/"><img src="http://farm4.static.flickr.com/3485/3315675634_15b875a196.jpg?v=0" alt="LogoType101" width="446" height="106" /></a> <a href="http://createsk8.com/about/"> </a></p>
<h4><a href="http://createsk8.com/about/">Createsk8</a></h4>
<p><a href="http://createsk8.com/about/"><img src="http://farm4.static.flickr.com/3390/3315676188_36c7c4cb9f.jpg?v=0" alt="createsk8" width="300" height="350" /></a></p>
<h4><a href="http://roundpixel.org/?page_id=11">RoundPixel</a></h4>
<p><a href="http://roundpixel.org/?page_id=11"><img src="http://farm4.static.flickr.com/3333/3315676480_0feccb1d7e.jpg?v=0" alt="roundpixel" width="450" height="347" /></a></p>
<h4><a href="http://www.dr-depot.com/vectors/">Dr-Depot</a></h4>
<p><a href="http://www.dr-depot.com/vectors/"><img src="http://farm4.static.flickr.com/3484/3315676256_d4b0149967.jpg?v=0" border="0" alt="dr-depot" width="199" height="250" /></a></p>
<h4><a href="http://www.blog.spoongraphics.co.uk/category/freebies">Spoon Graphics</a></h4>
<p><a href="http://www.blog.spoongraphics.co.uk/category/freebies"><img src="http://farm4.static.flickr.com/3473/3315675718_76a49e5df4.jpg?v=0" alt="SpoonGraphics" width="450" height="100" /></a></p>
<h4><a href="http://www.allfreelogo.com/">AllFreeLogo</a></h4>
<p><a href="http://www.allfreelogo.com/"><img src="http://farm4.static.flickr.com/3545/3315676066_db24478c4e.jpg?v=0" alt="allfreelogo" width="500" height="119" /></a></p>
<h4><a href="http://www.clipart-design.com/freeclipart.htm">Clipart-Design</a></h4>
<p><a href="http://www.clipart-design.com/freeclipart.htm"><img src="http://farm4.static.flickr.com/3504/3315676124_753e35314c.jpg?v=0" alt="clipart-design" width="500" height="139" /></a></p>
<h4><a href="http://www.logotemplater.com/">Logo Templater</a></h4>
<p><a href="http://www.logotemplater.com/"><img src="http://hongkiat.s3.amazonaws.com/50-vectors-download/LogoTemplater.jpg" alt="LogoTemplater" width="497" height="118" /></a></p>
<h4><a href="http://clipart.magicpeople.org/">Magic People</a></h4>
<p><a href="http://clipart.magicpeople.org/"><img src="http://farm4.static.flickr.com/3472/3314847789_5725b68bd0.jpg?v=0" alt="magic people" width="499" height="226" /></a></p>
<h4><a href="http://www.snap2objects.com/category/freebies/">Snap2objects</a></h4>
<p><a href="http://www.snap2objects.com/category/freebies/"><img src="http://farm4.static.flickr.com/3455/3314847945_6976e2dc39.jpg?v=0" alt="snap2objects" width="450" height="279" /></a></p>
<h4><a href="http://www.designers-revolution.com/search/label/Illustrator">Designers Revolution</a></h4>
<p><a href="http://www.designers-revolution.com/search/label/Illustrator"><img src="http://farm4.static.flickr.com/3402/3314847625_117645dc6c.jpg?v=0" alt="designers revolution" width="400" height="261" /></a></p>
<h4><a href="http://www.uberpiglet.com/category/vectors/">Uberpiglet Vectors</a></h4>
<p><a href="http://www.uberpiglet.com/category/vectors/"><img src="http://farm4.static.flickr.com/3343/3315676552_082b63b4eb.jpg?v=0" alt="uberpiglet" width="436" height="285" /></a></p>
<h4><a href="http://browse.deviantart.com/resources/vector/">Deviantart</a></h4>
<p><a href="http://browse.deviantart.com/resources/vector/"><img src="http://farm4.static.flickr.com/3538/3315676238_8ed13e7cda.jpg?v=0" alt="devianteart" width="300" height="299" /></a></p>
<h4><a href="http://vibr8bros.com/category/freebies">Vibr8bros</a></h4>
<p><a href="http://vibr8bros.com/category/freebies"><img src="http://farm4.static.flickr.com/3431/3314848125_144d6a3d97.jpg?v=0" alt="vibr8bros_newbadges_title" width="480" height="181" /></a></p>
<h4><a href="http://www.free-logotypes.com">Free Logotypes</a></h4>
<p><a href="http://www.free-logotypes.com"><img src="http://farm4.static.flickr.com/3515/3315676318_c5db3617e9.jpg?v=0" alt="free logotype" width="446" height="290" /></a></p>
<h4><a href="http://www.vector-cartoons.com/">Vector Cartoons</a></h4>
<p><a href="http://www.vector-cartoons.com/"><img src="http://farm4.static.flickr.com/3438/3315676580_ac09800716.jpg?v=0" alt="vector-cartoons" width="300" height="200" /></a></p>
<h4><a href="http://vectorwallpapers.net/">Vector Wallpapers</a></h4>
<p><a href="http://vectorwallpapers.net/"><img src="http://farm4.static.flickr.com/3533/3314848063_9c4cafb782.jpg?v=0" alt="vector wallpapers" width="400" height="250" /></a></p>
<h4><a href="http://www.vectorstock.com/home/">Vector Stock</a></h4>
<p><a href="http://www.vectorstock.com/home/"><img src="http://farm4.static.flickr.com/3623/3315676596_f724236dcd.jpg?v=0" alt="vector stocks" width="376" height="231" /></a></p>
<h4><a href="http://www.smashingmagazine.com">Smashing Magazine</a></h4>
<p><a href="http://www.smashingmagazine.com"><img src="http://farm4.static.flickr.com/3476/3314847911_4680b9a8cd.jpg?v=0" alt="smashing" width="457" height="192" /></a></p>
<h4><a class="broken_link" href="http://www.ndesign-studio.com/resources/vector-cliparts/">Ndesign-studio</a></h4>
<p><a class="broken_link" href="http://www.ndesign-studio.com/resources/vector-cliparts/"><img src="http://farm4.static.flickr.com/3486/3315676414_daf66a280a.jpg?v=0" alt="ndesign-studio" width="416" height="86" /></a></p>
<h4><a href="http://today-free.com/category/design">Today-Free</a></h4>
<p><a href="http://today-free.com/category/design"><img src="http://farm4.static.flickr.com/3528/3314847165_4ca00a35ee.jpg?v=0" alt="Today-Free" width="450" height="303" /></a></p>
<h4><a href="http://www.designbum.net/downloads.htm">Design Bum</a></h4>
<p><a href="http://www.designbum.net/downloads.htm"><img src="http://farm4.static.flickr.com/3350/3315675302_1e89180865.jpg?v=0" alt="DesignBum" width="480" height="164" /></a></p>
<h4><a href="http://www.adobe.com/cfusion/exchange/index.cfm?event=productHome&amp;exc=17&amp;loc=en_us">Adobe</a></h4>
<p><a href="http://www.adobe.com/cfusion/exchange/index.cfm?event=productHome&amp;exc=17&amp;loc=en_us"><img src="http://farm4.static.flickr.com/3619/3315676044_a85d5f46a9.jpg?v=0" alt="adobe" width="283" height="200" /></a></p>
<p>tomado de : http://www.hongkiat.com/blog/50-websites-for-free-vector-images-download/</p>
]]></content:encoded>
			<wfw:commentRss>http://www.disenowebbogota.com/index.php/descargar-vectores/feed/</wfw:commentRss>
		<slash:comments>14</slash:comments>
		</item>
		<item>
		<title>Editor de imágenes gratuito</title>
		<link>http://www.disenowebbogota.com/index.php/editor-de-imagenes-gratuito/</link>
		<comments>http://www.disenowebbogota.com/index.php/editor-de-imagenes-gratuito/#comments</comments>
		<pubDate>Fri, 23 Apr 2010 15:52:09 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Blog]]></category>

		<guid isPermaLink="false">http://www.disenowebbogota.com/?p=4</guid>
		<description><![CDATA[En el momento de hacer una página web es supremamente importante tener  un editor de imágenes, ya sea photoshop o fireworks. Ahora tenemos la  posibilidad de usar herramientas gratuitas de la red, como es el caso de  pixlr.com, un editor de imágenes gratuito y online. Las herramientas  que nos proporciona son [...]]]></description>
			<content:encoded><![CDATA[<p>En el momento de hacer una página web es supremamente importante tener  un editor de imágenes, ya sea photoshop o fireworks. Ahora tenemos la  posibilidad de usar herramientas gratuitas de la red, como es el caso de  pixlr.com, un editor de imágenes gratuito y online. Las herramientas  que nos proporciona son muy parecidas a las del conocido Photoshop,  incluso los atajos de teclado.</p>
<p style="text-align: center;"><a href="http://www.pixlr.com/editor/" target="_blank"><img class="alignnone size-medium wp-image-5" title="Editor de imagen Gratuito" src="http://www.disenowebbogota.com/wp-content/uploads/2010/04/12-300x289.jpg" alt="" width="300" height="289" /></a></p>
<p style="text-align: center;">Click en la imagen  para probarlo.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.disenowebbogota.com/index.php/editor-de-imagenes-gratuito/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
	</channel>
</rss>

