yaser4365 0 ارسال شده در آبان 93 گزارش بازنشر ارسال شده در آبان 93 باسلام و عرض ادبدوستان من میخوام وقتی زیرمنوهام باز میشه و روشون هاور میکنم نوشته اونا یه حرکت کوچیک از سمت چپ به راست داشته باشهممنون میشم راهنماییم کنیدمن اینجوری نوشتم کار نمیکنه میشه بگین این کد درسته یا نهanimation:ali linear .3s; -moz-animation:ali linear .3s; }@keyframes ali{ from {text-align:left;} to{text-align:right;}}@-moz-keyframes ali{ from {text-align:left;} to{text-align:right;}} نقل قول لینک به ارسال
themento 348 ارسال شده در آبان 93 گزارش بازنشر ارسال شده در آبان 93 سلام بله کد ها برای اینکار اشتباه هستن.شما باید قسمت html رو ضمیمه کنید. یا یه آدرس آنلاین بزارید تا دقیق بهتون بگم.ولی درکل باید اینجوری بشه:ul li a {-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}ul li a:hover {padding-left: 5px;} 5 نقل قول لینک به ارسال
yaser4365 0 ارسال شده در آبان 93 مالک گزارش بازنشر ارسال شده در آبان 93 با این دستور padding-left خود تب منو عرضش کم میشه من میخوام نوشته یا text اون یه حرکتی بکنه نقل قول لینک به ارسال
علی زینلی 2114 ارسال شده در آبان 93 گزارش بازنشر ارسال شده در آبان 93 با این دستور padding-left خود تب منو عرضش کم میشه من میخوام نوشته یا text اون یه حرکتی بکنه کد HTML رو بذارید تا راهنمایی بیشتری بکنیم ، چون ممکنه که با a باشه ممکنه با هرچیز دیگه... 2 نقل قول لینک به ارسال
yaser4365 0 ارسال شده در آبان 93 مالک گزارش بازنشر ارسال شده در آبان 93 باتشکر اینم کد منو #nav{ background-color:#0592FA; height:35px; border-bottom-right-radius:10px; border-bottom-left-radius:10px; border-style: outset; border-color:#fff; width:990px; font-size:18px; font-family:'bhoma'; margin-top:-5px; } #nav ul{ list-style: none; padding:0; margin:0; } #nav li{ position: relative; } #nav > ul > li{ float: right; border-left:2px solid #000; } #nav > ul > li > a{ display: inline-block; color: white; padding: 0px 10px; line-height: 35px; } #nav > ul > li a:hover > { background-color:darkred; color: white; text-decoration:overline; } /* styles for sub menu */ #nav .sub-menu{ display: none; position: absolute; } #nav .sub-menu > li > a{ display: block; width: 120px; background-color: darkred; color: white; padding:7px 10px; font-size:14px; } #nav .sub-menu > li:hover > a{ background-color:#FC6; color:#000; } #nav li:hover > .sub-menu{ display: block; } /* styles for sub-menu under sub-menu */ #nav .sub-menu > li > .sub-menu{ right: 140px; top: 0; نقل قول لینک به ارسال
themento 348 ارسال شده در آبان 93 گزارش بازنشر ارسال شده در آبان 93 اینا کد های css هستن. یا کد های html رو بزارید یا آدرس آنلاین بدید.این سلکتور هم بسته نشده:#nav .sub-menu > li > .sub-menu{ right: 140px; top: 0; 2 نقل قول لینک به ارسال
yaser4365 0 ارسال شده در آبان 93 مالک گزارش بازنشر ارسال شده در آبان 93 خوب کد منو همینه دیگهشما با دستورات سی اس اس نمیشه بگین چحوری باید نوشته بشه؟؟ نقل قول لینک به ارسال
themento 348 ارسال شده در آبان 93 گزارش بازنشر ارسال شده در آبان 93 خب عزیز من کد منو یه ساختار html داره یه css با css تنها مشکلتونو نمیتونیم حل کنیم. اگه وارد نیستید یه آدرس آنلاین بزارید تا دقیق بهتون بگم چی کار کنی. 3 نقل قول لینک به ارسال
yaser4365 0 ارسال شده در آبان 93 مالک گزارش بازنشر ارسال شده در آبان 93 سلام مجدد این کد اچ تی ام ال منوی من <div id="nav"> <div id="yas"></div> <ul> <li><a href="#">خانه</a></li> <li> <a href="#">درباره ما</a> <ul class="sub-menu"> <li><a href="#">گالری</a></li> <li><a href="index.php?option=com_content&view=article&id=62">ارتباط با ما</a></li> <li><a href="#">تماس با ما</a> <ul class="sub-menu"> <li><a href="#">برنامه ها</a></li> <li> <a href="#">پایگاه داده</a> <ul class="sub-menu"> <li><a href="#">جلسات </a></li> <li><a href="#">مباحث</a></li> <li><a href="#">دروس</a></li> </ul> </li> <li><a href="#">شبکه بندی</a></li> </ul> </li> </ul> </li> <li><a href="#">سایتهای مرتبط</a></li> <li><a href="#">معرفی محصولات</a></li> <li><a href="#">تماس ها</a></li> </ul> <div class="clear-fix"></div> </div> نقل قول لینک به ارسال
علی زینلی 2114 ارسال شده در آبان 93 گزارش بازنشر ارسال شده در آبان 93 علیک السلام!همینطور که دوست عزیزم علی جان گفتن شما باید از کد زیر استفاده کنیدpadding-left: مقداری که میخواین بره به سمت چپو این تغییر رو باید در اینجا بدین: #nav .sub-menu > li:hover > a{ background-color:#FC6; color:#000; }که تبدیل میشه به این: #nav{ background-color:#0592FA; height:35px; border-bottom-right-radius:10px; border-bottom-left-radius:10px; border-style: outset; border-color:#fff; width:990px; font-size:18px; font-family:'bhoma'; margin-top:-5px; } #nav ul{ list-style: none; padding:0; margin:0; } #nav li{ position: relative; } #nav > ul > li{ float: right; border-left:2px solid #000; } #nav > ul > li > a{ display: inline-block; color: white; padding: 0px 10px; line-height: 35px; } #nav > ul > li a:hover > { background-color:darkred; color: white; text-decoration:overline; } /* styles for sub menu */ #nav .sub-menu{ display: none; position: absolute; } #nav .sub-menu > li > a{ display: block; width: 120px; background-color: darkred; color: white; padding:7px 10px; font-size:14px; } #nav .sub-menu > li:hover > a{ background-color:#FC6; color:#000; padding-left: 20px; } #nav li:hover > .sub-menu{ display: block; } /* styles for sub-menu under sub-menu */ #nav .sub-menu > li > .sub-menu{ right: 140px; top: 0;و اگر بخواین حالت انیمیشن بهش بدین و افکت دار بشه از کد زیر استفاده کنید که خیلی جالب ترش هم میکنه #nav{ background-color:#0592FA; height:35px; border-bottom-right-radius:10px; border-bottom-left-radius:10px; border-style: outset; border-color:#fff; width:990px; font-size:18px; font-family:'bhoma'; margin-top:-5px; } #nav ul{ list-style: none; padding:0; margin:0; } #nav li{ position: relative; } #nav > ul > li{ float: right; border-left:2px solid #000; } #nav > ul > li > a{ display: inline-block; color: white; padding: 0px 10px; line-height: 35px; } #nav > ul > li a:hover > { background-color:darkred; color: white; text-decoration:overline; } /* styles for sub menu */ #nav .sub-menu{ display: none; position: absolute; } #nav .sub-menu > li > a{ display: block; width: 120px; background-color: darkred; color: white; padding:7px 10px; font-size:14px; -webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s; } #nav .sub-menu > li:hover > a{ background-color:#FC6; color:#000; padding-left: 20px; } #nav li:hover > .sub-menu{ display: block; } /* styles for sub-menu under sub-menu */ #nav .sub-menu > li > .sub-menu{ right: 140px; top: 0;موفّق باشی. 2 نقل قول لینک به ارسال
yaser4365 0 ارسال شده در آبان 93 مالک گزارش بازنشر ارسال شده در آبان 93 باسلام و تشکر ولی این چیزی نیست که من میخواستم . من میخوام متن حرکت کنه نه بلاک منو-- فقط متن و عنوان منو یه ذره حرکت کنه به سمت راست وقتی روش هاور میشه.این دستور دقیقا خود بلاک منو طولش رو بزرگ میکنه نقل قول لینک به ارسال
amirali.bk 656 ارسال شده در آبان 93 گزارش بازنشر ارسال شده در آبان 93 سلاماین خط رو پیدا#nav .sub-menu > li > aو کد زیر رو بهش اضاف کنید :-webkit-transition: 0.3s;واین کد هم زیره کده بالا وارد کنید :#nav .sub-menu > li > a:hover {padding-left: 15px;}دمو : http://codepen.io/anon/pen/zxYeKM 2 نقل قول لینک به ارسال
علی زینلی 2114 ارسال شده در آبان 93 گزارش بازنشر ارسال شده در آبان 93 آها عذرخواهم دوست عزیز ، کدت چون به صورت غیر استاندارد نوشته شده اینجوری شده... (اومده استایل ها رو داده به تگ a به جای اینکه بده به li)کد رو برات تغییر دادم و امتحانش کردم ، کار میکنه #nav{ background-color:#0592FA; height:35px; border-bottom-right-radius:10px; border-bottom-left-radius:10px; border-style: outset; border-color:#fff; width:990px; font-size:18px; font-family:'bhoma'; margin-top:-5px; } #nav ul{ list-style: none; padding:0; margin:0; } #nav li{ position: relative; } #nav > ul > li{ float: right; border-left:2px solid #000; } #nav > ul > li > a{ display: inline-block; color: white; padding: 0px 10px; line-height: 35px; } #nav > ul > li a:hover > { background-color:darkred; color: white; text-decoration:overline; } /* styles for sub menu */ #nav .sub-menu{ display: none; position: absolute; background-color: darkred; width: 140px; } #nav .sub-menu > li:hover{-webkit-transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;-ms-transition: all 0.5s ease 0s;transition: all 0.5s ease 0s;} #nav .sub-menu > li:hover{ background-color:#FC6;} #nav .sub-menu > li > a{width: 120px;display: block;padding:7px 10px;color: white;font-size:14px;-webkit-transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;-ms-transition: all 0.5s ease 0s;transition: all 0.5s ease 0s; } #nav .sub-menu > li:hover > a{ color:#000; padding-left: 20px; } #nav li:hover > .sub-menu{ display: block; } /* styles for sub-menu under sub-menu */ #nav .sub-menu > li > .sub-menu{ right: 140px; top: 0;margin-left:40px; } موفّق باشی. 2 نقل قول لینک به ارسال
yaser4365 0 ارسال شده در آبان 93 مالک گزارش بازنشر ارسال شده در آبان 93 ممنون ازلطفتون درست شدفقط الان اگه بخوام ایتم منویی که فعال هست رنگش با بقیه فرق داشته باشه دقیقا چه کدی رو باید براش بنویسم؟؟؟ممنون میشم راهنماییم کنید بازم تشکر از همه دوستان نقل قول لینک به ارسال
themento 348 ارسال شده در آبان 93 گزارش بازنشر ارسال شده در آبان 93 باید به li این کلاس رو بدی:li.current-menu-item {background-color: #fff;} 1 نقل قول لینک به ارسال
yaser4365 0 ارسال شده در آبان 93 مالک گزارش بازنشر ارسال شده در آبان 93 سلام متاسفانه با این دستور کار نمیکنهاحتمالا نباید این مدلی باشه????ul li a:active{background:red} نقل قول لینک به ارسال
themento 348 ارسال شده در آبان 93 گزارش بازنشر ارسال شده در آبان 93 خیر اکتیو برای زمانیه که روش کلیک میشه.مگه شما از فهرست ها برای منو استفاده نمیکنی؟ نقل قول لینک به ارسال
yaser4365 0 ارسال شده در آذر 93 مالک گزارش بازنشر ارسال شده در آذر 93 منظورتون از فهرست ها رو متوجه نشدمدرضمن کدی که شما گفتین کار نمیکنه برای من نقل قول لینک به ارسال
themento 348 ارسال شده در آذر 93 گزارش بازنشر ارسال شده در آذر 93 شما منو ها رو از کجا ایجاد میکنید؟باید از قسمت نمایش > فهرست ها، درست کنید منو ها رو. اونموقع کار میکنه این کد. نقل قول لینک به ارسال
علی زینلی 2114 ارسال شده در آذر 93 گزارش بازنشر ارسال شده در آذر 93 کد هایی مثل :active یا :hover کد های مخصوص هاور هستن! :active زمانی به کار میره که روش کلیک میکنین.کدهایی که .active دارند کد هایی هستن که خود وردپرس ساختشون و شما باید طبق دستور العمل وردپرس عمل کنین که کار کنه.برای کد بالا که گذاشتین خیلی سخته به کار گرفتنشیه نمونه کد که کار میکنه و به سبک کد شما ساخته شده:.navbar-nav > .active > a {background-color: #31A3DD; 1 نقل قول لینک به ارسال
پست های پیشنهاد شده
به گفتگو بپیوندید
هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .