یکی از مزایا و یا مشکلات وبلاگ های شرکت بیان، عدم امکان درج کدهای جاوا اسکریپ می باشد لذا قابلیت ها و افکت های زیبا نمی توان در آن قرار داد. اما بسیاری از این امکان ها را می توان با CSS و بخصوی CSS3 اجرا کرد
قسمت اول طراحی منوهای بازشونده می باشد.
مرحله اول- قسمت css که به انتهای قالب css بلاگ خود (البته قبل از آخرین} ) اضافه می شود.
#menu,
{
height:160px;
direction:rtl;
}
#menu ul
{
float: right;
margin: 10px 0 0 10px;
padding: 0 01px 1px 0;
}
#menu li
{
margin-right: 3px;
position: relative;
padding: 5px;
border-right: 12px solid #711515;
color: #fff;
text-decoration: none;
}
#menu ul
{
position:absolute;
top:10px;
right:175px;
width:180px;
padding: 0;
display: none;
background-color:#C96;
line-height: 15px;
}
#menu ul li
{
float: none;
margin: 0;
}
#menu a:link, #menu a:visited
{
display: block;
font-family: Tahoma;
font-size: 0.75em;
font-weight: bold;
text-align:right;
text-decoration: none;
color: #000;
padding: 5px;
}
#menu li:hover
{
background-color: #ffd98a;
border: 1px solid #000;
}
#menu li:hover ul.submenu{display: block;}
#menu ul.submenu ul
{
top: 5px;
right: 150px;
display: none;
}
#menu ul.submenu li:hover ul
{
display: block;
position:absolute;
top: 0px;
right:170px;
width: 132px;
padding: 0;
background-color:#996;
}
#menu ul a:link, #menu ul a:visited
{
border-left: 0px solid #c0c0c0;
}
|
<box:categories>
<div class="mod_right">
<div class="title">منوهای بلاگ - طبقه بندی موضوعی</div>
<div class="cnt">
<ul class="cats">
<ul id="menu" >
<view:categories>
<li>
<check:if category_selected>
<span class="category_selected">
<a ><h3>(*category_name*) ((*category_post_count*)مطلب) </h3></a>
</span>
</check:if>
<check:if not category_selected>
<a href="(*category_link*)"><h3>(*category_name*) ((*category_post_count*)مطلب) </h3></a>
</check:if>
<check:if category_children>
<ul class="submenu">
<view:category_children></view:category_children>
</ul>
</check:if>
</li>
</view:categories>
</ul>
</ul>
</div>
</div>
</box:categories>
|
مرحله سوم- تصویر نمونه ذکر شده :
میشه یه کمکی بکنی بهم؟
یه کد میخوام که وقتی میری روی یه نوشته زیرش منو باز بشه
مثلاوقتی میری روی سال 91 یه همچین منویی زیرش بیاد که هر کدوم لینک باشه به یه جا:
سال 1391
محرم
فاطمیه
تونستی کمکم کن
یا علی