کادر حاشیه‌ای برای یادداشت‌ها و نوار حاشیه‌ای

مجموعه مقالات و مطالب مرتبط با بلاگر و وبلاگ نویسی و دنیای فناوری اطلاعات

دیدن مطالب وبلاگ

۱۳۸۶/۱۲/۲۵

کادر حاشیه‌ای برای یادداشت‌ها و نوار حاشیه‌ای


با استفاده از اين آموزش، کاربران سيستم بلاگر می‌توانند براى ويجت‌ها و کادر یادداشت‌های وبلاگ، خط‌های حاشیه‌ای قرار دهند. به وسيله‌ی اين راهنما، می‌توان حاشيه‌ای رنگى به دور اسلايدبار و کادر یادداشت در وبلاگ قرار داد.
1) ابتدا از پوسته‌ی وبلاگ‌تان پشتیبان بگیرید. سپس کدهاى زير را -در صورت وجود- در پوسته‌ی وبلاگ‌تان پيدا کنيد:
.sidebar .widget, .main .widget {
border-bottom:1px dotted $bordercolor;
margin:0 0 1.5em;
padding:0 0 1.5em;
}

.main .Blog {
border-bottom-width: 0;
}

2) سپس کدهاى زير را باکدهاى بالا تعويض کنيد.
نکته: اگر کدهاى بالا در پوسته‌ی وبلاگ‌تان وجود ندارد، کافی‌ست کدهاى زير را به آن اضافه کنيد.
.sidebar .widget, .main .widget {
background:#ffffff;
margin:1.5em 0 1.5em;
padding:8px 8px 8px;
border:1px solid $bordercolor;
border-bottom:1px solid $bordercolor;
border-width:1px 1px 1px;
border-bottom:1px line $bordercolor;
}

.main .Blog {
background:#ffffff;
margin:1.5em 0 1.5em;
padding:8px 8px 8px;
border:1px solid $bordercolor;
border-bottom:1px solid $bordercolor;
border-width:1px 1px 1px;
border-bottom:1px line $bordercolor;
}

0 نظر:

لینکهای دوستان