اَلسلاَمـ عليكمـ مـرحباَ بكمـ في مـدوونة دكتوور تكنوولووجي اَليوومـ اَقدمـ لكمـ صندووق خاَص بمـوواَقع اَلتوواَصل اَلاَجتمـاَعي يووضع تحت اَلقاَئمـة اَلرئيسية اَوو فووق اَلفووتر مـعاَينة طريقة اَلتركيب سهلة اَبحث على </b:skin> ووضع هذاَ اَلكوود فووقه /*===================================== = Social Box =====================================*/ .social-box{float:left;width:100%;display:inline-flex} .instagram{background:rgb(217,45,119);background:-moz-linear-gradient(30deg,rgb(217,45,119) 30%,rgb(238,88,63) 100%);background:-webkit-linear-gradient(30deg,rgb(217,45,119) 30%,rgb(238,88,63) 100%);background:-o-linear-gradient(30deg,rgb(217,45,119) 30%,rgb(238,88,63) 100%);background:-ms-linear-gradient(30deg,rgb(217,45,119) 30%,rgb(238,88,63) 100%);background:linear-gradient(120deg,rgb(217,45,119) 30%,rgb(238,88,63) 100%)} .facebook{background:#4267b2} .youtube{background:#e52d27;/* fallback for old browsers */ background:-webkit-linear-gradient(to bottom,#b31217,#e52d27);/* Chrome 10-25,Safari 5.1-6 */ background:linear-gradient(to bottom,#b31217,#e52d27);/* W3C,IE 10+/ Edge,Firefox 16+,Chrome 26+,Opera 12+,Safari 7+ */} .instagram,.facebook,.youtube{width:100%;height:175px} .instagram a i,.facebook a i,.youtube a i:hover{webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease} .instagram a,.facebook a,.youtube a{display:block;text-decoration:none;font-size:17px;padding:50px 0 35px 0;text-align:center;width:68%;margin:auto} .instagram a i,.facebook a i,.youtube a i{display:block;font-size:2em;padding:15px;background-color:#fff;border-radius:10px;width:68px;text-align:center;margin:0 auto;margin-bottom:20px;border:solid 3px #fff;-webkit-transform:rotate(-25deg);-moz-transform:rotate(-25deg);-o-transform:rotate(-25deg);transform:rotate(-25deg)} .instagram a i{color:#ea4f49;transition:all 0.5s ease} .facebook a i{color:#4267b2;transition:all 0.5s ease} .youtube a i{color:#d23b40;transition:all 0.5s ease} .instagram:hover i,.facebook:hover i,.youtube:hover i{color:#fff;border-radius:50px;background-color:transparent;margin-bottom:15px;-webkit-transform:rotate(-0deg);-moz-transform:rotate(-0deg);-o-transform:rotate(-0deg);transform:rotate(-0deg)} @media screen and (max-width:340px){.social-box{display:block}.instagram a,.facebook a,.youtube a{padding:25px 0 10px 0}.instagram,.facebook,.youtube{height:125px}} body#layout .social-box{display:none} اَلاَن ضع هذاَ اَلكوود في اَلمـكاَن اَلذي تريد ضهوور فيه اَلاَضاَفة <div class='social-box'><div class='instagram'><a class='wow slideInUp' href='https://www.instagram.com/'><i class='fa fa-instagram'></i></a></div><div class='facebook'><a class='wow slideInUp' href='https://www.facebook.com/'><i class='fa fa-facebook'></i></a></div><div class='youtube'><a class='wow slideInUp' href='https://www.youtube.com/'><i class='fa fa-youtube'></i></a></div></div>
