1. مهمان گرامی، جهت ارسال پست، دانلود و سایر امکانات ویژه کاربران عضو، ثبت نام کنید.
    بستن اطلاعیه

بولت (bullet) های سفارشی

شروع موضوع توسط MiTra ‏15/12/10 در انجمن CSS

  1. پیشکسوت انجمن کاربر ارزشمند❤

    تاریخ عضویت:
    ‏11/11/10
    ارسال ها:
    11,734
    تشکر شده:
    3,539
    امتیاز دستاورد:
    113
    Bullet ,ها برای نشان دادن لیستها در صفحات وب بکار میروند . ,Bullet ,ها فقط به اشکال دایره، مربع محدود نمیشوند و میتوان توسط ,CSS ,از هر شکلی بعنوان ,Bullet ,استفاده نمود .
    برای شروع توسط تگ ,ul(Unorderd List) باید لیست خود را تهیه کنیم :

      • >
    1. >List item one</li>
    2. >List item two</li>
    3. >List item three</li>
    4. </ul>
    اکنون کافیست که در فایل ,CSS ,این چند خط را اضافه کنیم :

    1. <style type=“text/css”>
    2. li.newbullet ,{
    3. list-style-image:url(arrow.gif)
    4. }
    5. </style>
    هم اکنون کافیست که ,Bullet ,هارا به متن مورد نظرمان نسبت دهیم :

      • >
    1. <li class="">=“newbullet”>List item one</li>
    2. >List item two</li>
    3. <li class="">=“newbullet”>List item three</li>
    4. </ul>
    البته باید دقت کنید که قبلا بولت دلخواه هود را رسم کرده باشد ،در این مثال نام بولت ماarrow.gif , میباشد و در روت اصلی سات قرار گرفته است . به همین سادگی و میتوانید نتیجه کار را اینجا مشاهده نمایید .
    [​IMG]
    همچنین برای مشاهده سورس کامل برنامه در همان صفحه Demo سورس برنامه را ببینید .