Saturday, 10. May 2008, 21:14:41
آموزش, معرفی, اپرا
با اپرا مینی بر روی سیستم خود حالی میکنم.
حتماً امتحان کنید، چون سرعت لود صفحات بسیار زیاد میشه و... دوباره میگم حتماً امتحان کنید، شاید یه مقدار کار کردن برای اولین بار جالب نباشه، اما اینجو تصور کنید که روی موبایلتون اپرا مینی نصب شده فقط السیدی اون به اندازه مونیتور شده و با موس و صفحه کلید دارید با اون کار میکنید.
[راهنمای نصب انگلیسی]
Saturday, 26. May 2007, 15:29:42
وبلاگ اپرا, قالب, آموزش
برای فارسی کردن وبلاگ اپرا یک فایل css آماده کردم که میتونید اون رو از اینجا بردارید.
توجه: این فایل بر روی قالبهای جدید وبلاگ اپرا کار میکنه، پس اگه میخواید از اون استفاده کنید یکی از قالبهای جدید وبلاگ اپرا رو انتخاب کنید بعد از این کد.
طریقه استفاده:
بعد از دانلود فایل و بازکردن اون با یک ویرایشگر متن (مثلاً Notepad) محتویات اون رو کپی کنید. بعد وارد وبلاگ خودتون بشید، روی گزینه My page در بالای وبلاگ رفته گزينه Account رو کلیک کنید، حالا روی گزینه Design کلیک کنید، (در اينجا تمامي قالبهاي آماده وبلاگ اپرا ديده ميشه) حالا روی گزینه custom style sheet در ابتداي صفحه، کلیک کنید، در بخش Enter CSS کدهای فایل رو اینجا paste کنید و بعد در پایین صفحه گزینه Use my custom style sheet together with the current theme رو انتخاب و دکمه Save رو کلیک کنید.
توجه:
حالا در زماني كه متني رو به وبلاگ خودتون اضافه ميكنيد در آخر تمامي متن را مارك كرده (Select All) از نوار ابزار گزينه Align Right 
رو انتخاب كنيد.
تمام.
اگر هم مشکل و سوالی بود در خدمتم.
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 انتخاب میکنیم.
خوب کدها رو وارد میکنید:
عنوان پستها:
.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 بگزارید و ذخیره کنید تا وبلاگ شما فارسی بشه.
[فایل آماده]
Tuesday, 14. November 2006, 23:32:21
opera, آموزش
یک راه حل ساده، برای سرعت بخشیدن به مرور صفحات اینترنت، حذف تبلیغات از اونها است، برای مسدود کردن نمایش تبلیغات، تو مرورگر اپرا مراحل زیر را دنبال کنید:
روش اول:
این روش ساده و سریع هست، اول به شاخه profile مرورگر اپرا برید: (روی کلمه profile کلیک کنید تا مرورگر اپرا، مسیر پروفایل را به شما نشون بده)
سپس فایل urlfilter.ini را با ویرایشگر* خودتون باز کنید و در آخر فایل بعد از [include] و ستاره، کلمه [exclude] رو بنویسد بعدش موارد زیر رو** به آخر فایل اضافه و فایل رو ذخیره کنید.
توجه: در هنگام ویرایش این فایل بهتره از مرورگر اپرا خارج شده باشید.
*-ad.cgi*
*-ads/*
*.ad-*
*.ad.*
*.adbrite.*
*.adserver.*
*.adtomi.*
*.advertising.*
*.casalemedia.*
*.doubleclick.*
همچنین میتونید با مسدود کردن سایتهای آمارگیر، کمی به سرعت باز شدن بعضی از صفحات، که از شمارشگر استفاده میکنند، کمک کرده باشید، برای این کار عبارتهای زیر رو** در ادامه موارد بالا اضافه کنید.
توجه: اگه از سایتهای آمارگیر استفاده میکنید، به دلیل مسدود شدن، دقت کنید که سایت مورد نظر شما تو این فهرست نباشه.
*.123count.*
*.123counted.*
*.3dstats.*
*.4count.*
*.a-counters.*
*.acestats.*
*.addfreestats.*
به خاطر زیاد بود این موارد، میتونید این فایل آماده رو دانلود و تو شاخه profile اپرا جایگزین فایل اصلی بکنید و با مرور سریع صفحات حال کنید.
روش دوم:
این روش یکم وقتگیر و اعصاب خورد کنه، و بیشتر برای زمانی استفاده میشه که روش اول رو انجام دادیم و بعد تصمیم به اضافه کردن سایتی به فهرست داشتیم، بدرد میخورده.
برای باز کردن فرم مورد نظر یکی از راههای زیر رو دنبال کنید:
Tools>advanced>blocked content…
Ctrl+F12>advanced>content>blocked content…
بعد از باز شدن فرم مورد نظرمون، (اگه روش اول رو انجام دادید و بعد این فرم رو باز کردید تمام محتویات فایلی اضافه شده رو در اینجا میبینید) میتونید سایتهای رو که میخواید مسدود شن رو اضافه کنید، فقط کافیه دکمهadd… رو بزنید بعد آدرس رو تایپ کنید، فقط باید اعصاب قوی برای اینکار داشته باشد، اصلاً روش اول رو اجرا کنید چون هم راحته هم سریعتر.
منبع [Tamil]
یه توضیح بدم که این مطلب رو تو وبلاگ Tamil دیدم، خود من این مورد رو تو مرورگر اپرا، نمیدونستم، قبلاً همیشه فایروالم رو بهروز میکردم و کلّاً فایروالم این کارها رو برام میکرد و لطف میکرد نمیذاشت من تبلیغ ببینم، اما بعضی وقتها لازمه فایروال غیرفعال بشه، توی این جور موارد میشه از این روش برای مسدود کردن تبلیغات، استفاده کرد.
===============
*مثلاً Notepad
**به خاطر زیاد بودن فقط چند مورد برای آشنایی گذاشته شد، فایل کامل رو از اینجا دانلود کنید.
Wednesday, 23. August 2006, 15:38:04
آموزش
توجه: این آموزش برای نسخه قدیم وبلاگ اپرا میباشد، امکان دارد بعضی از دستورات به درستی عمل نکند
سلام، بعد ۴ ماه میخوام قسمت دوم این آموزش رو بزارم (از بس که تنبلم)، بهتره قبل از خواندن این آموزش قسمت اول اون رو بخونید، اگه هم نخوندین مهم نیست تو همین آموزش چند تا یادآوری میکنم.
خوب همونطوری که میدونید در وبلاگ اُپرا نمیتونیم به کدهای قالب دسترسی داشته باشیم، و فقط امکان ویرایش فایل CSS وبلاگ فعال هست، اما با همین فایل هم خیلی کارها و تغییرات رو میشه روی وبلاگ اعمال کرد، خوب شروع میکنیم:
اول گزینه Preferences رو از بالای وبلاگ خودتون انتخاب کنید.
بعد روی گزینه Web page layout کلیک کنید.
و در آخر روی لینک custom style sheet کلیک کنید، تا فایل CSS وبلاگ شما نمایش داده بشه، [اگه برای اولین بار به این قسمت وارد شدید، توی باکس مربوط به وارد کردن کدها، چیزی نمیبینید] حالا در قسمت Enter CSS باید کدهای خودمون رو وارد کنیم.
توجه۱: برای اعمال تغییرات کدهای وارد شده بر روی وبلاگ، باید در پایین صفحه گزینه Use my custom style sheet together with the current theme رو انتخاب و بعد دکمه Save رو بزنید.
توجه۲: امکان دارد بعد از وارد کردن کد و ذخیره آن، تغییرات رو در وبلاگ خود مشاهده نکنید، معمولاً با گذاشتن یک علامت سوال در انتهای آدرس وبلاگ، میتوانید تغییرات رو ببینید، اما باز هم امکان داره تغییرات رو نبینید که به خاطر بعضی از ISP ها هست.
حالا چند یادآوری از قسمت اول آموزش
فونت وبلاگ
برای تغییر دادن فونت کل وبلاگ (به جز عنوان وبلاگ و پستها) به فونت Tahoma کد زیر رو وارد کنید
BODY
{
font-family: Tahoma;
}
عنوان پستها به سمت راست
برای اصلاح تراز عنوان پستها به سمت راست از کد زیر استفاده کنید:
.post .title {
direction: rtl;
text-align: right;
}
تراز متن پستها به راست
اگه متنی که شما تو ادیتور وبلاگ اپرا وارد میکنید دارای کلمات فارسی و انگلیسی با هم باشه، و بعد از انتخاب متن، تراز متن رو به سمت راست قرار بدید، در پیشنمایش متن متوجه اشتباه اون خواهید شد، برای رفع این مشکل از کد زیر استفاده کنید:
.alignright {
text-align: right;
direction: rtl;
}
خوب حالا قسمتهای جدید رو توضیح میدم
تاریخ پستها
برای تغییر دادن تراز تاریخ ارسال پستها میتونید از کد زیر استفاده کنید:
.postdate
{
text-align: right;}
این کد متن تاریخ ارسال پست رو به در سمت راست قرار میده.
متن نظرات
برای تغییر دادن تراز متن نظرات ارسال شده توسط بازدیدکنندگان، به سمت راست، از کد زیر استفاده کنید:
.comments {
direction: rtl;
text-align: right;
}
تصاویر تگها
یکی از ویژگیهای وبلاگ اُپرا امکان انتخاب عکس برای تگهاست (مثل همین وبلاگ من)
برای انتخاب عکس تگ به Preferences وبلاگ و بعد گزینه Tags رو انتخاب کنید، حالا لیستی از تگهای استفاده شده در وبلاگ خودتون رو میبینید، که خیلی راحت میتونید برای هر کدوم یه عکس انتخاب کنید (توجه: بهتره از عکسهای کوچک و کم حجم و برای تگها استفاده بشه، همچنین هر عکس مفهوم اون تگ رو هم برسونه)
خوب برای تراز بندی عکسهای تگها هم میتونید از کلاس زیر استفاده کنید:
.tagicon {
float:left;
}
این کد عکسهای تگها رو در سمت چپ پست قرار میده.
بخش بایگانی وبلاگ
یکی از بخشهای وبلاگ اپرا، بخش بایگانی اون هست، اگه وارد اون شده باشد، در حالت عادی عنوان متنها به همراه تعداد نظر دهندگان رو به صورت لیستی خواهید دید، حتماً متوجه شدید که عنوانهای فارسی دارای مشکل در نمایش هستند، و همچنین تراز اونها به سمت چپ هست، برای اصلاح این قسمت، کد زیر رو وارد کنید:
#arc .month li {
direction: rtl;
text-align: right;
}
بخش لینک وبلاگ
بهترین بخش وبلاگ اپرا [به نظر من، چون ازش زیاد استفاده میکنم] بخش لینکها اون هست که هم خیلی راحت و هم خیلی سریع میشه به اون لینکها رو اضافه کرد، به صورت پیشفرض تمامی متنهای این قسمت به سمت چپ چیده شدهاند برای اصلاح این موارد ادامه متن رو بخونید:
تراز عنوان گروهها
برای تراز بندی عنوان گروه به سمت راست، از کد زیر استفاده کنید:
#mylinks h2
{
direction: rtl;
text-align: right;
}
تراز عنوان لینک
برای تراز بندی عنوان لینک به سمت راست، از کد زیر استفاده کنید:
.linkinfo
{
text-align: right;
}
توجه: در این کد گزینه direction: rtl رو قرار ندادیم دلیل اون هم این که عنوان خیلی از وبلاگها و سایتها به صورت ترکیبی از فارسی و انگلیسی انتخاب شده که برای درست نشان دادن آنها، این بخش از کد رو خذف کردهایم.
تراز توضیح لینک
این بخش برای توضیحات اضافه برای هر لینک استفاده میشه، برای ترازبندی اون به سمت راست، از کد زیر استفاده کنید:
.linkdesc
{
direction: rtl;
text-align: right;
}
تراز آدرس لینک
این قسمت برای نمایش آدرس لینک معرفی شده استفاده میشه، که همیشه به صورت انگلیسی هست، (دیگه ضایع است!!) خوب پس ترازبندی اون باید در سمت چپ باشه، برای این کار از کد زیر استفاده کنید:
.url
{
direction: ltr;
text-align: left;
}
فارسی کردن منوها
برای فارسی کردن منوها و سایر قسمتهای وبلاگ از یه سری کد خاص استفاده میشه، مثلاً گزینههای منوی بالای همین وبلاگ رو با همون کدها فارسی کردم، این کدها رو وارد کنید و نتیجه اونا رو ببینید:
#menu_blog a { content: "وبلاگ من"; font-family:Tahoma;}
#menu_archive a { content: "بایگانی"; font-family:Tahoma;}
#menu_albums a { content: "آلبوم"; font-family:Tahoma;}
#menu_links a { content: "لینک ها"; font-family:Tahoma;}
#menu_friends a { content: "دوستان من"; font-family:Tahoma;}
#menu_about a { content: "معرفی"; font-family:Tahoma;}
شما هم میتونید برای فارسی کردن منوی وبلاگ خودتون همین کدها رو استفاده کنید، یه توضیح هم بدم، اونم این که: این کدها فقط و فقط تو مرورگر اپرا دیده میشن، پس انتظار نداشته باشد تو سایر مرورگرها بازدیدکنندگان این تغییرات رو ببینید، البته توی همون سایر مرورگرها متنهای اصلی انگلیسی جایگزین میشن.
فعلاً تموم شد، راستی شما میتونید از فایل CSS هر وبلاگی تو اپرا خوشتون اومد، اون رو به راحتی بردارید، برای این کار، خیلی راحت آدرس homes/user.css رو به انتهای آدرس وبلاگ طرف، اضافه کنید تا مرورگر فایل CSS رو نشون بده، به شرط اینکه طرف کد CSS برای وبلاگ خودش وارد کرده باشه، برای مثال فایل CSS وبلاگ من تو این آدرس قرار داره:
http://my.opera.com/amin.programmer/homes/user.css
شما میتونید اسم وبلاگ هر کسی رو خواستید بجاری اسم وبلاگ من وارد کنید.
پایان قسمت دوم
ادامه دارد... (شاید)
Thursday, 27. April 2006, 14:44:12
آموزش
سلام
آموزش امروز در مورد ویژگی حق دسترسی وبلاگ اُپرا است. با تنظیم این قسمت میتونید یک سری محدودیتهایی رو بر روی وبلاگ خودتون تعیین کنید، برای مثال شما یکی از آلبومهای عکس خودتون رو میخواید برای کسانی که اونها رو به عنوان دوست در وبلاگ خودتون تعریف کردید؛ فقط نمایش بدید و یا امکان نظر دادن و حتی امتیاز دادن رو محدود کنید و یا لینکهای خودتون رو فقط برای دوستانتان فعال باشد. خوب آموزش رو شروع میکنیم:
اول به قسمت Preferences وبلاگ خود بروید (لینک: /http://my.opera.com/UserName/account)
سپس به قسمت Access rights بروید (لینک: http://my.opera.com/UserName/account/accessrights.dml)
توی این صفحه لیست کلیه قسمتهای وبلاگ رو میبینید، که این لیست به دو قسمت Friends و Others تقسیم شده که قسمت Friends مربوط به دسترسی دوستان شما و قسمت Others مربوط به سایر بازدیدکنندگان است، حالا برای محدود کردن یک قسمت از وبلاگ خود میتونید با انتخاب چک باکس مربوط به همون بخش، محدودیت های خودتون رو اعمال کنید و در آخر دکمه Save رو برای ذخیره تغییرات کلیک کنید.
برای مثال در این تصویر امکان نظر و امتیاز دادن به آلبوم عکس نزدیکنمایی رو برای سایر بازدیدکنندگان محدود شده.
Monday, 24. April 2006, 01:10:17
آموزش
سلام
تو این پست سعی میکنم تغییراتی رو که لازمه برای زبان فارسی، روی وبلاگ اپرا انجام بشه تا متنهای فارسی درست نمایش داده بشن، آموزش داده بشه (تقریباً شبیه همین وبلاگ خودم)
(بخاطر جمله بندی هام هم منو ببخشید)
در ضمن فایل فلش این آموزش رو میتونید از لینک زیر دانلود کنید (روی لینک راست کلیک و Save target as را انتخاب کنید)
فایل swf
برای شروع به قسمت Preferences وبلاگ خود بروید (لینک: /http://my.opera.com/UserName/account)
سپس به قسمت Web page layout بروید: (لینک: http://my.opera.com/UserName/account/layout.dml)
و روی لینک custom style sheet کلیک کنید (لینک: http://my.opera.com/UserName/account/usercss.dml)
(به جای UserName اسم وبلاگ خود رو قرار دهید)
توی این صفحه در قسمت Enter CSS کدهای CSS رو وارد میکنیم.
توجه کنید که برای اعمال تغییرات این کدها به وبلاگ، باید در پایین صفحه گزینه Use my custom style sheet together with the current theme رو علامت دار کنید و دکمه Save رو بزنید.
تغییر فونت وبلاگ:
برای اولین تغییر، شاید مثل من از فونت پیش فرض وبلاگ خوشتون نیاد و میخواید اون رو به تاهوما تغییر بدید خوب برای شروع کد زیر رو وارد کنید:
BODY
{
font-family: Tahoma;
}
با این کار فونت کل وبلاگ (به جزء فونت عنوان وبلاگ) به فونت تاهوما تغییر پیدا میکنه. (شما میتونید از فونت های استاندارد دیگه هم استفاده کنید مثل arial - sans-serif اما هیچ کدوم مثل تاهوما کاربر پسند نیست)
تغییر در عنوان وبلاگ:
حالا تغییر دوم، میخوایم فونت عنوان وبلاگ رو عوض کنیم، برای این کار کد زیر را وارد کنید:
#top h1 {
font-family:arial;
}
با این کار فونت عنوان وبلاگ به arial تغییر پیدا میکند.
چند مثال دیگر:
مثال 1:
حالا کد زیر را جایگزین کد قبل کنید:
#top h1 {
font-size:30px;
font-family:Tahoma;
font-style:bold;
color:#FFFF00;
}
این کد، فونت عنوان وبلاگ را به تاهوما و توپر و اندازه آن را 30 پیکسل و به رنگ زرد در میآورد.
مثال2:
#top h1 {
font-size:40px;
font-family: Tahoma;
font-style:italic;
}
این کد، فونت عنوان وبلاگ را به تاهوما و مایل و به اندازه 40 پیکسل و رنگ پیش فرض در میآورد.
تغییر در توضیح وبلاگ:
برای تغییر در توضیح وبلاگ میتوانید از کد زیر استفاده کنید:
#subtitle {
font-size:10px;
font-family:arial;
font-style:bold;
color:#C0C0C0;
}
این کد، فونت توضیح وبلاگ را به arial و توپر و به اندازه 10 پیکسل و رنگ خاکستری در میآورد.
تغییر عنوان پستها به سمت راست:
به صورت پیش فرض عنوان پستها در وبلاگ اپرا به سمت چپ میباشد برای اصلاح این مورد میتوانید از کد زیر استفاده کنید:
.post .title {
direction: rtl;
text-align: right;
}
این کد، عنوان پستها را به سمت راست میبرد
یک مثال:
میخواهیم عنوان پستها به صورت توپر، قرمز رنگ، سمت راست، و با فونت arial باشد، برای این کار از کد زیر استفاده کنید:
.post .title {
direction: rtl;
text-align: right;
font-family:arial;
font-style:bold;
color: #ff0000;
}
تغییر تراز پستها به راست:
زمانی که شما تراز متن خود را به راست تغییر دادهاید و از کلمات فارسی و انگلیسی با هم در متن پست خود استفاده کرده باشید متن شما چیزی شبیه به متن پایین نمایش داده میشود:
.استفاده میکنم Opera من از مرورگر
برای اصلاح این مشکل از کد زیر استفاده کنید:
.alignright {
text-align: right;
direction: rtl;
}
این کد، جمله فوق را به این صورت اصلاح میکند.
من از مرورگر Opera استفاده میکنم.
تغییر عکس سربرگ وبلاگ:
برای تغییر عکس سربرگ وبلاگ از کد زیر استفاده کنید:
#top2 {
background:#2f569b url(/UserName/files/Blog/top.gif) top left repeat-x;
}
این کد، عکس سربرگ وبلاگ رو از آدرس /UserName/files/Blog/top.gif بارگذاری میکند (توضیح: اگر شما عکس خود را در قسمت My file وبلاگ خود آپلود کرده باشد نیاز به وارد کردن http://my.opera.com نیست)
پایان قسمت اول
ادامه دارد
