Social example 3

Developer
Fivera
Size
2,173 Kb
Views
6,072
  1. Social example 3 Previews
  2. Social example 3 HTML Codes
  3. Social example 3 CSS Codes

How do I make an social example 3?

What is a social example 3? How do you make a social example 3? This script and codes were developed by Fivera on 31 January 2023, Tuesday.

Social example 3 Previews
IQ Test

Social example 3 - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>social example 3</title> <link rel="stylesheet" href="css/style.css">
</head>
<body> <div class="container"> <span class="button fb"> <a href="#"><img src="http://fivera.net/wp-content/uploads/2013/09/fejs.png" alt="">Like It</a> </span> <span class="button twit"> <a href="#"><img src="http://fivera.net/wp-content/uploads/2013/09/tviter.png" alt="">Tweet It</a> </span> <span class="button mail"> <a href="#"><img src="http://fivera.net/wp-content/uploads/2013/09/mejl.png" alt="">Email</a> </span> </div>
</body>
</html>

Social example 3 - Script Codes CSS Codes

body {	background: #ccc;
}
a{ text-decoration: none; color:#333333;
}
.container{ width: 420px; margin: 50px auto 50px; /* buttons pushed from the top by 10% */
}
.button{ margin: 8px;
}
.button a{ font-family: arial, sans-serif; font-size: 13px;	color: #777;	text-shadow: 1px 1px 0px white; background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #dfdfdf 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#dfdfdf)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%,#dfdfdf 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%,#dfdfdf 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%,#dfdfdf 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dfdfdf',GradientType=0 ); /* IE6-9 */ background: linear-gradient(top, #ffffff 0%,#dfdfdf 100%); /* W3C */ -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 0 1px 3px 0px rgba(0,0,0,0.4); -webkit-box-shadow: 0 1px 3px 0px rgba(0,0,0,0.4); box-shadow: 0 1px 3px 0px rgba(0,0,0,0.4); padding: 6px 12px;
}
.button a:hover{ background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #eee 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eee)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%,#eee 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%,#eee 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%,#eee 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eee',GradientType=0 ); /* IE6-9 */ background: linear-gradient(top, #ffffff 0%,#eee 100%); /* W3C */ -moz-box-shadow: 0 1px 3px 0px rgba(0,0,0,0.4); -webkit-box-shadow: 0 1px 3px 0px rgba(0,0,0,0.4); box-shadow: 0 1px 3px 0px rgba(0,0,0,0.4);
}
.button a:active{ background: #dfdfdf; /* Old browsers */ background: -moz-linear-gradient(top, #dfdfdf 0%, #f1f1f1 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dfdfdf), color-stop(100%,#f1f1f1)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #dfdfdf 0%,#f1f1f1 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #dfdfdf 0%,#f1f1f1 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, #dfdfdf 0%,#f1f1f1 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dfdfdf', endColorstr='#f1f1f1',GradientType=0 ); /* IE6-9 */ background: linear-gradient(top, #dfdfdf 0%,#f1f1f1 100%); /* W3C */ -webkit-box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.2) inset, 0px 1px 1px 0 rgba(255,255,255,1); -moz-box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.2) inset, 0px 1px 1px 0 rgba(255,255,255,1); box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.2) inset, 0px 1px 1px 0 rgba(255,255,255,1);
}
.button a > img{ padding-right: 8px; position: relative; top: 2px;
}
Social example 3 - Script Codes
Social example 3 - Script Codes
Home Page Home
Developer Fivera
Username fivera
Uploaded January 31, 2023
Rating 3.5
Size 2,173 Kb
Views 6,072
Do you need developer help for Social example 3?

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

Fivera (fivera) Script Codes
Name
Webkit hue
Webkit decolorize
Cool css menu
Another brick in the wall
Simple image crossfade
Webkit brithness
Fivera
Pattern example 7
Rotate
Mac style Doc menu by fivera.net
Create amazing blog posts with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!