[*]Kullandığınız temanın şablonları arasından sidebar.css'yi açın
[*]Aşağıda yer alan değişiklikleri uygulayın:
Uyarı: Varsayılan temada uyguladığımda sorunsuz bir şekilde sola taşındı ancak asıl temamda uyguladığımda sol tarafta boşluk ortaya çıktı. Büyük ihtimal bazı kodların düzeltilmesi gerekiyordur ancak fazla kurcalamadım.
(Aşağıdaki kodlar sidebar.css şablonunun en üstünde yer almaktadır.)
Orijinal:
/* sidebar structural elements */
.mainContainer
{
float: left;
margin-right: -{xen:calc '@sidebar.width + 10'}px;
width: 100%;
}
.mainContent
{
margin-right: {xen:calc '@sidebar.width + 10'}px;
}
.sidebar
{
float: right;
@property "sidebar";
font-size: 11px;
width: 250px;
@property "/sidebar";
}Değişiklik yapıldığında:
/* sidebar structural elements */
.mainContainer
{
float: right;
margin-left: -{xen:calc '@sidebar.width + 10'}px;
width: 100%;
}
.mainContent
{
margin-left: {xen:calc '@sidebar.width + 10'}px;
}
.sidebar
{
float: left;
@property "sidebar";
font-size: 11px;
width: 250px;
@property "/sidebar";
}Kısaca yukarıdaki kodlardaki leftleri > right, rightları > left yaptık. Hepsi bu kadar.
