آموزش سی اس اس – جلسه سوم

اسفند ۱۰م, ۱۳۸۸

ویژگی : width
خوب به خوبی میشه فهمید که نوشته شده عرض , با دادن این ویژگی به یک کلاس(class) یا ایدی (id) میشه عرضش رو تعیین کرد .

نمونه :

.test {
width:500;
}

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

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

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

اولین نکته ای که باید رعایت کنید این است که هر چیزی که اینجا اموزش داده میشه کپی پیست نکنید سعی کنید بنوسید چون باعث میشه به خاطر بمونه .

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

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

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

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

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

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

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

۲۸ تاپیوگرافی عالی

بهمن ۱۶م, ۱۳۸۸

تاپیوگرافی های عالی پیدا کردم حتما ببینید ! البته اگر خواستید طرح های دیگر گرافیست های تاپیوگرافی ها اون رو ببینید روی اسم عکس کلیک کنید و اگر خواستید سایز بزرگتر رو ببینید کافیست رو اون کلیک کنید.

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

سی لوگوی سرد و گرم

بهمن ۸م, ۱۳۸۸

در مقابل هر چیزی چیز دیگری هست در مقابل آتش , آب هست این لوگو ها هم در این رابطه هست سرد و گرم رو باهم بچشید در این هوای صاف و سرد !

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

والپیپر های آواتار

بهمن ۷م, ۱۳۸۸

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

۱٫

Resolution: 1600×۱۲۰۰

High-quality-avatar-movie-desktop-background-wallpapers

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

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

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

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

کارت بیزینس

دی ۲۹م, ۱۳۸۸

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

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

بعضی ها به قهوه اعتیاد دارن بعضی ها دوست دارن دقیق مثل کسایی هستن که به اینترنت اعتیاد دارند وبعضی ها فقط دوستش دارن

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

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

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

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

شاید شما می خواید تبلیغات گوشه سایتتون هر بار جاش تغییر کنه

می تونی از کد php زیر استفاده کنید :

<php
      $totalImages = 6;

      $all = range(1,$totalImages);
      shuffle($all);

      foreach ($all as $single) {
          echo "<img src='images/$single.png' alt='ad' /> ";
      }
?>

باید با متغییر زیر تعداد تصاویرتون رو مشخص کنید

totalImages

در دسترو echo هم توجه کنید که فولدر عکس ها خودتون تایین کنید اما حواستون باشه متغییر $single رو از آدرس حذف نکنید


images/$single.png

نکته : تصاویر تون باید نام عددی داشته باشد و بیشتر از تعداد عکس هایی که مشخص کردید نباشد

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