عوض کردن فونت ها در اوبونتو کارمیک کوالا

برای عوض کردن فونت ها در اوبونتو کارمیک کوالا شما باید اول فونت هاتون رو نصب کنبد . اگر فونت ها truetype بودن (با پسوند ttf) فقط کافیه اونها رو توی یک پوشه کپی کنید اما چون اون پوشه برای کاربر root هست شما اجازه کپی کردن اون رو ندارید .

توی اوبونتو شما نمی تونید به پوشه های یورزهای دیگه دسترسی داشته باشید اما ابزاری در اوبونتو هست که میشه باهاش به کاربر root یا همون admin سیستم وارد شد البته با دادن پسورد.

برای باز کردن این برنامه که اسمش nautilus هست شما باید وارد terminal شید.حالا ترمینال چیه ؟ترمینال مثه Dos تو ویندوز هست البته با قدرت فوق العاده بیشتر . نمیدونم تا حالا با Dos کار کردید یا نه اما بهتون قول میدم قدرت terminal خیلی بیشتره .

شما برای دسترسی به terminal دو راه دارید :

Application → Accessories → Terminal

یا اینکه Alt + F2 رو بزنید تو فرم Run Application تیک Run in terminal رو بزنید و دستور رو وارد کنید .

حالا به هر طریقی که خواستید کد زیر رو وارد کنید

gksu nautilus

خب حالا پسورد کاربر root رو وارد کنید می بینید که یه file explore برای شما باز شد.

حالا به پوشه زیر برید

Home → usr → local → share → fonts

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

خب تا اینجا فونت هاتون نصب شد. برای عوض کردن فونت ها به آدرس زیر برید :

System → Preferences → Appearance

به تب Fonts برید و اونجا هر کاری که خواستید بکنید.

برنامه ویراشگر متن (Editor)

به نام او که هر چه علم است از اوست

با سلام به همه دوستان

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

دانلود و توضیحات برنامه در ادامه مطلب هست .

آموزش HTML قسمت چهارم

به نام او که هر چه علم است از اوست

با سلام به همه دوستان

امروز بحث عکس ها رو براتون توضیح میدم.عکس ها فقط یک تگ به صورت <img src="">  دارند که در  src مسیر عکستون به همراه فرمت عکستون رو می ذارید.مثلا:

<img src="">

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

<img src=""  alt="">

بعضی وقت ها شما می خواید بدون شلوغ شدن صفحتون یه سری توضیحات در مورد عکس به کاربر بدید مثلا وقتی موس رو برد روی عکس به صورت tooltip متنی بهش نمایش داده بشه واسه این کار از title استفاده می کنید که به صورت زیر هست :

<img src=""  alt=" " title="">

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

<img src=" "  alt="" title=" " width="px" height="px" >

چون عکس بر اساس پیکسل هست توی اندازه ها اول اندازه زو بذارید بعد هم px مثلا :100 px

نکته ای که مهم هست اینه که حواستون باشه به نسبت درستی اندازه ها رو تغییر بدید واسه این کار طول واقعی عکس رو تقسیم بر طول مورد نظرتون تقسیم کنید بعد عدد بدست اومده رو ضرب در ارتفاع کنید. به صورت فرمول زیر که خیلی تو ریاضیات خوندیم :

طول واقعی عکس / طول دلخواه = ارتفاع واقعی عکس /x

حالا از فرمول بالا x رو پیدا کنید

حالا برای اینکه یه عکس به عنوان لینک باشه 2 تا تگ رو باید باهم بنویسیم.تگ هایپرلینک و عکس به صورت زیر :

<a href=""> <img src=""  alt="" title="" width="px" height="px"> </a>

ادامه دارد...

نمونه کد برای HTML

به نام او که هر چه علم است از اوست

سلام به تمام دوستان خوبم

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

فایل ها رو در 2 جا اپلود کردم. اگر از 4shared دانلود کردید توی درایو C بریزید.اگه به صورت تک تک دانلود کردید تو درایو C یه فولدر به اسم samplehtml بسازید و فایل ها رو اون تو کپی کنید.یا اینکه می تونید یه کم کد هایی که مربوط به عکسها هستند رو تغییر بدید که بهتر متوجه بشید چی به چی هست.

دانلود از www.picofile.com   به صورت فایل های تکی :

عکس اول

عکس دوم

تکست کدها

دانلود از 4shared :

لینک دانلود

آموزش HTML قسمت سوم

به نام او که هر چه علم است از اوست

با سلام به همه دوستان

در این قسمت بیشتر تگ های HTML رو مرور می کنیم.

Head یا تیتر : شامل 6 کد هست که هر کدوم اندازه متن داخلشون رو نشون میده.

<h1></h1>

<h2></h2>

<h3></h3>

<h4></h4>

<h5></h5>

<h6></h6>

Breakline یا خط بعد : بعد از این تگ ادامه متن به خط بعد میره.هر کدوم از 2 تگ زیر رو می تونید استفاده کنید .

</br>یا  <br>

Horizontalrule یا خط افقی : این تگ که فقط یک تگ شروع داره خط افقی رو می ندازه.

<hr>

Paragraph یا پاراگراف : این تگ که پایان و شروع داره یک پاراگراف رو برای ما ایجاد می کنه و بعد از تگ پایان به خط بعد میره.

<p></p>

Bold یا توپر : هر متنی که بین این 2 تگ باشه به صورت توپر نشون داده میشه.

<b></b>

Italic یا کج : هر متنی که بین این 2 تگ باشه به صورت کج نشون داده میشه.

<i></i>

Blink یا چشمک زن : هر متنی که بین این 2 تگ باشه به صورت چشمک زن نشون داده میشه.

<blink></blink>

Under line یا زیر خط: هر متنی که بین این 2 تگ باشه به صورت زیر خط دار نشون داده میشه.

<u></u>

Strike یا خط دار : هر متنی که بین این 2 تگ باشه روی متن خط نشون داده میشه.

<strike></strike>

Hyperlink یا همون لینک کردن خودمون : این تک از چند قسمت تشکیل شده.

<a href="http://www.hamidonline.blogsky.com" title="وبلاگ فناوری اطلاعات و برنامه نویسی" > click me</a>

در قسمت href آدرس مورد نظرتون رو می نویسید. متنی که در قسمت title می نویسید به عنوان tool tip وقتی موس روی اون قرار می گیره نشون داده میشه. و در بین 2 تگ هم در مرورگر نشون داده میشه و زیر یک خط میاد .

ادامه دارد....