Menú Bordeado Animado

Así se vera el menú al hacer clic en el mientras tanto estará escondido, se que es algo muy parecido al menú de youtube movil, a muchos otros menús que han echos para tablas, pero no me vengan a decir que habían visto uno parecido para blogger porque la verdad es que no les voy a creer.

Basado en css/javascript este es uno de los menús mas bonitos que podrán encontrar para un sitio ¿por que? fácil, porque es rápido, funcional, elegante y se puede adaptar a cualquier sitio. 

DEMO

Instalacion

1) Colocar este condigo antes de finalizar la etiqueta </head>

<link rel="stylesheet" type="text/css" href="http://sites.google.com/site/recursosbit/iconos.css" />
  <link rel="stylesheet" type="text/css" href="http://sites.google.com/site/recursosbit/menuanimado.css" />

2) Colocar el siguiente código antes de finalizar la etiqueta </body>

<script src="http://sites.google.com/site/recursosbit/classie.js"></script>
 <script src="http://sites.google.com/site/recursosbit/castromenu.js"></script>

3)Situar el siguiente código en alguna división que sea visible en todo el blog por ejemplo en la división del header <div class='header-cap-bottom cap-bottom'> siempre sera visible, pero para los que no sepan mucho de programacion basta solo con crear un gadget html/javascript sin titulo y pegar el siguiente codigo:

<nav id="menucastro" class="menucastro">
    <a href="#" class="menucastro-trigger"><span>Menu</span></a>
    <ul>
     <li><a href="#">Link 1</a></li>
     <li><a href="#">Link 2</a></li>
     <li><a href="#">Link 3</a></li>
     <li><a href="#">Link 4</a></li>
     <li><a href="#">link 5</a></li>
    </ul>
    <ul>
     <li><a href="#" class="castro-iconos icon-twitter">Twitter</a></li>
     <li><a href="#" class="castro-iconos icon-gplus">Google+</a></li>
     <li><a href="#" class="castro-iconos icon-facebook">Facebook</a></li>
     <li><a href="#" class="castro-iconos icon-github">icon-github</a></li>
    </ul>
   </nav>

¿¡Ey! pero como hago el gadget sin titulo? Sencillo compañeros en el titulo del gadget van a pegar lo siguiente: &nbsp;

Espero haberlos ayudado y que esta herramienta les sea util, me despido hasta la proxima!

Posted by José castro on 18:34 in animados , blogger , bordes , css , javascript , menu , todo

Flyer Gran Apertura

Estuve buscando recursos para hacer un arte libre y me encontré con algo parecido a este flyer, pues digamos que tome la idea y le di unos toques para compartirlo acá en BitCreativo,  son volantes de apertura en una plantilla espectacular, perfecta para ser utilizada para anunciar la inauguración oficial de los nuevos negocios como un evento de celebración. Esta plantilla es fácil de editar con el reemplazo de fotos de objetos inteligentes.

¿Pero como se usan los objetos inteligentes?

1. Abra su foto seleccionada, pulse CTRL-A y CTRL-C para copiar la nueva foto

2. Vuelva a la plantilla, localice el grupo llamado backgrounds, dentro hay una capa llamada fondo en objeto inteligente, haga clic en la miniatura de la capa dos veces para abrir la ventana de objeto-inteligente.

3. Ahora pega tu foto en la ventana que se abrió pulsando CTRL-V, la nueva foto debe ser colocada en la capa vacía.

4. Cambiar el tamaño de la nueva fotografía para adaptarse a la imagen oscura de marcador de posición.

5. Guárdalo, y ya está.

Fuentes Usadas en esta Plantilla

- Archive (descarga gratis: http://fontfabric.com/archive-free-font/)
- Bree Serif descarga gratis: http://www.type-together.com/index.php?action=portal/viewContent&cntId_content=2982&id_section=165)
- Magneto (fuente del sistema)
- Rockwell Condensed (fuente del sistema)
- Rockwell (fuente del sistema)
- Arial (fuente del sistema)

NOTA: El fondo utilizado no esta incluido en la plantilla.

Tamaño: 8.5x11 pulgadas

Bleed: 0,25 pulgadas

Color: CMYK / 300 dpi

Formato de archivo:.psd Photoshop

Descargar

Contraseña: BitCreativo

Posted by José castro on 16:59 in flyer , photoshop , plantillas , psd , recursos

72 Stock Pizzas

Se que con esta entrada si que me van a tomar aprecio, ¿en estos días cual seria el negocio mas rápido de iniciar? según estuve leyendo en otro blog que me gusta mucho el negocio mas rápido para iniciar en los últimos 5 años es un restaurante de comida rápida, ¿y cual es la comida rápida mas común aparte de las hamburguesa y los hot dogs? pues sencillo ¡Pizza! . 

Así es 72 PNG de solamente pizza de todas las formas que la puedan imaginar, yo la verdad al encontrarme con esto no lo dude ni por un momento para compartirlo con ustedes, no hace falta nombrar que son de excelente resolución como los tengo acostumbrado, y otra cosa que me causo curiosidad de estas fotografías es que al verlas tus ganas de comer aumenta (esto obvio claro esta), espero que les sirva de mucho y dale! a descargar!.

Formato: PNG

Peso: 828MB

Servidor: Depositfiles

Descargar

Posted by José castro on 21:46 in comida , fotografias , pizza , png , rapida , recursos , stock

Infografia Circular

Compañeros tiempo sin escribirles, lamento tanto tiempo perdido para con el blog, resulta que me fui de vacaciones a un lugar donde no existía ni una pisca de buena conexión a internet, lamento no haber avisado que me iba pero bueno lo importante es que ya estoy acá (se que me extrañaron).

Para empezar nuevamente con mis post les presento una linda y muy útil infografia circular, de buen uso para estudiantes desde primaria hasta universitarios e incluso grandes agencias para explicar metodologías. Esta elaborada en illustrator y es totalmente editable, así que no mas queda descargar, editar y usar.

Formato: EPS

Servidor: MediaFire

Peso: 3MB

Contraseña: bitcreativo

Descargar

Posted by José castro on 20:39 in circular , colores , infografia , vector , vectores , Vectors

Stocks Empresarios

Crear una imagen corporativa es algo que se ha venido posicionando en estos días, hasta el negocio mas pequeño del mundo quiere tener una imagen corporativa agradable como por ejemplo: una pequeña empresa de asesoramiento económico, estas suelen ser llevadas a cabo por 3 o 4 personas ¡pero! si muestran una elegante imagen esto se vera ampliamente profesional y llamara mas la atención que la otra que solo tiene un cartel que dice "Asesoramiento Económico", lo que quiero decir con todo esto es que el cliente come con la vista y es cuestión del diseñador servir un buen plato.

Estos stocks no son muy distinto a la mayoría que podamos ver en otros sitios, personar trabajando, haciendo un trato, charlando, sonriendo, todo lo común que puedan tener un stock empresarial.

Formato: JPG
Peso: 18mb

Servidor: Rapidgator

Descargar

Posted by José castro on 12:03 in empresa , empresariales , empresarios , personas , stock

Vectores Full Color

Si lo se, estaba perdido, pero ya estoy devuelta la universidad me tenia algo ocupado con las evaluaciones finales pero ya he vuelto para seguir con este pequeño proyecto.

Para volver con estilo, les entrego el día de hoy estos geniales vectores a full color, muchos me dicen que no tienen mucho uso pero yo siempre les respondo que si tienes suficiente creatividad lo sabras usar, mas aun si los implementas con estilos de capas en photoshop, ¿porque no usarlo como un fractal? pues quedaría muy bien para una firma para el blog o cualquier tipo de diseño donde sea bien implementado.

Formato: Adobe Illustrator

Peso: 18MB

Servidor: Rapidgator

Descargar

Posted by José castro on 14:47 in color , full , vector , vectores , Vectors