رفتن به مطلب
iranbeylan

طريقه تغيير دادن جهت منو؟؟؟؟

پست های پیشنهاد شده

يكي نيست بگه من چطور ميتونم نوي باز شوي رو چينشش رو عوض كنم .

بايد بگم كلا فارسي شده و فقط جهت منو باقي مونده.

اينم عكسش كه به جاي بازشدن به سمت چپ به راست باز ميسه؟؟؟

[url=http://freepicupload.com/v-493New_Picture.bmp][img=http://freepicupload.com/i-493New_Picture.bmp][/url]

:s:huh::@

به اشتراک گذاری این ارسال


لینک به ارسال
به اشتراک گذاری در سایت های دیگر

سلام

دوست عزیز آدرس سایت رو بدید؟

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

باید کدهای قالب رو دید

به اشتراک گذاری این ارسال


لینک به ارسال
به اشتراک گذاری در سایت های دیگر

دوست عزيز من از افزونه استفاده مي كنم.

در ضمن دو تا فايل css رو ميذارم كه يه سري تغييرات رو روش دادم.

اين شماره 1

.dj-main {
   direction: rtl;
   padding: 0;
   margin: 0;
   list-style: none;
   height: 35px;
   background: #fff url(../images/three_0.gif) repeat-x;
   position: relative;
   z-index: 500;
   font-family: Tahoma, arial, verdana, sans-serif;
   width: auto;
}

.dj-main li.dj-up {
   display: block;
   float: right;
}

.dj-main li a.dj-up_a {
   display: block;
   float: right;
   height: 35px;
   line-height: 33px;
   color: #ccc;
   text-decoration: none;
   font-size: 12px;
   font-weight: normal;
   padding: 0 0 0 15px;
   cursor: pointer;
   background: url(../images/three_0.gif);
}

.dj-main li a.dj-up_a span {
   float: right;
   display: block;
   padding: 0 15px 0 0;
   height: 35px;
   background: url(../images/three_0.gif) right top no-repeat;
}

.dj-main li a.dj-up_a span.dj-drop {
   padding: 0 25px 0 0;
   background: url(../images/three_0a.gif) no-repeat right top;
}

.dj-main li:hover a.dj-up_a, .dj-main li.active a.dj-up_a {
   color: #fff;
   background: url(../images/three_1.gif) no-repeat;
}

.dj-main li:hover a.dj-up_a span, .dj-main li.active a.dj-up_a span {
   background: url(../images/three_1.gif) no-repeat right top;
}

.dj-main li:hover a.dj-up_a span.dj-drop, .dj-main li.active a.dj-up_a span.dj-drop {
   background: url(../images/three_1a.gif) no-repeat right top;
   padding-bottom: 3px;
}

.dj-main li.separator > a {
   cursor: default;
}

.dj-main li a.dj-up_a span span.image-title {
background: none;
padding: 0 0 0 5px;
display: inline;
float: none;
height: auto;
}
.dj-main img {
border: 0;
margin: 0;
}

/* Default list styling */
.dj-main li:hover {
   position: relative;
   z-index: 200;
}

.dj-main li:hover ul.dj-submenu {
   left: 1px;
   top: 35px;
   background: #50b5d0;
   padding: 3px;
   border: 1px solid #0b4d97;
   width: 190px;
   height: auto;
   z-index: 300;
}

.dj-main li:hover ul.dj-submenu li {
   display: block;
   height: auto;
   position: relative;
   float: right;
   width: 190px;
   font-weight: normal;
}

.dj-main li:hover ul.dj-submenu li a {
   display: block;
   font-size: 12px;
   height: auto;
   width: 183px;
   line-height: 18px;
   color: #000;
   text-decoration: none;
   border: 1px solid #50b5d0;
   padding-left: 5px;
}

.dj-main li ul.dj-submenu li a.dj-more {
   background: #50b5d0 url(../images/arrow.gif) 180px 6px no-repeat;
}

.dj-main li:hover ul.dj-submenu li a:hover, .dj-main li ul.dj-submenu li a.active, .dj-main li ul.dj-submenu li li a.active, .dj-main li ul.dj-submenu li li li a.active {
   background: #3f96a9;
   color: #fff;
   border-color: #fff;
}

.dj-main li:hover ul.dj-submenu li a.dj-more:hover {
   background: #3f96a9 url(../images/arrow_over.gif) 180px 6px no-repeat;
   color: #fff;
}

.dj-main li:hover ul.dj-submenu li a.dj-more-active {
   background: #3f96a9 url(../images/arrow_over.gif) 180px 6px no-repeat;
   color: #fff;
}

.dj-main li:hover ul.dj-submenu li a.dj-more-active:hover {
   border-color: #fff;
   background: #3f96a9 url(../images/arrow_over.gif) 180px 6px no-repeat;
}

.dj-main li:hover li:hover ul, .dj-main li:hover li:hover li:hover ul, .dj-main li:hover li:hover li:hover li:hover ul, .dj-main li:hover li:hover li:hover li:hover li:hover ul {
   left: 190px;
   top: -4px;
   background: #50b5d0;
   padding: 3px;
   border: 1px solid #0b4d97;
   white-space: nowrap;
   width: 190px;
   z-index: 400;
   height: auto;
}

.dj-main ul, .dj-main li:hover ul ul, .dj-main li:hover li:hover ul ul, .dj-main li:hover li:hover li:hover ul ul, .dj-main li:hover li:hover li:hover li:hover ul ul {
   position: absolute;
   left: -9999px;
   top: -9999px;
   width: 0;
   height: 0;
   margin: 0;
   padding: 0;
   list-style: none;
}

.dj-main li:hover li:hover a.dj-more, .dj-main li:hover li:hover li:hover a.dj-more, .dj-main li:hover li:hover li:hover li:hover a.dj-more, .dj-main li:hover li:hover li:hover li:hover li:hover a.dj-more {
   background: #3f96a9 url(../images/arrow_over.gif) 180px 6px no-repeat;
   color: #fff;
   border-color: #fff;
}

.dj-main li:hover li:hover li a.dj-more, .dj-main li:hover li:hover li:hover li a.dj-more, .dj-main li:hover li:hover li:hover li:hover li a.dj-more {
   background: #50b5d0 url(../images/arrow.gif) 180px 6px no-repeat;
   color: #000;
   border-color: #50b5d0;
}

اينم شماره 2

.dj-main {
   direction:rtl;
   padding: 0;
   margin: 0;
   list-style: none;
   height: 35px;
   background: #fff url(../images/three_0.gif) repeat-x;
   position: relative;
   z-index: 500;
   font-family: Tahoma, arial, verdana, sans-serif;
   width: auto;
}

.dj-main li.dj-up {
   display: block;
   float: right;
}

.dj-main li a.dj-up_a {
   display: block;
   float: right;
   height: 35px;
   line-height: 33px;
   color: #ccc;
   text-decoration: none;
   font-size: 12px;
   font-weight: normal;
   padding: 0 0 0 15px;
   cursor: pointer;
   background: url(../images/three_0.gif);
}

.dj-main li a.dj-up_a span {
   float: right;
   display: block;
   padding: 0 15px 0 0;
   height: 35px;
   background: url(../images/three_0.gif) right top no-repeat;
}

.dj-main li a.dj-up_a span.dj-drop {
   padding: 0 25px 0 0;
   background: url(../images/three_0a.gif) no-repeat right top;
}

.dj-main li.hover a.dj-up_a, .dj-main li.active a.dj-up_a {
   color: #fff;
   background: url(../images/three_1.gif) no-repeat;
}

.dj-main li.hover a.dj-up_a span, .dj-main li.active a.dj-up_a span {
   background: url(../images/three_1.gif) no-repeat right top;
}

.dj-main li.hover a.dj-up_a span.dj-drop, .dj-main li.active a.dj-up_a span.dj-drop {
   background: url(../images/three_1a.gif) no-repeat right top;
   padding-bottom: 3px;
}

.dj-main li.separator > a {
   cursor: default;
}

.dj-main li a.dj-up_a span span.image-title {
background: none;
padding: 0 0 0 5px;
display: inline;
float: none;
height: auto;
}
.dj-main img {
border: 0;
margin: 0;
}

/* Default list styling */
.dj-main li.hover {
   position: relative;
   z-index: 200;
}

.dj-main li.hover ul.dj-submenu {
   left: 1px;
   top: 35px;
   background: #50b5d0;
   padding: 3px;
   border: 1px solid #0b4d97;
   width: 190px;
   height: auto;
   z-index: 300;
}

.dj-main li.hover ul.dj-submenu li {
   display: block;
   height: auto;
   position: relative;
   float: righgt;
   width: 190px;
   font-weight: normal;
}

.dj-main li.hover ul.dj-submenu li a {
   display: block;
   font-size: 12px;
   height: auto;
   width: 183px;
   line-height: 18px;
   color: #000;
   text-decoration: none;
   border: 1px solid #50b5d0;
   padding-left: 5px;
}

.dj-main li ul.dj-submenu li a.dj-more {
   background: #50b5d0 url(../images/arrow.gif) 180px 6px no-repeat;
}

.dj-main li.hover ul.dj-submenu li a:hover, .dj-main li ul.dj-submenu li a.active, .dj-main li ul.dj-submenu li li a.active, .dj-main li ul.dj-submenu li li li a.active {
   background: #3f96a9;
   color: #fff;
   border-color: #fff;
}

.dj-main li.hover ul.dj-submenu li a.dj-more:hover {
   background: #3f96a9 url(../images/arrow_over.gif) 180px 6px no-repeat;
   color: #fff;
}

.dj-main li.hover ul.dj-submenu li a.dj-more-active {
   background: #3f96a9 url(../images/arrow_over.gif) 180px 6px no-repeat;
   color: #fff;
}

.dj-main li.hover ul.dj-submenu li a.dj-more-active:hover {
   border-color: #fff;
   background: #3f96a9 url(../images/arrow_over.gif) 180px 6px no-repeat;
}

.dj-main li.hover li.hover ul, .dj-main li.hover li.hover li.hover ul, .dj-main li.hover li.hover li.hover li.hover ul, .dj-main li.hover li.hover li.hover li.hover li.hover ul {
   left: 190px;
   top: -4px;
   background: #50b5d0;
   padding: 3px;
   border: 1px solid #0b4d97;
   white-space: nowrap;
   width: 190px;
   z-index: 400;
   height: auto;
}

.dj-main ul, .dj-main li.hover ul ul, .dj-main li.hover li.hover ul ul, .dj-main li.hover li.hover li.hover ul ul, .dj-main li.hover li.hover li.hover li.hover ul ul {
   position: absolute;
   left: -9999px;
   top: -9999px;
   width: 0;
   height: 0;
   margin: 0;
   padding: 0;
   list-style: none;
}

.dj-main li.hover li.hover a.dj-more, .dj-main li.hover li.hover li.hover a.dj-more, .dj-main li.hover li.hover li.hover li.hover a.dj-more, .dj-main li.hover li.hover li.hover li.hover li.hover a.dj-more {
   background: #3f96a9 url(../images/arrow_over.gif) 180px 6px no-repeat;
   color: #fff;
   border-color: #fff;
}

.dj-main li.hover li.hover li a.dj-more, .dj-main li.hover li.hover li.hover li a.dj-more, .dj-main li.hover li.hover li.hover li.hover li a.dj-more {
   background: #50b5d0 url(../images/arrow.gif) 180px 6px no-repeat;
   color: #000;
   border-color: #50b5d0;
}

اگه بازم چيزي خواستي بذارم.

ممنون:thankyou:

به اشتراک گذاری این ارسال


لینک به ارسال
به اشتراک گذاری در سایت های دیگر

سلام

بالاخره تونستم درستش كنم. ولي گله اي كه از مديران سايت و اعضا دارم اينه كه هيشكي كمكم نكردند حتي به مديران سايت بصورت خصوصي پيام دادم حتي به آن اعتنايي نكرند. ولي با اين همه از دوستاني كه به اندازه دانش و توانايي هان كمكم كردند ممنونم.

حالا بگم چطوري شد ؟؟؟ خيلي راحت و فقط و فقط با يه تغيير ...

اين كد اصلي هستش ، البته دو تا كد بالا يكي هستند با كمي تفاوت. اين كد تو هر دوشون هست.

.dj-main li:hover ul.dj-submenu {
   left: 1px;
   top: 35px;
   background: #50b5d0;
   padding: 3px;
   border: 1px solid #0b4d97;
   width: 190px;
   height: auto;
   z-index: 300;
}

تغييري كه من دادم تنها اين بود كه به جاي left : 1px اين رو جايگزين كردم: right:1px كليد كار اين بود.

چون اين شامل زير منوها ميشد. براي اينكار 3 روز وقت صرف كردم .

اميدوارم همه بتونن استفاده بكنند.:cool:;)

به اشتراک گذاری این ارسال


لینک به ارسال
به اشتراک گذاری در سایت های دیگر

به گفتگو بپیوندید

هم اکنون می توانید ارسال داشته باشید و بعد ثبت نام خود را در سایت کامل نمایید. اگر حساب کاربری در سایت دارید، جهت ارسال با حساب کاربری خود هم اکنون وارد سایت شوید

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.


×
×
  • افزودن...