PDA

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

sefid
03-09-2006, 12:46 PM
آموزش CSS از مقدماتی تا پیشرفته (http://www.htmldog.com/guides/cssbeginner/)
فکر کنم برتری این سایت به خاطر طبقه بندی بسیار خوبشه برای اونایی که میخوان همه چیزو بنیادی و از اول یاد بگیرن ... برای من که دست و پا شکسته اینارو یاد گرفته بودم خیلی مفید واقع شد :wink: فکر کنم بعد از اینکه با این خوب کار کردید این سایت هم در کنارش این سایت به عنوان یک دیکشنری یا آچار ابزار به کارتون بخوره :
http://www.blooberry.com/indexdot/css/propindex/all.htm
اینا رو تو پی تی و از لابه لای پستای علی آقو پیدا کردم :goatee:
sefid
03-09-2006, 12:54 PM
من نمیدونم چرا دو تا S اینو کوچیک تایپ میکنم http://qsmile.com/qsimages/69.gif
SherlockHolmes
03-09-2006, 02:34 PM
من یک مشکلی دارم در css دوستان!!
اونم اینه که فکر میکنم مثل آب خوردنه!!
میشه بگید من کجاهاش رو نمیدونم که اینطوری فکر میکنم؟! http://qsmile.com/qsimages/292.gif
daftarekhaterat
03-09-2006, 02:55 PM
من یک مشکلی دارم در css دوستان!!
اونم اینه که فکر میکنم مثل آب خوردنه!!
میشه بگید من کجاهاش رو نمیدونم که اینطوری فکر میکنم؟! http://qsmile.com/qsimages/292.gif
يه ازمايش ساده داره.
يه سايت اموزشي CSS به فارسي بزن.
آسونه؟
در واقع من هر وقت فكر ميكنم چيزي اسونه به اين فكر ميكنم كه ايا ميتونم اون رو به كسي ياد بدم يا نه.
sefid
03-09-2006, 03:00 PM
http://jigsaw.w3.org/css-validator/validator?uri=http://yourname.com اسم سایتتو اینجا بزن میفهمی :d !
daftarekhaterat
03-09-2006, 03:14 PM
http://jigsaw.w3.org/css-validator/validator?uri=http://yourname.com اسم سایتتو اینجا بزن میفهمی :d !
http://qsmile.com/qsimages/293.gif http://qsmile.com/qsimages/293.gif http://qsmile.com/qsimages/293.gif
SherlockHolmes
03-09-2006, 06:35 PM
مسئله یاد گرفتن با یاد دادن فرق داره!!
منظور من این بود که برای یاد گرفتن اصلا سخت نیست!!
البته دلیلشم واضحه دیگه!!چون منطق خیلی پیچیده ای نداره!!
Nendoke
03-09-2006, 06:43 PM
منطق پیچیده ایی نداره ولی خلاقیت می خواد , مثلا Ps رو هم که باز می کنی همه چیزش رو با یکم ور رفتن می تونی در بیاری , ولی یکی باهاش شاهکار می سازه ولی یکی دیگه هیچ کاری نمی تونه کنه ,

ولی همین Css هم یه چیزایی داره که من بعد 2-3 سال هنوز ندیدم و هر روز چیز جدید تر می بینم . کلا به همون مسئله خلاقیت بر می گرده .
SherlockHolmes
03-09-2006, 06:46 PM
مشکل اینجاست که من علاقه ای به درگیر شدن بهش ندارم!!
ولی متاسفانه نمیشه کاملا هم بی خیالش بود!
Ali_ix
03-09-2006, 07:20 PM
قوانین و دستورهای ساده ای داره ....
حتی استفاده کردن ازش و به کار بردن خلاقیت هم چیز سختی نیست ...

چیزی که سختش میکنه بحث compatibility هست که پیر آدمو سر سایتهای پیچیده در میاره !
شاید 50 درصد نکته ها و ترفندهای حرفه ای CSS هم در این مورد باشه ... !

کلا اگر همه سیستمهای Rendering یکجور عمل میکردن زندگی چقدر زیبا میشد ! :d
sefid
03-09-2006, 10:21 PM
ایهیم من برای هر طرح مسخره مجبورم به سه تا مرورگر چک کنم !:d شعورشون نرسیده چه کار کنند آخرشم هیچی ! همون خراب رو میگذارم :d
Shahed
03-09-2006, 10:40 PM
قوانین و دستورهای ساده ای داره ....
حتی استفاده کردن ازش و به کار بردن خلاقیت هم چیز سختی نیست ...

چیزی که سختش میکنه بحث compatibility هست که پیر آدمو سر سایتهای پیچیده در میاره !
شاید 50 درصد نکته ها و ترفندهای حرفه ای CSS هم در این مورد باشه ... !

کلا اگر همه سیستمهای Rendering یکجور عمل میکردن زندگی چقدر زیبا میشد ! :d
جمله بعدي اينه که چقدر زندگي بدون فاير فاکس زيبا ميشد !
حداقلش فقط با ie صفحمون رو درست ميکرديم !
SherlockHolmes
03-09-2006, 10:50 PM
چه خوب میشد بیزینس در کار علمی دخالت نداشت!!
sefid
03-09-2006, 11:06 PM
انرژی هسته ای حق مسلم ماست http://qsmile.com/qsimages/236.gif
Kamiar
03-10-2006, 03:19 AM
اوه شیت!
هیچ وقت خوشم نیومد از سی اس اس چون هر وقت یه چیزی درست کردم یه جاش اشکال داشته و نتونستم کاملش کنم...
SherlockHolmes
03-10-2006, 03:46 AM
اتفاقا مزیت css اینه که حتی ناقصشم کار میکنه!
من تا حالا Css Exception ندیدم!! http://www.opera.5gigs.com/smiles/mixed3/89.gif
حالا نمیدونم مشکل شما چیه؟
sefid
03-10-2006, 03:08 PM
<div style="position: absolute; z-index: 2; left: 548px; top: 126px; width: 115px" id="link">
اقا این کد اچ تی ام الی هست که برای position یک دیو نوشتم حالا اینو میخوام بیارم بکنم تو خره CSS مگه هینجوری نباید اینو :
position: absolute; z-index: 2; left: 548px; top: 126px; width: 115px
رو بگذارم تو CSS ?! البته با در نظر گرفتن مرتب کردنش ؟! من هر کاری میکنم نمیشه ! اصلا این Position ها رو باید چه جوری بدون یک ادیتور اچ تی ام ال مثل فرانت پیج لعنت شده در نظر گرفت ؟! تجربیه ؟
SherlockHolmes
03-10-2006, 03:27 PM
پرانتز هات کو؟
sefid
03-10-2006, 03:34 PM
شری جون فقط قسمت مورد نیاز رو نوشتم وگرنه این بک گراند و اینا رو هم داشت http://qsmile.com/qsimages/14.gif
SherlockHolmes
03-10-2006, 03:35 PM
اگه اشتباه نکنم اینطوری باید باشه!!
http://my.blackmice.com/imagecenter/full/2/1141992319.jpg
شرمنده توی کار اساتید دخالت میکنم!!
iMohsen
03-10-2006, 04:00 PM
<div style="position: absolute; z-index: 2; left: 548px; top: 126px; width: 115px" id="link">
اقا این کد اچ تی ام الی هست که برای position یک دیو نوشتم حالا اینو میخوام بیارم بکنم تو خره CSS مگه هینجوری نباید اینو :
position: absolute; z-index: 2; left: 548px; top: 126px; width: 115px
رو بگذارم تو CSS ?! البته با در نظر گرفتن مرتب کردنش ؟! من هر کاری میکنم نمیشه ! اصلا این Position ها رو باید چه جوری بدون یک ادیتور اچ تی ام ال مثل فرانت پیج لعنت شده در نظر گرفت ؟! تجربیه ؟

كلا اين پوزيشن ها ! اعمال نميشه ..يا كه جا به جا ميشن ...!

فكر ميكنم از درصد استفاده كني بهتر باشه ...!

در مورد CSS :
واقعا عاليه ..من واقعا راحتم باهاش ...خياي راحت و شايد بشه گفت شبيه وي بي (:d )
sefid
03-10-2006, 04:01 PM
اگه اشتباه نکنم اینطوری باید باشه!!
http://my.blackmice.com/imagecenter/full/2/1141992319.jpg
شرمنده توی کار اساتید دخالت میکنم!!
نه تو فرانت پیج فرقی نفوکوله ! هر چند 100 % شما درست گفتید ! مشکل از اونجا بود که بنده هم تو خوده <div> ستیلشو تعریف کرده بودم و هم در CSS ! و یادم رفته بود اونو پاک کنم ... و ظاهرا چون اون طرف بر کد CSS چیرست CSS نمیتونست خودشو نشون بده:cry: ! مرسی
iMohsen
03-10-2006, 04:04 PM
اگه اشتباه نکنم اینطوری باید باشه!!
http://my.blackmice.com/imagecenter/full/2/1141992319.jpg
شرمنده توی کار اساتید دخالت میکنم!!

اينجا محيط InterDev نيست ..؟ ! :goatee:

براي اديت CSS چه برنامه اي پيشنهاد ميكنيد كه مثل تاپ استيل شلوغ نباشه ...!
فعلا از نوت پد استفاده ميكنم ...! :wacko:
sefid
03-10-2006, 04:05 PM
من فقط FrontPage رو توصیه نمیکنم ولی فکر کنم DreamWear بد نباشه ! :d
iMohsen
03-10-2006, 04:06 PM
نه تو فرانت پیج فرقی نفوکوله ! هر چند 100 % شما درست گفتید ! مشکل از اونجا بود که بنده هم تو خوده <div> ستیلشو تعریف کرده بودم و هم در CSS ! و یادم رفته بود اونو پاک کنم ... و ظاهرا چون اون طرف بر کد CSS چیرست CSS نمیتونست خودشو نشون بده:cry: ! مرسی

http://qsmile.com/qsimages/292.gif

همين ! :d
SherlockHolmes
03-10-2006, 04:06 PM
باز هم شرمنده دخالت میکنم!!من یه جا اینطوری خونده بودم!
ارجهیت در css اینطوریه!
1:پراپرتی های کنترل یا تگ!
2:کدی که در فایل Html نوشته میشه!
3: Code behind
یعنی فایل css در آخرین ارجهیت قرار میگیره!!
iMohsen
03-10-2006, 04:07 PM
من فقط FrontPage رو توصیه نمیکنم ولی فکر کنم DreamWear بد نباشه ! :d

فرانت پيج ..! :wacko: http://qsmile.com/qsimages/161.gif http://qsmile.com/qsimages/65.gif

بابا همون نت پد بهتره ...! اين فرانت پيج سر خود مياد كد اضافه ميكنه ..!
SherlockHolmes
03-10-2006, 04:07 PM
این ادیتوره vs2005 هستش!! http://qsmile.com/qsimages/18.gif
iMohsen
03-10-2006, 04:12 PM
باز هم شرمنده دخالت میکنم!!من یه جا اینطوری خونده بودم!
ارجهیت در css اینطوریه!
1:پراپرتی های کنترل یا تگ!2:کدی که در فایل Html نوشته میشه!
3: Code behind
یعنی فایل css در آخرین ارجهیت قرار میگیره!!

خوب اين يعني كدوم ..!؟ يعني همون مشخصاتي كه بين دو تگ استايل تعريف ميشن در هدر ..! ؟
SherlockHolmes
03-10-2006, 04:20 PM
مشخصاتی که در خود تگ وارد میشه!!
مثلا بک گراند کالر فلان تکست باکس آبی باشه!!
بدون استفاده از css !!
sefid
03-10-2006, 04:22 PM
<div style="position: absolute; z-index: 2; left: 548px; top: 126px; width: 115px" id="link">
آره همین :d !
iMohsen
03-10-2006, 04:34 PM
<div style="position: absolute; z-index: 2; left: 548px; top: 126px; width: 115px" id="link">
آره همین :d !

چي چي آره همين ..!؟ :soot:

اين استايل رو فرانت پيج تعيين كرده ..! اون z-index چي كار ميكنه ..!؟ :wink:
sefid
03-10-2006, 04:43 PM
http://www.blooberry.com/indexdot/css/properties/position/zindex.htm تو لینک ابزارا داده بودم که :d