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

امروز گوگل سرویس جدیدی به گوگل ریدر اضافه کرد به اسم Play .

اگر قبلا از گودر استفاده می کردید می دونید که زمانی که ادرس http://www.google.com/reader رو میزنید به ادرس http://www.google.com/reader/view/ میرود اما سرویس play شما رو به ادرس http://www.google.com/reader/play می برد

شما برای این که بتونید از این سرویس استفاده کنید باید روی هر فید کلیک کنید و روی گزینه view in reader play کلیک کنید تا نشون داده بشه . و این یک عیب هست و اگر اون فید رو بخونید و پست نخونده ای تو اون فید نباشه دیگه نمی تونید اون رو تو play  ببنید و باید صبر کنید تا پست جدید بده . البته می تونید پست های لایک زده و یا اشتراکی رو که خوندید رو مرور کنید . در کل حس خوبی به شما مثل خود گودر میده

شمااگر دیگه خیلی خسته باشی می تونی بزنی روی اسلاید و یک موزیک گوش کنید و از دنیا تکنولوژی و هرچیزی که دوست دارید لذت برید و اگر خواستید فیدی رو بخونید .

و اگر اون منوی زیر فک می کنید مزاحم هست می تونید جمعش کنید .

پس لذت زندگی رو ببرید .

blog هم اکنون ۱۰ نفر دنبلا ما می کنند شما هم دنبال کنید !

نمونه :

.test {
width:500;
}

خب با دادن کلاس , test به یک تگ مشخص میکنه که عرض تگ ما ۵۰۰ پیکسل هست و اگر نشوته و یا … باشد بقیه رو در خط بعدی نشان می دهد .

ویژگی : height
این ویژگی هم مثل ویژگی بالا هست با این تفاوت که اینبار شما ارتفاع تگ رو مشخص می کنید .
خودتون این ویزگی ها رو امتحان کنید هر بار با واحد های مختلف .

نکته : ما واحد هایی رو برای اندازه گیری داریم در سی اس اس هم همین موضوع صدق میکنه شما می تونید واحد ویژگی خودتون رو انتخاب کنید در پایین واحد هایی رو میگیم
px
pt
in
cm
mm
pc
em
ex
%
که بیشتر از px استفاده می کنند .

blog هم اکنون ۱۰ نفر دنبلا ما می کنند شما هم دنبال کنید !

در سی اس اس از ایدی(علامت ای دی : # ) و کلاس(علامت کلاس : . )  و در بعضی مواقع مستقیم از تگ می توان استفاده کرد .
توجه : از یک ایدی فقط می تونید یک بار در صحفه استفاده کنید

یک دستور سی اس اس از سه قسمت تشکیل شده :

کد:

selctor {property:value; }

مثلا برای استفاده مستقیم از تگ:

body {color : black ; }

چه اتفاقی بالا افتاد ؟ :
body یک تگ اصلی در html هست که تمام محتمای اصلی که در صفحه مرورگر نمایش داده می شود . زمانی که نوشته می شود به این منظور هست که تگ body این خصوصیات رو داشته باشه
{ نشان می دهد که دستور ما از این جا شروع می شود .
color نشان می دهد که ما رنگ نوشته ها رو تغییر می دهیم .
: بعد از : ما باید مقدار رو وارد کنیم در این جا می تونیم از کد رنگ یا اسم رنگ استفاده کنیم .
; اگر خواستیم دستور دیگری بدهیم ار ; استفاده می کنیم اما اگر فقط یک دستور بود لازم نیست اما شما همیشه بزارید
} دستور ما تموم شد

مثال برای ایدی :

#test {color :black }

مثال برای کلاس:

.test {color :black }

blog هم اکنون ۱۰ نفر دنبلا ما می کنند شما هم دنبال کنید !

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

برای اینکه بتونید از کد های  css استفاده کنید باید کمی هم html بدانید

می تونید برای نوشتن دستورات css می تونید از Notepad استفاده کنید

اما من پیشنهاد می کنم از Notepad++ استفاده کنید چون درک کد ها آسان تر هست و میشه کد ها رو از هم جدا کرد و بیشتر طراحان و برنامه نویسان از Notepad++ استفاده می کنند با یه سرچ می تونی از امکانات این نرم افزار قدرتمند اشنا بشید پس حتما نسخه اخر اون رو دانلود کنید

مخفف Cascading Style Sheets می باشد و زبانی است برای مشخص کردن ویژگیهای ظاهری یک وب سایت. امروزه روی این مسئله خیلی تاکید می شود که حتما برای مشخص کردن ویژگیهای ظاهری یک صفحه به جای استفاده از تگ های HTML از CSS استفاده شود. علاوه بر این CSS می تواند این امکان را به شما بدهد که برای صفحه خود در مدیاهای مختلف ویژگیهای مختلفی در نظر بگیرید. بنابراین توسط CSS شما این قدرت را خواهید داشت که ظاهر وب سایت خود را هر گونه که بخواهید تغییر دهید، همیشه سعی کنید از CSS استفاده کنید.

۳ راه برای ایجاد CSS وجود دارد :

• به صورت Inline با HTML : در این روش شما کد CSS را درون تگ HTML قرار می دهید. این راه مناسب وقتی است که بخواهیم یک Style را برای یک بار به یک تگ اعمال کنیم. برای مثال :

  <p style="color:blue;">This is Paragraph</p>

• CSS درون صفحه : روش بهتر قرار دادن کدهای CSS به صورت یکجا درون صفحه است. این روش وقتی مناسب است که بخواهیم چندین Style را به اجزای مختلف اعمال کنیم .
• CSS به صورت جدا : بهترین روش برای اعمال CSS است. ما Style ها را در یک سند جدا درست می کنیم و آنرا به صفحه مورد نظر لینک می کنیم. این روش مزیت های زیادی دارد :
  1. حجم فایل بسیار کاهش می یابد چون فقط یکبار نوشته می شود.
  2. مصرف پهنای باند کاهش می یابد چون فقط یکبار بار گذاری می شود.
  3. به راحتی قابل به روز رسانی است.
  4. طراحی Style و قرار دادن مطالب سایت از هم جدا می شوند.

blog هم اکنون ۱۰ نفر دنبلا ما می کنند شما هم دنبال کنید !

Burdened Barrack Obama | Dylanroscover

Self Portrait | Saluum

Mother Teresa | Dencii

Mahatma Gandhi | Dencii

John Lennon | Dencii

Martin Luther King, Jr | Dencii

Self Portrait | Stacy Benson

Self Portrait | Stacey Grove

Screaming | Goblina

Self Portrait | Vic198x

Self Portrait | Le0arts

Mos Def a.k.a Dante Terrell Smith-Bey | DilsJ

Lady Gaga | Skye Shettle

Scott Weiland | Steve Butabi

Erik Spiekermann | Steve Butabi

Nelly Furtado | Steve Butabi

Trent Reznor of Nine Inch Nails | Maxdoming

Bono of U2 | CaliburlessSoul

Self Portrait | Laemmen

Self Portrait | Hworangi107

Self Portrait | Fostic-Popcorn

Self Portrait | EclecticPhoenix

E.B. Portrait | Akeiron

Morgan Freeman | Straye-Close

Marilyn Manson | CaliburlessSoul

Thom Yorke | tbwachiat

Lil Wayne | tbwachiat

humans | Miss–Dee

[بعد نوشت] یه مدتِ حالم خوب نیست یکی دو هفته نمیام بعد از اون با تغییرات میام »» ۸۸/۱۱/۲۰

blog هم اکنون ۱۰ نفر دنبلا ما می کنند شما هم دنبال کنید !

IT Hot News Ignite Creative Fire Spark Cajun Heat Wild Fire Persona Fire Fire Starter Flame Tweet Outs Mores Spark Events Fire Brand Fire Embrion Fuel Spot Burn

Blunote Lounge Water Drop Voda Ocean Spirit Ocean Beauty AWW Bits n Baths Future Footprints Jolli Drop Rain Cut TMA Mostly Water Lochness Aqua Hydro Pol

blog هم اکنون ۱۰ نفر دنبلا ما می کنند شما هم دنبال کنید !

۱٫

Resolution: 1600×۱۲۰۰

۲٫

Resolution: 1680 x 1050

3. 

Multiple resolutions, max:1920×۱۲۰۰

۴٫

Resolution: 1280×۱۰۲۴

۵٫

Resolution: 1920×۱۲۰۰

۶٫

Resolution: 1280X800

7.

Resolution: 1680×۱۰۵۰

۸٫

Resolution:1600×۱۲۰۰

۹٫

Resolution: 1920×۱۲۰۰

۱۰٫

Resolution: 1920×۱۲۰۰

۱۱٫ 

Resolution: 1920×۱۲۰۰

۱۲٫

۱۳٫

Resolution: 1920×۱۲۰۰

۱۴٫

Resolution: 2657×۱۹۹۳

۱۵٫

Resolution: 1280×۸۰۰

۱۶٫

Resolution: 1600×۱۲۰۰

۱۷٫

Resolution: 1280×۸۰۰

۱۸٫

Resolution: 1920×۱۲۰۰

۱۹٫

Resolution:1280×۱۰۲۴

۲۰٫

Resolution:1280×۱۰۲۴

۲۱٫

Resolution:1280×۱۰۲۴

۲۲٫

Resolution:1280×۱۰۲۴

۲۳٫

امید وارم لذت برده باشید

blog هم اکنون ۱۰ نفر دنبلا ما می کنند شما هم دنبال کنید !

افزونه های بسیاری هست که به کمک جی کوئر کار می کنند یکی از این افزونه ها tool tip هست. طراحان وب با tool tip اشنا هستم و افزونه های بسیاردر این رابطه  وجود یکی از این افزونه این هست , آموزش رو هم اکنون دارید می خونید هست

tool tip یک پنجره شناور هست که معمولا با حالت hover به نمایش در میاد . و مناسب جهت جلوگیری از بهم ریخته گی صفحه هست و یا می توان جهت نماش توضیحات بیشتر از ان استفاده کرد

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

خب اول از همه بگردین و کتاب خونه جی کوئری رو پیدا کنید (دانلود)

سپس کد زیر رو در تگ script قرار دهید و زبان جاوااسکریپت رو قرار دهید

$(document).ready(function(){

$(".rss-popup a").hover(function() {
$(this).next("em").stop(true, true).animate({opacity: "show", top: "-60"}, "slow");
}, function() {
$(this).next("em").animate({opacity: "hide", top: "-70"}, "fast");
});

خب هر جا که خواستید از این پلاگین استفاده کنید مثلا :

<div>
<a href="feed-link" id="rss-icon">RSS Feed</a>
<em>Subscribe to our RSS Feed<em>
</div>

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

.rss-popup {
margin: 100px auto;
padding: 0;
width: 100px;
position: relative;
}

div.rss-popup em {
background: url(bubble.png) no-repeat;
width: 100px;
height: 49px;
position: absolute;
top: -70px;
left: -0px;
text-align: center;
text-indent: -9999px;
z-index: 2;
display: none;
}

#rss-icon {
width: 42px;
height: 42px;
background: url(icon.png) no-repeat 0 0;
text-indent: -9999px;
margin: 0 auto;
display: block;
}

توجه : در فایل استایل ادرس عکس ها رو تغییر بدهید

پیش نمایش |دانلود کامل |jQuery

پ.ن : به دلیل مشکلی که برام پیش اومده بعدا فایل های “دانلود کامل” و لینک “پیش نمایش” رو قرار می دم

پسورد : www.titles.ir

blog هم اکنون ۱۰ نفر دنبلا ما می کنند شما هم دنبال کنید !

blog هم اکنون ۱۰ نفر دنبلا ما می کنند شما هم دنبال کنید !

شما از کدوم گروه هستین ؟

- شاید هر دو گروه باشید

حالا اگر به قهوه و اینترنت اعتیاد دارید می تونید از لوگو های زیبایی که طراحی کردن همراه با خوردن یک قهوه تلخ لذت ببرید

blog هم اکنون ۱۰ نفر دنبلا ما می کنند شما هم دنبال کنید !