اون زمان که اینجا داون بود و تقریباً مشغول طراحیش بودم با خودم می گفتم که از این به بعد فقط پست های تخصصی منتشر می کنم که یه چندتایی هم منتشر کردم و امیدوارم استفاده کرده باشید. ولی مدتی هست که فکرم رفته روی این موضوع که هراز چندگاهی بنویسم … تخصصی هم نه لزوماً … شخصی حداقل ! روزنوشت … خوبیش اینه که دوستانی که سر می زنن متوجه می شن آدمی که این پشت نشسته بود هنوز زنده است یا خودم که بعداً خواستم مروری بر دفتر زندگی داشته باشم پست هام رو هم بخونم و خاطرات رو زنده کنم. ولی حداقل دوست دارم اگر روزانه یا شخصی هم می نویسم آزاردهنده و بی خود ننویسم ، هم چیزی بنویسم که در آینده خودم ازش خوشم بیاد هم حوصلۀ دوستان رو هم سر نبره .

خلاصه همین :)

شاد و پیروز

در این آموزش ساده و مختصر قراره با هم یاد بگیریم که چطوری پسوندهایی مثل .php , .html , .htm , … که به صورت روزمره در صفحات وب زیادی می بینیم رو حذف کنیم (: و این کار رو ساده و سریع انجام خواهیم داد (;

• فایل htaccess.  چیست ؟

اچ تی اکسس یک فایل ساده ASCII است که شما می تونید با یک ویرایشگر متن مثل Notepad که ساده ترین ویرایشگر هست ، این فایل رو بسازید. این فایل برای شما راه هایی را فراهم می کند تا بتونید تغییرات و تنظیماتی بر روی پایه Pre-directory ( می توان گفت آدرس دهی ها و تنظیمات مربوط به آن ) ایجاد کنید.

- توجه : htaccess. یک پسوند هست ، و خود فایل به این صورت filename.htaccess نیست ! و فقط همون htaccess. هست ، یعنی یک فایل بدون اسم با پسوند htaccess.

نکته بعد ؛ به طور مثال ما یک فایل htaccess. در پوشه روت سایتمان قرار دادیم ، دستورات این فایل بر تمامی محتویات پوشه روت و زیرشاخه ها و زیرپوشه های پوشه‌ی روت عمل می کنند . این نکته رو در نظر داشته باشید.

امکانات فایل htaccess.

با یک فایل اچ تی اکسس شما می توانید :

• کاربران را اتوماتیک به صفحه دیگری منتقل کنید
• بر روی یک پوشه خاص پسورد بگذارید
• بعضی کاربران را از طریق آی پی بلاک کنید
• از گذاشتن عکس های سایت شما در سایت های دیگر ( Hotlinking ) جلوگیری کنید
• بازنویسی آدرس های لینک جدید
• افزودن ارورهای خاص خود شما به طور مثال ارور خاص 404 و …

در این آموزش ما فقط بر روی همون بازنویسی لینک ها تمرکز می کنیم …

حذف کردن پسوندها :

برای حذف پسوند php. از یک فایل پی اچ پی به طور مثال تغییر  ” yoursite.com/contact.php “  به ” yoursite.com/contact “  باید دستورات زیر را در فایل htaccess. خودتون اضافه کنید :

Options +FollowSymLinks
Options +Indexes
RewriteEngine on
RewriteCond %{SCRIPT_FILENAME} !-d
RewriteRule ^([^\.]+)$ $1.php [NC,L]

برای حذف کردن پسوند html. 

RewriteRule ^([^\.]+)$ $1.html [NC,L]

همین ! تمام شد … حالا شما می تونید برای لینک کردن صفحات خود دیگه بیخیال پسوند اونها بشید (;
در ضمن برای کسایی که علاقه مند هستن چیزای بیشتری از دستورات htaccess بدونن و بیشتر آشنا بشن و فایل های اچ تی اکسس بسازن ، اینجا رو توصیه می کنم .
امیدوارم از این پست لذت برده باشید و به دردتون خورده باشه (:
موفق و پیروز باشید

در این آموزش یاد می گیریم که چطوری یک دکمه زیبا و جذاب در فتوشاپ بسازیم و سپس آن را به صورت کد اچ تی ام ال و سی اس اس در بیاریم و از آن در طراحی وب استفاده کنیم .

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

خب اول به فتوشاپ می رویم تا این دکمه رو بسازیم.

1.عرض دکمه ای که در نظر دارم 250پیکسل هست و ارتفاعش هم 50 پیکسل ولی چون می خواهیم یک دکمه دیگه با همین ابعاد زیرش بسازیم تا بتونیم بعداً در کُدها بهش اون حالت Rollover رو بدیم ، به اندازه ارتفاع یک دکمه دیگه هم اضافه می کنیم یعنی 100پیکسل.

2. خب باید حالا به وسیله خط کش های راهنمایی که در فتوشاپ هست ، این طرح رو از ارتفاع نصف کنیم که یک دکمه بالا و یک دکمه پایین باشه.یعنی باید تا 50پیکسل یک خط کش رو پایین بیاریم. اگه این خط کش های راهنما در فتوشاپ شما نیستن ، برای نشان دادن آنها از کلیدهای CTRL+R استفاده کنید.

3. این مرحله ، مرحله ای است که شکل دکمه رو با کمک Shape فتوشاپ می کشیم. که ما اینجا از شکل گوشه گرد با انهنای گوشه 3px استفاده می کنیم. ( و این اختیاری است شما هر شکل دوست داشتید می تونید استفاده کنید.)

4. در این مرحله که می خواهیم شکل رو رسم کنیم ، برای اینکه دقت کار بالا بره ما یک سایز ثابت رو برای دکمه انتخاب می کنیم ( مطابق شکل ) که همون 250px X 50px هست.

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

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

6. حالا می رسیم سر استایل دادن و قشنگ کردن دکمه :) ! فعلاً روی لایه بالایی که همون دکمه بالایی هست کار می کنیم تا برسیم به دکمه پایینی. خب همونطور که می دونید برای اینکه وارد قسمت تنظیمات استایل بشیم یا روی لایه راست کلیک کنید و Blending Options رو انتخاب کنید یا راحت تر روی همون لایه دابل کلیک کنید. در قسمت Gradient Overlay تنظیمات زیر را ایجاد کنید :

7. این هم نتیجه :

8. حالا در همون تنظیمات لایه ، به Stroke می رویم و تنظیمات زیر را ایجاد می کنیم .

9. برای این که یک افکت براق شیشه ای روی دکمه بندازیم از یه رنگ کمرنگ تر از خودش یک Gradient روش می کشیم . شما ابزار Gradient رو از توی فتوشاپ انتخاب کنید و برای تنظیمات رنگش این رنگ ها رو ایجاد کنید :

10. سپس حالت گرادینت خودمون رو Radial انتخاب می کنیم .

11.حالا کلید Shift را بگیرید تا گرادینت صاف و بدون انهنا و دقیق باشد و از بالای دکمه تا 30پیکسل پایین تر از خط وسط بکشید .

12. حالا می رسیم به لایه پایینی ! مثل همون لایه بالا به Blending Options میایم تا استایل ها رو اعمال کنیم. قسمت اول کارمون هم همون Gradient Overlay هست همچنان ;) تنظیمات رو مانند شکل زیر اعمال کنید .

13. سپس می رسیم به Stroke ! اون رو هم مانند شکل زیر درست کنید :

14. خب دو تا دکمه ما الآن آماده هستن . شما می تونید هر چی خواستید روش بنویسید و هر استایل و شکل و شمایلی که خواستید بهش بدید ، منم عنوان وبلاگ رو گذاشتم :)

15. برای لایه پایینی هم یک نوشته ترجیحاً با رنگی متفاوت می گذاریم ولی باید دقیقاً همون جایی از نظر مختصات و اینا باشه که نوشته لایه بالایی هست تا وقتی که حالت Rollover که با موس روی دکمه می ریم نشون داده میشه ، زشت نشه!

خب تبریک می گم ، کار ما در ساختن دکمه با فتوشاپ تموم شد ، این تصویر رو از طریق Save for Web & Devices… با هر فرمتی که دوست دارید و با هر اسمی که دوست دارید ( ما اینجا با Button-bg ذخیره کردیم )  ذخیره کنید تو فولدر پروژتون که می خواهید فایل استایل “CSS” و اچ تی ام التون رو اونجا بذارید.  ;)

مراحل نوشتن کد این دکمه :

1. خب برای اچ تی ام ال کد خیلی ساده ای استفاده می کنیم تا فقط بتونیم این تکنیک Rollover رو یاد بگیریم و بفهمیم جریانش چیه ;) برای همین لینک رو در یک تگ p یا همون پاراگراف می ذاریم.

<p><a href="#null">کلیک کنید</a></p>

و این هم کد کامل اچ تی ام ال ما که شما در نسخه ای که براتون برای دانلود می ذارم مشاهده خواهید کرد:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="style.css" />

<title>Rollover Menu!</title>
</head>

<body>

<p><a href="#null">کلیک کنید</a></p>

&amp;copy; By <a href="http://www.DANG3R.us/">DANG3R</a>
</body>
</html>

2. خب حالا می رسیم سر وقت CSS :)

خب اینجا یکی دو تا از تکنیک های سی اس اس که اینجا استفاده کردم رو براتون توضیح می دم که دلیلشو بفهمید. اول اینکه اون text-indent که گذاشتم با مقدار -9999 پیکسل ، این کاری می کنه که اون جمله ” کلیک کنید ” که ما در اچ تی ام ال برای دکمه قرار دادیم ناپدید بشه و فقط عکس رو نشون بده. و در کلاس .button a هم outline : none رو استفاده کردیم که این خاصیت سی اس اس خطوط خاکستری دورش رو در مرورگرهای نسل موزیلا حذف می کنه :) . در پایین کد کامل سی اس اس رو مشاهده می کنید :

* {
 margin:20px auto;
 padding:0;

}
body {‌
 font-family:tahoma;
 text-align:center;
}

.button {
 display:block;
 width:250px;
 height:50px;
 text-indent:-9999px;
}

.button a {
 display:block;
 width:100%;
 height:100%;
 background:transparent url(button-bg.jpg) no-repeat top left;
 outline:none;
}

.button a:hover {
 background-position: 0 -50px;
}

خب دیدید ؟ به همین راحتی تکنیک جالبی رو یاد گرفتیم و از این به بعد می تونیم در طراحی هامون ازش استفاده کنیم. برای ساختن تصاویر و لینک های Rollover تکنیک های دیگری هم هست به طور مثال ما در این آموزش با عوض کردن جای بکگراندمون  که همون عکس دکمه هست در حالت hover یعنی وقتی که موس روش میاد ، این رو ایجاد کردیم . یکی دو تا تکنیک دیگه هم هست که انشالله اونها رو هم انشاالله در سری های بعد قرار می دم.

امیدوارم از این آموزش لذت برده باشید و جاییش براتون نامفهوم نباشه :)

در دو لینک زیر می تونید دموی این کار رو مشاهده کنید و هم سورس این کار + فایل پی اس دی که ما کار کردیم رو دانلود کنید. :)

موفق و پیروز باشید :)

در این آموزش قصد دارم ساختن یک Navigation Menu رو با یکی از افکت های زیبای جی کوئری آموزش بدم که به صورت خیلی زیبا و نرم به پایین باز میشه. Navigation Menu منوهایی هستن که در اکثر سایت ها مشاهده می کنید که شامل لینک هایی هستن که شما رو به بخش های مختلف اون سایت یا وبلاگ هدایت می کنند. میشه گفت یک جورایی میانبر هستند. معمولاً شامل عنوان هایی چون ” خانه , درباره , تماس , … ” هستند. برای آشنا شدن بیشتر و یادگیری چگونه ساختن این منوها که با سی اس اس به این پست مراجعه کنید : ساخت منوی افقی توسط CSS – داتیس دیزاین

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

در پوشه ای که می خواهید این پروژه رو سیو کنید دو تا فولدر جدید بسازید اولی برای عکس هایی که برای منو به کار می ره ” Images ” و دومی که فایل های جاوااسکریپت و کتابخانه های جی کوئری قرار می گیره به اسم ” js ” . و فایل css رو هم در فولدر اصلی سیو می کنیم و نیازی به فولدر اضافه نخواهیم داشت ;)  (در ضمن این کار فقط برای نظم بیشتر هست و اگر خواستید می تونید تمام فایل ها رو در فولدر اصلی ذخیره کنید ولی حواستون باشه که توی اچ تی ام ال آدرس درستشو بذارید. )

شما به فایل ” jquery.easing.1.3.js ” هم نیاز دارید … که می تونید از اینجا دریافت کنید.

کتابخانه های جی کوئری و پلاگین مذکور رو که دریافت کردید آن را در فولدر ” js ” قرار بدید. حالا بریم سراغ HTML و اینارو داخلش قرار بدیم.

1.تعیین عنوان و قرار دادن فایل های جاوا اسکریپت در HTML

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>منوی بازشو با کمک جی کوئری</title>
<link rel="stylesheet" href="animated-menu.css"/>
<script src="js/jquery-1.3.mini.js" type="text/javascript"></script>
<script src="js/jquery.easing.1.3.js" type="text/javascript"></script>
 <script src="js/animated-menu.js" type="text/javascript"></script>
 </head>
 

این هم از کد اچ تی ام ال ما که فایل های جاوا اسکریپت رو درش قرار دادیم ولی در مورد اون فایل ” animated-menu.js ” هنوز عجله نکنید چون قراره همین رو توی این پست آموزش بدیم و هر وقت تموم شد می تونید اون فایل رو به این اسم و یا هر اسمی که دوست داشتید با پسوند js سیو کنید.

2.کد HTML

حالا می ریم سراغ کد اصلی منو و آیتم ها و لینک هاش . همونطور که از Navigation Menuها صحبت کردیم و یک راهنمایی هم معرفی کردیم می تونیم این منو رو راحت بنویسیم.

<body>

 <p>با موس روی آیتم ها بروید تا باز شوند :)</p>

 <ul>
 <li>
 <p><a href="http://www.dang3r.us">خانه</a></p>
 <p>صفحه اصلی</p>
 </li>
 <li>
 <p><a href="http://www.dang3r.us/about">درباره</a></p>
 <p>اطلاعات بیشتر</p>
 </li>
 <li>
 <p><a href="http://www.dang3r.us/contact">تماس</a></p>
 <p>تماس</p>
 </li>
 <li>
 <p><a href="http://feeds2.feedburner.com/dang3r">اشتراک</a></p>
 <p>خوراک</p>
 </li>
 <li>
 <p><a href="#">آرشیو</a></p>
 <p>مقالات</p>
 </li>
 </ul>
</body>
</html>

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

3.استایل و کار با فایل CSS

خب به بخش هیجان انگیز رسیدیم :دی ! الآن با توجه به کلاس هایی که تعریف کردیم بهشون استایل می دیم و هر طور بخواهیم درشون می آریم. بنده فعلاً یک استایل خیلی ساده می گذارم.

body{
 font-family:tahoma;
 background:#F3F3F3;
 color:#000;
 font-weight:bold;
}

ul{
 margin:0;
 padding:0;
}

li{
 width:100px;
 height:50px;
 float:left;
 color:#191919;
 text-align:center;
 overflow:hidden;
}

a{
 color:#fff;
 text-decoration:none;
}

p{
 padding:0px 5px;
}

 .subtext{
 padding-top:5px;
 }

.feed{background: url(images/feed.jpg) top left no-repeat;}
.about{background: url(images/about.jpg) top left no-repeat;}
.contact{background:url(images/contact.jpg) top left no-repeat;}
.archive{background:url(images/archive.jpg) top left no-repeat;}
.home{background:(images/home.jpg) top left no-repeat;}

4. دادن افکت انمیشنی با جی کوئری

به بخش مهمی رسیدیم ، در این بخش با کمک جی کوئری افکت انیمیشنی رو ایجاد می کنیم . اسم فایل محتوی این دستورات رو ” animated-menu.js ” بگذارید.

$(document).ready(function(){

 $("a").click(function(){
 $(this).blur();
 });

 //موقعی که موس روی آیتم قرار می گیره
 $("li").mouseover(function(){
 $(this).stop().animate({height:'150px'},{queue:false, duration:600, easing: 'easeOutBounce'})
 });

 //وقتی که موس از محدوده آیتم خارج می شود
 $("li").mouseout(function(){
 $(this).stop().animate({height:'50px'},{queue:false, duration:600, easing: 'easeOutBounce'})
 });

});

کاری که ما اینجا کردیم این بود وقتی که موس روی آیتم قرار می گیره ارتفاع رو به 150پیکسل یعنی همون ارتفاع اصلی عکس به صورت انیمیشن تغییر می ده و در حالت عادی ارتفاع 50 پیکسل هست که فقط یک تیکه معلوم میشه + متنی که ما برای اون آیتم تعیین کردیم.

خب امیدوارم از این آموزش لذت برده باشید و تونسته باشم توی اولین آموزشم خوب توضیح داده باشم و شما بتونید توی طرح هایی که می خواهید استفاده کنید. امیدوارم بتونم آموزش های بیشتری قرار بدم.

مشاهده دموی این آموزش | دانلود کامل فایل ها

در این پست قصد دارم به شما هشت افزونه فایرفاکس برای توییت کردن از داخل فایرفاکس رو معرفی کنم که شما ممکنه چندتایشونو بشناسید.

• افزونه توییترفاکس – TwitterFox
  

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

لینک صفحه خانگی توییترفاکس : TwitterFox | لینک دانلود افزونه : توییتر فاکس

• افزونه توییتزر – Twittzer
  

افزونه توییتزر افزونه ای هست که به شما اجازه توییت کردن همون 140 کاراکتر معروف توییتر رو از داخل فایرفاکس می ده و برای کوتاه کردن لینک های ارسالی در توییتر از TinyURL.com استفاده می کنه.

لینک صفجه خانگی افزونه : Twittzer Firefox Extension | لینک دانلود افزونه : توییتزر

• توییتربار – TwitterBar
  

توییتربار افزونه ای هست که به شما اجازه توییت کردن از آدرس بار مرورگر فایرفاکستون رو می ده . شما فقط کافیه متن مورد نظر را که می خواهید توییت کنید در آدرس بار مرورگرتون بنویسید و آیکون توییتر بار رو که در آدرس بارتون اضافه می شه بزنید. همینطور توییتربار می تونه آدرس صفحه ای که در اون هستید ( اگر چیزی ننویسید و URL در آدرس بار باشه )  رو هم با زدن آیکون توییتربار به توییتر ارسال کنه.

لینک صفحه خانگی افزونه : TwitterBar | لینک دانلود افزونه : توییتربار

• توییت بین – TwitBin
  

افزونه توییت‌بین افزونه ای هست که قدرت توییتر رو به فایرفاکس شما می آره شما خیلی راحت و سریع می تونید توییت های جدید رو دریافت کنید یا خودتون توییت کنید. عالی و ساده.

لینک صفحه اصلی افزونه : TwitBin | لینک دانلود افزونه : توییت‌بین

• توییت کیت – TwitKit
  

توییت کیت افزونه ای هست که در سایدبار فایرفاکس قرار می گیره و رابط کاربری اون شامل 6 بخش هست که با تب های مختلف از هم جدا شدن. شما می تونید پابلیک تایم لاین توییتر ( توییت های تمام کاربران توییتر در لحظه ) ، توییت های خودتون ، لیستی از دوستانتون و آخرین توییت های آنها و پاسخ هایی که برای شما ارسال شده است و یک سری اطلاعات راجع به اکانت خودتون رو مشاهده کنید. همچنین برای این افزونه تم های مختلفی با رنگ های زیبا و متفاوت موجود است و شما می تونید این سایدبار رو در فایرفاکس خود به هر شکلی دربیارید و یا با ظاهر فایرفاکس خودتون هماهنگش کنید.

لینک صفحه اصلی افزونه : TwitKit | لینک دانلود افزونه : توییت کیت

• دش بلاگ – DashBlog

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

لینک صفحه خانگی افزونه : DashBlog | لینک دانلود افزونه : دش بلاگ

• توییتی تیونز – TwittyTunes

در حقیقت توییتی تیونز کامل کننده و همراه افزونه فاکسی تیونز هست که به پلیرهای ویندوزتون می تونید متصلش کنید. با کمک توییتی تیونز می تونید آهنگی رو که دارید گوش می کنید رو فقط با یک کلیک به توییتر بفرستید.البته باید پلیرتون رو به فاکسی تیونز وصل کرده باشید. همینطور می تونید سایتی رو که دارید مشاهده می کنید و یا ویدئو و فیلم هایی رو که دارید تماشا می کنید و حتی چیزهای بیشتر که در عکس شماره دو می بینید به توییتر خودتون پست کنید.

پ.ن : لینک افزونه فاکسی تیونز هم بین توضیحات برای شما عزیزان قرار دادم :)

لینک صفحه خانگی افزونه : TwittyTunes | لینک دانلود افزونه : دانلود توییتی تیونز

• یونو – Yoono

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

لینک صفحه خانگی افزونه : Yoono | لینک دانلود افزونه : یونو

امیدوارم از این پست استفاده کافی رو برده باشید و با استفاده از این افزونه ها اوقات خوش و لذت بخشی رو با توییتر و بقیه سرویس هایی که این افزونه ها پشتیبانی می کنن رو داشته باشین.

موفق و پیروز باشید./

آغاز نو ، طرح نو

سلام به همه دوستان عزیزم

بلاخره بعد از گذشت نزدیک به هشت ماه که اینجا داون بود به دلیل مشکلات فنی که براش پیش اومد و اینکه وقت و حوصلشو پیدا نمی کردم بشینم پاش و درستش ، دوباره بالا اومد ! وبلاگ داشتن واقعاً چیز خوبی هست ، شما می تونید نوشته هاتونو،آموزش ها و چیزهایی که ارزش انتشار کردن در یک وبلاگ رو دارند با آدم های زیادی در میان بگذارید اون هم از شیوۀ وبلاگی! نه از راه های دیگر … امروزه وبلاگ خوانی و وبلاگ نویسی کلاً متحول شده…

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

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

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

امیدوارم از خوندن مطالب وبلاگ استفاده خوبی رو ببرید و از حضور در وبلاگ هم لذت ببرید.

موفق و پیروز باشید.

علی

وبگردی بدون محدودیت

امروز می خوام که یک نرم افزار معرفی کنم که جدید هم نیست ولی فری گیت چشم همه رو برای دیدن این نرم افزار کور کرده بود ! بنده خودم هم از این استفاده می کردم ولی وقتی که فری گیت اومد این رو رها کرده و به آغوش گرم فری گیت – FreeGate پناه بردم … نسبت به قبل خیلی سرعتش بهتر شده ! نرم افزار UltraS*U*R*F !
خب آموزش استفاده تقریباً مثل همون فری گیت هست ولی خب بازم از اول شروع می کنیم.

بقیه را در ادامه مطلب بخوانید …

ابتدا نرم افزار را از اینجا دانلود کرده و آن را از حالت فشرده خارج و آن را اجرا کنید.
پس از باز کردن صبر کنید تا هر سه قسمتش چراغ سبز رو به شما بده و پایین نرم افزار بنویسد

Successfully Connected To Server!

مطابق شکل :

2.کارمون با این نرم افزار تموم شد و Minimizeش می کنیم… حالا به سراغ فایرفاکس می ریم
همون تنظیمات قدیمی در این مسیر :

Tools > Options > Advanced > Network Tab > Connection Field > Settings

مطابق تصویر :

بعد که وارد تنظیمات (Settings) شدید ، تیک گزینه No Proxy رو برداشته و گزینۀ Manual Proxy Configuration رو تیک بزنید و برای قسمت HTTP Proxy عدد 127.0.0.1 رو وارد کنید و برای پورت هم همون عددی که ابتدای کار خود اولترا سرف بهتون داد که معمولاً 9666 هست رو وارد کنید و به بقیه چیزا دست نزنید … مطابق تصویر :

حالا می تونید OK رو بزنید و بدون هیچ محدودیتی در اینترنت گشت و گذار کنید …

پ.ن :

1. وقتی که نرم افزار باز نیست تیک Manual Configuration رو بردارید و روی همون No Proxy بذارید .
2. اگر احیانا بعد از استفاده از برنامه و خروج از آن و خاموش کردن کامپیوتر و اینا خواستید به مسنجری وارد بشید و وارد نشد به Control Panel مراجعه کنید و توی قسمت Internet Options و در تب Connections وارد Settings شده و در قسمت Proxy Servers اگر دو گزینه Use Proxy server for this connection … و Bypass proxy server for local address اگر تیک داشتند تیک این دو را بردارید و اوکی کنید و سپس پسورد رو دوباره در مسنجر بزنید و وارد شوید.
3. امیدوارم از این آموزش حسابی استفاده کنید و مشکل و محدودیتی توی اینترنت آزارتون نده و دیگه این یکی پولی نشه.
4. برای سایر مرورگرها مانند اینترنت اکسپلورر نیازی به اینگونه تنظیمات نیست

دانلود | 380کیلوبایت
موفق و پیروز باشید. علی

بقیه مقاله رو در ادامه مطلب بخونید گرافیتی چیست؟

به نقل از کارن رشاد با کمی تصرف
تاریخچه و معرفی گرافیتی
گرافیتی یا نفاشی دیواری به آن دسته ازدیوار نوشته ها یا نقاشی هایی گفته می شود که با انگیزه ای شخصی روی در و دیوار شهر هاو اماکن عمومی کشیده می شود. این کار تقریبادر همه جای دنیا با منع قانونی مواجه است. گرافیتی با نوشته های سر دستی و یادگاری های روی دیوار متفاوت بوده و نیز مختص سن یا طبقه فزهنگی و اقتصادی خاصی نیست.
امروزه گرافیتی بیش از هر هنر دیگری مورد بد فهمی و استفاده نا به جا واقع شده است و در بسیاری از کشور ها جنبه تاثبر گذار و بیان گرای خود را از دست داده و صورت دیوارنوشته هایی رنگارنگ و پرپیچ و تاب )که آن هم خالی از ارزش نیست( مبدل شده است.
استفاده های نابجا و یک جانبه از گزافیتی های نوشتاری در کلیپ های ویدئویی و تبلیغ بیش از حد این رسانه ها در منسوب کردن آن به فرهنگ معترض سیاهان نیز از دلایل اصلی اینعدم توجه و دست کم گرفتن است.
گرافیتی براساس تفاوت دلایل وجودی و نیز امکانات ارتباطی که ایجاد می کند به دو نوع عمدهتقسیم می شود:
نوشتاری:
هنر مندان این شیوه گرافیتی خود را هنر مند نمی » گرافیتی نویس « دانند بلکه میل دارند تا معرفی شوند.
گرافیتی های نوشتاری به سبک های گوناگونی تقسیم شده اند که به برخی از آنها به اختصار در ادامه اشاره شده است. اما با توجه به تاریخچه و دلایل بسط و توسعه آن در جوامع مختلف، در این بحث چندان به آن نمی پردازیم.
تگ- Tag
امضایی به سبک خاص که معمولا در اماکن عمومی و روی انواع سطوح به شکلی سریع نقاشی می شود.
ترو آپ-Throw up
طرحی از یک نام یا چند حرف که خط محیطی آن با یک رنگ و داخل آن به شدت و شتاب با رنگی دیگر پر می شود.
این نوع گرافیتی معمولا بیشتر از 2-3 دقیقه طول نمیکشد.
اثر(: ( Piece-
کاری تمام رنگی که طی دفعات متعدد و با بر نامه
ریزی دقیق انجام گرفته باشد.
پنل:
اثری که روی دیواره های بیرونی قطار نقاشی شده باشد. یا کنار اتوبان ها کشیده می شود.
مواد کار این هنرمندان(که خود از این نام بیزارند) معمولا عبارتند از قلمو های جمع وجور رنگ روغن، ماژیک ها وقلم های اثر گذاری که جوهر آن ها معمولا توسط خود آنان تهیه می شود و قوطی های اسپری رنگ و تعدادی کلاهک برای کنترل قطر اثر گذاری خطی اسپری.

گرافیتی های نمایشی یا نقاشی دیواری:
این هنر در کشور ها و ملل گوناگون انواع، دلایل وجودی و استفاده های مختلفی یافته و راه های بسیاری پیموده است.یکی از مهمترین و به یاد ماندنی ترین ریشه های ارزشی این هنر در نقاشی دیگو « های دیواری، انقلاب مکزیک و آثار سه بزرگ «دیوید آلفرو» و «خوزه کلمنته اروسکو» ،«ریورا
به چشم می خورد.»
(سیکوئروس )سی کییروس کسانی که اثر گرافیتی (نوشتاری یا نمایشی) از خود به جا می گذارند برای کار خود دلایل متفاوتی دارند و یکی از مهمترین این اهداف بیان تاثیری است که زندگی شهری در آنان به وجود اورده است. هنرمند گرافیتی از شهر چیز هایی می گیرد و به آن چیزی باز پس می دهد. نقاش گرافیتی، مثل بسیاری از پیشروان هنر، از زمینه واقعی شهری برای بیان و ایجاد تاثیر استفاده می کند. در حالی که تبلیغات شرکت ها و بانک های بزرگ و محصولات مصرفی به صورت وسیع به شکل بیل بورد و تابلوهای دیواری و روی بدنه وسایل نقلیه عمومی شهری همه جا را پر کرده است، گرافیتی ارتباطی است پیشرو از سوی هنرمند با قشر وسیعی از افراد اجتماع به عنوان مردم عادی ومسئولان اجرایی شهر.
دیگر سبکهای گرافیتی عبارتند از:
وایلد استایل: Wild Style
در این سبک سرعت به یکی از مهم ترین فاکتورها تبدیل می شود. این سبک تشکیل شده از حروف درهم وبرهم که با خط و پیکان و حباب به هم وصل شده اند و در هم فرو رفته اند. نقاشی گرافیتی این سبک معمولا در نگاه سوم و چهارم خوانده شود.
استنسیل: Stencil
در این سبک از شابلون می توان استفاده کرد. یکتیکه مقوا را بر می دارید و گرافیتی خودرا روی مقوا می زنید و بر روی دیوار قرار می دهید و با اسپری روی آن را میزنید.
بلوک بوستر – Blockbuster :
این شبک فضای کاری زیادی رو به خود اختصاص میدهد. در واقع یک بلوک را اشغال می کند. دیوار نویسی بلوکی به علت حجم کاری، زمان زیادی میطلبد در نتیجه نسبت به دیگر انواع گرافیتی کمتر کاربرد دارد و معمولا در جاهایی خلق می شود که اجازه برای کارهای گرافیتی باشد. ناگفته نماند که در همه جا بسیاری از مردم کشیدن گرافیتی را عملی زشت و نا هنجار می دانند و آن را از مظاهر آنارشیسم و آوباشگری )وندالیسم( بر می شمارند. به نظر نویسنده این مطالب علت دشمنی افراد با گرافیتی نداشتن سواد و دست کم حوصله لازم برای مواجهه با وضعیتی جدید در محیط پیرامون است. این افراد و شاید اکثریت مردم نقاشی روی دیوار را سر زده از کار یک ولگرد (اگر خیلی ارزش بگذارند!!) با بخشی از یک فعالیت سیاسی می بینند.
نویسندگان و محققینی که به موضوع گرافیتی میل که « شری کاوان » پرداخته اند به این گفته به اثر گذاری (ثبت نشان) در محیط های اجتماعی تاکید و به دوران کهن زندگی انسان باز می گردد.
بسیار دارند. در هر حال میل آدمی به باقی گذاشتن نشانی از خود به گونه ای شخصی و بر اساس نیازواقعی به بیان، صورت می گیرد. اما در سوی دیگر,که صاحب اثر به عنوان یک نفر از افراد جامعه حضور دارد و با توجه به ممنوعیت قانونی عملش آن را سرانجام بخشیده است , چه می گذرد. او به تنهایی تصمیم می گیرد تا چیزی که می خواهد در مکان عمومی مورد نظرش نفاشی کند و بعد از تمام شدن کار به خانه بازمی گرردد و تمامی فکرش این است که آیا کسی اصلا به نقاشی ام نگاه می کند؟
کسی به آن فکر می کند؟ بی شک این نوع برخورد را جز یک انتظار و تلاش در برقراری ارتباط مستقیم با جامعه نمی توان دانست.

گرافیتی از زبان ویکی!
ویکی پدیا این هنر را اینطور معرفی میکند:
* لغت گرافیتی(دیوارنویسی) از واژه گرافیو در زبان ایتالیایی مشتق شده است که به معنی اثر گذاری سریع یا خط خطی است و نوشتن «گرافایر» ممکن است اصل این واژه به با قلم فلزی در لاتین عامیانه باز گردد.
دیوارنویسی بخشی از هنرهای خیابانی بشمار می آید. منظور از هنر خیابانی آن بخش از گرافیک است که در کوچه و خیابان و سطح شهر با آن برخورد م یکنیم.
این هنر تاریخچه ای بسیار کهن دارد و ریشه در سنگ نبشت ههای تاریخی غارها و کتیب ههای باستانی نقاش یهای دیواری در ابعاد گوناگون دید هاید که از همین دست هاند. در سده بیستم و کمابیش ه مزمان با جنگ جهانی دوم، مشاهده درج نام و نشان گرو هها بر روی دیوارها تبدیل به امری عادی شد. در برخی مواقع این
دیوارنویسی ها بسیار با دقت و هنرمندانه اجرا می شوند و سب کهای متعددی به خود می گیرند.
برخی از این آثار بار معنایی بی شتری را به دوش می کشند که ممکن است حاوی یک پیام اجتماعی یا سیاسی باشد که حتی با استفاده از افشان ههای رنگی بر روی دیوارها، ساختمانها و قطارها رسم می شوند. شاید شما هم تصاویری از دیوار برلین را دیده باشید که لبریز از این آثار بود یا نگار ههای دیگر اینترنتی را که دست به دست یا بهتر بگویم ایمیل به ایمیل می چرخند که حاوی تصاویر نقاشی شده سه بعدی بر کف خیابا نها هستند. ای نها تماماً هنرهای خیابانی هستند.
در
ایران دیوارنویسی به دو دسته بخش می گردد:
دیوارنویسی مردمی و دیوارنویسی حکومتی.
دسته نخست بیشتر گویای مسائل سیاسی روز مخالفت با سامانه حاکم و یا تبلیغات مشاغل و آگهی هاست.

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

گرافیتی یا نقاشی دیواری به آن دسته از دیوارنوشته ها یا نقاشی هایی گفته می شود که با انگیزه ای شخصی روی در و دیوار شهر ها و اماکن عمومی کشیده می شود.این کار تقریباً در همه جای دنیا با منع قانونی مواجه است.
گرافیتی با نوشته های سر دستی و یادگاری های روی دیوار متفاوت بوده و نیز مختص سن یا طبقه فزهنگی و اقتصادی خاصی نیست.
امروزه گرافیتی بیش از هر هنر دیگری مورد بد فهمی و استفاده نا به جا واقع شده است و در بسیاری از کشور ها جنبه تاثبر گذار و بیان گرای خود را از دست داده و صورت دیوار نوشته هایی رنگارنگ و پرپیچ و تاب که آن هم خالی از ارزش نیست مبدل شده است.
استفاده های نابجا و یک جانبه از گرافیتی هاینوشتاری در کلیپ های ویدتویی و تبلیغ بیشاز حد این رسانه ها در منسوب کردن آن بهفرهنگ معترض سیاهان نیز از دلایل اصلی این عدم توجه و دست کم گرفتن است.

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

افراد ثروتمند و ميليونر خود ساخته باهوش تر و برتر از شما نيستند. اما آنها از يك سري اسرار ويژه براي ثروتمند شدن بهره گرفته اند كه شما نيز ميتوانيد با پيروي از آنها حداقل كسب و كار خود را رونق بخشيد.

1- رویاهای بزرگی در سر داشته باشید. افكار بزرگ زندگی شما را متحول خواهد ساخت.

2- یك تصویر خاص از مقصد مسیر خود در ذهن تان ترسیم كنید. هر اندازه این تصویر مشخص تر و خاص تر باشد امكان دستیابی شما به آن بیشتر خواهد بود.

3- به گونه ای رفتار كنید كه گویی شما مالك كسب و كارتان میباشید. ولو آنكه برای شخص و شركت دیگری كار میكنید. این نگرش شما بذرهای موفقیت و استقلال شغلی را در سرنوشت شما خواهد كاشت.

4- شغل خود را دوست داشته باشید. چنانچه به آن علاقه مند نمیباشید آن را رها كنید. با “نه” گفتن به شغلی كه تنها برای پول انجامش میدهید شغل دلخواه خود را همچون آهن ربا جذب خود خواهید كرد.

5- یك گروه خوش فكر تشكیل دهید. با افرادی كه متعهد به ایجاد یك شغل بزرگ هستند جلسه تشكیل دهید. اندیشه ها و ایده های خود را با یكدیگر در میان بگذارید و از یكدیگر پشتیبانی كنید.

6- همواره ضوابط اخلاق كاری را رعایت كنید.

7- پیشرفت و بهبودی دائم و بی وقفه در شغل خود را سر لوحه اعمال خود قرار دهید. همیشه به علم خود بیفزایید.

8- به شغل خود بعنوان یك خدمت رسانی بنگرید. یاری رساندن به دیگران كسب و كار شما را رونق خواهد بخشید.

9- از تمام جزئیات و ریزه كاریهای شغل خود آگاهی یابید. این پیشه شماست.

10- مترصد فرصتها باشید. هر لحضه ممكن است بر در شما بكوبد. آیا شما آماده هستید؟

11- تناسب اندام خود را حفظ كنید. ذهن توانمند جسم نیرومندی پدید می آورد. بدن ضعیف معلول ذهن ضعیف میباشد. سلامت جسمانی و روانی شما اساس موفقیت شما در زندگی میباشد.

12- زندگی خود را اولویت بندی كنید. ابتدا كارهای مهم تر را به انجام رسانید.

13- پیش از آنچه مشتری انتظار دارد به وی خدمت ارائه دهید. این عمل اعتماد سازی كرده و مشتریان شما را افزایش میدهد.

14- فرد منظبطی باشید. زندگی خود را از فعالیتها و افرادی كه موجبات پیشرفت و بالنگی شما را فراهم می آورند، پر كنید. فعالیتهایی كه بر زندگی شما اثر منفی می گذارند را از خود دور سازید.

15- نخست به خودتان پرداخت كنید. این نخستین قانون متمولان است. پس انداز را هیچگاه فراموش نكنید.

16- هر از چند گاهی تنهایی را تجربه كنید. در زمان تنهایی به ندای درون و اندیشه های ذهن خود گوش فرا دهید و برنامه ریزیهای خلاقانه كنید.

17- بسوی برتری گام بردارید. بهترین را ارج دهید و به كمتر از آن قانع نباشید.

18- صداقت و درستكاری بهترین سیاست است. خود و خواسته های خود را بشناسید و آنها را همیشه صادقانه بیان دارید.
19- در روند تصمیم گیری سریع عمل كرده و در تغییر آنها كند و آهسته باشید.
20- شكست گزینه شما نخواهد بود. تمام افكار شما باید بر موفقیت متمركز باشد. شما باید موفق گردید.
21- در دستیابی به اهدافتان مصمم باشید. پافشاری سرسختانه اعتماد بنفس شما را تقویت كرده و شما را به پیروزی نهایی نزدیك میكند.
22- بر خلاف جریان آب شنا كنید.هیچگاه از ایده ها،عقاید و رویكردهای نو نهراسید.
23- بروی فرصتها تمركز كنید و نه بروی موانع.
24- سه عنصر ترس، پشت گوش اندازی و تنبلی را از زندگی خود بیرون اندازید.

25- به خاطر داشته باشید اغلب افرادی كه در كنار شما زندگی میكنند از پیشرفت و ثروتمند شدن شما خوشنود نخواهند شد و ممكن است در این مسیر مرتبا شما را از دستیابی به اهدافتان دلسرد سازند. تنها به اهداف خود بیندیشید و آنها را نادیده بگیرید.

26- یاد بگیرید خودخواه باشید. خودخواهی به معنی نادیده گرفتن حقوق دیگران نیست. بلكه به مفهوم ارج نهادن به خواسته ها و آرزوهای خودتان و مقدم دانستن آنها بر خواسته های دیگران است.