رفتن به مطلب
shervin63

راستچین کردن منوی عمودی آرتیستر 3 نه نسخه 3.1

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

با سلام و عرض ارادت خدمت همگی دوستان عزیز و گرامی متخصص قالب و سی اس اس

چطور می توان منوی عمودی آرتیستر 3 ( نه نسخه 3.1 ) را راستچین کرد ؟؟؟

کد های بخش منوی عمودی قالب ( لطفا.... کمک کنید ....

/* begin Box, Block, VMenuBlock */
.art-vmenublock
{
 position: relative;
 margin: 0 auto;
 min-width: 1px;
 min-height: 1px;
}

.art-vmenublock-body
{
 position: relative;
 padding: 0;
}

.art-vmenublock-cc
{
 position: absolute;
 top: 0;
 left: 0;
 right: 0;
 bottom: 0;
 background-color: #FFFFFF;
}

.art-vmenublock
{
 margin: 10px;
}

/* end Box, Block, VMenuBlock */

/* begin Box, Box, VMenuBlockContent */
.art-vmenublockcontent
{
 position: relative;
 margin: 0 auto;
 min-width: 1px;
 min-height: 1px;
}

.art-vmenublockcontent-body
{
 position: relative;
 padding: 0;
}


.art-vmenublockcontent
{
 position: relative;
 margin: 0 auto;
 min-width: 1px;
 min-height: 1px;
}

.art-vmenublockcontent-body
{
 position: relative;
 padding: 0;
}


/* end Box, Box, VMenuBlockContent */

/* begin VMenu */
ul.art-vmenu, ul.art-vmenu li
{
 list-style: none;
 margin: 0;
 padding: 0;
 width: auto;
 line-height: 0;
}/* end VMenu */

/* begin VMenuItem */
ul.art-vmenu a
{
 position: relative;
 display: block;
 overflow: hidden;
 height: 28px;
 cursor: pointer;
 text-decoration: none;
 text-align:right !important;
 float:right !important;
}

ul.art-vmenu li.art-vmenu-separator
{
 display: block;
 padding: 2px 0 2px 0;
 margin: 0;
 font-size: 1px;
}

ul.art-vmenu .art-vmenu-separator-span
{
 display: block;
 padding: 0;
 font-size: 1px;
 height: 0;
 line-height: 0;
 border: none;
}

ul.art-vmenu a .r, ul.art-vmenu a .l
{
 position: absolute;
 display: block;
 top: 0;
 height: 94px;
 background-image: url('../images/vmenuitem.png');
}

ul.art-vmenu a .l
{
 left: 0;
 right: 1px;
}

ul.art-vmenu a .r
{
 width: 1922px;
 right: 0;
 clip: rect(auto, auto, auto, 1921px);
}

ul.art-vmenu a .t, ul.art-vmenu ul a
{
 font-family: Arial, Helvetica, Sans-Serif;
 font-size: 12px;
 text-align:right !important;
 float:right !important;
}

ul.art-vmenu a .t
{
 display: block;
 position:relative;
 top:0;
 line-height: 28px;
 color: #000000;
 padding: 0 11px 0 11px;
 margin-left:0;
 margin-right:0;
}

ul.art-vmenu a.active .l, ul.art-vmenu a.active .r
{
 top: -66px;
}

ul.art-vmenu a.active .t
{
 color: #000000;
}

ul.art-vmenu a:hover .l, ul.art-vmenu a:hover .r
{
 top: -33px;
}

ul.art-vmenu a:hover .t
{
 color: #000000;
}


/* end VMenuItem */

/* begin VMenuSubItem */
ul.art-vmenu ul, ul.art-vmenu ul li
{
 margin: 0;
 padding: 0;
}

ul.art-vmenu ul a
{
 display: block;
 white-space: nowrap;
 height: 20px;
 overflow: visible;
 background-image: url('../images/vsubitem.gif');
 background-position: 25px 0;
 background-repeat: repeat-x;
 padding-left: 25px;
}

ul.art-vmenu ul li
{
 padding: 0;
}

ul.art-vmenu ul span, ul.art-vmenu ul span span
{
 display: inline;
 float:right !important;
 margin: inherit;
 padding: inherit;
 background-image: none;
 text-align:right !important;
 text-decoration: inherit;
}

ul.art-vmenu ul a, ul.art-vmenu ul a:link, ul.art-vmenu ul a:visited, ul.art-vmenu ul a:hover, ul.art-vmenu ul a:active, ul.art-vmenu ul span, ul.art-vmenu ul span span
{
 line-height: 20px;
 color: #22485D;
 font-size: 11px;
 margin-left: 0;
}

ul.art-vmenu ul
{
   margin:0 0 0 0;
}

ul.art-vmenu ul ul
{
 margin:0 0 0 0;
}

ul.art-vmenu ul li.art-vsubmenu-separator
{ 
 display: block;
 margin: 0;
 font-size: 1px;
 padding: 0 0 0 0;
}

ul.art-vmenu ul .art-vsubmenu-separator-span
{
 display: block;
 padding: 0;
 font-size: 1px;
 height: 0;
 line-height: 0;
 margin: 0;
 border: none;
}

ul.art-vmenu ul li.art-vmenu-separator-first
{
   padding-bottom:2px;
}

ul.art-vmenu ul li li a
{
 background-position: 50px 0;
 padding-left: 50px;
}

ul.art-vmenu ul li li li a
{
 background-position: 75px 0;
 padding-left: 75px;
}

ul.art-vmenu ul li li li li a
{
 background-position: 100px 0;
 padding-left: 100px;
}

ul.art-vmenu ul li li li li li a
{
 background-position: 125px 0;
 padding-left: 125px;
}


ul.art-vmenu ul li a.active
{
 color: #304050;
 background-position: 25px -50px;
}

ul.art-vmenu ul li li a.active
{
 background-position: 50px -50px;
}

ul.art-vmenu ul li li li a.active
{
 background-position: 75px -50px;
}

ul.art-vmenu ul li li li li a.active
{
 background-position: 100px -50px;
}

ul.art-vmenu ul li li li li li a.active
{
 background-position: 125px -50px;
}



ul.art-vmenu ul li a:hover, ul.art-vmenu ul li a:hover.active
{
 color: #2C3B49;
 background-position: 25px -25px;
}


ul.art-vmenu ul li li a:hover, ul.art-vmenu ul li li a:hover.active
{
 background-position: 50px -25px;
}

ul.art-vmenu ul li li li a:hover, ul.art-vmenu ul li li li a:hover.active
{
 background-position: 75px -25px;
}

ul.art-vmenu ul li li li li a:hover, ul.art-vmenu ul li li li li a:hover.active
{
 background-position: 100px -25px;
}

ul.art-vmenu ul li li li li li a:hover, ul.art-vmenu ul li li li li li a:hover.active
{
 background-position: 125px -25px;
}
/* end VMenuSubItem */

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


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

با سلام

دمو آنلاین قرار دهسد

یا حق

با سلام و تشکر

دموی آنلاین

http://jmdemo.host22.com

نام منو " منوی عمودی آرتیستر "


با سلام

دمو آنلاین قرار دهسد

یا حق

http://jmdemo.host22.com

نام کاربری و رمز عبور

test

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


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

با سلام

ابتدا به مسیر زیر بروید :

templates/green2/css/template.css

برای قسمت هدر منو در خط 732 کد زیر قرار دارد :

.art-vmenublockheader h3.t, .art-vmenublockheader h3.t a, .art-vmenublockheader h3.t a:link, .art-vmenublockheader h3.t a:visited, .art-vmenublockheader h3.t a:hover {
   color: #000000;
   font-family: Verdana,Geneva,Arial,Helvetica,Sans-Serif;
   font-size: 15px;
   font-style: normal;
   font-weight: bold;
}

حالا کد بالا را به شکل زیر تغییر دهید ( به انتهای کد توجه کنید ) :

.art-vmenublockheader h3.t, .art-vmenublockheader h3.t a, .art-vmenublockheader h3.t a:link, .art-vmenublockheader h3.t a:visited, .art-vmenublockheader h3.t a:hover {
   color: #000000;
   font-family: Verdana,Geneva,Arial,Helvetica,Sans-Serif;
   font-size: 15px;
   font-style: normal;
   font-weight: bold;
   text-align: right;
}

برای خود منو هم در خط 858 کد زیر قرار دارد :

ul.art-vmenu a .t {
   color: #665E33;
   display: block;
   line-height: 30px;
   margin-left: 0;
   margin-right: 0;
   padding: 0 13px;
   position: relative;
   top: 0;
}

حالا کد بالا را به شکل زیر تغییر دهید ( به انتهای کد توجه کنید ) :

ul.art-vmenu a .t {
   color: #665E33;
   display: block;
   line-height: 30px;
   margin-left: 0;
   margin-right: 0;
   padding: 0 13px;
   position: relative;
   top: 0;
   text-align: right;
}

بدین ترتیب متن هدر منوی عمودی و خود منو راست چین میشود

موفق و پیروز باشید

یا حق

:64 (17):

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


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

با سلام

ابتدا به مسیر زیر بروید :

templates/green2/css/template.css

برای قسمت هدر منو در خط 732 کد زیر قرار دارد :

.art-vmenublockheader h3.t, .art-vmenublockheader h3.t a, .art-vmenublockheader h3.t a:link, .art-vmenublockheader h3.t a:visited, .art-vmenublockheader h3.t a:hover {
   color: #000000;
   font-family: Verdana,Geneva,Arial,Helvetica,Sans-Serif;
   font-size: 15px;
   font-style: normal;
   font-weight: bold;
}

حالا کد بالا را به شکل زیر تغییر دهید ( به انتهای کد توجه کنید ) :

.art-vmenublockheader h3.t, .art-vmenublockheader h3.t a, .art-vmenublockheader h3.t a:link, .art-vmenublockheader h3.t a:visited, .art-vmenublockheader h3.t a:hover {
   color: #000000;
   font-family: Verdana,Geneva,Arial,Helvetica,Sans-Serif;
   font-size: 15px;
   font-style: normal;
   font-weight: bold;
   text-align: right;
}

برای خود منو هم در خط 858 کد زیر قرار دارد :

ul.art-vmenu a .t {
   color: #665E33;
   display: block;
   line-height: 30px;
   margin-left: 0;
   margin-right: 0;
   padding: 0 13px;
   position: relative;
   top: 0;
}

حالا کد بالا را به شکل زیر تغییر دهید ( به انتهای کد توجه کنید ) :

ul.art-vmenu a .t {
   color: #665E33;
   display: block;
   line-height: 30px;
   margin-left: 0;
   margin-right: 0;
   padding: 0 13px;
   position: relative;
   top: 0;
   text-align: right;
}

بدین ترتیب متن هدر منوی عمودی و خود منو راست چین میشود

موفق و پیروز باشید

یا حق

:64 (17):

با عرض سلام جناب دفاعی بسیار ممنون اما یک سوال همانطور که اطلاع دارید در جوملا چیزی به عنوان

menu image

یا همان آیکون منو وجود دارد که در این منو با وجود راستچین شدن در سمت چپ کلمه نشان داده می شود به نظر شما راهکار چیست؟؟

باز هم ممنون

به امید سر فرازی ایران و آرزوی شادی روز افزون برای شما

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


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

با عرض سلام جناب دفاعی بسیار ممنون اما یک سوال همانطور که اطلاع دارید در جوملا چیزی به عنوان

menu image

یا همان آیکون منو وجود دارد که در این منو با وجود راستچین شدن در سمت چپ کلمه نشان داده می شود به نظر شما راه-ک ار چیست؟؟

باز هم ممنون

به امید سر فرازی ایران و آرزوی شادی روز افزون برای شما

با سلام

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

یا با کمی جستجو در ارتیستر راحت میتوانید راست چین تنظیم کنید

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


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

با عرض سلام جناب دفاعی بسیار ممنون اما یک سوال همانطور که اطلاع دارید در جوملا چیزی به عنوان

menu image

یا همان آیکون منو وجود دارد که در این منو با وجود راستچین شدن در سمت چپ کلمه نشان داده می شود به نظر شما راه-ک ار چیست؟؟

باز هم ممنون

به امید سر فرازی ایران و آرزوی شادی روز افزون برای شما

با سلام

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

یا با کمی جستجو در ارتیستر راحت میتوانید راست چین تنظیم کنید

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

و به تمام ویژگی ها و امکانات آن آگاهی کامل دارم

شاید اگر دمو را ملاحظه می نمودید مطلب را در می یافتید

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


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

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

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

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

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

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

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

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

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


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