دیتالایف انجین فارسی

دیتالایف انجین فارسی

پشتیبان رسمی سیستم مدیریت محتوا

موضوعات باز شونده

موضوعات باز شونده بصورت عمودی

به کمک این استایل می توانید موضوعات سایت خود را بصورت باز شونده عمودی (vertical) تغییر بدید.

آموزش نصب
فایل style موجود در قالب خود را باز کنید و کدهای زیر را درون آن قرار دهید:

ul.dropdown ul {
font-family:tahoma;font-size:12px;
}

    ul.dropdown ul li {
         border-bottom: 1px dashed #AEAEAE;
     background-color: #fff;
     color: #1263FA;padding:6px;width:170px;


    }

    ul.dropdown ul li a{
     color: #1263FA;display:block;text-decoration:none;
    }


    ul.dropdown ul li a:hover,
    ul.dropdown li:hover {
     background-color: #3F3F3F;
     color: #fff;
    transition: all 0.5s linear;
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;

    }



    ul.dropdown ul a:active    { color: #ffa500; }
    ul.dropdown ul ul li a { color:#fff; }
    ul.dropdown ul ul li {color:#fff;
      padding-right:10px;margin-top:-1px;background-color:#48A6E1;
          filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
    }



ul.dropdown ul,
ul.dropdown ul li,
ul.dropdown ul ul {
list-style: none;
margin: 0;
}

ul.dropdown ul {
position: relative;
z-index: 597;
float: left;
}

ul.dropdown ul li {
float: left;

vertical-align: middle;
zoom: 1;
}

ul.dropdown ul li.hover,
ul.dropdown ul li:hover {
position: relative;
z-index: 599;
cursor: default;
}

ul.dropdown ul ul {
visibility: hidden;
position: absolute;
top: 100%;
left: 0;
z-index: 598;
width: 100%;
}

ul.dropdown ul ul li {
float: none;
}

ul.dropdown ul ul ul {
top: 1px;
left: 99%;
}

ul.dropdown ul li:hover > ul {
visibility: visible;
}

ul.dropdown-vertical ul {
width: 170px;
}

ul.dropdown-vertical ul ul {
top: 1px;
left: 99%;
}

ul.dropdown-vertical ul li {
float: none;
}

ul.dropdown-vertical-rtl ul {
float: right;
}

ul.dropdown-vertical-rtl ul ul {
left: auto !important;
right: 99%;
}

ul.dropdown-vertical-rtl ul li {
text-align: right;
}


سپس کد زیر را در جای مناسب (main.tpl یا sidebar.tpl ) موجود در قالب خود قرار دهید تا موضوعات نمایش داده شود:

<ul class="dropdown dropdown-vertical dropdown-vertical-rtl">
{include file="engine/modules/category.php"}
</ul>
تصاویر
موضوعات باز شونده بصورت عمودی
نظرات کاربران
ایمان برومند در 19 آبان 1391 - 16:59 گفته:
عضو سایتنظرات: 129

آورین آورین happy

انشاالله منم یه چیزی میزارم تا دوستان یه اورین بهم بگن hahahoho

دوستون دارم makhsoosefreeiran

حمید صادقی در 20 آبان 1391 - 05:44 گفته:
مدیر سایتنظرات: 465

میلاد جان دستت درد نكنه وجودش خیلی لازم بود
خیلی ها تو انجمن دنبال یه همچین چیزی میگشتن

تشكرات flower

--------------------

مجید بشیری در 22 آبان 1391 - 07:11 گفته:
مدیر بخش قالب هانظرات: 176

love لایکـــ +

مجید بلاگه ها

--------------------

aaaaa در 19 بهمن 1391 - 14:14 گفته:
عضو سایتنظرات: 3

عالیه!!!!!دمت گرم makhsoosefreeiran fellow
اما قالب من فایلی به این اسم نداره!! question
من از قالب oreng استفاده میکنم ممنون میشم راهنمایی کنید winked happy

میلاد میرزایی در 19 اسفند 1391 - 16:28 گفته:
عضو سایتنظرات: 56

erfan1428,
خب دوست عزیز داخل قالبت یه فایل به نام main.tpl هست میتونی اونجا بزاریش fellow

--------------------

ارسال نظر
نام:*
ایمیل:*
متن نظر:
  • bowtiesmilelaughingblushsmileyrelaxedsmirk
    heart_eyeskissing_heartkissing_closed_eyesflushedrelievedsatisfiedgrin
    winkstuck_out_tongue_winking_eyestuck_out_tongue_closed_eyesgrinningkissingstuck_out_tonguesleeping
    worriedfrowninganguishedopen_mouthgrimacingconfusedhushed
    expressionlessunamusedsweat_smilesweatdisappointed_relievedwearypensive
    disappointedconfoundedfearfulcold_sweatperseverecrysob
    joyastonishedscreamtired_faceangryragetriumph
    sleepyyummasksunglassesdizzy_faceimpsmiling_imp
    neutral_faceno_mouthinnocent
کد را وارد کنید: *
عکس خوانده نمی‌شود؟ کلیک کنید!