فونت آیکون Font Awesome

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

معمای ساعت دکتر حسابی با جواب...

سه نفر برای خرید ساعتی به یک ساعت فروشی مراجعه میکنند. قیمت ساعت ۳۰ هزار تومان بوده و هر کدام نفری ۱۰ هزار تومن پرداخت میکنند تا آن سا...

رفع خطای unfortunately the process ...

گاهی اوقات که سرویسهای گوگل مشکل پیدا میکنند یا متوقف میشوند موجب هنگ شدن پیاپی گوشی شده و این پیام چندین بار ظاهر میشه: Unfortunately, the...

٢۵ترفند CSS بسیار مفید که باید بدان...

در این مقاله، ٢۵ ترفند CSS بسیار مفید مطرح شده است که به شما کمک می کند صفحات وب بسیار عالی طراحی کنید. ممکن است شما برخی یا همه ی این ترفند...

فونت آیکون Font Awesome

font-awesco

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

ابتدا به سایت  Font-Awesome   رفته و آخرین ورژن فونت ها را دانلود کنید

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

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

@font-face {    font-family: 'fontawesome-webfont';
    src:url('fonts/fontawesome-webfont.eot?#') format('eot'),
          url('fonts/fontawesome-webfont.woff') format('woff'),
          url('fonts/fontawesome-webfont.ttf') format('truetype');
		  url('fonts/FontAwesome.otf') format('truetype');
		  url('fonts/fontawesome-webfont.svg') format('truetype');
}

خب حالا شما هر کجا که نیاز پیدا کردید که از یکی از آیکن ها مورد نیاز خود را استفاده کنید کافیه در فایل css خود در ID #  و یا  CLASS .  و یا هر تگ دیگری که می خواهید ایکن خود را به نمایش در آورید میتوانید با استفاده از دستور
font-family:که باید FontAwesome باشد
به این صفحه مراجعه کنید و کد مورد نظر خود برای نشان دادن آیکن را انتخاب کنید

font-size اندازه آیکن را مشخص میکند

font-color رنگ آیکن را مشخص میکند

بطور مثال در کد زیر قلب  با رنگ قرمز را نشان میدهد

.div:before{
	display: inline-block;
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	content: "\f004";
	font-size:8px;
	color: red;
}

See the Pen Hswkh by p30softs (@p30softs) on CodePen.

منبع : وب کافه

معمای ساعت دکتر حسابی با جواب

سه نفر برای خرید ساعتی به یک ساعت فروشی مراجعه میکنند.

قیمت ساعت ۳۰ هزار تومان بوده و هر کدام نفری ۱۰ هزار تومن پرداخت میکنند

تا آن ساعت را خریداری کنند…

بعد از رفتن آنها ، صاحب مغازه به شاگردش میگوید قیمت ساعت ۲۵ هزار تومان بوده.

این ۵ هزار تومان را بگیر و به آنها برگردان

شاگرد ۲ هزار تومان را برای خود بر میدارد

و ۳ هزار تومان باقیمانده را به آنها برمیگرداند. (نفری هزار تومان)

حال هر کدام از آنها نفری ۹ هزار تومان پرداخت کرده اند . که ۳*۹ برابر ۲۷ میشود

این مبلغ به علاوه آن ۲ هزار تومان که پیش شاگرد است میشود ۲۹ تومان

هزار تومان باقیمانده کجاست ؟

طراح سوال : دکتر حسابی

جواب در لینک زیر

 

معما تا جایی که شاگرد دوهزار تومان رو برای خود و سه هزار رو به آنها پس میدهد درست است اما مشکل اینجا وجود داره که وقتی نفری ۱۰۰۰ میگیرن در واقع نفری ۹۰۰۰ تومان پرداخته اند که ۹۰۰۰*۳=۲۷۰۰۰ و + ۲۰۰۰ میشه ۲۹۰۰۰ تومان!!!!

اشتباه همین جاست که نباید ۲۷ رو با ۲ جمع کرد و درواقع باید آنها رو از هم کم کرد.(۲۵+۲ تومان پول شاگرد =۲۷)

یعنی سه نفر ۳۰۰۰۰ تومان پول دادند که سه هزار تومان رو شاگرد به آنها برمیگرداند پس آنها ۲۷۰۰۰ تومان دادند که ۲۰۰۰ تومان رو شاگرد برداشته و ۲۵۰۰۰ هزار تومان رو بابت پول ساعت پرداخته اند. به همین سادگی

منبع : راد اس ام اس

رفع خطای unfortunately the process com.google.process.gapps has stopped

گاهی اوقات که سرویسهای گوگل مشکل پیدا میکنند یا متوقف میشوند موجب هنگ شدن پیاپی گوشی شده و این پیام چندین بار ظاهر میشه:


Unfortunately, the process com.google.process.gapps has stopped

Unfortunately, the process com.google.process.gapps has stopped

 

به آدرس زیر مراجعه کنید:

تنضیمات – بیشتر – مدیر برنامه – همه - بعد دکمه کنار خانه فشار میدید و در منوی باز شده بر روی ” بازنشانی موارد برگزیده برنامه ” کلیک میکنید.

Unfortunately, the process com.google.process.gapps has stopped

 Menu -> Settings-> Apps-> All -> touch menu screen left of the home button -> reset app preformance

٢۵ترفند CSS بسیار مفید که باید بدانید

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

١ – تغییر رنگ متن در حالت انتخاب شده

ممکن نیست که این ترفند را بلد بوده باشید!
شما به کمک CSS می توانید رنگ متن صفحات وب را در حالت انتخاب شده مشخص کنید. این ترفند دست کم در مرورگر های جدید نظیر safari و firefox کار می کند.

/**
* Safari and Opera
*/
::selection {
background: #c3effd;
color: #000;
}
/**
* Firefox
*/
::-moz-selection {
background: #c3effd;
color: #000;
}
همانطور که می بینید، با استفاده از انتخابگر ::selection می توانید متن های انتخاب شده را هدف قرار دهید
٢ – جلوگیری از جهش اسکرول فایرفاکس

اگر سایز محتوا از سایز پنجره کمتر باشد، معمولا فایرفاکس اسکرول را مخفی می کند.
مشکلی که گاها پیش می آید این است که در صورتی که به هر دلیل سایز محتوا تغییر کند یا سایز پنجره نسبت به محتوا تغییر کند، نوار اسکرول مجددا ظاهر می شود و باعث تولید جهش در صفحه می شود.
در صورتی که می خواهید اسکرول همواره در فایرفاکس نمایان باشد، می توانید از دستور زیر استفاده کنید:

html {
  overflow-y: scroll;
}

٣ – شکستن صفحات و رفتن به صفحه ی بعد هنگام پرینت

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

به کمک CSS می توانید محل شکسته شدن صفحات و رفتن به صفحه ی بعد در هنگام پرینت را کنترل کنید. فقط کافی است که کد CSS زیر را به استایل های خود اضافه کنید و سپس به هر تگی که می خواهید در صفحه ی بعد چاپ شود، کلاس page-break را انتساب دهید.

.page-break {
page-break-before<code>: always;
}

۴ - استفاده از دستور !important

طراحان با تجربه، از کاربرد این دستور اطلاع دارند، اما معمولا تازه کارها، از این دستور !important در CSS بی اطلاع هستند و تعجب می کنند.
با افزودن دستور !important به انتهای دستور css تان، اولویت دستور مورد نظر را نسبت به دستورات دیگر که با آن در تضاد هستند، افزایش می دهید.
در کد زیر، رنگ زمینه، به دلیل وجود !important آبی خواهد بود (و نه قرمز)

.page {
  background-color: blue !important;
  background-color: red;
}

کاربرد روش فوق وقتی است که شما یک css rule می نویسید، اما متوجه می شوید که هیچ تاثیری ندارد! دلیل این مسئله احتمالا این است که یک دستور دیگر با اولویت بالاتر وجود دارد که اثر دستور شما را خنثی می کند.
برای این که دستور شما اولویت بالا تری داشته باشد و اثر دستورات دیگر را خنثی کند، می توانید از !important استفاده کنید.

۵ - جایگذاری متن با تصویر

این یک ترفند SEO خوب است که به شما اجازه می دهد که از یک تصویر زیبا فانتزی به جای متن ساده و خسته کننده به بازدید کنندگان خود نمایش دهید، اما از دید موتورهای جستجو فقط متن دیده میشود.

.header{
    text-indent:-9999px;
    background:url('someimage.jpg') no-repeat;
    height: 100px; /*dimensions equal to image size*/
    width:500px;
}
۶ - ارتفاع حداقل که در تمامی مرورگر ها کار می کند.

متاسفانه مرورگر Internet Explorer دستور min-height در CSS را درک نمی کند و لذا نمی توان با دستور فوق، ارتفاع حد اقل را در IE مشخص نمود.

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

#container{
  /* all browsers except ie6 will respect the !important flag */
  height: auto !important;
  min-height: 500px;
  /* Should have the same value as the min height above */
  height: 500px;
}
٧ - مشخص کردن لینک هایی که در پنجره ی جدید باز می‌شوند.

کد CSS زیر سبب می شود که لینک هایی که در پنجره ی جدید باز می شوند، را با استایل ویژه نمایان می کند. به این ترتیب، بازدیدکنندگان سایت، قبل از این که بر روی لینک کلیک کنند، می دانند که این لینک در یک پنجره یا تب جدید باز خواهد شد

a[target="_blank"]:before,
a[target="new"]:before {
  margin: 0 5px 0 0;
  padding: 1px;
  outline: 1px solid #333;
  color: #333;
  background: #ff9;
  font: 12px "Zapf Dingbats";
  content: "279C";
}

در کد فوق چند نکته وجود دارد که خوب است به آنها توجه کنید:

  • به انتخابگر a[target="_blank"] توجه کنید. در CSS می توان تگ های html را بر اساس مقادیر خواص آن ها فیلتر کرد. برای این منظور همانطور که می بینید، مقدار خواص را در درون [] قرار می دهیم. در این دستور لینک هایی که دارای خاصیت target="_blank" هستند را انتخاب کرده ایم. یعنی لینک هایی که در یک تب جدید باز می شوند.
  • به کلاس کاذب :before و :after توجه کنید. این دو کلاس، تگ خاصی را هدف نمی گیرند، بلکه فقط یک نقطه ی خالی در قبل یا بعد تگ مربوطه را انتخاب می کنند.
  • به دستور content در CSS توجه کنید. به کمک دستور content می توان یک کاراکتر یا یک متن را در قبل یا بعد از یک تگ قرار داد. توجه کنید که دستور content فقط زمانی قابل استفاده است که از کلاس کاذب :after و یا :before استفاده شده باشد.
    در کد فوق، ما یک علامت ۲۷۹C که به صورت یک فلش نمایش داده می شود در قبل و بعد لینک ها قرار داده ایم.
٨ - استایل دهی به لیست های مرتب به شیوه ی متفاوت

٢۵ترفند CSS بسیار مفید که باید بدانیداستایل دهی به اعداد یک لیست مرتب (شماره گذاری شده) به شیوه ای متفاوت نسبت به باقی متن هریک از آیتم های لیست.

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

ol {
  font: italic 1em Georgia, Times, serif;
  color: #999999;
}
ol p {
  font: normal .8em Arial, Helvetica, sans-serif;
  color: #000000;
}
٩ - استفاده از حروف بزرگ در اولین حرف مقاله

٢۵ترفند CSS بسیار مفید که باید بدانید

شما می توانید حرف اول مقاله تان را همانند روزنامه ها و مجلات، بزرگ کنید! برای ایجاد این جلوه، می توانید از کلاس کاذب:first-letter استفاده کنید.

p:first-letter {
  display: block;
  margin: 5px 0 0 5px;
  float: left;
  color: #FF3366;
  font-size: 3.0em;
  font-family: Georgia;
}
١٠ - شفافیت به گونه ای که در تمام مرورگر ها کار کند

گرچه CSS 3 خاصیت جدید opacity را برای شفافیت معرفی کرده است، اما همه ی مرورگرها از آن پشتیبانی نمی کنند. این یک ترفند CSS برای شفافیت در همه ی مرورگرها می باشد

.transparent_class {
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  opacity: 0.5;
}
١١ - موقعیت دهی عمودی در وسط با line-height

اگر شما از ارتفاع ثابت استفاده میکنید و نیاز به خط به صورت عمودی در مرکز متن دارید ، از خاصیت line-height برای این کار استفاده کنید.

line-height:30px;
١٢ - طرح ثابت در وسط صفحه

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

body{
    width:1000px;
    margin:0 auto;
}
١٣ - حذف اسکرول عمودی در textarea ها در IE

مرورگر Internet Explorer بدون توجه به ارتفاع متن، یک اسکرول عمودی به کادر های متنی textarea اضافه می‌کند. با استفاده از روش زیر می توانید مشکل فوق را برطرف نمایید

textarea{
  overflow: auto;
}
١۴ - حذف حاشیه از لینک های فعال

برخی از مرورگر ها مانند فایرفاکس و IE دور لینک هایی که کاربر کلیک می کند، یک حاشیه ی نقطه چین نمایش می دهند. این یک ویژگی مفید است و به این ترتیب، کاربر می تواند بفهمد که روی کدام لینک کلیک کرده است و یا در حال حاضر فوکوس بر روی کدام لینک قرار دارد. با این حال، این ویژگی گاها باعث زشت شدن لینک می شود. برای حذف این حاشیه می توانید از کد زیر استفاده کنید:

a:active, a:focus {
  outline: none;
}
١۵ - جلوگیری از مخفی شدن عناصر در IE

گاهی اوقات مرورگر IE به شیوه ی خاصی رفتار می کند و سبب می شود که برخی عناصر مخفی شوند. و هنگامی که با موس چیزی را انتخاب می کنیم، مجددا عناصر مخفی شده، ظاهر می شوند. این مشکل به سبب برخی باگ ها در IE به هنگام برخورد با عناصر شناور (float) به وجود می‌آید. این مشکل با افزودن دستور position: relative به عناصری که مخفی می شوند، قابل حل می باشد.

١۶ - آیکون های خاص بر اساس خواص

انتخاب گرهای خواص در CSS بسیار قدرمند هستند و به شما امکانات زیادی را برای کنترل استایل عناصر متفاوت می دهند. به عنوان مثال شما می توانید بر اساس مقدار href در لینک ها (یا به عبارت دیگر، بر اساس مقصد لینک ها)، یک آیکون متفاوت را در سمت چپ لینک ها قرار دهید.

به این روش شما می توانید آیکون های متفاوتی را به لینک هایی که به یک فایل pdf یا یک فایل word اشاره می کنند انتساب دهید و کاربر قبل از این که کلیک کند، می داند که مقصد این لینک، فایل pdf است یا تصویر است یا ...

a[href$='.doc'] {
  padding: 0 20px 0 0;
  background: transparent url(/graphics/icons/doc.gif) no-repeat center right;
}
١٧ - نشانگر pointer در CSS

با استفاده از خاصیت cursor می توانید شکل اشاره گر موس را تغییر دهید. مقدار cursor: pointer سبب می شود که اشاره گر موس شبیه دست (مانند لینک ها) بشود.

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

input[type=submit], label, select, .pointer {
  cursor: pointer;
}
١٨ - با حروف درشت نوشتن متن

برای این که کلیه ی حروف یک متن با استفاده از حروف بزرگ نمایش داده شود، می توانید از دستور text-transform استفاده کنید. این دستور معمولا برای نمایش دادن عنوان صفحات مفید است.

text-transform: capitalize;
١٩ - حروف درشت کوچک

با استفاده از دستور زیر، می توانید کلیه ی حروف متن مورد نظر را با استفاده از حروف بزرگ (capital) بنویسید اما سایز حروف هر کلمه نسبت به حرف اول آن کلمه کوچک تر خواهد بود (small caps)

font-variant: small-caps;
٢٠ - پررنگ کردن فیلد های ورودی متنی

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

input[type=text]:focus, input[type=password]:focus {
  border:2px solid #000;
}
٢١ - حذف حاشیه ی تصویر لینک شده

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

a img {
  border: none;
}
٢٢ - مرتب سازی فرم ها بدون استفاده از جدول

Tableless form

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

برای این منظور از تگ <label> استفاده می کنیم. با استفاده از تگ label می توانیم مطمئن شویم که دسترسی پذیری فرم بیشتر خواهد شد. در زیر یک نمونه کد HTML و CSS مربوطه برای ایجاد یک فرم بدون استفاده از جدول آمده است و می توانید از آن به عنوان الگو برای طراحی فرم هایتان استفاده کنید:

کد HTML

</pre>
<form action="#" method="post"><label for="username">Username</label>
 <input id="username" type="text" name="username" />

<label for="password">Username</label>
 <input id="password" type="password" name="pass" />

<input type="submit" value="Submit" /></form>
<pre>

کد CSS

p label{
  width: 100px;
  float: left;
  margin-right: 10px;
  text-align: right;
}

به خاصیت for در تگ label توجه کنید. for در واقع id ی عنصری است که این label برای آن تهیه شده است. label ها برچسب هایی هستند که برای کادر های متنی و ... در صفحه قرار می گیرند. باید با خاصیت for مشخص کنیم که این label برای کدام عنصر می باشد.

٢٣ - انتخاب یک سایز پایه‌ی مناسب برای صفحه

تنظیم سایز فونت به طور مناسب به ۶۲٫۵% در تگ <body> باعث می شود که ۱em به لحاظ سایز معادل ۱۰px باشد. این کار به شما اجازه می دهد که به سادگی و آسانی از واحد em استفاده کنید و بدانید که معادل آن به پیکسل چقدر است.

٢۴ - پر رنگ کردن تگ های acronym و abbr

تگ acronym برای نوشتن علامات اختصاری سرنام کلمات مفید است و تگ abbr برای نوشتن کلمات اختصاری می باشد.

تگ های acronym و abbr اطلاعات مفیدی را برای کاربران، مرورگرها و موتور های جستجو فراهم می کنند. اما بیشتر مرورگرها، به جز فایرفاکس، این تگ ها را به طور متفاوتی نمایش نمی دهند.

در زیر ترفند CSS برای highlight کردن تگ های acronym و abbr آمده است.

acronym, abbr{
  border-bottom: 1px dotted #333;
  cursor: help;
}  
٢۵ - بازنشانی CSS توسط Eric Meyer

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

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
 
body {
  line-height: 1;
}
 
ol, ul {
  list-style: none;
}
 
blockquote, q {
  quotes: none;
}
 
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}
 
/**
 * remember to define focus styles!
 */
:focus {
  outline: 0;
}
 
/**
 * remember to highlight inserts somehow!
 */
ins {
  text-decoration: none;
}
del {
  text-decoration: line-through;
}
 
/**
 * tables still need 'cellspacing="0"' in the markup
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

منابع :

http://webdeveloperplus.com/css/25-incredibly-useful-css-tricks-you-should-know/

webdeveloperplus

کیبورد استاندارد فارسی Persian Standard Keyboard

 

دانلود کیبورد استاندارد فارسی (اصلاح مشکل کیبرد فارسی در ویندوز XP و ویستا و ۷ ویرایش ۳۲ بیتی و ۶۴ بیتی)

کیبورد استاندارد فارسی Persian Standard Keyboard

کیبورد استاندارد فارسی Persian Standard Keyboard

می دانید که از ابتدای اضافه شدن کیبورد فارسی در محصولات مایکروسافت که در ویندوز ۲۰۰۰ بود این کیبورد با کیبورد استاندارد فارسی در ویندوزهایی که با استفاده از فارسی سازها فارسی شدند متفاوت بود. این اختلاف حتی در ویندوز ویستا و ۷ نیز به چشم می خورد.
این کیبورد مشکلاتی دارد.

از جمله اینکه:
۱- جای حروف “ژ” و “پ” نادرست است.
۲- فاصله مجازی وجود ندارد.
۳- حرف “ی” در هنگام استفاده از فونتهای فارسی به صورت جدا نوشته می شود.
۴- روی حرف “ک” یک همزه قرار می گیرد.
و …

  1. صفحه کلید، فاقد فاصلۀ مجازی (ZERO WIDTH NON-JOINER U+200C) بود. برای همین کلماتی که در زبان فارسی بصورت جدا نوشته می‌شوند را ناگزیر یا باید سرهم تایپ می‌کردیم، یا با فاصله: کلمۀ «نمی‌شود» تبدیل می‌شد به «نمیشود» یا «نمی شود». یعنی یا شکل استاندارد خود را ازدست می‌داد یا تبدیل به دو کلمۀ جدا از هم می‌شد.
  2. محل قرارگیری بعضی حروف اشتباه بود. مخصوصاً حرف “پ” که روی کلید “” قرار داشت و بجای آن علامت “÷” گنجانده شده بود. از طرف دیگر، حرف “ژ” همخانۀ حرف “ز” شده بود و برای تایپ آن مجبور بودیم از ترکیب کلید shift+C استفاده کنیم.
  3. کاربران با صفحه کلیدی مواجه بودند که اعراب‌ها و علائم نظم مشخصی در آن نداشتند و دو نوع حرف “ی” در آن خودنمایی می‌کرد؛ “ی” فارسی (ARABIC LETTER FARSI YEH U+06CC) و “ی” عربی با دو نقطه در زیر (ARABIC LETTER YEH U+064A) که به‌اشتباه بعنوان “ی” اصلی روی صفحه کلید قرار گرفت. همین اتفاق برای حرف کاف افتاد و کاف عربی “ک” جای کاف فارسی “ک” را گرفت.

اشکالاتی هم در فونت‌های ویندوز قرار داشت که منجر به استفاده از حروف عربی بجای حروف فارسی در ویندوز می‌شد. مهمترین آن عدم اتصال حرف “ی” فارسی به حرف بعد از خود بود. مثلاً کلمۀ دیدار به‌شکل دی‌دار نمایش داده می‌شد. مایکروسافت این مشکل را در سرویس پک ۲ ویندوز XP برطرف کرد اما متأسفانه نوش‌دارویی شد بعد از مرگ سهراب. چون بسیاری از سیستم‌ها با حرف “ی” عربی خو گرفتند.

در صفحه‌کلید اصلاح شده، ایرادات فوق برطرف گردید:

  1. ترکیب کلیدهای Shift+Space برای ایجاد فاصلۀ مجازی درنظر گفته شد.
  2. حرف “پ” در محل اصلی خود، یعنی گوشۀ سمت چپ صفحه کلید روی کلید “`” تعبیه شد. حرف “ژ” نیز در محل اصلی خود، یعنی کنار کلید Enter روی کلید “” قرار گرفت.
  3. برای تایپ حرف “ی” فارسی، دیگر لازم نیست از Shift+X استفاده شود و از این به بعد، کلمۀ «فارسی» را به‌شکل «فارسی» نخواهید دید.

دیگر امکانات این کیبورد:

  • حضور اعداد فارسی در صفحه کلید: با روشن کردن کلید Caps Lock، می‌توانید اعداد ۰۱۲۳۴۵۶۷۸۹ را مستقیماً با استفاده از ردیف عددی بالای صفحه کلید تایپ کنید. این اعداد در استاندارد یونیکد تعریف شده‌اند ولی در کیبورد فارسی مایکروسافت دیده نشده‌اند.
  • حرف “ۀ” (ه با ی کوچک در بالا، ARABIC LETTER HEH WITH YEH ABOVE U+06C0) نیز در دسترس است. کافیست هنگام تایپ حرف “ه“، کلید Shift را نیز پایین نگه‌دارید. از این پس به راحتی می‌توانید عبارت «خانۀ ما» را تایپ نمایید. اشتباه نکنید! این علامت، همزه نیست؛ بلکه “ی” کوچک است و ربطی به همزۀ عربی ندارد، زیرا همزه، “ع” کوچک است.
  • علائم و اعراب‌ها: اعراب‌ها نظم بهتری پیدا کردند و علائمی مانند گیومه و جداکنندۀ تاریخ، جداکنندۀ هزاره و … نیز به این صفحه کلید افزوده شدند. حالا دیگر برای تایپ شکل عددی تاریخ۵ مرداد ۱۳۹۰، آنرا به شکل ۵/۵/۱۳۹۰ تایپ نخواهید کرد و با استفاده از کلیدهای Shift+6 آنرا به‌شکل اصلی تاریخ فارسی، یعنی ۱۳۹۰؍۵؍۵ تایپ خواهید کرد. اعراب‌ها نیز کامل‌تر شده‌اند و تنوین‌ها، تشدید، ساکن، الف مغصوره و … نیز در دسترس هستند.

دو کیبورد در این پک قرار داده شده است. یکی در فولدر Farsi و دیگری در فولدر Arabic. مشکلات جابجایی “پ” و “ژ” و همچنین فاصله مجازی در هر دو اصلاح شده است. اما یکی دارای “ی” و “ک” فارسی و دیگری دارای “ی” و “ک” عربی است. در زیر “ی” عربی دو نقطه وجود دارد و روی “ک” عربی یک همزه قرار دارد.
از کیبورد Farsi برای جستجو در اینترنت و سایتهای مختلف با “ی” و “ک” فارسی و از Arabic برای تایپ با فونتهای فارسی با “ی” و “ک” عربی استفاده کنید.
برای تایپ در Word باید از “ی” عربی استفاده کنید که در صورت استفاده از فونت فارسی به صورت چسبان درج شود. برای بهره گیری از امکان غلط یابی فارسی بسته فارسی ساز آفیس مایکروسافت نیز باید از کیبورد فارسی با “ی” و “ک” فارسی استفاده کنید و بعد از اتمام کار می توانید آن را با “ی” عربی جایگزین کنید تا بتوانید از فونت فارسی استفاده کنید و “ی” چسبان شود.

بعد از نصب هر کیبورد، به صورت خودکار به کیبوردهای زبان فارسی اضافه می شود. می توانید کیبورد پیشفرض ویندوز را هم حذف کنید.

نکات:
۱- این کیبوردها علاوه بر ویندوز XP با ویندوز ویستا و سون سازگاری کامل دارد.
۲- این کیبوردها علاوه بر نسخه ۳۲ بیتی در نسخه ۶۴ بیتی ویندوز های XP و Vista و ۷ نیز بدون مشکل نصب می شود.
۳- در ویندوز ویستا و سون فایلها را به صورت Run As Administrator اجرا کنید.

← ادامه نوشته

اضافه کردن متن به CSS با خاصیت Content

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

قبل از این آموزش باید با سلکتورafter و before آشنا بشید و بدونید که این خاصیت فقط در IE8 به بعد به درستی نمایش داده میشه و باید از

<!DOCTYPE html>

قبل از تگ html استفاده کنید.

همونطوری که از معنی این لغات مشخصه این دو خاصیت برای انتخاب قبل و بعد از عنصر یا شیئی ای به کار میره مثال:

سلکتور قبل از پاراگراف :

p:before { }

سلکتور بعد از پاراگراف :

p:after { }

حالا نوبت به قرار دادن متن میشه که با خاصیت content انجام میشه و متن مورد نظر خودتون و یا کد Hex کاراکترهای html مقدار دهی میکنیم.

با دو مثال این آموزشو تموم میکنیم.

۱- اضافه کردن متن با کد Hex :

p:after {content: "2665";}

2- اضافه کردن متن دلخواه :

p:after {content:"این متن نمونه است";}

جدول کد های Hex کاراکتر های html

دانلود آهنگ نو بهار مجید اخشابی به همراه متن شعر

آهنگ نو بهار مجید اخشابی

دانلود آهنگ جدید مجید اخشابی - نو بهار

دانلود آهنگ جدید مجید اخشابی – نو بهار

آهنگ جدید و بسیار زیبای مجید اخشابی با نام نو بهار

متن آهنگ نو بهار مجید اخشابی:

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

← ادامه نوشته

دانلود آهنگ جشن پرندگان مجید اخشابی به همراه متن شعر

دانلود آهنگ جشن پرندگان مجید اخشابی

دانلود آهنگ جشن پرندگان مجید اخشابی

جشن پرندگان مجید اخشابی

دانلود آهنگ نوروزی جشن پرندگان از مجید اخشابی

آهنگ: جشن پرنده
خواننده: مجید اخشابی
آهنگساز و تنظیم کننده: مجید اخشابی
شاعر: حامد حسین خانی
مدت: ۰۲:۴۵

متن ترانه:

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

← ادامه نوشته

آموزش پیدا کردن زمان نصب ویندوز

ممکن است گاهی اوقات این سوال را از خودتان بپرسید. شاید فقط کنجکاو شده باشید و یا به دلیل کاری هرچندماه یک بار این کار را انجام می‌دهید و یا بخواهید بدانید ویندوزتان تا چند ماه (یا سال) پایدار بوده است. به هر دلیلی که باشد امروز روش ساده‌ای نشان خواهیم داد که با دقت باورنکردنی این سوال را جواب خواهد داد.

CMD را باز کنید.

درون Command Prompt عبارت زیر را تایپ یا کپی و پیست کنید:

systeminfo | find “Original Install Date”

چند ثانیه صبر کنید تا اطلاعات برگردانده شود.

ویندوز سیستم خود را کی نصب کرده اید؟

ویندوز سیستم خود را کی نصب کرده اید؟

این روش برای تمامی نسخه های ویندوز از XP تا ویندوز ۸ کاربرد دارد و نتیجه کاملا درستی را نمایش خواهد داد.

منبع

۱st Clock 3.0 ساعتی قدرتمند و در عین حال کوچک

1st Clock 3.0 ساعتی قدرتمند و در عین حال کوچک

توضیحات برنامه : یک ساعت اتمی قدرتمند و انعطاف پذیر علاوه بر اینکه میتونه ساعتهای در شکل و شمایل های گوناگون بر روی systray ویندوز شما بیاره , قابلیت های مهم دیگری مانند اتمی بودن و توانای اتصال به ساعت اتمی اینترنتی خود برای رساندن اشتباه اعت سیستم شما به حد اقل و همچنین توانایی تنظیم شدن برای Alarm وآگاه کردن شما را سر وقت داراست. بله ۱st Clock قادر است با ظاهر کردن پیامی که شما تعیین کردید در سر ساعتی که شما معین کرده اید آهنگی را که شما تعیین را به صدا در بیاورد ! آهنگ هایی با فرمتهای MP3 , Wav , MIDI و فرمت CD صوتی ! توانایی نشان دادن تقویم نیز از ویژگی های خوب این نرم افزار است . ویژگی بسیار جالب و مفید دیگر ۱st Clock در چک کردن ساعت نقاط مختلف دنیاست . بلی این نرم افزار با استفاده از فاصله ی زمانی , ساعت تمامی نقاط مختلف دنیا را به شما نشان می دهد ! علاوه بر نمایش ساعت در systray ویندوز توانایی نمایش کارکرد CPU و Ram را نیز دارد .

1st Clock displaying date, time and performance meters in Windows XP taskbar clock 1st Clock displaying date and time and PC load indicators in Windows Vista taskbar clock 1st Clock displaying today's time and day on custom background in Windows XP taskbar clock 1st Clock 3.0 ساعتی قدرتمند و در عین حال کوچک

← ادامه نوشته