Ir al contenido principal

Entradas

Mostrando entradas de mayo, 2012

Efectos para imagenes con Jquery Adipoli

A muchas personas les gusta agregar efectos a las imagenes que agregan a su sitio, como bordes que cambian de color, galerias animadas y efectos de imagen insertada.
Jquery y desarrolladores de aplicaciones web le permiten a las personas encontrar una variedad de estos complementos para las imagenes dependiendo de el estilo del sitio y el gusto de la persona.
el siguiente plugin jquery se llama Adipoli jQuery Image Hover Plugin for Blogger.
Estos son efectos animados que se muestran al pasar en mouse (cursor) encima.
Lo malo de este plugin es que si cambias el tamaño de la imagen el efecto saldra mal.
esto es para imagenes en su tamaño real.
Ve a Plantilla, luego has click en Edicion de HTML y busca la etiqueta </head>.justo encima de ella agrega lo siguiente. <link href='http://dl.dropbox.com/u/53097108/ihojosestudios/example/Adipoli-jquery-img-hover-fx/adipoli.css' rel='stylesheet' type='text/css'/>
<script src='http://dl.dropbox.com/u/530971…

Botones con CSS3

El CSS3 ha permitido a los diseñadores web, crear botones personalizados sin necesidad de utilizar un editor de imagenes.
Aunque con funciones aun limitadas en muchos navegadores el CSS3 ha revolucionado el mundo del diseño web junto con el HTML5.
y aqui les traigo varios botobes traidos a ustedes gracias a Chad Mazzola.
Ve a Plantilla y das click en edicion de HTML y buscas la etiqueta ]]></b:skin>.Y justo encima de ella puedes agregar cualquiera de los siguientes.Contenido
Minimal buttonClean GrayCupid GreenCupid BlueBlue PillthoughtbotPunchPurple CandyShiny BlueDownload iTunesSkip
Minimal button
CSS:
button.minimal {
  background: #e3e3e3; /* fondo del boton */
  border: 1px solid #bbb; /* ancho del borde */
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 0 1px 1px #f6f6f6;
  -moz-box-shadow: inset 0 0 1px 1px #f6f6f6;
  box-shadow: inset 0 0 1px 1px #f6f6f6;
  color: #333;
  font: bold 12px "helvetica neue"…

AE.001: LuzShine

May 27, 2012 | 8mins. - Efecto de luz usando videocopilot plugins.
- Efecto de texto luminoso con Trapcode Shine.

Requerido: Optical Flares, Trapcode Shine
Ver
ProyectoVistoVecesDescargas


Plantillas: Aegisub

Agigantar silabas (n)
Tipo: Plantilla Karaoke.
Dificultad:★★★★★ (Simple)
Agregado por: iho_jose
Ejemplo:VER IMAGEN
Plantilla:
{\r\k$kdur\t($start,$end,\&HCD88EB&)\t($start,$mid,\fscy180)\t($mid,$end,\fscy200)} Desaparecer letras (n)
Tipo: Plantilla Karaoke.
Dificultad:★★★★★ (moderada)
Agregado por: iho_jose
Ejemplo:VER IMAGEN
Plantilla:
{\r\k$kdur\fs40\t($start,$mid,\fs35\c&HFF0000)\t($mid,$end,\fs55)\t($end,!$end+100!,\alpha&HEF&)} Aplastar silabas (n)
Tipo: Plantilla Karaoke.
Dificultad:★★★★★ (Simple)
Agregado por: iho_jose
Ejemplo:VER IMAGEN
Plantilla:
{\r\k$kdur\t($start,$end,\1c&H00FF00&)\t($start,!$start+$dur*0.3!,\fscy0)\2c&HD7D7D7&\fs26} Puedes enviar tu plantilla dando click en "Enviar archivo" que veras en la parte superior del sitio.













Gadget:Simple Media Buttons con CSS3

Las redes sociales tienen controlada la internet, además de que son sitios donde la gente confia su privasidad y estado tambien son utiles para compartir y mantenerse al tanto de las noticias.
Por eso ahora los sitios usan botones de esas redes para que las personas puedan compartir su contenido con sus amigos y seguidores en las redes sociales.

Todo avanza incluso la manera de diseñar en internet con el lenguage HTML5 y CSS3 que están controlando los diseños del momento.
Ve a Plantilla, has click en Edicion de HTMLLuego has click en Expandir plantilla de artilugios y buscas la etiqueta ]]></b:skin> y encima de ella pegas cualquiera de los siguientes dos codigos..PRIMER ESTILO "ESTILO GRAY".  .inset {
    font-family: Helvetica, Verdana, Arial, sans-serif;
    font-size: 14px;
    list-style-type: none;
    margin: 10px 0 0 10px;
}

.inset ul { list-style-type: none; display: block; }

.inset li {
    float: left;
    height: 30px;
    margin: 0 8px 7px 0;
}

.inset l…