سوال: منو شبیه این چطوری درست شده?? [بایگانی]

ghamgin

سه شنبه 17 اردیبهشت 1392, 10:12 صبح

سلام
کسی میدونه این منو چطوری درست شده? یا نمونه ای شبیه این داره?
خواهش می کنم راهنمایی کنید
http://www.farateb.com/

ghamgin

سه شنبه 17 اردیبهشت 1392, 10:14 صبح

منظورم هم منو پایین که مثل تب پیج ه هست و هم اون منو بالا که با رفتن موس توضیحاتی به صورت ...هست

r4hgozar

سه شنبه 17 اردیبهشت 1392, 10:35 صبح

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

مثلا من یه تیکه کد اینجا میزارم به نظرم میتونه مفهوم کلی رو برات برسونه و بقیه کار با خودت . دستوراتش تو اینترنت هستش.
<html>
<head>
<title>Learning HTML</title>
</head>
<body>
<center><input type="button" value="Onclick" onclick="alert('onclick')"><br><br>
<input type="button" value="Ondblclick" ondblclick="alert('ondblclick')"><br><br>
<input type="button" value="Onmousedown" onmousedown="alert('onmousedown')"><br><br>
<input type="button" value="Onmousemove" onmousemove="alert('onmousemove')"><br><br>
<input type="button" value="Onmouseover" onmouseover="alert('onmouseover')"><br><br>
<input type="button" value="Onmouseout" onmouseout="alert('onmouseout')"><br><br>
<input type="button" value="Onmouseup" onmouseup="alert('onmouseup')"></center>
</table>
</body>
</html>

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

mehbod.rayaneh

سه شنبه 17 اردیبهشت 1392, 13:56 عصر

سلام
در مورد jquery tab جستجو کنید!
ب نتایج خوبی میرسید.

ghamgin

چهارشنبه 18 اردیبهشت 1392, 09:42 صبح

سلام
چیزی پیدا نکردم که...!

ممنون

ghamgin

چهارشنبه 18 اردیبهشت 1392, 09:58 صبح

سلام
یه نمونه پیدا کردم اما حساس به موس نیست حتما باید روی تب کلیک بشه تا فعال بشه چکار کنم که به رفتن موس روی تب فعال بشه
ممنون
اینم cssش
<style type="text/css">

ul.tabs {
margin: 0;
padding: 0;
float: left;
list-style: none;
height: 32px;
border-bottom: 1px solid #999999;
border-left: 1px solid #999999;
width: 100%;
}
ul.tabs li {
float: left;
margin: 0;
cursor: pointer;
padding: 0px 21px ;
height: 31px;
line-height: 31px;
border: 1px solid #999999;
border-left: none;
font-weight: bold;
background: #EEEEEE;
overflow: hidden;
position: relative;
}
ul.tabs li:hover {
background: #CCCCCC;
}
ul.tabs li.active{
background: #FFFFFF;
border-bottom: 1px solid #FFFFFF;
}
.tab_container {
border: 1px solid #999999;
border-top: none;
clear: both;
float: left;
width: 100%;
background: #FFFFFF;
}
.tab_content {
padding: 20px;
font-size: 1.2em;
display: none;
}
#container {
width: 600px;
margin: 0 auto;
}
</style>
//-----------
جی کوئری

$(document).ready(function() {

$(".tab_content").hide();
$(".tab_content:first").show();

$("ul.tabs li").click(function() {
$("ul.tabs li").removeClass("active");
$(this).addClass("active");
$(".tab_content").hide();
var activeTab = $(this).attr("rel");
$("#"+activeTab).fadeIn();
});
});
و اینکه مثلا توی هر تب چطور مثلا فرم لاگین رو درست کنم؟؟؟؟

ghamgin

پنج شنبه 19 اردیبهشت 1392, 16:50 عصر

سلام
یه نمونه پیدا کردم اما حساس به موس نیست حتما باید روی تب کلیک بشه تا فعال بشه چکار کنم که به رفتن موس روی تب فعال بشه
ممنون
اینم cssش
<style type="text/css">

ul.tabs {
margin: 0;
padding: 0;
float: left;
list-style: none;
height: 32px;
border-bottom: 1px solid #999999;
border-left: 1px solid #999999;
width: 100%;
}
ul.tabs li {
float: left;
margin: 0;
cursor: pointer;
padding: 0px 21px ;
height: 31px;
line-height: 31px;
border: 1px solid #999999;
border-left: none;
font-weight: bold;
background: #EEEEEE;
overflow: hidden;
position: relative;
}
ul.tabs li:hover {
background: #CCCCCC;
}
ul.tabs li.active{
background: #FFFFFF;
border-bottom: 1px solid #FFFFFF;
}
.tab_container {
border: 1px solid #999999;
border-top: none;
clear: both;
float: left;
width: 100%;
background: #FFFFFF;
}
.tab_content {
padding: 20px;
font-size: 1.2em;
display: none;
}
#container {
width: 600px;
margin: 0 auto;
}
</style>
//-----------
جی کوئری

$(document).ready(function() {

$(".tab_content").hide();
$(".tab_content:first").show();

$("ul.tabs li").click(function() {
$("ul.tabs li").removeClass("active");
$(this).addClass("active");
$(".tab_content").hide();
var activeTab = $(this).attr("rel");
$("#"+activeTab).fadeIn();
});
});
و اینکه مثلا توی هر تب چطور مثلا فرم لاگین رو درست کنم؟؟؟؟

سلام
کسی نمیدونه چطور حساس به موسش کنم؟؟؟

heidarymh73

پنج شنبه 19 اردیبهشت 1392, 17:00 عصر

سلام این یه نمونه هست که من با یک جستجو پیداش کردم
http://jqueryui.com/tabs/
فک کنم سورس هم داشته باشه برای دانلود
بیشترش رو خواستی جستجو کن اینو توی گوگل > Free JQuery Tab