قرار گرفتن ایکون مربوطه هر تگ از منو در کنار عنوان منو

این تاپیک 4 پاسخ و 4 مشارکت کننده دارد . آخرین آپدیت توسط :  Af.Sa.Ne ،‏ 1 سال و 4 ماه پیش .

این تاپیک تاکنون 300 بازدید داشته است .

نویسنده پست
چهار شنبه ، 29 جولای 2015     2:25 ب.ظ #


mohammad karimi

Subscriber
144 پست100 تاپیک

سلام خدمت دوستان گرامی من منویی میخوام طراحی کنم که در کنار عنوان هر منو یک ایکون مربوطه قرار بگیرد اما شیوه صحیح واستاندارد نوشتنشو میخوام کسی میتونه کمکم کنه ممنون میشم.مانند عکسی که تو فایل پیوست گذاشتم 

پیوست ها:
You must be logged in to view attached files.
0  تشکر
:: این تاپیک، پاسخ تائیدشده دارد : مشاهده پاسخ تائید شده توسط سوال کننده
چهار شنبه ، 29 جولای 2015     3:26 ب.ظ # پاسخ تائید شده توسط سوال کننده


Saleh Katebi

Subscriber
125 پست0 تاپیک

چندین روش وجود داره. هم میتونید از بک گراند استفاده کنید و هم از آیکن fontawsome ویا glyphicon استفاده کنید.

0  تشکر
چهار شنبه ، 29 جولای 2015     4:21 ب.ظ #


mohammad karimi

Subscriber
144 پست100 تاپیک

میشه بیشتر توضیح بدین در این رابطه؟

1  تشکر
پنجشنبه ، 30 جولای 2015     9:26 ق.ظ #


Mr. MiM

Subscriber
157 پست10 تاپیک

شما باید با :before و :after اشنا باشید

و بعد اون فونت مورد نظر رو در before و یا after مربوط به تگ لینک منو قرار بدید

1  تشکر
جمعه ، 31 جولای 2015     11:12 ب.ظ #


Af.Sa.Ne

Subscriber
16 پست7 تاپیک

سلام

برای سئویی شدن منو میتونین از کد زیر استفاده کنید.و برای اینکه بتونین چند آیتم رو در کنار هم و در یک ردیف قرار بدین در css و برای سلکتور ul مقدار پراپرتی display رو inline قرار بدین (چون لیست آیتم ها به صورت پیش فرض block-level هستند)

و همچنین برای گذاشتن بولت یا آیکون دلخواه برای ul، از پراپرتی list-style-image استفاده کنید و آیکون دلخواه رو به عنوان value قرار بدین.

موفق باشین
<cod]<ul]
<li><a rel="nofollow" href="#">item1</a></li>
<li><a rel="nofollow" href="#">item2</a></li>
<li><a rel="nofollow" href="#">item3</a></li>
<li><a rel="nofollow" href="#">item4</a></li>
[ul>[/cod>

1  تشکر
پست 1 تا 5 (از مجموع 5 پست)

این تاپیک پاسخ تائید شده دارد و بسته شده است .