%20(3).jpeg)
اضف مصمم أدوات بلوجر الي مدونتك
اذا اردت بامكتنك اضافتها الي مدونتكاليوم لدينا اداة مميزة جدا و هي عبارة عن مصمم الادوات الاحترافية " يوتيوب - ملف شخصي ... "
و اليكم الاكواد
<!doctype html>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" />
<style>
.share43 {
position: fixed;
bottom: 20%;
left: 0px;
width: 80px;
height: 80px;
z-index: 3000;
}
.togglesh43 {
position: absolute;
top: 0;
left: -2px;
width: 100%;
height: 100%;
background: #e91e63;
transform: scale(0.95);
overflow: hidden;
border-radius: 2px;
z-index: 1000;
cursor: pointer;
}
.togglesh43:before {
content:'\f13b';
font-family:fontAwesome;
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
text-align:center;
line-height:80px;
color:#fff;
font-size:55px;
}
.togglesh43.active:before {
content:'\f00d';
}
.modal43 {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: none;
overflow: hidden;
outline: 0;
z-index: 999;
}
</style>
<div class="share43">
<div class="togglesh43" onclick="myFunction43()" ></div>
</div>
<div id="id01sh" class="modal43">
<iframe class="far43" src="https://i4codes.blogspot.com/p/blog-page_14.html" style="
width: 100%;
height: 100%;
border: 0px;
" >
</iframe></div>
<script>
function myFunction43() {
var x = document.getElementById("id01sh");
if (x.style.display === "block") {
x.style.display = "none";
} else {
x.style.display = "block";
}
}
</script>
<script>
// Get the modal
var modal = document.getElementById('id01sh');
// When the user clicks anywhere outside of the modal, close it
window.onclick = function(event) {
if (event.target == modal) {
modal.style.display = "none";
}
}
</script>
<script>
$(document).ready(function(){
$('.togglesh43').click(function(){
$('.togglesh43').toggleClass('active');
$('ul').toggleClass('active');
});
});
</script>
</!doctype>
و ان شاء الله في التدوينات القادمة سوف اضيف الادوات مفصلة.
ليست هناك تعليقات: