چگونه وبلاگتان را گرد کنید
فروردین ۱۳۸۷ - CSS - محمدعرفان شمسیدر روزگار نه چندان دور گذشته، پیدا کردن چیزی در وب که دارای گوشه های گرد و خمیده باشد کاری بسیار سخت بود. اما با گذشت زمان و به وجود آمدن تکنیک های جدید، این کار به راحتی قابل اجرا می باشد. کاری که مطابق با اصول فنگ شویی در طراحی وب سایت نیز می باشد. اصولن گوشه های گرد باعث گردش انرژی بیشتر در وب سایت شما می شوند و حس بهتری را به بازدیدکننده القا می کنند!
شاید شما هم از جمله افرادی باشید که این تکنیک را در وبسایت های دیگر دیده باشید و به استفاده از آن علاقه مند شده باشید، اما از نحوه ی طراحی آن آگاهی نداشته باشید. در این پست چگونگی انجام این کار را با هم مرور می کنیم که امیدوارم مفید واقع شود.
برای انجام چنین کاری روش های بسیار مختلفی وجود دارد. در زبان های مختلف برنامه نویسی شما به راحتی می توانید چنین کاری را انجام دهید. اما در این پست به روش های انجام این کار در HTML و CSS می پردازیم.
یکی از روش های منسوخ این کار استفاده از جداول در HTML هستند. ابتدا شما باید در فتوشاپ یا نرم افزار های مشابه، دو شکل به صورت زیر ایجاد کنید.

سپس با استفاده از HTML یک جدول بسازید که دارای 3 قسمت باشد. برای بک گرند قسمت بالایی عکس شماره ی 1، و برای خانه ی پایینی نیز از عکس شماره 2 استفاده کنید.
بک گرند خانه ی میانی را نیز با رنگی مشابه دو قسمت دیگر مقدار دهی کنید. با این تکنیک مزخرف و منسوخ که غیر از خودم کس دیگری را ندیدم از آن استفاده کند! شما می توانید یک محوطه با گوشه های گرد برای خودتان ایجاد کنید. البته واضح است که دستتان کاملن بسته است و به هیچ عنوان نمی توانید با دستکاری سورس، در اندازه ها تغییری ایجاد کنید. در ضمن خطوط سفید موجود در شکل را هم برای درک بیشتر موضوع قرار داده ام.
روش بعدی استفاده از CSS است و روش بسیار ساده ای است که البته فقط در فایرفاکس و سافاری قابل استفاده است. به مثال زیر توجه کنید:
#left_side {
margin-top: 10px;
padding-left:5px;
padding-right:5px;
font-family:tahoma;
float: left;
width: 160px;
-moz-border-radius: 0.8em;
background: #f1F6FE ;
}
شما به راحتی می توانید با اصافه کردن moz-border-radius: Xem- گوشه ی هر عنصری را له کنید! البته برای انجام این کار در سافاری، از دستور -webkit- به جای -moz- باید استفاده کنید. گوشه های ساید بار این وبلاگ نیز با این تکنیک گرد شده است. برای همین در مرورگر IE قابل مشاهده نمیباشد.
روش آخری که در این مقاله توضیح میدهم مجددن با استفاده از CSS است و بسیار حرفه ای تر از موارد بالا است و در همه ی مرورگر ها نیز قابل استفاده است. ابتدا باید در فتوشاپ یا نرم افزار های مشابه 4 گوشه گرد تر و تمیز درست کنید! درست مثل این 4 شکل!

حالا باید کد CSS لازم برای این کار را بنوسید. به کد زیر دقت کنید(بدون شماره های اولشان):
1 #corner_box {
background: #d9e5f8; }
2 #corner_top div {
background: url(pic1 url) no-repeat top left; }
3 #corner_top {
background: url(pic2 url) no-repeat top right; }
4 #corner_bottom div {
background: url(pic3 url) no-repeat bottom left; }
5 #corner_bottom {
background: url(pic4 url) no-repeat bottom right; }
6 #corner_top div, #corner_top, #corner_bottom div, #corner_bottom {
width: 100%;
height: 40px; }
7 #corner_content { margin: 0 30px; font-family: tahoma; text-align: justify; direction: rtl; }
کد کاملن واضح است. در خط 1 رنگ زمینه ی کل باکس را مشخص کرده ایم. در خط 2 تا 5 آن چهار گوشه ای که ساخته بودیم را سر جایشان قرار دادیم! در خط 6 اندازه ها را مشخص کرده ایم و در خط 7 نیز موقعیت و مشخصات متن موجود در جعبه مشخص شده است. البته شما می توانید هر تغییری که مایل هستید در این قسمت های ایجاد کنید.
اکنون باید در صفحه ی اصلی مورد نظرتان، از کد CSS بالا که نوشته اید استفاده کنید:
<div class=”corner_box”>
<div class=”corner_top”><div></div></div>
<div class=”corner_content”>
در این قسمت هر چیزی که مایل باشید می توانید قرار دهید. می توانید از این جعبه با اندازه ی مناسب، حتی به عنوان ساید بار استفاده کنید و تمامی محتوای وبلاگتان را در آن قرار دهید
</div>
<div class=”corner_bottom”><div></div></div>
</div>
در این مثال با هم یک جعبه ی بسیار ساده ساختیم! بدیهیست که می توان از همین تکنیک در هر جایی با مقدار دهی مناسب استفاده کرد. شاید روش های دیگری هم برای انجام این کار وجود داشته باشد اما این چند مورد ذکر شده، روش هایی بودند که بنده با آنها کار کرده ام و از صحت آنها اطمینان کامل دارم!
اگر مایل به یادگیری بیشتر CSS هستید می توانید از پست های مشابه که در قسمت نظرات وجود دارد استفاده کنید.
جنگل نوردی به روش علمی
فروردین ۱۳۸۷ - Life - محمدعرفان شمسیاحتمالن همه ی شما لااقل یک بار برای چند روز به مسافرت رفته اید. اصفهان، شیراز، مشهد، شمال و خیلی جاهای دیگر. اگر اهل حال باشید احتمالن با دوستان به کوه هم رفته اید و حتی شب نیز آنجا اقامت کرده اید. اما آیا تا الان برای چند روز در دل یک جنگل، جایی که دسترسی به هیچ گونه امکاناتی ندارید و مملو از خرس و گرگ(حیوانی که وقتی تبدیل به دسته ی 4 تا 6 نفره شوند به واقع باید از آنها ترسید) است، به سر برده اید؟ درست مانند فیلم های خارجی که گاهی اوقات در تلویزیون میبینیم. اگر فکر می کنید همچنین جاهایی لااقل در ایران وجود ندارد باید بگویم سخت در اشتباهید. در جنگل های شمال کشور (که سالهاست توسط افراد پولدار ویران و تبدیل به ویلاهای شیک و باکلاس می شود) جاهایی هنوز وجود دارد که بکر و دست نخورده باقی مانده است و یک شب اقامت در آنها بسیار لذت بخش است.
یکی از تفریحات بسیار شیرین من سفر به دل همین جنگل ها و اقامت چند روزه در آن همراه دوستان است. شاید شما هم تصمیم به چنین کاری(شاید در تابستان همین امسال) داشته باشید. بنابراین بسیار ضروریست که از قبل کمی اطلاعات در این مورد داشته باشید. در این پست می خواهیم با هم به یک سفر خیالی به دل همچین جنگل هایی داشته باشیم و به بررسی این نکته بپردازیم که برای چنین سفر هایی همراه داشتن چه وسایلی ضروری است. البته منظور وسایلی مانند سیخ کباب، قلیون و … نیست! این مقاله به جنبه ی علمی اینگونه سفر های می پردازد!
سیستم های ارتباطی:
بدون شک یکی از ملزومات چنین سفر هایی همراه داشتن یک وسیله ی ارتباطی است. داشتن یک موبایل در این سفر کاملن ضروری است. توجه کنید در اکثر جنگل های ایران سیم کارت های همراه اول هم به سختی آنتن می دهند چه برسد به ایرانسل. پس حتمن باید از یک سیمکارت همراه اول استفاده کنید.
داشتن یک موبایل به خودی خود کافی نیست. موبایل شما نیاز به شارژ هم دارد! یک دستگاه شارژ کننده ی سفری می تواند بسیار ایده آل باشد. این وسیله شامل یک اهرم است که با چرخاندن آن نیروی لازم برای شارژ موبایل فراهم می شود که لااقل برای مواقع ضروری بسیار می تواند مفید واقع شود.
سیستم های مکان یابی:
اگر بعد از رفتن به جنگل، حس کردید می توانید بدون هیچ گونه دغدغه ای چند روز به جنگل نوریدی مشغول باشید باید به شما تبریک بگویم! فقط کمی احتیاط کنید. چون این یکی از نشانه های بارز گم شدن در جنگل است! برای جلوگیری از این اتفاق ناگوار و همچنین برای پاسخ گویی به حس جنگل نوردیتان! توصیه می شود یک عدد GPS نیز به همراه داشته باشید. لازمتان می شود!
سیستم های تصویر برداری:
اقامت چندین روزه در یک جنگل، موقعیت بسیار مناسبی برای گرفتن عکس های بسیار زیباست. داشتن یک دوربین دیجیتال جز موارد ضروری نیست اما به همراه نداشتن آن می تواند شما را پشیمان کند. یک دوربین دیجیتال به همراه یک عدد باتری اضافی( اگر فکر می کنید خیلی عکاس هستید!) هیچ گونه مزاحمتی برای شما ایجاد نمی کند. در عوض باعث ماندگاری این سفر می شود.
داشتن یک دوربین فیلمبرداری کوچک به طوری که زیاد مزاحمت ایجاد نکند، می تواند ایده ی خوبی باشد. البته اگر دوربین شمابزرگ و بد قواره هست، می توانید بیخیال آن شوید. دوربین دیجیتال شما به خوبی می تواند از عهده ی فیلمبرداری هم بر بیاید.
تنها در صورتی دوربین فیلمبرداری هم با خود ببرید که از مدل های کوچک و جمع و جور باشد و با کمبود فضا هم روبه رو نباشید.
سیستم های صوتی:
داشتن یک سیستم صوتی خوب در هر جایی که باشید یک الزام محسوب می شود! تنها به این دلیل که می خواهید به جنگل بروید و امکاناتی در اختیار ندارید دلیل نمی شود قید یک سیستم صوتی را بزنید. ابتدا باید یک عدد mp3 player تهیه کنید که در اینجا توضیحات کاملی در این باب وجود دارد. توضیه می کنم به دلیل اهمیت انرژی الکتریکی در اینگونه سفر ها، از پلیر های شرکت سونی که چیزی در حدود 30 تا 50 ساعت ماندگاری شارژ دارند، استفاده کنید.
وسیله ی دیگر یک اسپیکر سفری است. دقت کنید باید تا حد امکان اسپیکر شما با باتری های قلمی نیز کار کند. اسپیکر های شارژی به درد اینگونه سفر ها نخواهند خورد. Generous اسپیکر های خوبی در این زمینه دارد که البته بیشتر برای لپ تاپ تولید می شوند اما برای اینگونه سفر ها نیز بسیار مفید هستند.
سیستم های روشنایی:
برای اقامت شبانه تنها برافروختن آتش کافی نیست. شما نیاز به یک چراغ قوه بزرگ و پر نور هم دارید. اگر فکر می کنید چراغ قوه های شارژِی، شما را بین راه با مشکل مواجه نمی کند از آنها استفاده کنید. در غیر این صورت چراغ های باتری خور، مناسب هستند.
وسایل ذکر شده مواردی بودند که به تجربه ثابت شده است جز موارد ضروری برای همچین سفر هایی هستند. کل این وسایل شاید نصف یک کوله پشتی را پر نکند. بنابراین قید آنها را نزنید که بسیار ضرر می کنید. شاید این فرصت را نداشته باشید که بیش از یک بار به اینگونه سفر ها بروید. پس سعی کنید با رعایت موارد بالا دچار خسران روحی و جسمی نشوید!
آی تی و کشاورزی(2)
فروردین ۱۳۸۷ - IT - محمدعرفان شمسیاگر یادتان باشد در این پست از علاقه ی خودم برای پژوهشی پیرامون آی تی در صنعت کشاورزی گفته بودم. متاسفانه به دلایلی که شاید کم کاری خودم مهمترینش بود، مدتی بیخیال این قضیه شده بودم.
چند مدت پیش بدون هیچ گونه ذهنیتی از مطالب اون پست، وبلاگی به اسم باغ کوچک من راه انداختم که در مورد پرورش سبزیجات و درختان، مطلب در آن می نویسم. دیروز این فکر به ذهنم خطور کرد که چرا این وبلاگ را نقطه ی شروعی برای این پژوهش خاک خورده قرار ندهم؟
به نظرم ایده ی بدی نیامد. در اولین اقدام عضویت در آن وبلاگ را آزاد کردم.
از تمامی دوستانی که به این مبحث علاقه دارند دعوت می کنم در این وبلاگ عضو شده و مطالب مورد علاقه ی خودشان را بنویسند. برای شروع از دوست خوبم مهدی ابراهیمی عزیز که در آن پستم اعلام آمادگی کرده بودن( و بنده شرمندشون هستم) دعوت می کنم در این وبلاگ عضو شوند.
من در مورد درختان و سبزیجات مختلفی در اون وبلاگ مطلب نوشته ام. اما در مورد پرورش اصولی و علمی هیچ کدام اطلاعاتی ندارم. آقای ابراهیمی عزیز می تواند کمک بسیار زیادی کند. باز هم می گویم اعتقاد دارم این مسیر جای بسیاری برای پیشرفت دارد.
از دوستان مهندس کشاورزی و دوستان مهندس آی تی علاقه مند به کشاورزی و پژوهش های عملی دعوت می کنم با عضویت و نگارش مطالب مرتبط به توسعه ی آی تی در صنعت کشاورزی، به جمع ما بپیوندند.
حذف index.php از URL وبلاگتان در وردپرس
فروردین ۱۳۸۷ - Wordpress - محمدعرفان شمسیاگر در خاطرتان باشد تا مدتی قبل، آدرس صفحات گوناگون این وبلاگ شامل عبارت index.php در URL بود. مثلن آدرس صفحه ی ارتباط با من این گونه بود: http://it.myjigi.com/index.php/contact
واقعیت این است که پارسال و در موقع نصب وردپرس این مشکل پیش آماده بود و هر چه قدر هم با قالب و تنظیمات ور رفتم موفق به حل مشکل نشدم. چند تا پلاگین را هم آزمایش کرده بودم که به نتیجه ی مطلوبی نرسیدم. دیروز بعد از مدت ها دوباره به یاد این مشکل افتادم و شروع به جست و جو کردم که به نتایج خوبی رسیدم. البته باز هم به مشکلاتی برخوردم که خوشبختانه زود بر طرف شدند.
شاید یکی از مهمترین دلایل لزوم حذف index.php ظاهر ناخوشایندی است که به URL وبلاگمان می دهد. مسلمن کسی نیست که آدرسhttp://it.myjigi.com/contact را به آدرس:
http://it.myjigi.com/index.php/contact ترجیح ندهد. مراحل حذف index.php به راحتی نصب یک پلاگین است. پس لطفن تنبلی نکنید و اگر شما هم با این مشکل مواجه هستید سریع تر اقدام کنید.
ابتدا از این آدرس پلاگین را دانلود کنید. بعد از آپلود و نصب پلاگین باید مشکلتان حل شده باشد! به همین راحتی!
اما خب همیشه هم کار به همین سادگی پیش نمیرود و ممکن است مشکلاتی پیش بیاد. اگر با نصب پلاگین مشکلتان حل نشد موارد زیر را چک کنید.
ابتدا به قسمت تنظیمات وبلاگتان رفته و گزینه ی Permalinks را انتخاب کنید. دقت کنید اگر گزینه ی آخر یعنی Custom Structure را انتخاب کردید در فیلد مربوطه عبارت index.php وجود نداشته باشد. اگر این چنین است آن را پاک کنید. به عنوان مثال عبارت درون فیلد من اینگونه بوده است:
/index.php/%year%/%monthnum%/%postname%/
که شما باید index.php را از ابتدای آن حذف کنید و تبدیل به:
/%year%/%monthnum%/%postname%/
کنید. به احتمال زیاد مشکل شما باید حل شده باشد.
اما اگر به مانند من در زمینه ی وردپرس بدشانس باشید ممکن است باز هم مشکتان حل نشود. برای حل مشکلتان باید ابتدا فایل htaccsess. را دوباره آپلود کنید(اگر هاستتان مانند هاست من htaccsess. را پنهان می کند!) و سپس اجازه ی دسترسی آن را به 777 تغییر دهید. سپس به قسمت تنظیمات باز گردید و به زبانه ی پلاگین مورد نظر بروید. عبارت داخل فیلد WordPress Generated .htaccess Rules را به عبارت زیر تغییر بدهید.
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteCond %{THE_REQUEST} ^[A-Z]{3,9}\ /(.*)index\.php(.*)\ HTTP/ [NC]
RewriteRule ^index\.php(.*)$ http://www.it.myjigi.com/$1 [R=301,L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.php [L]
</IfModule>
در واقع شما فقط عبارت بولد شده را به کد های قبلی اضافه کردید. با این کار دیگر مشکلتان حل می شود و می توانید از URL زیبایی برخوردار شوید! نکته ی مهم این است که نگران لینک مطالب قبلیتان در سایت های دیگر هم نباشید. این پلاگین به طور خودکار هر آدرسی از وبلاگ شما را که شامل index.php باشد به آدرس جدید تغییر می دهد و در نتیجه کسی به در بسته در وبلاگ شما نخواهد خورد! ذکر این نکته هم ضروری هست که این مشکل تنها برای دوستانی پیش میاید که از هاست ویندوز استفاده می کنند.( هاست ویندوز نخرید! )
ممکن است که شما هم از جمله افرادی باشید که مدت ها در وب سایت هایی که خدمات رایگان وبلاگ می دهند، مانند بلاگفا و یا بلاگر، مشغول وبلاگ نویسی بوده اید. استفاده از این نوع سایت ها به منظور وبلاگ نویسی برای شروع، ایده ی بدی نیست اما بعد از یک مدت اگر به این موضوع پی بردید که واقعن قدرت وبلاگ نویسی دارید، بهتر است مستقل شده و یک وبلاگ کاملن شخصی را راه اندازی کنید. مراحل ایجاد یک وبلاگ بر روی هاست شخصی، کاملن ساده است که در ادامه باهم به مرور آن می پردازیم. امیدوارم برای دوستانی که تازه قصد دارند به جمع ما وبلاگ نویسان بپیوندند مفید واقع شود.
قبل از هر کاری شما نیاز به هاست و دامین شخصی دارید. برای این کار می توانید به یکی از ISP های اطرفتان مراجعه کنید و یا کمی در اینترنت به جست و جو بپردازید. معمولن برای راه اندازی یک وبلاگ با مقدار مناسبی فضا، سالانه چیزی در حدود 50 هزار تومن باید هزینه کنید. که البته اگر کمی حرفه یی تر شوید می توانید به وسیله ی گرفتن تبلیغات این هزینه را نه تنها جبران کنید، بلکه به سود هم برای خودتان تبدیل کنید. برای انتخاب هاست معمولن گزینه های متعددی پیش رو خواهید داشت که جایی برای توضیح آن در این پست نیست. فقط می توانم این توصیه را به شما کنم که دور هاست های ویندوز را اکیدن خط بکشید. هر چه قدر هم که به شما مزایا بدهند، مرتکب چنین اشتباهی نشوید. این وبلاگ یک سال بر روی هاست ویندوز بود( و تا چند روز آینده هم خواهد بود) و پدر من را رسمن در آورد!
حالا شما یک دامین و مقدار کافی هاست در اختیار دارید. اکنون چه باید بکنید؟
هم اکنون شما باید به دنبال یک سیستم مدیریت محتوا ی(CMS) خوب، مطابق با نیاز های خودتان باشید. CMS برنامه ای است که به شما امکان مدیریت وبلاگتان ( در این مثال) را می دهد. دقیقن شبیه قسمت مدیریت وبلاگتان در سیستم هایی چون بلاگفا. CMS های زیادی هم اکنون وجود دارند و حتی هر کسی که برنامه نویس باشد می تواند یک CMS برای خودش بنویسد. حتی ممکن است از جایی که هاست خریداری کردید به شما پیشنهاد فروش یک CMS هم شده باشد. اگر چنین است گول نخورید. معمولن چیزی در حدود صد هزار تومن برای CMS از شما میگیرند اما به اندازه ی هزار تومن هم برای شما کار نخواهند کرد! وقتی CMS های فوق العاده پر قدرت و رایگانی وجود دارد دیگر چه نیازی به خرج اضافه هست؟
مووبل تایپ و وردپرس دو سیستم مدیریت محتوای بسیار پرقدرت و معروف برای وبلاگ نویسی هستند. می توانید از هر کدام این گزینه های که خواستید استفاده کنید. بنده خودم تا الان با مووبل تایپ کار نکرده ام ولی خب تعریف های خوبی ازش شنیده ام. اما با وردپرس کاملن آشنا هستم.
تمام وبلاگ های من با قدرت فوق العاده ی وردپس کار می کنند. به شما هم توصیه می کنم به جمع صد ها میلیون نفری بپیوندید که از این سیستم مدیریت محتوای بی نظیر استفاده می کنند. وجود قالب های بسیار زیاد، پلاگین های متنوع و کاربردی، راحتی در کار و ارتقا به نسخه های بالاتر از جمله مزایای بیشمار این CMS می باشد.
نصب این سیستم مدیریت محتوا بسیار ساده است. ابتدا از اینجا آخرین نسخه ی آن را دانلود می کنید و بعد از آنکه از حالت فشرده آن را خارج کردید، بر روی هاست خودتان آپلودش کنید. طریقه ی کامل نصب وردپس را می توانید از اینجا مشاهده کنید. اگر بعد از گشت و گذار در سایت فارسی وردپرس باز هم مشکلی بود، مطرح کنید.
هم اکنون شما دارای یک وبلاگ شخصی هستید! به همین راحتی. اگر می خواهید قالب وبلاگتان را عوض کنید سری به اینجا بزنید. اگر هم خودتان می توانید قالب ها را فارسی سازی کنید می توانید از این لینک استفاده کنید. پلاگین های متعدد این CMS را هم از اینجا می توانید پیدا کنید.
دوستان حتمن اطلاع دارند ظاهر قسمت مدیریت وردپرس در نسخه ی 2.5 به کل تغییر کرده است. به نظر من این تغییرات زیاد جالب نبوده است. اگر شما هم با من هم عقیده هستید می توانید از این پلاگین استفاده کنید که مخصوص نسخه ی 2.5 به بالا است و قسمت مدیریت را بسیار زیبا تر می کند.
بروید اولین پست را در وبلاگ شخصیتان بنویسید و کلی کیف کنید!
پ ن: به دلیل انتقال هاست ممکن است سایت مدتی در دسترس نباشد. ممکن است همه ی مطالب پاک شوند. و ممکن است هیچ اتفاقی هم نیفتد! پیشاپیش عذرخواهی می کنم!

