Staff en línea
Últimos temas
[Ocio] Contemos hasta el 5000
por Chalo Lun Oct 15, 2018 8:24 am

[Revisado] Errores Yoshi Fans club
por YoshiGM Sáb Oct 13, 2018 12:36 pm

[CSS] Dar estilo a los rangos
por Eslam Love Miér Oct 03, 2018 11:15 pm

[CSS]Redes Sociales SOLO CSS
Tema iniciado por y Añadir a favoritos

[CSS]Redes Sociales SOLO CSS 
el Vie Jun 08, 2018 1:28 pm
staff
[codebox] Botones de tus redes sociales con solo CSS[/codebox]
Todo el código es editable, excepto los créditos dentro del código.
Si vas a usar esta astucia, deberás dejar el enlace del foro donde lo vas a poner.
Puedes ver el demo aquí: https://www.opensourcephpbb3.com/h39-rinc-redes-sociales-css

Si no tienes instalada la fuente "fontawesome" de google, entonces no aparecerán los íconos, solo te saldrán cuadros. Deberás instalarla antes de colocar este código.
[hidecode]
Código:
<div class="post-share">
<a href="tu cuenta de fb _aquí" target="_blank"><span class="share-box"><i class="fa fa-facebook"></i></span></a>
<a href="tu cuenta de twitter _aquí"_blank"><span class="share-box"><i class="fa fa-twitter"></i></span></a>
<a href="tu cuenta de pinterest _aquí" target="_blank"><span class="share-box"><i class="fa fa-pinterest"></i></span></a>
<a href="tu cuenta de g+ _aquí"_blank"><span class="share-box"><i class="fa fa-google-plus"></i></span></a>
</div>
<style>.post-share{text-align:center;margin-top:22px;margin-bottom:36px;background:url(//1.bp.blogspot.com/-RaxSFprHuWw/U-eh4Hd6OgI/AAAAAAAAAP0/sijBcrNVTjo/line.gif) repeat-x center center}.share-box{width:37px;height:37px;border-radius:50%;background:#e63e6b;border:4px
double #fff;display:inline-block;line-height:42px;margin:0
10px;-o-transition: .3s;-ms-transition: .3s;-moz-transition: .3s;-webkit-transition: .3s}.post-share
a{color:#fff}.share-box:hover{background:#fff;border:1px
solid #e63e6b;color:#e63e6b}.fa{display:inline-block;font:normal normal normal 25px/1 FontAwesome;text-rendering:auto;line-height:37px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transform:translate(0, 0)}
/*-------Código proporsionado por RinC de Opensourcephpbb3.com-------
Si vas a usarlo, por favor, no borres esto.
Para más códigos para tu foro, visita https://www.opensourcephpbb3.com */</style>
[/hidecode]
RinC
avatar

¿Que estoy pensando? :

Ni se te ocurra -_- [table class=fecha_up][td]Se modifico:29/03/18 - 17:44 hrs. [/td][/table]


Banner en temas :

♥♥Open♥♥


Color de titulos :

#DF7401


Sombra titulo :

1px 1px 1px #fff


Mensajes :

789


Puntos :

1147


Me gusta :

198


ingreso :

28/01/2015


Sexo :

Femenino

Plataforma :

PhpBB3


Navegador :

Chrome


Ver perfil de usuario

Volver arriba Ir abajo

Re: [CSS]Redes Sociales SOLO CSS 
el Vie Jun 08, 2018 5:21 pm
muchas gracias por el aporte
tecnomaster
avatar

¿Que estoy pensando? :

Escribe lo que tienes en mente [table class=fecha_up][td]Se modifico:10/7/15 - 15:25 hrs.[/td][/table]


Banner en temas :

http://i64.tinypic.com/2i8tzma.jpg


Color de titulos :

#333


Sombra titulo :

1px 1px 1px #fff


Mensajes :

83


Puntos :

92


Me gusta :

5


ingreso :

08/05/2016


Sexo :

Masculino

Plataforma :

punbb


Navegador :

firefox


Ver perfil de usuario

Volver arriba Ir abajo

 En la misma categoria


Permisos de este foro:
No puedes responder a temas en este foro.