رفتن به مطلب

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


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

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


Opacity:0.5;

زیرمجموعه زبانه های رفته رفته کم رنگ تر میشن و این کم رنگی علاوه بر بکراند بر نوشته زبانه هم تاثیر میذاره.

کد بخش دسته بندی در ستون سمت راست:


</section><!-- .box -->
<section class="box categories"><div class="box-top"><i class="fa fa-bars"></i><h3>دسته بندی</h3></div>
<ul>
<?php wp_list_categories('orderby=order&title_li='); ?>
</ul>
</section><!-- .box -->

کدهای سی اس اس ستون سمت راست:


/* Sidebar Right Styles */
#sidebar-right {width: 202px; background-color: #dfdfdf; height: auto; float: right;}
#sidebar-right >.box {background-color: #dfdfdf; padding-bottom: 0;}
#sidebar-right >.box a.ads-r {display: block; margin: 0 auto;}
#sidebar-right >.box a.ads-r img {margin-right: 40px;}
.categories ul {font-size: 14px; margin: 0; z-index: 999;}
.categories ul li {width: 100%; position: relative; float: right;}
.categories ul li a {display: block; padding: 6px 8px; color: #333;}
.categories ul li a:hover {background-color: #2D2D2D;}
.categories ul li ul {width: 90%; position: absolute; top: 0px; right: 100%; background-color: #2ebef3; Opacity:0.5; display: none;}
.categories ul li:hover ul {display: block;}
.categories ul li ul li ul{width: 90%; position: absolute; top: 0px; right: 100%; display: none !important;}
.categories ul li ul li:hover ul{display: block !important;}
.categories ul li:hover ul li:first-child:after {width:0; height:0; position:absolute; top: 20%; right:-20px; content:"";border-color: transparent transparent transparent #8fde62;border-style:solid;border-width:0px;}

آدرس سایت: http://cyan-home.com

- همونطور که گفتم می خوام تنها پس زمینه زبانه های بازشده ی دسته بندی به صورت یکنواخت شیشه ای بشه و شیشه ای شدن بر نوشته های زبانه های باز شده اعمال نشه. با تشکر :)

لینک به ارسال

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

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

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

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

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

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

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

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

×
×
  • اضافه کردن...