HA - proto invitation

Developer
Size
3,534 Kb
Views
30,360

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 Previews

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&amp;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;
}
HA - proto invitation - Script Codes
HA - proto invitation - Script Codes
Home Page Home
Developer Eddy
Username emnbdx
Uploaded August 27, 2022
Rating 3
Size 3,534 Kb
Views 30,360
Do you need developer help for HA - proto invitation?

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!

Eddy (emnbdx) Script Codes
Create amazing video scripts 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!