Foruma hoş geldin 👋, Ziyaretçi
Forum içeriğine ve tüm hizmetlerimize erişim sağlamak için foruma kayıt olmalı ya da giriş yapmalısınız. Foruma üye olmak tamamen ücretsizdir.
-
Forumdan daha fazla yararlanmak için, profilinizi telefon numaranız 📱 ile doğrulayın ve daha ayrıcalıklı olun 😉
Daha fazla bilgi!
Sidebar aç -kapa menüsü
- Konbuyu başlatan Mete_
- Başlangıç tarihi
Aç-kapa yapan yer şurası hocam breadcrumb şablonunda
< div class="sidebar_mini Tooltip" title="Sidebar"><a style="text-decoration:none;" href="#"></a></div>
< div class="sidebar_mini Tooltip" title="Sidebar"><a style="text-decoration:none;" href="#"></a></div>
Kod:
<xen:edithint template="breadcrumb.css" />
<xen:edithint template="breadcrumb.css" />
<div class="smoothy_wrapper_breadcrumb">
<nav>
<xen:if is="@xc_collapse_sidebar_enable">
<xen:if is="{$contentTemplate} != 'forum_list'">
<xen:else />
<xen:if is="@xc_collapse_sidebar_mode_breadcrumb">
<xen:else />
<div class="sidebar_mini Tooltip" title="Sidebar"><a style="text-decoration:none;" href="#"></a></div>
</xen:if>
</xen:if>
</xen:if>
Kod:
.breadmode
{
border: 0px solid @xc_collapse_sidebar_color_border !important;
background: none !important;
}
.nodeList .category .category_toggle_container a.toggle_arrow.collapse,
.nodeList .category .category_toggle_container a.toggle_arrow.collapsed
{
cursor: pointer;
}
.sidebar_mini
{
background: @xc_collapse_sidebar_color_bloc url('@imagePath/smoothy/cat_gradient.png') repeat-x top;
font-family: FontAwesome;
display: inline-block;
line-height: @xc_collapse_sidebar_size_bloc;
width: 30px;
height: @xc_collapse_sidebar_size_bloc;
text-align: center;
border: 1px solid @xc_collapse_sidebar_color_border;
border-radius: 4px;
float: right;
margin-left: 5px;
position: relative;
overflow: hidden;
}
.sidebar_mini a
{
display: inline-block;
height: @xc_collapse_sidebar_size_bloc;
-webkit-transition: all .40s ease-in-out;
-moz-transition: all .40s ease-in-out;
-ms-transition: all .40s ease-in-out;
-o-transition: all .40s ease-in-out;
}
.sidebar_mini a:before
{
content: "@xc_collapse_sidebar_font_awesome_hide";
color: @xc_collapse_sidebar_color_hide;
font-size: @xc_collapse_sidebar_size_hide;
opacity: @xc_collapse_sidebar_opacity_hide;
-webkit-transition: all 2s ease;
-moz-transition: all 2s ease;
-ms-transition: all 2s ease;
-o-transition: all 2s ease;
transition: all 2s ease;
}
.sidebar_mini.sidebar_expand a:before
{
content: "@xc_collapse_sidebar_font_awesome_show";
color: @xc_collapse_sidebar_color_show;
font-size: @xc_collapse_sidebar_size_show;
opacity: @xc_collapse_sidebar_opacity_show;
}
.sidebar_mini Tooltip .sidebar_expand
{
display: inline-block;
font-family: FontAwesome;
}
.mainContainer.no_sidebar,
.mainContent.no_sidebar
{
margin-right: 0;
}
<xen:else />
.nodeList .category .category_toggle_container a.toggle_arrow.collapse,
.nodeList .category .category_toggle_container a.toggle_arrow.collapsed
{
cursor: pointer;
}
.sidebar_mini
{
background: @xc_collapse_sidebar_color_bloc url('@imagePath/smoothy/cat_gradient.png') repeat-x top;
font-family: FontAwesome;
display: inline-block;
line-height: @xc_collapse_sidebar_size_bloc;
width: 30px;
height: @xc_collapse_sidebar_size_bloc;
text-align: center;
border: 1px solid @xc_collapse_sidebar_color_border;;
border-radius: 4px;
float: right;
margin-left: 5px;
position: relative;
overflow: hidden;
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.05);
}