✗ Moltafet Team ✗
سلام دوست عزیز
به انجمن ملتفت تیم خوش آمد
برای استفاده از انجمن و مشاهده لینک ها جهت دانلود باید ثبت نام کنید
ثبت نام شما کمتر از 1 دقیقه طول خواهد کشید و بعداز ثبت نام نیاز به فعالسازی از طریق ایمیل ندارید پس از ثبت نام میتونید به قسمت لاگین مراجعه کنید و با وارد کردن نام کاربری و رمز عبور وارد انجمن شوید

Hello Dear
Wellcome To Moltafet Team Forum
Find Links To The Forum, You Must Register To Download And Using Of Forum .

Mohamad~kf@nimbuzz.com
Latest topics
» افتتاح سایت جدید (Www.LightCoder.iR)
by Mohamad Karami 31/7/2015, 20:52

» bot servers
by єmρty 23/7/2015, 15:56

» 3ex Bot Room v1 Coded By Mohamad~kf@n.c
by єmρty 22/7/2015, 10:21

» hitler shekan
by єmρty 21/7/2015, 20:43

» toxic-mod.jar
by єmρty 21/7/2015, 20:37

» server bot spy 2015
by wathk 21/7/2015, 03:42

» اموزش استفاده از سورس کد
by Mohamad Karami 14/7/2015, 10:41

» BlueStacks/اجرای برنامه های اندروید در ویندوز
by Mohamad Karami 14/7/2015, 10:34

» درخواست بوت
by daniyal93018 13/7/2015, 10:10

» نیمباز فوت کرد
by Mohamad Karami 3/7/2015, 20:30

» تایپیک جامع برنامه های پولی بازار
by mohammads 3/7/2015, 20:26

» برنامه پولی بازار در رابطه با بازی کلش آف کلنز
by mohammads 3/7/2015, 19:13

» add 24*7 online server bots
by mr.minor 3/7/2015, 19:10

» .NET Framework 3.5Win8 / مشکل نت فرامورک در ویندوز۸
by Farshad.k 3/7/2015, 02:05

» انیمیشن نبرد راشل کوری 2
by Farshad.k 3/7/2015, 01:58

» ChrisTV Online Premium Edition 11.12 + Portable تلویزیون اینترنتی
by Farshad.k 3/7/2015, 01:51

» LINE Free Calls & Messages 5.2.3 مسنجر LINE برای اندروید
by Farshad.k 3/7/2015, 01:48

» LINE Desktop Free Calls & Messages 4.0.3.369 مسنجر LINE ویندوز
by Farshad.k 3/7/2015, 01:44

» Bot Server Flooder Room (Pvflood+addflood) + Advertiser (Tabligh) + Anti's
by Mohamad Karami 21/6/2015, 12:03

» bulk Mail Sender / ارسال ایمیل انبوه
by Mohamad Karami 21/6/2015, 11:40

» Moltafet PassWord List Maker / ساخت پسورد لیست
by Mohamad Karami 21/6/2015, 11:21

» best mobile server v.1.0.0 persian edition
by best-mobile-server 19/6/2015, 08:07

» Amozeshe Tasviri B4a Mobtadi By King-Team
by meyti 16/6/2015, 09:12

» King Team Splash Design In C#
by meyti 13/5/2015, 16:34

» Hibernation Kardane Androidi Ha
by meyti 17/4/2015, 16:57

» آموزش ساخت ترول
by saeid 5/4/2015, 17:33

» عید مبارک :/
by Mohamad Karami 5/4/2015, 16:36

» (C#) آموزش مقدماتی تا پیشرفته برنامه نویسی سی شارپ
by Farshad.k 1/4/2015, 05:30

» Loaris tr0jan Remover 1.3.7.0 پاکسازی ویندوز از تروجان ها
by Farshad.k 1/4/2015, 05:22

» Coolutils Total PDF Converter 5.1.59 / به سایر فرمت ها PDF مبدل فایل
by Farshad.k 1/4/2015, 05:04

Search
 
 

Display results as :
 


Rechercher Advanced Search

Keywords


آموزش HTML - ايجاد ليست هاي نامرتب با استفاده از تگ ul

View previous topic View next topic Go down

آموزش HTML - ايجاد ليست هاي نامرتب با استفاده از تگ ul

Post by ~.~punisher~.~ on 7/10/2014, 02:45

براي ايجاد ليست هايي كه ترتيب آيتم هاي آنها اهميت ندارد بايد ازتگ ul كه ابتداي عبارت Unordered List است استفاده كنيد. با استفاده از اين تگ صرفا يك ليست نامرتب ايجاد كرده ايد اما هنوز هيچ گزينه اي به آن اضافه نكرده ايد . به ازاء هر گزينه بايد از يك زوج باز و بسته تگ li كه مخفف List Item است استفاده نمود . تگ ul يك خصيصه عمده دارد و آن هم type است كه چهار مقدار متفاوت مي پذيرد :
1- Disk :‌ كه باعث مي شود يك دايره سياه تو پر در كنار هر يك از آيتم ها ظاهر شود . اين گزينه مقدار پيش فرض است .
2 - Circle :‌ كه باعث مي شود يك دايره تو خالي در كنار هر يك از آيتم ها ظاهر شود .
3 - Square :‌ كه باعث مي شود يك مربع سياه تو پر در كنار هر يك از آيتم ها ظاهر شود .
4 - none : كه باعث مي شود هيچ علامتي در كنار گزينه ها قرار نگيرد .
Code:
<p style="font-family : tahoma ; color:blue ; Background-Color : yellow" >
<ul type="square" > <li>HTML</li> <li type="circle">PHP</li> <li>MS SQL Server</li> </ul>
</p>
بنده نوع ديگري براي گلوله گذاري ليست هاي نامرتب در مراجع نديده ام . اگر بخواهيد انواع ديگري براي گلوله گذاري انتخاب كنيد بايد در يك نرم افزار گرافيكي آنرا درست نمود و سپس ا استفاده از خصيصه هاي css آنرا به عنوان گلوله نمايش داد . قبل از اين كار بايد مقدار خصيصه type را در تگ ul با مقدار none مقدار دهي كرد . كد زير مثالي از اين نوع است
Code:
 <p style="font-family : tahoma ; color:blue ; Background-Color : yellow" >

<ul >
< li style="background-image:url('images/M_images/arrow.png'); background-repeat:no-repeat;padding-left:10px;background-position:0px 6px" >HTML</li>
<li style="background-image:url('images/M_images/arrow.png'); background-repeat:no-repeat;padding-left:10px;background-position:0px 6px" >PHP</li>
<li style="background-image: url('/images/M_images/arrow.png'); background-repeat:no-repeat;padding-left:10px;background-position:0px 6px" >MS SQL Server</li> </ul>
</p>
براي يادگيري بهتر قطعه كد بالا به مراجع css در اينترنت يا بخش آموزش css از همين سايت مراجعه كنيد .
avatar
~.~punisher~.~

Posts : 60
Thanks : 2
Join date : 2014-09-30
Nimbuzz ID : ~.~punisher~.~@nimbuzz.com

View user profile

Back to top Go down

View previous topic View next topic Back to top

- Similar topics

 
Permissions in this forum:
You cannot reply to topics in this forum