Ajax Loader
×

SharURL

SharURL (Share Social Facebook & Twitter) Developer: @mrjopino

HTML
<!--[if lt IE 9]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
1
<!--[if lt IE 9]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
2
<!-- 
3
SharURL (Share Social Facebook & Twitter) 
4
Developer: @mrjopino
5
-->
6
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
7
<div class="imagen">
8
</div>
9
<p title="SharURL">SharURL</p>
10
  </div>
11
<div class="SharURL">
12
            <a class="Twitter" title="Twitter"><span class="conteoTW" data-sharurl="Twitter">0</span></a>
13
            <a class="Facebook" title="Facebook"><span class="conteoFB" data-sharurl="Facebook">0</span></a>
14
        </div>
15
<div class="flow">
16
      <boton class="copyright" title="Copyright © 2013 Fraph">©</boton>
17
  </div>
18
 
 
CSS
/* 
1
/* 
2
Author: @mrjopino
3
Name: SharURL
4
Description: SharURL (Facebook & Twitter) 
5
*/
6
@charset "UTF-8";
7
@import url(http://fonts.googleapis.com/css?family=Titan+One);
8
 
9
body{
10
background: #1b1e24;
11
  background-image:-webkit-linear-gradient(right,#1b1e24,#1b1e24 50%,#1b1e24);
12
  background-image:-moz-linear-gradient(right,#1b1e24,#1b1e24 50%,#1b1e24);
13
  background-image:-o-linear-gradient(right,#1b1e24,#1b1e24 50%,#1b1e24);
14
  background-image:-ms-linear-gradient(right,#1b1e24,#1b1e24 50%,#1b1e24);
15
  background-image:linear-gradient(to left,#1b1e24,#1b1e24 50%,#1b1e24);
16
  background-size:cover;
17
  background-position:center center;
18
  background-attachment:fixed;
19
  font-family: helvetica, arial;
20
  text-align: center;
21
  margin:0;
22
  padding:0;
23
  font-family: sans-serif;
24
  font-size: 11px;
25
}
26
 
27
.imagen {
28
  height: 145px;
29
  width: 150px;
30
  margin: 2% auto;
31
  background: url(data:image/png;base64,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)center center no-repeat;
32
  -webkit-background-size: cover;
33
  -moz-background-size: cover;
34
  -o-background-size: cover;
35
  background-size: cover;
36
  top:50px;
37
  left:15px;
38
}
39
 
40
p{
41
  font-family:'Titan One', cursive;
42
  font-size:5em;
43
  text-align:center;
44
  color: #2c90c6;
45
  margin: 2% auto;
46
  text-shadow: #bbb 0 0 1px, #fff 0 -1px 2px, #fff 0 -0px 2px, rgba(0,0,0,0.8) 0 30px 25px; 
47
}
48
 
49
.SharURL {
50
  position: absolute;
51
  top: 50%;
52
  width: 100%;
53
  text-align: center;
54
  margin-top: -29px;
55
}
56
 
57
.SharURL a span{
58
  font-weight: bold;
59
  display: block;
60
  color: white;
61
  text-align: right;
62
  min-width: 24px;
63
}
64
 
65
.SharURL a{
66
  text-decoration: none;
67
  padding: 0px 4px 0px 24px;
68
  line-height: 18px;
69
  display: inline-block;
70
  border-radius: 2px;
71
  margin: 20px;
72
  background-size: 18px;
73
  background-repeat: no-repeat;
74
  box-shadow: 0px 1px 0px rgba(0,0,0,0.1),inset 0px 1px 0px rgba(255,255,255,0.05)
75
}
76
 
77
/* En este lado use https://www.iconfinder.com */
78
.Twitter{
79
  background-color: #2DAAE1;
80
  background-image: url('https://cdn2.iconfinder.com/data/icons/funky/64/Twitter-1-128.png');
81
}
82
 
83
.Facebook{
84
  background-color: #3B5998;
85
  background-image:url('https://cdn2.iconfinder.com/data/icons/funky/64/Facebook-1-128.png');
86
}
87
 
88
/* My Copyright */
89
.flow boton {
90
  border: none;
91
  background: hsl(192, 15%, 84%); 
92
  border-radius: 4px;
93
  outline: none;
94
  padding: 7px 10px;
95
  color: #fff;
96
  font-size: 12px;
97
  box-shadow: 0 0 15px #000;
98
}
99
.flow boton:hover {
100
  background: hsl(204, 8%, 76%);
101
  transition: background .7s;
102
}
103
.flow boton:active {
104
  background: hsl(204, 8%, 66%);
105
}
106
.flow .copyright {
107
  border: none; 
108
  background: hsl(6, 78%, 57%);
109
}
110
.flow .copyright:hover {
111
  background: #7db9e8
112
}
113
.flow .copyright:active {
114
  background: hsl(6, 64%, 36%)
115
}
 
JavaScript
#SharURL Script -> @mrjopino
1
#SharURL Script -> @mrjopino
2
url = "http://twitter.com"
3
 
4
#Facebook
5
$.getJSON "http://graph.facebook.com/#{url}", (json) ->
6
  setCount $(".conteoFB"), json.shares
7
 
8
#Twitter
9
$.getJSON "http://urls.api.twitter.com/1/urls/count.json?url=#{url}&callback=?", (json) ->
10
  setCount $(".conteoTW"), json.count
11
 
12
#Conteo
13
conURL = ($item) ->
14
  setTimeout () ->
15
    current = $item.attr("sharurl") * 1
16
    target = $item.attr("data-sharurl") * 1
17
    enlace = current + Math.ceil (target - current) / 2
18
    $item.attr "sharurl", enlace
19
    $item.html enlace
20
    conURL $item if enlace < target 
21
  , 100
22
  
23
setCount = ($item, contar = null) ->
24
  $item.attr "data-sharurl", contar
25
  $item.attr "sharurl", 0
26
  conURL $item
27
 
 

SharURL

CSSDeck G+