تغییر در قالب وبلاگ اپرا - قسمت سوم
Saturday, 26. May 2007, 01:13:38
تغییر در قالب وبلاگ اپرا - قسمت سوم
بعد از تغییر کلی تو قالبهای جدید وبلاگ اپرا، آموزش جدید رو برای قالبهای جدید شروع میکنم.
برای تغییر قالب وبلاگ اپرا ما فقط به فایل CSS قالب دسترسی داریم برای شروع باید کدهای خودمون رو تو بخش مربوط به اون بنوسیم برای این کار بعد از Login کردن روی گزینه My account در بالای وبلاگ کلیک کنید، از منوی سمت راست روی گزینه Design کلیک کنید، که در این صفحه میتونید یکی از قالبهای پیشفرض رو انتخاب کنید، (توی این بخش اپرا برای نمایش پیشنمای قالبها از LightBox استفاده کرده، حتماً یکسری به سایت اصلی اون بزنید، ابزار بدرد بخوریه، مخصوصاً تو جوملا)، حالا شما یک قالب زیبا دارید فقط مشکل اینجاست که نه راست به چپ هست و نه فونت خوبی برای فارسی داره، از اینجا به بعد تغییرات خودمون رو برای فارسی کردن قالب شروع میکنیم.
اگه اصلاً حوصله خوندن ندارید این مطلب [اپرا فارسی شو] رو بخونید.
همون مسیر قبلی رو دوباره دنبال کنید و این با روی گزینه custom style sheet کلیک کنید، تا به بخش وارد کردن کد CSS وبلاگ وارد بشیم، توی این صفحه، یک باکس بزرگ برای وارد کرد کدها و پایین صفحه ۳ گزینه برای انتخاب هست، خوب برای شروع اول گزینه اول Use my custom style sheet together with the current theme انتخاب میکنیم.
خوب کدها رو وارد میکنید:
عنوان پستها:
این کد قلم عنوان پستها رو Tahoma میکنه، اندازه قلم ۱۸ پیکسل، تراز متن به راست، و متن رو راست به چپ میکنه
تغییر رنگ عنوان پستها:
این کد رنگ عنوان پستها رو سبز تیره میکنه
تغییر رنگ عنوان پستها وقتی موس روی متن اومد
قلم متن پستها:
این کد قلم متن پستها رو تاهوما میکنه
تاریخ ارسال پست:
این کد تاریخ ارسال پستها رو تاهوما به رنگ خاکستری و سمت چپ صفحه قرار میده
متن کامنتها:
این کد متن کامنتها رو سمت راست و قلم اون رو تاهوما میکنه
تگها:
این کد قلم تگها رو تاهوما میکنه
در آخر برای راحتی، محتویات این فایل آماده رو در بخش css بگزارید و ذخیره کنید تا وبلاگ شما فارسی بشه.
[فایل آماده]
بعد از تغییر کلی تو قالبهای جدید وبلاگ اپرا، آموزش جدید رو برای قالبهای جدید شروع میکنم.
برای تغییر قالب وبلاگ اپرا ما فقط به فایل CSS قالب دسترسی داریم برای شروع باید کدهای خودمون رو تو بخش مربوط به اون بنوسیم برای این کار بعد از Login کردن روی گزینه My account در بالای وبلاگ کلیک کنید، از منوی سمت راست روی گزینه Design کلیک کنید، که در این صفحه میتونید یکی از قالبهای پیشفرض رو انتخاب کنید، (توی این بخش اپرا برای نمایش پیشنمای قالبها از LightBox استفاده کرده، حتماً یکسری به سایت اصلی اون بزنید، ابزار بدرد بخوریه، مخصوصاً تو جوملا)، حالا شما یک قالب زیبا دارید فقط مشکل اینجاست که نه راست به چپ هست و نه فونت خوبی برای فارسی داره، از اینجا به بعد تغییرات خودمون رو برای فارسی کردن قالب شروع میکنیم.
اگه اصلاً حوصله خوندن ندارید این مطلب [اپرا فارسی شو] رو بخونید.
همون مسیر قبلی رو دوباره دنبال کنید و این با روی گزینه custom style sheet کلیک کنید، تا به بخش وارد کردن کد CSS وبلاگ وارد بشیم، توی این صفحه، یک باکس بزرگ برای وارد کرد کدها و پایین صفحه ۳ گزینه برای انتخاب هست، خوب برای شروع اول گزینه اول Use my custom style sheet together with the current theme انتخاب میکنیم.
خوب کدها رو وارد میکنید:
عنوان پستها:
.title {
font-family:Tahoma,arial;
font-size: 18px;
text-align: right;
direction: rtl;
}این کد قلم عنوان پستها رو Tahoma میکنه، اندازه قلم ۱۸ پیکسل، تراز متن به راست، و متن رو راست به چپ میکنه
تغییر رنگ عنوان پستها:
#main .post .title a:link, #main .post .title a:visited{
color: #003305;
}این کد رنگ عنوان پستها رو سبز تیره میکنه
تغییر رنگ عنوان پستها وقتی موس روی متن اومد
#main .post .title a:hover {
color: #176b9b;
}قلم متن پستها:
.content {font-family:Tahoma,arial;}این کد قلم متن پستها رو تاهوما میکنه
تاریخ ارسال پست:
#main .post .postdate {
text-align: left;
font-size: 9px;
font-family:Tahoma,arial;
color: #A0A0A0;
}این کد تاریخ ارسال پستها رو تاهوما به رنگ خاکستری و سمت چپ صفحه قرار میده
متن کامنتها:
#main .comments .text {
font-family:tahoma,arial;
direction: rtl;
text-align: right;
}این کد متن کامنتها رو سمت راست و قلم اون رو تاهوما میکنه
تگها:
.tags{font-family:Tahoma,arial;}این کد قلم تگها رو تاهوما میکنه
در آخر برای راحتی، محتویات این فایل آماده رو در بخش css بگزارید و ذخیره کنید تا وبلاگ شما فارسی بشه.
[فایل آماده]
By sooren, # 13. September 2008, 00:40:58