یک طراحی کاربردی برای اطلاعات تماس وب سایت
سلام
من یک طراحی ساده و کاربردی برای دسترسی به اطلاعات تماس وب سایت طراحی کردم و کدهای مربوط به آن را برای شما به صورت جداگانه آپلود کردم.کد html
شماره تماس
09121234567
کد css
.call{position: fixed;z-index: 9999;left: 0; bottom: 0;width: 100px;border-radius: 50%;background-color: white;height: 100px; box-shadow: 0 4px 10px 0 rgba(46,58,70,0.35); left: 20px;bottom: 20px;}.call:before{content: “f095”;font-family: “FontAwesome”; font-size: 48px; color: #24cc63;padding-top: 30px;padding-left: 32px;display: block;}.axsocial,.knoww{display:none;}#closee:before{content: “f00d”;font-family: “FontAwesome”; font-size: 19px;color:black;display:block;width:20px;height:20px;}#closee:hover:before{color:red;}#socialBtn:after{content: “f078”;font-family: “FontAwesome”; font-size: 19px;color:black;display:block;width:20px;height:20px;text-align:center;margin:0 auto;}.knoww{position: fixed; z-index: 9999; left: 0; bottom: 0; width: 242px;border: 1px solid lightgrey;padding: 7px;background-color: white;box-shadow: 0 4px 10px 0 rgba(46,58,70,0.35);left: 20px;bottom: 30px;}.knoww p{text-align:center;color:grey;font-weight: 900;}.axsocial img{margin:7%;}.axsocial img:hover{filter: grayscale(70%);}.axsocial{border-top: 1px solid grey;}
کد js
jQuery(“document”).ready(function($){$( “#socialBtn” ).click(function(){$( “.axsocial” ).slideToggle(500);});$( “#closee” ).click(function(){$( “.knoww” ).hide(500);$( “.call” ).show(500);});$( “.call” ).click(function(){$( “.knoww” ).show(500);$( “.call” ).hide(500);});});