کد منو کشویی کنار صفحه سایت

کد منو باز شو کنار صفحه سایت مقداری از این کد را در هد سایت و مقداری دیگر در بدنه سایت قرار میگیرد

و منو کشویی در کنار صفحه قرار میگیرد.این کد به کمک جاوا و سی اس اس ساخته شده .

نحوه کارکرد این کد به این صورته که بعد از رفتن موس روی هرکدام از این گزینه ها گزینه کامل لینک دار ظاهر شده

و با کلیک روی ان به لینک مورد نظر شما هدایت خواهد شد.

عکس با فرمت png خام بدون نوشته رو براتون در ادامه مطلب قرار میدم که به دلخواه خودتون ویرایشش کنید

اطلاعات خودتونو جایگزین کند.در صورتی که نتونستید یا ابزار ویرایش عکس نداشتید

ازطزیق فرم تماس با ما گزینه های دلخواه برای قرار دادن روی عکسو برای ما ارسال کنید تا به رایگان برای شما درستش کنیم.

کد منو کشویی کنار صفحه سایت

دمو کد

<script type="text/javascript" src="https://code.jquery.com/jquery-1.7.2.min.js"></script> 
<script type="text/javascript"> 
$(document).ready(function(){ 
$(document).bind("contextmenu",function(e){ 
return false; 
}); 
}); 
</script> 
<h2><a style="display:none;" href="https://www.codebazan.ir/">&#1705;&#1583;&#1576;&#1575;&#1586;&#1575;&#1606;</a></h2><script type="text/javascript"> 
$(document).ready(function(){ 
$(".codebazan").mouseover(function(){ 
$(this).filter(':not(:animated)').animate({width:135},{duration:500}); 
}); 
$(".codebazan").mouseout(function(){ 
$(this).animate({width:42}); 
}); 
}); 
</script> <style type="text/css">#codebazan {
	position: fixed;
	right: 0;
	top: 210px;
	z-index: 999999;
}
.codebazan {
	background-image: url(https://dl.codebazan.ir/uploads/1513638013.png);
	background-repeat: no-repeat;
	height: 42px;
	width: 42px;
	top: 10px;
	margin-left: auto;
}
.codebazan:hover {
	cursor: pointer;
}
.codebazan1 {
	background-position: 0px 0px;
}
.codebazan2 {
	background-position: 0px -42px;
}
.codebazan3 {
	background-position: 0px -84px;
}
.codebazan4 {
	background-position: 0px -126px;
}
.codebazan5 {
	background-position: 0px -168px;
}
.codebazan6 {
	background-position: 0px -210px;
}
.codebazan7 {
	background-position: 0px -252px;
}
.codebazan8 {
	background-position: 0px -294px;
}
.codebazan1:hover {
	background-position: 0px px;
}
</style>


<!-----این قسمت در body سایت قرار میگیرد--->
<div id="codebazan"> 
<a href="LINK.COM"> 
<div style="width: 42px; display: block;" class="codebazan1 codebazan"> 
</div></a> 
<a href="LINK.COM"> 
<div style="width: 42px; display: block;" class="codebazan2 codebazan"> 
</div></a> 
<a href="LINK.COM"> 
<div style="width: 42px; display: block;" class="codebazan3 codebazan"> 
</div></a> 
<a href="LINK.COM"> 
<div style="width: 42px; display: block;" class="codebazan4 codebazan"> 
</div></a> 
</div>

عکس خام برای ویرایش دلخواه شما

منو گشویی

6 Comments

    1. سلام
      عکس در سرور رزاپ اپلود شده بود و سایت رزبلاگ حذف شد بخاطر همین عکسی ک متحرک میاد بیرون کار نمیکنه شما عکس موجود در پستو ویرایش عکس جدیدو اپلود کن و ادرسشو در کد قرار بده کد بدون مشکله

      admin
    1. سلام
      از این قسمت برای تغییر دادن ادرس منوها استفاده کن بقیه قسمتها رو تغییر نده

      <a href="https://codebazan.ir">

      این کدها در قسمت انتهایی کد قرار داره
      بازم مشکل داشتی بگو برات ردیف میکنم

      admin

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *