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

- توجه: بخش لینک سازی و بخش کاملا آزاد ایجاد شد تا کاربران برای لینک سازی مطالب و موضوعات مرتبط با سایت خودشون رو با بقیه و موتورهای جستجو به اشتراک بگذارند توجه کنید اگر کاربری روزانه بالای 5 مطلب و لینک ارسال نمایید اکانت کاربری مسدود خواهد شد.

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

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


تبلیغات
ads
  • 0 رأی - میانگین امتیازات: 0
  • 1
  • 2
  • 3
  • 4
  • 5
محتوای خود را با شمارنده های CSS سازماندهی کنید
#1
محتوای خود را با شمارنده های CSS سازماندهی کنید
آموزش طراحی سایت
 

 
[تصویر:  %D9%85%D8%AD%D8%AA%D9%88%D8%A7%DB%8C-%D8...%D8%AF.jpg]


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


خوب، اجازه بدهید به شما یک راز بگویم:


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


 CSS counter برای صرفه جویی در این قضیه کاربرد دارد. این ویژگی بسیار ناشناخته است اما به ما اجازه می دهد یک شمارش ساده از طریق CSS انجام دهیم و با هر شمارش ویژگی متمایزی برای هر دو المان مجاور ایچاد کند در ساده ارین حالت مثلا المان های زوج سفید و المان هایی با شماره فرد سیاه  باشند. بهتر است دموی زیر را ببینید: D




نسخه ی نمایشی را مشاهده کنید .  و یا فایل کد را دانلود کنید

مقالات مرتبط
[تصویر:  %DA%86%DA%AF%D9%88%D9%86%DA%AF%DB%8C-%D8...%D8%B5.jpg]
چگونگی طراحی فرم ها و اشکال در CSS
[تصویر:  %D8%AF%D8%B1-10-%D8%AF%D9%82%DB%8C%D9%82...%D8%AF.jpg]
در 10 دقیقه با فتوشاپ یک طرح تایپوگرافی زیبا ایجاد کنید
[تصویر:  %D8%A7%DB%8C%D8%AC%D8%A7%D8%AF-%D8%A8%D8...ion.js.jpg]
ایجاد بازتاب آینه ای با استفاده از CSS و Reflection.js
  پاسخ
تبلیغات
ads


موضوعات مرتبط با این موضوع...
موضوع نویسنده پاسخ بازدید آخرین ارسال
  باربری ماشین های یخچالدار کرج hamlobar 1 26 ۱۳۹۹-۱۲-۱۲، ۱۱:۱۸ ق.ظ
آخرین ارسال: maryam-faal
  درمان کیست مویی با لیزر و جراحی و مراقبت های بعد از عمل nyusha 0 9 ۱۳۹۹-۱۲-۱۱، ۱۱:۴۷ ق.ظ
آخرین ارسال: nyusha
  نکته های در سفارش چاپ بنر asachap 0 12 ۱۳۹۹-۱۲-۱۰، ۱۰:۰۱ ب.ظ
آخرین ارسال: asachap
  دستگاه های بسته بندی mohsen_sj 0 9 ۱۳۹۹-۱۲-۰۶، ۰۳:۲۶ ق.ظ
آخرین ارسال: mohsen_sj
  رزرو اینترنتی هتل های ایران در جاباما alibaba 11 587 ۱۳۹۹-۱۲-۰۵، ۱۲:۴۴ ب.ظ
آخرین ارسال: fariborzz
  رنگ مناسب برای پرده های شرکت ها چیست؟ bade 0 10 ۱۳۹۹-۱۲-۰۳، ۰۶:۵۲ ب.ظ
آخرین ارسال: bade
  تفنگ های میخکوب برند کامرکس چه کاربردهایی دارند؟ drhilti 0 15 ۱۳۹۹-۱۱-۳۰، ۰۱:۴۳ ب.ظ
آخرین ارسال: drhilti
  شرکت های غیر تجاری هم می توان ثبت کرد؟ comreg 0 18 ۱۳۹۹-۱۱-۱۹، ۰۵:۵۴ ب.ظ
آخرین ارسال: comreg
  عمل جراحی شقاق با روش‌های گوناگون و خطرات آن abed 0 15 ۱۳۹۹-۱۱-۱۹، ۱۲:۳۹ ب.ظ
آخرین ارسال: abed
  کلینیک عابدیان - مرکز درمان بیماری‌های نشیمنگاه donya72 0 19 ۱۳۹۹-۱۱-۱۲، ۰۶:۱۳ ب.ظ
آخرین ارسال: donya72

پرش به انجمن:


کاربرانِ درحال بازدید از این موضوع: 1 مهمان
تبلیغات
ads