Calificación:
  • 0 voto(s) - 0 Media
  • 1
  • 2
  • 3
  • 4
  • 5
Botones Social Pure Css By Spastox
#1

Hola gente Aqui Les Traigo Este Diseño Para Sus Redes Sociales, la verdad espero que lo disfruten , Mis Trabajos No Son Los Mejores Pero Poco A poco Ire Mejorando n,n

Paso 1 - CssHuh

Cita:.socials{
position: relative;
margin: 0 auto;
padding: 0;
width: 17.4%;
}
.socials a{
background-image: url("images-jv/socials.png" ) ;
position: relative;
display: inline-block;
width: 35px;
height: 35px;
transition: all .3s ease-in-out 0s;
-webkit-transition: all .3s ease-in-out 0s;
-moz-transition: all .3s ease-in-out 0s;
-o-transition: all .3s ease-in-out 0s;
}
.socials .f{
background-position: 0px 0px;
}
.socials .t{
background-position: 0px 71px;
}
.socials .y{
background-position: 0px -68px;
}
.socials .f:hover{
background-position: 0px -34px;
}
.socials .t:hover{
background-position: 0px 35px;
}
.socials .y:hover{
background-position: 0px -103px;
}

Paso 2 - Html

Este Codigo Lo Pegaran En Donde Quieran Que Este Los BotonesInteresante

Cita:<div class="socials">
<a class="f" href=""></a>
<a class="t" href=""></a>
<a class="y" href=""></a>
</div>

Hasta luego que lo desfruten...

Si necesitas algo pídelo en los comentarios.Gran sonrisa
#2
¿Esto lo hiciste vos? noté que el código usa una imagen, y no está en el tema Huh
Metas¡Completadas!
  • Ascender a moderador [✔ Completada]
  • Ganar 50 puntos de reputación (ver) [✔ Completada]
  • Ganar 100 puntos de reputación (ver) [✔ Completada]
  • Redactar 1000 mensajes [✔ Completada]
#3
(21-04-2014, 02:34 AM)ariel escribió: ¿Esto lo hiciste vos? noté que el código usa una imagen, y no está en el tema Huh
Bueno cada uno pone sus img no todos quieren las mismas redes sociales pero si me lo solicitan podria poner algunas img para ustedes

NOTA--
Algunas de mis img son de mi web pero yo lo comparto
#4
Excelente de poco a poco se va mejorando!! Así comencé yo, y pronto te vuelves en todo un master, sigue practicando hasta que lo logres!! no te desesperes.

Muy minimalista para mi agrado, prefiero algo con efecto de diversión, pero se agradece el aporte, de todas maneras busca otros diseños, y quizá me guste alguno jejjeeje Gran sonrisa
#5
Esto es de tuyo?, Yo pensé que era de @jonvaor96
De hecho "images-jv/socials.png" "jv" pensé que era de jonvaor
#6
Falta el sprite de los iconos :o adjuntalo !
#7
¬,¬ spastox dame creditos... ni si quiera editaste algo de lo que yo hice... ahora piensan que tu lo hiciste...

(06-05-2014, 03:15 AM)Agustin escribió: Esto es de tuyo?, Yo pensé que era de @jonvaor96
De hecho "images-jv/socials.png" "jv" pensé que era de jonvaor

es mi diseño ¬,¬ spastox ni siquiera se molesto en editar el nombre de las clases... ademas el "images-jv/socials.png" si te fijas mi usuario es JonVaor96 ¬,¬
WWW
#8
(29-05-2014, 07:27 PM)Jonvaor96 escribió: ¬,¬ spastox dame creditos... ni si quiera editaste algo de lo que yo hice... ahora piensan que tu lo hiciste...

(06-05-2014, 03:15 AM)Agustin escribió: Esto es de tuyo?, Yo pensé que era de @jonvaor96
De hecho "images-jv/socials.png" "jv" pensé que era de jonvaor

es mi diseño ¬,¬ spastox ni siquiera se molesto en editar el nombre de las clases... ademas el "images-jv/socials.png" si te fijas mi usuario es JonVaor96 ¬,¬

Fue ironía, sé que lo hiciste vos xD
Pero le puse así para no atacar a ninguno de los dos, porque realmente vi primero de jonvaor96 pero en realidad no sé quien es el verdadero creador, por lógica Jonvaor96 xD
#9
No bueno, acá también se plagian las cosas sin dar créditos..??

Al menos se debiera publicar completo (imagen) y en serio: no cuesta ni 10 segundos pensar un nombre diferente, al menos pa' aparentar.


Saludos.
[Imagen: biQuU4l.png]

WWW
#10
pues veré que tal el diseño aunque me hubiera gustado que hubiera una "demostración" para ver los resultados antes de implementarlo Triste pero bueno gracias por compartir este trabajo Sonrisa
WWW


Posibles temas similares...
Tema Autor Respuestas Vistas Último mensaje
Ladrillo Como usar botones "disabled" y activarlos por JQuery Kevin9908 0 372 25-06-2015, 04:38 PM
Último mensaje: Kevin9908
  Botones Social Pure Css v2 By Spastox Spastox 2 450 25-04-2015, 06:48 AM
Último mensaje: garcon
  [PUBLICO] Tutorial Botones con perspectiva 3D AngelKrak 0 313 17-01-2015, 05:44 AM
Último mensaje: AngelKrak
  Simple Shadow menu Pure Css by Spastox Spastox 0 397 20-04-2014, 09:01 PM
Último mensaje: Spastox
  Pon una red social en tu vida dBer 16 22,739 15-01-2014, 03:41 PM
Último mensaje: andrex.nava
  Botones Tuenti, Facebook, Twitter Netohg 0 492 17-09-2013, 01:37 PM
Último mensaje: Netohg
  Generador de Botones Css3 reynolds14 2 667 22-08-2013, 03:21 AM
Último mensaje: davilro
  Botones de Redes Sociales para Compartir entradas en tu blog cahcnehco29 0 503 26-05-2013, 04:25 AM
Último mensaje: cahcnehco29
  Botones HTML con la etiqueta BUTTON Junior 0 721 23-05-2013, 10:34 PM
Último mensaje: Junior
  MyMates: Social Network Script open source TripleZ 3 839 21-02-2013, 04:34 PM
Último mensaje: k_jupiter



Usuarios navegando en este tema: 1 invitado(s)