HA - proto invitation
How do I make an ha - proto invitation?
What is a ha - proto invitation? How do you make a ha - proto invitation? This script and codes were developed by Eddy on 27 August 2022, Saturday.
HA - proto invitation - Script Codes HTML Codes
<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>HA - proto invitation</title> <link rel="stylesheet" href="css/style.css">
</head>
<body> <link href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css" rel="stylesheet">
<div class="invitation"> <div class="row"> <h4>J'invite mes contacts par e-mail</h4> <textarea name="ctl00$AdminContent$InviteControl$contacts" id="AdminContent_InviteControl_contacts"></textarea> <div id="AdminContent_InviteControl_status"> </div> <div class="api-container"> <label><input type="file" name="ctl00$AdminContent$InviteControl$ContactUpload" id="AdminContent_InviteControl_ContactUpload" class="hidden" onchange="this.form.submit();"> <span class="excel"></span> </label> <a onclick="return login('msn');" id="AdminContent_InviteControl_Outlook" class="no-underline outlook" href="javascript:__doPostBack('ctl00$AdminContent$InviteControl$Outlook','')"></a> <a onclick="return login('yahoo');" id="AdminContent_InviteControl_Yahoo" class="no-underline yahoo" href="javascript:__doPostBack('ctl00$AdminContent$InviteControl$Yahoo','')"></a> <a onclick="return login('google');" id="AdminContent_InviteControl_Gmail" class="no-underline gmail" href="javascript:__doPostBack('ctl00$AdminContent$InviteControl$Gmail','')"></a> <a id="AdminContent_InviteControl_Send" class="no-underline send middle-text" href="javascript:__doPostBack('ctl00$AdminContent$InviteControl$Send','')">Envoyer</a> </div> <div class="clearfix"></div> </div> <div class="row"> <h4>J'invite mes contacts par message privé sur Facebook</h4> <div id="facebookClick" class="fa facebook-share middle-text" onclick="openFacebookSend()">Inviter sur Facebook</div> <div class="fb-send" data-href="http://helloasso.com" data-colorscheme="light"></div> </div> <div class="row"> <h4>Je partage le lien de ma campagne de don</h4> <input class="link-container" type="text" value="http://helloasso.com" readonly="readonly"> <div class="api-container"> <div class="fa googleplus middle-text" onclick="javascript:window.open('https://plus.google.com/share?url=http://helloasso.com', '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=600'); return false;"> </div> <div class="fa facebook middle-text" onclick="javascript:window.open('http://www.facebook.com/share.php?u=http://helloasso.com', '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=330,width=600'); return false;"> </div> <div class="fa linkedin middle-text" onclick="javascript:window.open('http://www.linkedin.com/shareArticle?mini=true&url=http://helloasso.com', '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=470,width=615'); return false;"> </div> <div class="fa twitter middle-text" onclick="javascript:window.open('http://twitter.com/intent/tweet?text=http://helloasso.com', '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=257,width=540');return false;"> </div> </div> <div class="clearfix"></div> </div>
</div>
</body>
</html>
HA - proto invitation - Script Codes CSS Codes
input[type="text"],
input[type="password"],
textarea,
.inputted { margin: 0.2em 0; padding: 0.5em; font: 1em 'Open Sans'; width: 100%; font-weight: 300;
}
.fa { font-family: FontAwesome;
}
.invitation .middle-text { padding: 8px 15px;
}
.invitation .link-container { display: block; width: 60%; float: left;
}
.invitation .api-container { margin: 10px 0; float: right; color: white;
}
.invitation .api-container div,
.invitation .api-container span,
.invitation .api-container a { display: inline-block; width: 40px; height: 40px; cursor: pointer; margin-left: 10px; vertical-align: top;
}
.invitation .api-container .hidden { visibility: hidden;
}
.invitation .api-container .excel { background-image: url("http://preprod-helloasso.com/img/admin/excel.png");
}
.invitation .api-container .outlook { background-image: url("http://preprod-helloasso.com/img/admin/outlook.png");
}
.invitation .api-container .yahoo { background-image: url("http://preprod-helloasso.com/img/admin/yahoo.png");
}
.invitation .api-container .gmail { background-image: url("http://preprod-helloasso.com/img/admin/gmail.png");
}
.invitation .api-container .send { width: auto; background-color: #9FCF57; color: white; font-weight: bold;
}
.invitation .api-container .googleplus { background-color: #DA4835;
}
.invitation .api-container .googleplus:before { content: '\f0d5';
}
.invitation .api-container .facebook { background-color: #3B5998;
}
.invitation .api-container .facebook:before { content: '\f09a';
}
.invitation .api-container .linkedin { background-color: #007BB6;
}
.invitation .api-container .linkedin:before { content: '\f0e1';
}
.invitation .api-container .twitter { background-color: #00ACEE;
}
.invitation .api-container .twitter:before { content: '\f099';
}
.invitation .fb-send { display: none;
}
.invitation .facebook-share { width: 250px; height: 40px; margin: 20px; color: white; background-color: #3B5998; font-weight: bold; cursor: pointer;
}
.invitation .facebook-share:before { content: '\f09a'; margin-right: 10px;
}
Developer | Eddy |
Username | emnbdx |
Uploaded | August 27, 2022 |
Rating | 3 |
Size | 3,534 Kb |
Views | 30,360 |
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!
Name | Size |
Sticky test | 1,827 Kb |
HA - radio checkbox mix | 2,270 Kb |
Instructables homeslide | 4,345 Kb |
HA - proto evt widget | 3,071 Kb |
A Pen by Eddy | 1,275 Kb |
HA - story | 5,184 Kb |
Google autocomplete test | 2,854 Kb |
Animation | 1,558 Kb |
LBCA - tile test | 3,496 Kb |
HA - proto notif | 2,781 Kb |
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!
Name | Username | Size |
Slider css only | Armandobau | 2,161 Kb |
AngularJS Skills | Supro | 3,312 Kb |
Drag in vanilla js using dotval math instead of translate | Paulq | 2,662 Kb |
Navier Stoke Fluid Simulation | Esimov | 8,584 Kb |
Count checked checkboxes with jQuery | Mestika | 2,343 Kb |
Animated bar chart | CreativePunch | 3,124 Kb |
Loader | MikitaLisavets | 3,321 Kb |
Tooltip in table | Roine | 3,713 Kb |
SVG Animation | Thepheer | 4,793 Kb |
Simple blog concept | Drew_mc | 2,666 Kb |
Surf anonymously, prevent hackers from acquiring your IP address, send anonymous email, and encrypt your Internet connection. High speed, ultra secure, and easy to use. Instant setup. Hide Your IP Now!