.: با سلام و خوش آمد گویی خدمت شما, برای عضویت در سایت اینجا کلیک کنید یا لطفا لوگین بفرمایید :.

× عضویت و فعالیت در این وبسایت کاملا" رایگان می باشد ×

بازگشت   خرید و فروش بدون واسطه > دیگر مباحث مرتبط > گفت و گوی آزاد

تبلیغات
پاسخ
 
LinkBack ابزارهای موضوع جستجو در موضوع نحوه نمایش
قدیمی 05-25-2017, 11:45 PM   #1 (permalink)
تازه وارد
 
eh3an2017 آواتار ها
 
تاریخ عضویت: May 2017
نوشته ها: 1
پیش فرض طراحی سایت با لیست ها در css

آشنا می کنیم:

خاصیت image style list

این خاصیت یک عکس طراحی وب سایترا برای استفاده به عنوان نشانه bullet در کنار عنصر لیست تعریف می کند. این عکس با نشانه
ی تعریف شده در خاصیت type-style-list جایگزین می شود.

مثال :


ul li { list-style-image: url(' images/green-bullet. png' ) ; }
ul ol. html li { list-style-image: url(' images/blue-bullet. png' ) ; }
ul ol. css li { list-style-image: url(' images/brown-bullet. png' ) ; }
list-style-position
ا
این خاصیت موقعیت و نحوه ی قرار گرفتن bullet در کنار آیتم ھای لیست را مشخص می کند. و یکی از دو مقدار زیر ر
می گیرد :
Inside : مشخص می کند که bullet لیست باید در داخل آیتم ھای لیست قرار گیرد.
Outside : مشخص که bullet لیست باید در خارج از آیتم ھای لیست قرار گیرد.
مثال :

ul li { list-style-image: url(' images/arrow. png' ) ; }
ul ol. html li {
list-style-image: url(' images/arrow1. png' ) ;
list-style-position: inside;
background: #09f;
}u
l ol. css li {
list-style-image: url(' images/arrow2. png' ) ;
list-style-position: outside;
background: #ff9;
}
می بینید که bullet طراحی سایتزیر مجموعه ی گزینه ی HTML که به آن مقدار inside داده ایم در کنار داخل کادر قرار گرفته، اما
bullet زیر مجموعه CSS که مقدار outside دارد، خارج از کادر قرار گرفته است.

کوتاه نویسی خاصیت style list

برای کوتاه نویسی خاصیت style-list از قاعده زیر استفاده می شود.

طراحی سایت با لیست ها در CSS

list-style: type position url(' ImageAddress' ) ;
مثال :

li { list-style: square inside url(' bullet1. png' ) ; }
بسیار خب، تا اینجا به خصوصیات مربوط به استایل دھی به list ھا آشنا شدیم، در جلسه بعد به positioning یا ھمان
موقعیت عناصر در صفحه می پردازیم

طراحی سایت اسپیناس همیشه سعی در استفاده از به روز ترین تکتینک ها و ابزارها در طراحی سایت دارد در اسپیناس از تکنولوژی ها روز دنیا مانند CSS3 , HTML5 , Jquery , JAVASCRIPT در طراحی وب سایت استفاده می شود و همچنین زبانهایی مانند PHP , ASP در شرکت اسپیناس مشتری مداری حرف اول را می زند
eh3an2017 آنلاین نیست.   پاسخ با نقل قول
پاسخ

برچسب ها
css, لیست, ها, با, در, سایت, طراحی

ابزارهای موضوع جستجو در موضوع
جستجو در موضوع:

جستجوی پیشرفته
نحوه نمایش

مجوز های ارسال و ویرایش
شما نمیتوانید موضوع جدیدی ارسال کنید
شما امکان ارسال پاسخ را ندارید
شما نمیتوانید فایل پیوست در پست خود ضمیمه کنید
شما نمیتوانید پست های خود را ویرایش کنید

BB code فعال است
شکلک ها فعال است
[IMG] فعال است
کد HTML غیر فعال است
Trackbacks are فعال
Pingbacks are فعال
Refbacks are فعال



اکنون ساعت 08:24 PM برپایه ساعت جهانی (GMT - گرینویچ) +4.5 می باشد.

Powered by vBulletin Version 3.8.9
Copyright ©2000 - 2017, Jelsoft Enterprises Ltd.

Persian Language By WebAlfa Ver 2.8
Inactive Reminders By Icora Web Design