سلام

امروز تصمیم گرفتم یه مطلب بنویسم، به چند دلیل

یک اینکه من هاستم رو همونطور که احتمالن میدونین از یک سرویس خارجی (یعنی justhost ) گرفتم و از همه چیش هم راضی ام به شدت اما متاسفانه حدود یک هفته ی پیش به من ایمیلی زدن مبنی بر اینکه وبلاگ شما هوتوتو! و اسم ایران، در کنار کوبا و چند کشور قشنگ دیگه بود که شامل تحریم های این سرویس دهنده شده…

خلاصه اینکه این چند روز که وبلاگ داغان بود تقصیر من یکی نبود! ولی شما منو ببخشین، بقیه رو هم ببخشین به خاطر من، خدا، حالا هرکی، بخشیدن کلن خوبه…

مورد بعدی اینکه من یه آیپاد ۸ گیگ ۲جی داشتم که بهمن ماه گرفته بودم، بعد حدود ۳ ماه پیش فروختمش به دلایلی نه چندان گفتنی، و نه چندان خوشایند… خلاصه اینکه همسری دارم برتر از گل نمیدونم چی چی و اینا که برای تولدم یه آیپاد ۳۲ گیگ گرفت تا بترکه چشم حسود و بدخواه مدخواه ها و اینا… خلاصه اینکه دیروز داشتم تو cydia میچرخیدم که دیدم یه چیزی به اسم wifi sync گذاشته که البته برای فروش بود به قیمت ۱۰ دلار..

امروز کمی چرخیدم و نتونستم فایل سالم و کرک شده ی این برنامه با فرمت ipa رو پیدا کنم، ولی تونستم یه جایی یه فایلی با یه فرمتی (یعنی deb ) پیدا کنم، که چون یکم پیچیده شد روند نصب برنامه گفتم آموزشش رو بذارم اینجا ملت حالشو ببرن، هوممم؟

مراحل کار:

۱-در cydia برنامه ی openssh رو سرچ کنید، نصب کنید

۲-برنامه ی sbsetting رو هم نصب کنید از همون cydia و بعد دستگاه هم ری بوت کنید واسه قشنگی…

۳- برنامه ی winscp رو از این لینک دانلود کنید .

۴- فایل deb مورد نظر برای نصب روی آیفون / آیپاد هم از اینجا دانلود کنید.( لینک مستقیم نیست )

WiFi sync 1 cracked

5- و در آخر هم برنامه ی مورد نیازمون برای نصب روی ویندوز برای استفاده از مودم وایرلس برای شناختن آیپاد و sync کردن  از این لینک قابل دریافت است:

WiFi sync 1 Win client

توضیحات:

وارد sbsetting بشین( برای اینکار در بالاترین قسمت اسکرین دستگاه تون، یعنی اون قسمتی که ساعت هست، انگشت خودتون رو از چپ به راست بکشید تا صفحه ی برنامه باز بشه )

در برنامه دقت کنید که ssh روشن باشه و در پایین صفحه هم یک آی پی آدرس داده شده که شما باید از این برای ارتباط با دستگاهتون از طریق کامپیوتر استفاده کنید، برنامه ی winscp که دانلود و نصب کردیم اجرا میکنیم و در قسمت host name آی پی نوشته شده در SBsetting رو مینویسیم و در قسمت user name واژه ی ” root ” و در قسمت پسورد از کلمه ی ” alpine ” استفاده میکنیم، و روی login کلیک میکنیم (میتونین روی save کلیک کنید تا مجبور نباشید هر بار این مرحله رو تکرار کنید.

اگه سوالی پرسیده شد روی yes کلیک کنید، حالا محیط برنامه شدیم، وارد فولدر tmp به آدرس private >var >tmp میشیم و فایل deb دانلود شده رو که حجمی حدود ۳۰ کیلوبایت داشت رو میکشیم توی فولدر

حالا فقط مونده نصب این برنامه، برای اینکار روی دکمه ی ترمینال در برنامه کلیک میکنیم (در منوی برنامه آیکونی مشکلی رنگ داره) _ برای باز کردن ترمینال میتونیم از کلیدهای ترکیبی ctrl + t استفاده کنیم _ روی ok کلیک میکنیم، در قسمت enter command خط کد زیر رو مینویسیم:

dpkg -i /tmp/wifi_10.deb

و منتظر میشیم فایل نصب بشه، حالا برای استفاده از این برنامه و sync کردن بدون استفاده از سیم یو اس بی کافیه winclient که دانلود کردیم رو نصب و اجرا کنیم و همینطور فایل wi-fi sync رو روی آیفون/آیپاد خودمون اجرا کنیم، با این کار میتونیم فایلهارو بدون سیم با استفاده از itunes بین دو دستگاه sync کنیم، این کار سرعت کمتری نیسبت به کار با سیم یو اس بی داره اما کلن سیم کلی دردسر داره و همراه داشتنش هم بعضی وقتها سخته و در شرایطی این برنامه خیلی به درد میخوره…

یک نکته ای هم بگم، پسورد تمام آیفون ها و آیپاد ها همین alpine هست پس امن نیست اصلن، سعی کنید هرسری کارتون با نصب برنامه های deb یا هر کار دیگه ای که مربوط به ssh میشه تمام شد، از طریق sbsetting خاموشش کنید تا مشکلی پیش نیاد براتون

نکته بعدی اینکه من این برنامه رو با همین ترتیبی که دیدین روی آیپاد ۳۲ گیگ با iOS4  جیلبرک شده از طریق سایت jailbreakme.com که همین دیروز هم ارائه شد.

یک نسخه مک هم برای این برنامه هست که من تست نکردم، میذارم برای دوستانی که مک دارن، اگه تست کنن نتیجه رو بگن ممنون میشم.

لینک رپیدشیر نسخه مک : http://rapidshare.com/files/387247913/wifisync.zip

همین دیگه! امیدوارم چیزی رو جا ننداخته باشم، این پست مثل همه ی پست های دیگه ام بدون ادیت و کاملن آنلاین نوشته شده، ایرادی چیزی بود، لطف کنین بگین ، ممنون…

موفق باشین، خوشحال هم باشین، سلامت هم باشین، پولدار هم اگه نیستین بشین، اگه هستین هم کمک کنین و اینا…

سلام

از وردپرس ۲٫۹ یک امکان خیلی خوب به وردپرس اضافه شد و اون امکان اضافه کردن تصاویر بندانگشتی (یا همون thumbnail) به پست ها بود که از خیلی وقت پیش کلی راه کار و پلاگین براش ارائه شده بود و خب نیازش واقعن حس میشد.

در دو مطلب میخواهیم دو تا کار ساده انجام بدیم ، یکی اینکه تصاویر بندانگشتی رو به قالبمون اضافه کنیم و دو اینکه یاد بگیرم چطوری یک اسلایدشو از این تصاویر در قسمتی دلخواه از وبلاگمون قرار بدیم تا از یک دسته ی خاص ، تصاویر بند انگشتی تعدادی مشخص مطلب رو بگیره و اونارو با یک افکت زیبا و با قدرت جی کوئری نمایش بده

۱- افزودن امکان نمایش به قالب وبلاگ

اولین کاری که باید بکنیم (و امکانش از ورژن ۲٫۹ به وردپرس اضافه شده) اینه که به وردپرس بفهمونیم قالب ما از تصاویر بندانگشتی پشتیبانی میکنه و یه سری تنظیمات لازم که بسته به کارمون میتونه متفاوت باشه رو انجام بدیم

در functions.php  موجود در فولدر تم مربوطه میریم و کد زیر رو وارد میکنیم:

<?php

if (function_exists('add_theme_support')) {
add_theme_support( 'post-thumbnails' );
}

?>

خط اول یک شرط میکنه که اگر تابع add_theme_support که از ورژن ۲٫۹ اضافه شده وجود داشت (یعنی وردپرس ما به روز بوده و کمتر از ۲٫۹ نیست) از تابع استفاده کنه و به وردپرس بفهمونه که قالب از امکان نمایش thumbnail بهره میبره.

البته شاید زیاد نیازی به اون if  هم نباشه و میتونیم یک راست کد زیر رو وارد کنیم:

<?php add_theme_support('post-thumbnails'); ?>

برای اینکه بفهمیم کدمون درست کار میکنه به قسمت انتشار و یا ویرایش مطلب میریم و یک عکس به پست اضافه میکنیم، بعد از آپلود شدن عکس در قسمت پایینی باید جمله ی ” استفاده به عنوان تصویر شاخص” اومده باشه که ما با کلیک کردن روی این گزینه تصویر رو به عنوان تصویر بندانگشتی اون پست انتخاب میکنیم.

حالا با قرار دادن کد زیر در هرجای قالب ( به طور مثال فایلهای single.php  یا index.php یا هرجای دیگه که حلقه ی مطالب قرار دارد) میتونیم تصویر مربوط به هر پست رو نمایش بدیم.

<?php the_post_thumbnail(); ?>

توجه کنید که این کد رو باید داخل حلقه ی پست ها قرار بدین ( حلقه چیست؟ )، اگه چیز زیادی از حلقه نمیدونین کد

<?php the_content(); ?>

رو پیدا کنید و بلافاصله قبلش کد داده شده مربوط به تصویر بندانگشتی رو قرار بدین.

این تابع هم مانند دیگر توابع آرگومان هایی داره که بررسی میکنیم،

Medium : این آرگومان حجم کمتری از تصویر رو در وبلاگ قرار میده که میتونه به سرعت لود صفحه کمک کنه.

the_post_thumbnail('medium');

Large : این آرگومان هم بالاترین کیفیت موجود رو استفاده میکنه.

the_post_thumbnail('large');

و در آخر برای تنظیم سایز تصاویر از حالت زیر میتونیم استفاده کنیم:

the_post_thumbnail( array(100,100) );

به همین راحتی!

تا قبل از این تابع یا باید از پلاگین برای اینکار استفاده میشد و یا از زمینه های دلخواه که هر کدوم دردسر های خودشون رو داشتن، این امکان یکی از محاسن خیلی مهم وردپرس در نسخه های جدید نسبت به نسخه های گذشته اش هست که کمک زیادی به طراحان کرده.

در درس بعدی که امیدوارم زیاد نوشتنش زمان نبره و تنبلی نکنم تو انتشارش یاد میگیریم که چطوری این تصاویر رو به صورت اسلاید در قسمت مورد نظرمون در وبلاگ قرار بدیم

موفق و خوشحال باشین

بای

سلام

من مدتیه مطلب ننوشتم و دلیلش هم اینه که ترجیح میدم ۱ مطلب خیلی خوب بنویسم تا ۱۰ تا مطلب خوب یا ۱۰۰ تا معمولی! _حداقل از نظر خودم خوب باشه کافیه! هرچند امیدوارم شما هم خوشتون بیاد.

امروز به ذهنم رسید یک ویدجت اپرا که برای توییت کردن برای خودم و بعضی از دوستان ادیت کرده بودم رو به شما معرفی کنم و در عین حال آموزشی باشه برای اینکه چطور ویدجت های اپرا رو ادیت کنیم!

اگر مطالب آموزش طراحی سایت من رو خونده باشین حتمن الان دیگه آشنایی خیلی خوبی با html و css دارین و میتونین کاملن بفهمین من چی میگم.

ما برای این آموزش به آخرین ورژن مرورگر اپرا _که در حال حاضر ورژن ۱۰٫۵۰ است _ نیاز داریم، که از سایت اصلی اپرا به آدرس www.opera.com قابل دریافته

برای دانلود ویدجت ها هم که حتمن میدونین از منوی   opera>widgets>Get widgets یا از آدرسhttp://widgets.opera.com/ میتونین به ویدجت های اپرا دسترسی داشته باشین، ویدجت مورد نظر این پست هم از آدرس http://goo.gl/b4Qu قابل دسترسیه.

خب از اینجا میریم سراغ ادیت ویدجت، برای اینکار اول از همه اپرا رو باز میکنیم و کلیدهای ترکیبی ctrl+shift+i رو میزنیم. صبر میکنیم تا dragonfly لود شه.

توضیح بدم که dargonfly تقریبن کاری مشابه inspect elements در کروم و افزونه ی فایرباگ در فایرفاکس انجام میده.

بعد از اینکه dragonfly لود شد وارد تب settings میشیم و روز Remote Debug کلیک میکنیم و تیک مربوطه رو میزنیم، در قسمت port هم هر پورت آزادی که بخواهین رو میتونین وارد کنین و در آخر هم روی apply کلیک میکنیم.

بعد وارد ویدجت مورد نظر میشیم و روش کلیک راست میکنیم و از قسمت settings وارد Remote Debugger  میشیم، اگه دقت کنید الان inspect element یا همون dargonfly روی ویدجت فعال شده و ما میتونیم به راحتی بفهمیم کدوم قسمت ویدجت با چه تگ، آی دی و یا کلاسی نوشته شده.

الان ما دیگه کارمون مثل ادیت کردن یک صفحه ی html ساده است و کاری که ما میخواهیم انجام بدیم هم که فقط با css کار داره، اما فایلهای این ویدجت کجا هستن؟

اگه زمانی که این ویدجت رو دانلود کردین با مرورگر اپرا بوده باشین که خب میتونین وارد قسمت دانلود ها شده و بعد روی ویدجت کلیک راست کنین و open folder رو بزنین تا فایل ویدجت رو پیدا کنین، اگر هم با مرورگر های دیگه دانلود کردین که خب حتمن میدونین کجا دانلود شده!

من میرم و فایل ویدجت رو کپی میکنم توی دسکتاپم و بعد فرمتش رو از wgt به zip تغییر میدم، و فایل رو آنزیپ میکنم.

همونطور که میبینید فایلهای مربوط به ویدجت همه در یک فولدر هستند که البته ما فقط با یکی از فایلها کار داریم و اون هم در پوشه ی styles و با نام v2.css هست.

در تصویر قبلی ما میخواستیم کلاس قسمتی که آخرین توییت نوشته میشه رو پیدا کنیم و اون رو در فایل css ویرایش کنیم، برای این کار روی قسمت مورد نظر کلیک کردیم و در dragonfly ویرایش مورد نظرمون رو روش اعمال کردیم (البته این فقط به منظور تست بوده و بعد از بستن ویدجت تغییرات ایجاد شده به حالت اول برمیگردن، برای همین ما فایل ویدجت رو آنزیپ کردیم تا بتونیمم تغییرات رو در فایلهاش اعمال کنیم!

v2.css رو باز میکنیم و کد آی دی و کلاس مورد نظر که در تصویر قبل مشخص کرده ام رو پیدا میکنیم.

#latest .text

برای پیدا کردن یک عبارت در ادیتور های متن هم حتمن میدونین که میتونیم از کلیدهای ترکیبی Ctrl+F استفاده کنیم

در خط ۹۴ آی دی latest و در زیر مجموعه ی اون کلاس text رو داریم که باید direction رو به راست به چپ یا همون rtl تغییر بدیم! برای این کار خط زیر رو به این قسمت اضافه میکنیم:

direction:rtl;

تا داشته باشیم:

#latest .text {
        direction:rtl;
        height: 65px;
        padding: 5px;
        background: transparent url('../images/status_bg_middle.png') 0 0 repeat-x;
}

باز به ویدجت برمیگردیم تا قسمت های خراب دیگه رو هم درست کنیم.

با کلیک بر روی قسمتی که توییت یکی از دوستان شما در توییتر رو در بر میگیره میفهمیم که کلاس قسمت توییتهای دوستان entry هست، با این حساب باز به ویرایشگر متن خودمون برمیگردیم و direction کلاس entry رو هم به rtl تبدیل میکنیم.

الان در خط ۳۶۶ داریم:

.entry {

  direction:rtl;

  background: #fff url(../images/bg_tweet_separator.png) 50% 100% no-repeat;

  padding: 8px 5px 8px 10px;

  line-height: 1.4em;

  overflow: hidden;

}

حالا فونت رو هم تاهوما کنیم که این یکی خیلی منو آزار میده! میریم و توی فایل v2.css تگ body رو که معمولن در قسمت های بالایی فایلهای استایل یا همون css ها هستند پیدا میکنیم و کد زیر رو بهش اضافه میکنیم:

font-family: tahoma;

به همین راحتی تمام متنهای داخل ویدجت تبدیل به تاهوما میشن(برای تست میتونین در همون dragonfly این کارها رو انجام بدین و بعد وارد فایل ویدجت بشین تا خیالتون راحت باشه که کار درست رو انجام دادین! )

حالا تقریبن شکل و قیافه ی بهتری داره ویدجتمون، اما میتونیم بهترش هم بکنیم! اگه دقت کنید توییت ها یه کم چسبیده اند به عکسهای نویسنده هاشون، برای اینکه بفهمیم توی چه کدی باید تغییر ایجاد کنیم میریم و روی یکی از عکسها کلیک میکنیم، همونطور که توی عکس هم مشخصه سمت راست یک padding داره که اگه توی dragonfly نگاه کنید ۱۰ پیکسل از راست هست، من اون رو به ۳ پیکسل تغییر میدم و از این طرف هم برای اینکه یک فاصله ای از متن داشته باشه یک margin-left برابر با ۵ پیکسل بهش میدم.

حالا دیگه شکل و شمایل خیلی بهتر از قبل شده، و تقریبن مشکلی نداره، ولی اگر هم باشه میتونیم خیلی راحت با همین روش هرکاری که دوست داریم انجام بدیم، مثلن موقع توییت کردن همچنان متن توییتی که در حال نوشتنش هستیم چپ به راسته و فونتش هم تاهوما نیست! بعد از پیدا کردن تگ مربوطه و کلاس مربوط بهش میتونیم خیلی راحت این مشکل هم حل کنیم:

با بررسی قسمت textarea که محل توییت کردنه میفهمیم که آی دی مربوط به این قسمت doing هست که در فایل css فونتش مشخص شده که sans-serif است که میریم و به tahoma تغییرش میدیم و یک direction راست به چپ (rtl) هم میدیم بهش.

این هایی که گفتم در حد یک آشنایی بود برای شما که میخواهین شروع کنین به کارهای این چنینی!

ینی مثلن یک افزونه ی فایرفاکس، کروم هم که میبینین میتونین به راحتی ادیتش کنین، و همین طور ویدجت های اپرا، کم کم از ادیت میتونین دست به کار بشین و برسین به ساخت ویدجت یا افزونه! که البته نوشتن اصلن قابل مقایسه با ادیت کردن نیست!

امیدوارم این مطلب کمکی به شمایی که به این کار علاقه دارین کرده باشه!

در آخر ویدجتی که تا اینجا ادیت کردیم رو برای دانلود در اختیار شما میذارم، که یا علاقه ای به یادگیری این مسائل ندارین و فقط میخواهین یکم راحت تر توییت کنید، و یا شمایی که میخواهین نتیجه ی کار من رو با خودتون مقایسه کنید.

ویدجت توییتر

موفق و پیروز و خوشحال باشید

به امید دیدار