Felix Salguero: Diseño

Mostrando entradas con la etiqueta Diseño. Mostrar todas las entradas

martes, 26 de febrero de 2013

Botones G CSS3

Pues paso rapido a dejarles estos botones que diseñe hace un rato, estan disponibles en 5 colores, tienen efectos hover y active, los desarrolle usando solo CSS3 y es compatible con todos los navegadores exceptuando versiones viejas, bueno es muy sencillo, solo tienen que hacer esto:

Si lo vas a incluir dentro de una misma pagina en html recuerda incluirlo dentro de las etiquetas corresponientes, ejemplo:

<style type="text/css">
...aqui el codigo...
</style>

Si usas blogger no incluiremos estas etiquetas, nos vamos a dirigir a Plantilla > Edición html y buscaremos ]]></b:skin> ensima de eso ponen esto:

/*botones GZero*/

.nw-btn {
    border-image: none;
    border-radius: 4px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
    display: inline-block;
    font-size: 13px;
    font-family: Arial;
    line-height: 20px;
    margin: 0;
    padding: 4px 12px;
    text-align: center;
    vertical-align: middle;
    cursor:pointer;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    border-style: solid;
    border-width: 1px;
    color: #FFF !important;
    text-decoration: none !important;
    transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
    -moz-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
    -webkit-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
    -o-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
}
.nw-btn:hover {
    text-decoration: none !important;
}
.nw-btn:active {
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
}
/*Blanco*/
.nw-btn.white {
    background: #F5F5F5;
    background-image: linear-gradient(bottom, #E6E6E6 0%, #FFFFFF 100%);
    background-image: -o-linear-gradient(bottom, #E6E6E6 0%, #FFFFFF 100%);
    background-image: -moz-linear-gradient(bottom, #E6E6E6 0%, #FFFFFF 100%);
    background-image: -webkit-linear-gradient(bottom, #E6E6E6 0%, #FFFFFF 100%);
    background-image: -ms-linear-gradient(bottom, #E6E6E6 0%, #FFFFFF 100%);
    background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #E6E6E6),color-stop(1, #FFFFFF));
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) #B3B3B3 !important;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75) !important;
    color: #333 !important;
}
.nw-btn.white:hover {background:#E6E6E6;}

/*Azul*/
.nw-btn.blue {
    background: #49AFCD;
    background-image: linear-gradient(bottom, #2F95B4 0%, #5BC0DE 100%);
    background-image: -o-linear-gradient(bottom, #2F95B4 0%, #5BC0DE 100%);
    background-image: -moz-linear-gradient(bottom, #2F95B4 0%, #5BC0DE 100%);
    background-image: -webkit-linear-gradient(bottom, #2F95B4 0%, #5BC0DE 100%);
    background-image: -ms-linear-gradient(bottom, #2F95B4 0%, #5BC0DE 100%);
    background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #2F95B4),color-stop(1, #5BC0DE));
}
.nw-btn.blue:hover {background:#2F96B4;}

/*Verde*/
.nw-btn.green {
    background: #5BB75B;
    background-image: linear-gradient(bottom, #51A351 0%, #62C462 100%);
    background-image: -o-linear-gradient(bottom, #51A351 0%, #62C462 100%);
    background-image: -moz-linear-gradient(bottom, #51A351 0%, #62C462 100%);
    background-image: -webkit-linear-gradient(bottom, #51A351 0%, #62C462 100%);
    background-image: -ms-linear-gradient(bottom, #51A351 0%, #62C462 100%);
    background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #51A351),color-stop(1, #62C462));
}
.nw-btn.green:hover {background:#51A351;}

/*Naranja*/
.nw-btn.orange {
    background: #FAA732;
    background-image: linear-gradient(bottom, #F89306 0%, #FBB450 100%);
    background-image: -o-linear-gradient(bottom, #F89306 0%, #FBB450 100%);
    background-image: -moz-linear-gradient(bottom, #F89306 0%, #FBB450 100%);
    background-image: -webkit-linear-gradient(bottom, #F89306 0%, #FBB450 100%);
    background-image: -ms-linear-gradient(bottom, #F89306 0%, #FBB450 100%);
    background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #F89306),color-stop(1, #FBB450));
}
.nw-btn.orange:hover {background:#F89406;}

/*Rojo*/
.nw-btn.red {
    background: #DA4F49;
    background-image: linear-gradient(bottom, #BD362F 0%, #EE5F5B 100%);
    background-image: -o-linear-gradient(bottom, #BD362F 0%, #EE5F5B 100%);
    background-image: -moz-linear-gradient(bottom, #BD362F 0%, #EE5F5B 100%);
    background-image: -webkit-linear-gradient(bottom, #BD362F 0%, #EE5F5B 100%);
    background-image: -ms-linear-gradient(bottom, #BD362F 0%, #EE5F5B 100%);
    background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #BD362F),color-stop(1, #EE5F5B));
}
.nw-btn.red:hover {background:#BD362F;}

/*Fin botones GZero*/

y listo, ya tienen los botones en su web, ahora para hacer uso de ellos simplemente a una etiqueta "a" le agregan el atributo "class" de la siguiente manera:

<a class="nw-btn white" href="#">Boton Blanco</a>

"white" lo cambian por el color que quieran entre uno de estos:

white
blue
green
orange
red

espero que les haya gustado este pequeño y rapido aporte, saludos

lunes, 11 de febrero de 2013

Corazones en la Web blogger

se acerca el dia del amor y la amistad me desidi a crear el mod para blogger

caps :

Nos vamos a main_header.tpl y antes de

</head>

ponemos

<!-- Corazones la web -->
<div style="display:none;">
<script type="text/javascript"

src="http://blogparts.giffy.me/0082/parts.js">

</script><p style="text-align: center;margin:0;padding:0;">

<a href="http://giffy.me/baby/"><img style="border:0;"

src="http://blogparts.giffy.me/0082/parts.gif"/></a></p>

<p style="text-align:center;font-size:12px;margin:10px

 0 0 0;padding:0;">[PR] <a href="http://typing.twi1.me/">

 求む！タイピング初心者</a></p>
</div>
<!-- Fin de Corazones en la web -->

eso es todo

miércoles, 6 de febrero de 2013

Microsoft Account Connect

Lo primero que tienen que hacer es ir a https://manage.dev.live.com/ para crear una aplicación de Microsoft, luego loguearse con su cuenta de Microsoft si no lo están ya. Luego rellenan los formularios con los datos de su web:

En donde dice nombre de la aplicación ponen el nombre que quiere que se muestre en la página.

Luego dan a "Acepto" y verán esto:

En donde dice "dominio de redirección" tienen que poner la url de su web y le dan a guardar. El Id. de cliente y la clave secreta serán esenciales en este mod.

Luego dan click en "información básica" en el panel de opciones de la izquierda y lo configuran a su gusto:

En las direcciones de condiciones de servicio pueden poner los términos y condiciones de su web (suweb.com/pages/terminos-y-condiciones), al igual que en privacidad (suweb.com/pages/privacidad/) y en el logotipo siguen lo que dice ahí.

2) Ejecutar la siguiente consulta en la pestaña SQL de su PhpMyAdmin:

ALTER TABLE `u_miembros` ADD `user_microsoft` VARCHAR( 50 ) NOT NULL

3) Subir los archivos del zip que dejé adjunto (si usan V4 (theme default) bajen "Microsoft Connect.zip", si usan V5 (Hecho en el theme v5 3.0 de Gonzalo) bajen el "Microsoft Connect V5.zip") en la raíz del sitio y reemplazar, abrir c.mconnect.php que está en /inc/class/ y en

private $MClient = '';

entre los '' tienen que poner el Id. de cliente que se generó en el panel de Microsoft.
y en

private $MSClient = '';

entre los '' tienen que poner la clave secreta del cliente que se generó en el panel de Microsoft.

4) Abrir header.php ubicado en la raíz y buscar:

include TS_EXTRA.'QueryString.php';

Abajo poner:

// Microsoft Connect
include TS_CLASS.'c.mconnect.php';

Buscar:

$smarty =& tsSmarty::getInstance();

Abajo poner:

// Microsoft Connect
$mconnect = new Mconnect;

Buscar:

$smarty->assign('tsMPs',$tsMP->mensajes);

Abajo poner:

// Microsoft Connect 
$smarty->assign('microsoft', $_SESSION['gData']);

5) Abrir c.user.php (si tienen instalado el fb connect de tutan no tienen que hacer esta parte) y buscar:

function loginUser($username, $password, $remember = FALSE, $redirectTo = NULL) {

reemplazar por:

function loginUser($username, $password, $remember = FALSE, $redirectTo = NULL, $microsoft = false) {

Buscan:

$pp_password = md5(md5($password) . $username);

Lo reemplazan por:

if(!$microsoft){ $pp_password = md5(md5($password) . $username); } else { $pp_password = $password; }

Si usan V4 (theme default):

6) Abrir head_menu.tpl que está en /themes/tutheme/templates/sections/ y buscar:

<div id="login_error" style="display: none; padding:3px 0;"></div

Abajo poner:

<center><a href="/microsoft-connect/"><img src="http://i.imgur.com/bRD89Mq.png"></a></center>

7) Abrir m.cuenta_sidebar.tpl que está en /themes/tutheme/templates/modules/ y buscar:

<div id="prueba"></div>

Arriba poner:

{if $tsUser->info.user_microsoft == ''}                    <center><a href="/microsoft-connect/"><img src="http://i.imgur.com/bRD89Mq.png"></a></center>                    {else} <center><span style="color:green">Estás vinculado con Microsoft</span></center>{/if}

8) Abrir p.registro.form.tpl que está en /themes/tutheme/templates/t.php_files/ y buscar:

<div id="RegistroForm">

Abajo poner:

<center><a href="/microsoft-connect/"><img src="http://i.imgur.com/bRD89Mq.png"></a></center>

Si usan V5 (Hecho en theme Taringa V5 3.0 de Gonzalo):

6) Abrir main_header.tpl que está en /themes/tuthemev5/templates/sections/ y buscar:

<div class="login_cuerpo">

y abajo poner:

<center><a href="/microsoft-connect/"><img src="http://i.imgur.com/bRD89Mq.png"></a></center>

7) Abrir m.cuenta_sidebar.tpl que está en /themes/tuthemev5/templates/modules/ y buscar:

<div style="background: #CCC;padding:2px;line-height:17px"><div style="width: {$tsPerfil.porcentaje}%; height:17px;border-right:1px solid #004b8d; border-left: 1px solid #004b8d;background: url('{$tsConfig.tema.t_url}/images/barra.gif') top left repeat-x;" id="porc-completado-barra"></div></div>

y abajo poner:

{if $tsUser->info.user_microsoft == ''}<center><a href="/microsoft-connect/"><img src="http://i.imgur.com/bRD89Mq.png"></a></center>{else} <center><span style="color:green">Estás vinculado con Microsoft</span></center>{/if}

8) Abrir p.registro.form.tpl que está en /themes/tuthemev5/templates/t.php_files/ y buscar:

<div id="RegistroForm">

Abajo poner:

<center><a href="/microsoft-connect/"><img src="http://i.imgur.com/bRD89Mq.png"></a></center>

y listo, cualquier bug lo comentan. Capturas V4:

(aviso que anda medio para atrás el hosting, a veces tira errores de include pero no es por el mod)

Con este mod podrán loguearse, registrarse y vincular su cuenta de Microsoft.

Edit 05/02/2013: Añadí dos fixes a la clase, si ya tenían el mod instalado sólo bajen el c.mconnect.php que está adjunto y lo reemplazan por el de la carpeta /inc/class/

martes, 5 de febrero de 2013

Coleccion Infantil Para Pintar (13 Libros)-(PDF)

Esta coleccion esta compuesta por 13 libros en formato PDF con varias laminas para colorear de los distintos personajes de disney.

FORMATO: Pdf
PESO:73.5 MB (winrar)-Descomprimido 186 MB
SERVIDOR: Depositfiles/Freakshare

01 – pintando ben (20 paginas)
02 – pintando toy (20 paginas)
03 – pintando cars (20 paginas)
04 – pintando princesas (20 paginas)
05 – pintando disney (20 paginas)
06 – pintando winnie (20 paginas)
07 – pintando backyardigans (20 paginas)
08 – pintando fresita (20 paginas)
09 – pintando chavo8 (20 paginas)
10 – pintando tomjerrry (20 paginas)
11 – pintando barbie (20 paginas)
12 – pintando tinkerbell (20 paginas)
13- pintando Alfabeto de Disney (27 paginas)

http://tu.iblogger.org/posts/ebooksytutoriales/111/Coleccion-Infantil-Para-Pintar-13-Libros-PDF-.html

lunes, 4 de febrero de 2013

Entradas Shadow Albums - Blogger

Lo prometido es deuda, el dia de hoy les voy a enseñar una nueva forma de mostrar nuestras entradas de blogger al inicio de la pagina, a esta modificacion le he puesto el nombre de "Entradas Albums" asi que todas las entradas que le dedique este nombre tratara sobre este tipo de modificacion que solo afecta a la home de nuestros blogs, se que me he demorado mucho en este tutorial pero eso fue debido a que estaba buscando una forma de hacer esta modificacion lo mas compatiblemente posible, esto se debe a que todos usan tpls distintos por lo que la estructura tambien lo es, aunque he podido completar el tutorial debido a las variaciones de diseño que existen se que mas de uno necesitara de mi ayuda y con todo gusto contestare sus comentarios, comencemos con este tutorial

Paso 1 - agregando el script

Lo primero que necesitamos es el script que nos dara un resumen automatico de nuestras entradas, si ya tienen uno funcionando en sus blogs recomiendo que lo remuevan totalmente e instalen este, este script es una modificacion realizada por El potro al script original por Anhvo y ahora es nuevamente modificado por mi para este tutorial, recuerden que esto es solo para usuarios blogger

Entren al panel de su blog y dirijansen a Plantilla > Edición de HTML y busquen: "</head>" ensima de eso agregan esto:

<script type='text/javascript'>
summary_txt = 410;
img_thumb_width = 120;
</script>

<script type='text/javascript'>
//<![CDATA[
// Script original de Anhvo, modificado por ciudadblogger.com
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}
function createSummaryAndThumb(pID, pURL){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
if(img.length<=0) {
imgtag = '<a href="'+ pURL +'"></a><div class="cut-img"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTQnw7x789a09wZ0O3DFCS6Qst-oIuCj3T1CApiSjCQdTBt-XddRw3iiEVGxp77Pdjzx8zKtDMukl0sQTAZq0e4YIMGFGYqm6KUhExR6xNqkJedY1oqg5LafAuuTNJHQmNXslbMkKGp44/" /></div>';
summ = summary_txt;
}
if(img.length>=1) {
imgtag = '<a href="'+ pURL +'"></a><div class="cut-img"><img src="'+img[0].src+'" /></div>';
summ = summary_txt;
}
var summary = imgtag + '<div style="display:none">' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script>

Paso 2 - agregando el estilo

El estilo tiene igual de importancia o incluso mayor como el script, este ocultara todos los elementos inecesarios de la home sin modificar al momento de entrar al post, tambien le dara el acabado final y acomodara todo en su sitio correspondiente.

Nuevamente en la plantilla busquen "</head>" y ensima agregan lo siguiente, es decir que el siguiente codigo quedara debajo del primero que pegamos en el paso 1:

<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<style type='text/css'>
/*paso 3 estilos*/
.date-outer, .date-posts, .post-outer {
    display: inline;
}
.post {
    border: 0 none;
    display: inline-block;
    margin-bottom: 0 !important;
}

.post-body {
    background: none repeat scroll 0 0 transparent !important;
    display: inline-block;
    height: auto !important;
    line-height: 1.25 !important;
    margin: 0;
    padding: 0;
}

.post-footer {
    display: none;
}

#shadow-album {
    list-style: none outside none;
    margin: 0;
    padding: 0;
    position: relative;
}

.contenido-s {
    float: left;
    padding: 0 0 40px;
    width: 265px;
}

#shadow-album img {
    max-width: 300px;
}

#shadow-album a {
    height: 100%;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 60;
}

#shadow-album .content-img {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 8px solid #F3F3F3;
    cursor: pointer;
    height: 130px;
    margin: 0 auto;
    position: relative;
    width: 230px;
}

i.tshadow {
    box-shadow: 0 0 50px -15px #000000 inset;
    color: #FFFFFF;
    font-family: Arial,Helvetica;
    font-size: 16px;
    font-style: normal;
    font-weight: bold;
    height: 100%;
    left: 0;
    line-height: 130px;
    position: absolute;
    text-align: center;
    text-indent: -9999px;
    top: 0;
    -moz-transition: all 400ms ease-in-out 0s;
    -webkit-transition: all 400ms ease-in-out 0s;
    -o-transition:all 400ms ease-in-out 0s;
    transition: all 400ms ease-in-out 0s;
    width: 100%;
    z-index: 50;
}

#shadow-album .contenido-s:hover i.tshadow {
    background: rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 50px 0px #000 inset;
    text-indent: 0;
}

.cut-img {
    height: 130px;
    overflow: hidden;
    width: 230px;
}

#shadow-album h1 {
    background: #555;
    color: #FFF;
    font-family: Arial,helvetica;
    font-size: 13px;
    font-weight: bold;
    height: 30px;
    line-height: 30px;
    margin: 10px auto;
    overflow: hidden;
    padding: 0 20px;
    text-align: center;
    width: 200px;
}

.post-title {
    display: none;
}
</style>
</b:if>
</b:if>

Paso 3 - agregando html y modificando la plantilla

hasta el momento ya tenemos todo lo que funcionara como "motor" que mostrara todo los cambios realizados hasta ahora.

En la parte superior izquierda de donde nos encontramos ahora hay una casilla en blanco que dice "Expandir plantillas de artilugios", marcan esa casilla y despues que cargue buscamos esto:

<data:post.body/>

Este codigo puede estar 3 veces en sus plantillas, solo necesitamos modificar el que este primero, asegurensen de dar con el indicado, una vez localizado lo reemplazan por esto:

<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<div id='shadow-album'>

    <div class='contenido-s'>
    <div class='content-img'>
        <div expr:id='"summary" + data:post.id' style='font-size:13px; text-align:justify;'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>","<data:post.url/>");</script>
        <i class='tshadow'>Ver más</i>
    </div>
    <h1><data:post.title/></h1>
    </div>
<div style='clear:both'/>
    </div>

</b:if></b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
<b:if cond='data:blog.pageType == "static_page"'><data:post.body/></b:if>

Paso 4 - Configurando blogger

pude darse el caso que algunos elementos indeceados aparescan entre las entradas, para evitarlo lo unico que tienen que hacer (si es que les sucede) es configurar las entradas de esta forma, para ello nos dirigimos en el panel a "Diseño", veremos algunos cuadros blancos con la opcion "editar", precionaremos el que se encuentra en el cuadro blanco que dice Entradas del blog y nos aseguraremos que lo tengamos de esta forma:

y listo, terminamos el tutorial, aunque dependiendo de cada plantilla y diseño pueden tener algun problema, si es asi dejenme un comentario explicandome su situacion

sábado, 22 de diciembre de 2012

Top 10 de Nuevos Dribbble Freebies PDS

La comunidad de diseñadores de File virtual está siempre dispuesto a liberar nuevos regalos para el público. Es una red poblada que puede ser frustrante para navegar a través de todas las nuevas vacunas en busca de tesoros escondidos. Afortunadamente, mantenerse al día con todas las últimas presentaciones y han creado un maravilloso escaparate de descargas gratuitas.

En la galería de abajo He publicado 40 regalos de haber sido puestos en libertad. Estos incluyen gráficos completamente PSD junto con patrones de fondo y. Png icono se pone. Cualquier diseñador artista digital o web seguro que encontrará lo menos algunos recursos prácticos de esta colección. Asegúrese de hacernos saber sus favoritos por medio de un mensaje o contactanos.

Paper Receipt

Calendar

Clean Video Player

Vector Shadow PSD

Heart Icon

Add Attachment Window

Circular Progress Bar

Color Palette PSD

Browser Freebie

Free Emoticons

http://filevirtual.net/posts/diseo/25/Top-10-de-Nuevos-Dribbble-Freebies-PDS.html

domingo, 16 de diciembre de 2012

Curriculum Vitae Resume Gratis Plantilla PSD

Impresionante CV / hojas de plantilla PSD a conocer hoy para su descarga gratuita! La mejor manera de ser contratado de inmediato es de destacar con estilo. Y eso es exactamente lo que usted está a punto de descargar - limpio, sencillo y moderno CV / hojas de plantilla. Usted seguramente hará una buena impresión a sus futuros empleadores, sólo tiene que descargar la plantilla de CV y editarlo con Adobe Photoshop. Hemos diseñado varios estilos de columna y paragpraphs para su biografía, historial de empleo, habilidades, contactos y cualquier otra información que pueda ser importante. No te preocupes, con nuestra plantilla de hoja de vida PSD estás a un paso delante de la competencia, sólo tiene que descargar el archivo PSD y reemplazar el texto. Hemos hecho que sea fácil para usted para editar la plantilla CV - todas las capas se agrupan y nombrado correctamente, por lo que sólo necesita unos minutos para pastar. Disponible en 300 ppp, el modelo de color CMYK, listo para imprimir.

Preview

Fully Layered CV Resume Free PSD Template

Regulation : 300 dpi
Print Ready : Yes
Size: A4: 8,267 x 11,693 inches
File Format: PSD
File Size: 1.17 MB
Fonts: Arial Regular, Arial Bold
Number of Items in Set: 1
Author: Free PSD Files

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfwCvZRe3g2LuxvNH52fTuu5XX9RaOXeEiWWGjTM4WjRTIx7r5y60F9kQHdVJQjyLq71-Swqpng5dnBZhKWBbppdVHJMWGz3E7YxHr5M9TI4C-i0Z23JURZZYNb53mKNbQ6FfN3ATcx88/s800/descargar.png

freepsdfiles.net/get-file/?id=3464

viernes, 7 de diciembre de 2012

Botones web en PSD

Los botones son los elementos más utilizados en cualquier diseño web. Los botones se utilizan para diversos fines, como botones de descarga, formularios de correo electrónico, formularios de comentarios, botones, botones de redes sociales y muchos otros usos más. Si se pre diseñado de alta calidad libres de botones web PSD, entonces se puede ahorrar su precioso tiempo. La otra ventaja de botones PSD es que puedes personalizar los botones de acuerdo a sus necesidades y usted también puede aprender a crear nuevos botones con los archivos PSD.
Cuando se busca a través de Internet de forma gratuita botones web PSD se encontrará con muchos resultados, pero la mayoría de ellos no son útiles en absoluto. Así que para ayudarte he recogido a mano unos cuantos botones web de alta calidad en formato PSD.
Aquí está una colección de botones web para descargar!!