سبد خرید (0)

تبلیغات

آموزش foundation-لیست ها

لیست ها  در فریم ورک foundation

در HTML یک لیست نامنظم(<ul>) چیزی شبیه زیر است:

<ul>
  <li>List item</li>
  <li>List item</li>
  <li>List item</li>
  <li>List item</li>
</ul>

نتیجه:

دایره 

به وسیله ی فریم ورک foundation شما می توانید آیتم های لیست را با استفاده از کلاس circle. با دایره ها نشانه گذاری کنید:

<ul class="circle">
  <li>List item</li>
  ...
</ul>

نتیجه:

خودتان امتحان کنید »

مربع

با استفاده از کلاس square. شما می توانید آیتم های لیست را با مربع ها نشانه گذاری کنید:

<ul class="square">
  <li>List item</li>
  ...
</ul>

نتیجه:

خودتان امتحان کنید »

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

اگر که نمی خواهید آیتم های لیست، نشانه گذاری شوند، از کلاس no-bullet. استفاده کنید: 

<ul class="no-bullet">
  <li>List item</li>
  ...
</ul>

نتیجه:

خودتان امتحان کنید »

لیست منوها

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

در HTML اغلب یک منو در یک لیست نامنظم(<ul>) تعریف می شود و سپس استایل دهی می شود، مانند زیر:

<ul>
  <li><a href="#">Home</a></li>
  <li><a href="#">Menu 1</a></li>
  <li><a href="#">Menu 2</a></li>
  <li><a href="#">Menu 3</a></li>
</ul>

نتیجه:

اگر می خواهید که از لیست بالا، یک منوی افقی ایجاد کنید، کافی است که کلاس list-inline. را به عنصر <ul> اضافه کنید: 

<ul class="inline-list">

نتیجه:

خودتان امتحان کنید »

و یا اینکه می توانید منوی بالا را به وسیله ی تب های فریم ورک foundation نمایش دهید. 

تمامی محصولات و خدمات این وبسایت، حسب مورد دارای مجوزهای لازم از مراجع مربوطه می‌باشند و فعالیت‌های این سایت تابع قوانین و مقررات جمهوری اسلامی ایران است.
logo-samandehi مجوز نشر دیجیتال از وزرات فرهنگ و ارشاد اسلامی پرداخت آنلاین -  بانک ملت پرداخت آنلاین - بانک پارسیان پرداخت آنلاین - بانک اقتصاد نوین پرداخت آنلاین - بانک سامان
 
دوره های آموزشی راه اندازی کسب و کارهای اینترنتی
تبلیغات اینترنتی