تابلو اعلانات

miladonline

اینو بذارید تو head

کد:
<script type="text/javascript" src="http://milad-design.tk/tools/left-menu-jquery/jquery-1.4.2.min.js"></script>

        <script type="text/javascript" 

src="http://milad-design.tk/tools/left-menu-jquery/jquery.easing.js"></script>

        <script type="text/javascript" 

src="http://milad-design.tk/tools/left-menu-jquery/jquery.sweet-menu-1.0.js"></script>

		<script type="text/javascript"> 

			$(document).ready(function(){ 

                $('#backMenu').sweetMenu({

					top: 40,

					padding: 8,

					iconSize: 48,

					easing: 'easeOutBounce',

					duration: 500,

					icons: [

						'images/back.png'

					]

				});

				$('#exampleMenu').sweetMenu({

					top: 200,

					padding: 8,

					iconSize: 48,

					easing: 'easeOutBounce',

					duration: 500,

					icons: [

						'http://milad-design.tk/tools/left-menu-jquery/images/home.png',

						'http://milad-design.tk/tools/left-menu-jquery/images/comments.png',

						'http://milad-design.tk/tools/left-menu-jquery/images/red_heart.png',

						'http://milad-design.tk/tools/left-menu-jquery/images/male_user.png',

						'http://milad-design.tk/tools/left-menu-jquery/images/yellow_mail.png',

						'http://milad-design.tk/tools/left-menu-jquery/images/computer.png'

					]

				});

			});

		</script>

        <style type="text/css">

            .sweetMenuAnchor{

                border-top: 1px solid #ffffff;

                border-right: 1px solid #ffffff;

                border-bottom: 1px solid #ffffff;

				border-top-right-radius: 4px;

				-moz-border-radius-topright: 4px;

				border-bottom-right-radius: 4px;

				-moz-border-radius-bottomright: 4px;

				color: #0071bb;

				font-size: 24px;

				font-weight: bold;

				text-align: right;

				text-transform: uppercase;

				font-family: arial;

				text-decoration: none;

				background-color: #888888;

				opacity: 0.6;

			}

			.sweetMenuAnchor span{

				display: block;

				padding-top: 10px;

			}

			h1

			{

				display: block;

				text-align: center;

				font-size: 48px;

				color: #ffffff;

				text-shadow: 0px 0px 12px #000000;

				font-family: "Trebuchet MS";

			}

        </style>

اینم تو body

کد:

”." class="error"><ul id="backMenu">

            <li><a href="#">Back</a></li>

        </ul>

		<ul id="exampleMenu">

            <li><a href="#">Home</a></li>

            <li><a href="#">Forum</a></li>

            <li><a href="#">Portfolio</a></li>

            <li><a href="#">Login</a></li>

            <li><a href="#">Contact</a></li>

            <li><a href="#">My Apps</a></li>

        </ul>

تشکر یادتون نره

itgraph

دمو؟

miladonline

اینم دمو http://milad-design.tk/tools/left-menu-jquery/

itgraph

خیلی زیباست افرین

shahin98

آفرين خوبه . يكم گنده هستن ولي توپه

تابلو اعلانات
	قوانین جدید - تالار گفتمان سایت ساز رزبلاگ درخواست تغيير نام کاربري اطلاع رساني از مشکل قالب هاي داخل پنل اطلاع رساني از مشکل امکانات سايت ها پيشنهادات خود را براي امکانات سايت ها و رزآپ اينجا بيان کنيد! پيشنهادات خود را براي امکانات انجمن ها اينجا بيان کنيد! آموزش جامع بهينه سازي سايت براي موتورهاي جستجوگر طراحي بنر ، لوگو ، هدر و ... ( با هزينه ) درخواست ويرايش قالب فقط در اين تاپيک ! تاپیک جامع اخطار ها و کاربران اخراج شده دلیل

تعداد بازدید 369 کد منوی جی کوئری بسیار زیبا
نویسنده	پیام