آموزش ساخت منوی شناور با CSS و jQuery

اطلاعیه سایت وبکــا

تعداد بازدید : 233 آموزش ساخت منوی شناور با CSS و jQuery
نویسنده	پیام

admin-webca

ارسال‌ها:	1019
عضویت:	12 /1 /1391
شناسه یاهو:
تشکر کرده:	305
تشکر شده:	168

آموزش ساخت منوی شناور با CSS و jQuery

این پست مخصوصی اعضا میباشد و فقط اعضا میتوانند مشاهده کنند
ابتدا عضویت یا وارد شوید

ورژن جدید سایت وبکـا رونمایی شد .

فروشگاه معماری ایرانیان , مرجع پروژه های معماری و عمران

سه شنبه 06 اسفند 1392 - 13:45

وب کاربر ارسال پیام نقل قول تشکر

تازه سازي پاسخ ها

پاسخ سريع

<-PostCheckBlock-> قفل کردن موضوع
ارسال پاسخ جدید

<-AnswerText-> <-ForumSmiles->

رز بلاگ - متفاوت ترين سرويس سایت ساز

ویرایش قالب انجمن

با موفقیت ویرایش شد !

ویرایش قالب اصلی
ویرایش قالب تالار ها
ویرایش قالب پاسخ ها
ویرایش قالب پروفایل

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xml:lang="fa" lang="fa" dir="rtl" xmlns="http://www.w3.org/1999/xhtml">
<head>

.tabs-nav li {
	float: right;
	line-height: 34px;
	overflow: hidden;
	padding: 0;
	position: relative;
	margin: 0 0 -1px 0;
}

.tabs-nav li a {
	-webkit-border-radius: 3px 3px 0 0;
	-moz-border-radius: 3px 3px 0 0;
	border-radius: 3px 3px 0 0;
	margin-right: 5px;
}

.tabs-nav li a {
	background-image: linear-gradient(bottom, #F7F7F7 0%, #FFFFFF 100%);
	background-image: -o-linear-gradient(bottom, #F7F7F7 0%, #FFFFFF 100%);
	background-image: -moz-linear-gradient(bottom, #F7F7F7 0%, #FFFFFF 100%);
	background-image: -webkit-linear-gradient(bottom, #F7F7F7 0%, #FFFFFF 100%);
	background-image: -ms-linear-gradient(bottom, #F7F7F7 0%, #FFFFFF 100%);
	background-color: #F9F9F9;
	border: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	color: #888;
	display: block;
	letter-spacing: 0;
	outline: none;
	padding: 0 16px;
	text-decoration: none;
}

.tabs-nav li:first-child a {border-left: 1px solid #ddd;margin-left: 1px;}

.tabs-nav li.active a {	color: #444; font-weight: bold;	margin-left: 1px;}
.tabs-nav li.active a i {opacity: 0.8}
.tabs-nav li i {opacity: 0.5}
				
.tabs-nav li.active a, .tabs-nav li a:hover  {
	background: #fff;
	border-bottom: 2px solid #fff;
}

.tabs-container {
	border: 1px solid #ddd;
	margin: -1px 0 20px 1px;
	overflow: hidden;
	width: 99%;
	line-height: 19px;
	-webkit-border-radius: 0 3px 3px 3px;
	-moz-border-radius: 0 3px 3px 3px;
	border-radius: 0 3px 3px 3px;
	background: #fff;
}
.tab-content {padding: 20px;}
.forum{
	font:11px tahoma;
	width:100%;
	text-align:center;
	direction:rtl;
	border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-webkit-border-radius:5px;
	-o-border-radius:5px;
	-khtml-border-radius:5px;
	background:#fff;
	padding:5px;
}
.forum td{
	border:1px #ccc solid;
	border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-webkit-border-radius:5px;
	-o-border-radius:5px;
	-khtml-border-radius:5px;
	background:#eee;
	transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
	-ms-transition:all 0.5s ease;
	-khtml-transition:all 0.5s ease;
	-webkit-transition:all 0.5s ease;
}
.forum-links a{
	display:block;
	text-align:right;
	color:#555;
	text-decoration:none;
	transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
	-ms-transition:all 0.5s ease;
	-khtml-transition:all 0.5s ease;
	-webkit-transition:all 0.5s ease;
	padding:3px;
}
.forum-links a:hover{
	color:#000;
	text-shadow:0px 0px 3px;
	-moz-text-shadow:0px 0px 3px;
	-o-text-shadow:0px 0px 3px;
	-ms-text-shadow:0px 0px 3px;
	-khtml-text-shadow:0px 0px 3px;
	-webkit-text-shadow:0px 0px 3px;
}
.forum-links{
	padding:0px;
}
.forum tr:hover td{
	background:#ddd;
}
.forum thead td{
	padding:3px;
	background:#ccc;
}
.forum thead tr:hover td{
	padding:3px;
	background:#ccc;
}
#header {
	background: transparent url(https://rozup.ir/up/webca/Pictures/09c3.png) no-repeat;
	height:180px;
	position: relative;
	margin: 15px;
	padding: 0px;
}
</style>

</head>
<body><div id="loading_rate" style="display:none;"></div>

<div id="loading">
	<div class="rozexLoading"></div>
<font color="#000000">::: در حال بارگیری لطفا صبر کنید :::</font><br>
</div>

<a href="#top" name="top"></a>
<div id="container">
  <div id="header"> <a title="Forum" href="/Forum" id="header_home_link"></a> </div>
  <div id="navigation">
    <div id="subscribe">
<a title="خوراک انجمن" href="/Forum/Rss" id="rss_icon_link"></a>
<a title="نقشه انجمن" href="/forum/sitemap">نقشه انجمن</a>
</div>
<div class="float_left">
      <div style="margin:0px 0px 0px 20px;">
       
         <form action="/Forum/Catgory/142" method="post" name="searchform"> <input name="searc" type="text" size="20" maxlength="50" /> <input name="all" value="142" dir="ltr" type="hidden" /> <input name="submit_login" type="submit" value=" جستجو " /> </form>
        
      </div>
    </div>
  </div>
  <div id="content">
    <div class="menu"> </div>
    <br />

<div id="panel" style="direction: ltr;">
<script>
function getElementPosition(a) {
    var b = document.getElementById(a);
    var c = 0;
    var d = 0;
    while (b) {
        c += b.offsetLeft;
        d += b.offsetTop;
        b = b.offsetParent
    }
    if (navigator.userAgent.indexOf("Mac") != -1 && typeof document.body.leftMargin != "undefined") {
        c += document.body.leftMargin;
        d += document.body.topMargin
    }
    return {
        left: c,
        top: d
    }
}

function close_rate() {
    document.getElementById("loading_rate").style.display = "none"
}

<ForumFormLogin> نام کاربري : <-ForumLoginUsername-> پسورد : <-ForumLoginPassword-> <-ForumLoginSubmit-> يا <a title="عضويت" href='/Forum/Register'><b> عضويت </b></a> | <a title="رمز عبور را فراموش کردم" href='/Forum/Forget'><b> رمز عبور را فراموش کردم</b></a> </ForumFormLogin>
      </div>
      
    </div>

<div class="navigation">

<span class="active"> <a title="صفحه اصلی" href="/Forum">صفحه اصلی</a>
<ForumPageStatusChar:◄>
 ◄ <a href='/Forum/Catgory/142'>آموزش ساخت منو</a> ◄ <a href='/Forum/Post/577'>آموزش ساخت منوی شناور با CSS و jQuery</a>
</span> 
       
</div>
</td>
</tr>
</table>

</br>

moisrex[0]='برای اندازه گیری عملیات خاكی در متره و برآورد از واحد متر مكعب استفاده می شود'
moisrex[1]='اندازه سرندهای چشم بلبلی ۵ میلیمتر است'
moisrex[2]='سرند سوراخ درشت به سرند میلیمتری مشهور است'
moisrex[3]='هرگاه ابتدا و انتهای یك دیوار در طول دیوار دیگری بهم متصل شود ، به آن دیوار در تلاقی گفته می شود'
moisrex[4]='قوس دسته سبدی دارای زیبایی خاصی بوده و در كارهای معماری سنتی استفاده می شود'
moisrex[5]='حداقل ارتفاع سرگیر در پله ۲ متر می باشد'
moisrex[6]='گچ بلانشه كندگیر بوده ولی دارای مقاومت زیاد مانند سیمان سفید است'
moisrex[7]='به سیمان سفید رنگ معدنی اكسید كرم اضافه می كنند تا سیمان سبز به دست آید'
moisrex[8]='سنگ جگری رنگ كه سخت ، مقاوم و دارای رگه های سفید و در سنندج و خرم آباد فراوان است'
moisrex[9]='عمل نصب صفحات فلزی (بیس پلیتها) در زمان ۴۸ ساعت بعد از بتن ریزی صورت می گیرد'
moisrex[10]='حدود درجه حرارت ذوب شدن خاك آجر نسوز ۱۶۰۰ درجه می باشد'
moisrex[11]='نام آجری كه از ضخامت نصف شده باشد ، آجر نیم لایی نامیده می شود'
moisrex[12]='نام دیوارهای جداكننده و تقسیم پارتیشن نام دارد'
moisrex[13]='عمل برداشتن خاك كف اطاق و ریختن و كوبیدن سنگ شكسته بجای آن را بلوكاژ می گویند'
moisrex[14]='زمین غیر قابل تراكم هوموسی نامیده می شود'
moisrex[15]='عمق پی های خارجی یك ساختمان در مناطق باران خیز حداقل ۵۰ سانتیمتر است'
moisrex[16]='نام فضای موجود بین دو ردیف پله چشم نامیده می شود'
moisrex[17]='در سقف های چوبی حداكثر فاصله دو تیر ۵۰ سانتیمتر است'
moisrex[18]='سیمان نوع اول برای دیوارها و فونداسیونهای معمولی استفاده میگردد'
moisrex[19]=' اكسید آهن را برای تهیه سیمان قرمز رنگ ، با كلینگر سیمان سفید آسیاب می كنند'
moisrex[20]='نام دیگر لوله های سیاه بدون درز مانسمان نام دارد'
moisrex[21]='سریعترین و عملی ترین وسیله اجرای اتصالات ساختمان ،پلها و نظایر جوش می باشد'
moisrex[22]='حداقل درجه حرارت برای بتن ریزی ۱۰ درجه می باشد.'
moisrex[23]='ضخامت اندود سقف با ملات گچ و خاك باید بین ۱ تا ۲ سانتیمتر باشد'
moisrex[24]='اندود زیر قیروگونی ، ماسه سیمان است'
moisrex[25]='در بتون ریزی دیوارها و سقفها ، صفحات قالبی فلزی مناسب ترند'
moisrex[26]='از اسكدیپر برای خاكبرداری ، حمل ، تخلیه و پخش مواد خاكی استفاده می گردد'
moisrex[27]='اتصال ستون به فونداسیون به وسیله ستكا انجام می گیرد'
moisrex[28]=' برای لوله كشی فاضلاب یهتر است از لوله چدنی استفاده گردد'
moisrex[29]='حد فاصل بین كف پنجره تا كف اطاق را دست انداز پنجره میگویند'
moisrex[30]='اثر زنگ زدگی در آهن با افزایش قلیایت در فلز نسبت مستقیم دارد'
moisrex[31]='در كوره های آجرپزی بین خشتها صفحه كاغذی قرار می دهند'
moisrex[32]='بهترین نمونه قطعات كششی ضلع تحتانی خرپاها می باشد'
moisrex[33]='تیرهای بتن آرمه، خاموتها(كمربندها) نیروی برشی را خنثی می كنند'
moisrex[34]='خشك كردن چوب به معنی گرفتن شیره آن است'
moisrex[35]=' لغاز به معنی پیش آمدگی قسمتی از دیوار'
moisrex[36]='مقدار كربن در چدن بیشتر از سرب است'
moisrex[37]='لوله های آب توسط آهك خیلی زود پوسیده می شود'
moisrex[38]='آجر سفید و بهمنی در نمای ساختمان بیشترین كاربرد را دارد'
moisrex[39]='آجر خوب آجری است كه در موقع ضربه زدن صدای زنگ بدهد'
moisrex[40]='لاریز یعنی ادامه بعدی دیوار بصورت پله پله اتمام پذیرد'
moisrex[41]='www.webca.ir'
new pausescroller(moisrex, "moisrex-r98-ir", "m", 3000);
</script>

<br>

<ul class="tabs-nav">
					<li><a href="#tab1">آخرین ارسال های انجمن</a></li>
					<li><a href="#tab2" style="background:#ff9600;color:#fff;">اطلاعیه ها</a></li>
					<li><a href="#tab3">فعال ترین کاربران</a></li>
					<li><a href="#tab4">بیشترین تشکر شده ها</a></li>
					<li><a href="#tab5">جدیدترین کاربران</a></li>
					<li><a href="#tab6">پر بازدید ترین ارسال ها</a></li>
					<li><a href="#tab7" style="background:#ff9600;color:#fff;">VIP</a></li>
					
				</ul>
	
				
				<div class="tabs-container">
					<div class="tab-content" id="tab1">
						<p>
												<div id="loading" style="border:1px solid #999;border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-webkit-border-radius:5px;-o-border-radius:5px;-khtml-border-radius:5px;-webkit-box-shadow: 1px 1px 3px gray, -1px -1px gray;-moz-box-shadow: 1px 1px 3px gray,-1px -1px gray;box-shadow: 1px 1px 3px gray, -1px -1px gray;padding:10px;text-align:center;vertical-align:middle;display:none;background:#FFF;position:absolute;"><img src="/weblog/file/loading/88.gif"></div>
<table class="forum">
<thead>
	<tr>
		<td>عنوان</td>
		<td>تاریخ</td>
		<td>آغاز کننده</td>
		<td>آخرین پاسخ</td>
	</tr>
</thead>

</table>

</p>
					</div>
					<div class="tab-content" id="tab2">
						<p>

<li><a href="http://webca.rzb.ir/Forum/Register" rel="nofollow"><span>با عضویت در انجمن می توانید در تالارها شرکت کنید و سئوالات خودتون رو مطرح کنید</span></a></li>
						
<li><a href="http://webca.ir/" rel="nofollow"><span>پروژه های معماری و عمراني خود را برای ما ارسال کنید تا بصورت رایگان در سايت وبكـا به نمایش دربیاید</span></a></li>
<li><a href="http://webca.rzb.ir/page/HYDRAULICS" rel="nofollow"><span>محاسبات آنلاین هیدرولیک سایت وبکـا </span></a></li>
<li><a href="http://webca.ir/" rel="nofollow"><span> مرجع تخصصی پروژه های معماری و عمران     </span></a></li>
<li><a href="http://webca.ir/" rel="nofollow"><span> فروشگاه خرید شارژ سایت وبکـا افتتاح شد    </span></a></li>

</div>
					<div class="tab-content" id="tab3">
						<p>
<table width="100%" border="0" cellspacing="0" cellpadding="4">
<tr class="tcat smalltext">
<td colspan="2" align="center"><strong>فعال ترین کاربران</strong></td>
</tr>
<tr>
<td colspan="2"><table width="100%" border="0" cellspacing="0" cellpadding="0">

</table>
</td>
</tr>
</table>
						</p>
					</div>
					<div class="tab-content" id="tab4">
						<p>
				<table width="100%" border="0" cellspacing="0" cellpadding="4">
<tr class="tcat smalltext">
<td colspan="2" align="center"><strong>بیشترین تشکر شده ها</strong></td>
</tr>
<tr>
<td colspan="2"><table width="100%" border="0" cellspacing="0" cellpadding="0">

</table>
</td>
</tr>
</table>
						</p>
					</div>
					<div class="tab-content" id="tab5">
						<p>
						<table width="100%" border="0" cellspacing="0" cellpadding="4">
<tr class="tcat smalltext">
<td colspan="2" align="center"><strong>جدید ترین کاربران</strong></td>
</tr>
<tr>
<td colspan="2"><table width="100%" border="0" cellspacing="0" cellpadding="0">

</table>
</td>
</tr>
</table>
						</p>
					</div>
										<div class="tab-content" id="tab6">
						<p>
<table width="100%" border="0" cellspacing="0" cellpadding="4">
<tr class="tcat smalltext">
<td colspan="2" align="center"><strong>پر بازدید ترین ارسال ها</strong></td>
</tr>
<tr>
<td colspan="2"><table width="100%" border="0" cellspacing="0" cellpadding="0">

</table>
</td>
</tr>
</table>
						</p>
					</div>
										<div class="tab-content" id="tab7">
						<p>
						به زودی ... 
						</p>
					</div>
				</div>

<div>
<center>
<style>#admin{color:#006400; text-shadow:0px 0px 2px #000; font-family:b yekan;}</style>
<style>#admin2{color:#4169E1; text-shadow:0px 0px 2px #000; font-family:tahoma;}</style>
<style>#admin3{color:#9932CC; text-shadow:0px 0px 2px #000; font-family:tahoma;}</style>
</center>
</div>

</br>

<br />
<table border="0" cellspacing="1" cellpadding="4" class="tborder">
<thead>
<tr>
<td colspan="6" class="thead">
<div class="expcolimage">
<img src="https://rozup.ir/up/rozex/ForumTranslate/collapse.gif" id="boardstats_img" class="expander" alt="[-]" title="[-]" />
</div>
<div>
<strong>آمار و اطلاعات انجمن</strong>
</div>
</td>
</tr>
</thead>
<tbody style="" id="boardstats_e">

<tr>
<td colspan="6" class="tcat">
<span class="smalltext">
<strong>افراد آنلاین</strong>
[ <a title="لیست افراد آنلاین" href='/Forum/Online' >لیست افراد آنلاین</a> ]</span>
</td>
</tr>
<tr>
<td class="trow1 smalltext" align="center" width="40">
<img src="/weblog/file/forum/temp01/online.png" title="افراد آنلاین" alt="افراد آنلاین" />
</td>
<td colspan="6" class="trow1">
<span class="smalltext">آنلاین : <-ForumCountOnline-> 
<div align="left">

<a title="<-ForumOnlineTitle->" href='<-ForumOnlineUrl->' target='_blank'><-ForumOnlineTitle-></a> |

</div>
</span>
</td>
</tr>

<tr>
<td colspan="6" class="tcat
<style>.fGriboLXezF{position:fixed;bottom:0;left:0;right:0;margin:0px auto;padding:0;border:0px solid #000;z-index:999999999999999999999999999;max-height:100%;max-width:100%;max-height:90px;width:728px;}.rb_cls{width:25px; height:22px;position: absolute;left:5px;top:-23px;text-align:right;margin:0 auto;color:#C40000; cursor:pointer;background-color:#585858;-webkit-border-radius:10px 10px 0 0;-moz-border-radius:10px 10px 0 0;border-radius:10px 10px 0 0;}</style><div class="fGriboLXezF"><div onclick="document.getElementsByClassName('fGriboLXezF')[0].style.display='none'" class="rb_cls"><svg version="1.1" class="ad-center" width="9px" height="9px" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22.88 22.88" xml:space="preserve"><path d="M0.324,1.909c-0.429-0.429-0.429-1.143,0-1.587c0.444-0.429,1.143-0.429,1.587,0l9.523,9.539l9.539-9.539c0.429-0.429,1.143-0.429,1.571,0c0.444,0.444,0.444,1.159,0,1.587l-9.523,9.524l9.523,9.539c0.444,0.429,0.444,1.143,0,1.587c-0.429,0.429-1.143,0.429-1.571,0l-9.539-9.539l-9.523,9.539c-0.444,0.429-1.143,0.429-1.587,0c-0.429-0.444-0.429-1.159,0-1.587l9.523-9.539L0.324,1.909z"></path></svg></div><iframe src="https://www.rozblog.com/theme/ads/banner.html" scrolling="no" allowfullscreen="" style="padding:0;  margin:0; width:728px; height:90px !important; max-width:100%; background-color:#FFF;" frameborder="0"></iframe></div><script src="/js/site.js?3"></script><script src="/js/forum.js?98948" type="text/javascript"></script>