PDA

View Full Version : سوال: ساخت این مدل منو


سعید کشاورز
شنبه 13 خرداد 1391, 10:33 صبح
سلام دوستان..به این تصویری که ضمیمه کردم نگاه کنید.
کنار هر آیتم(سمت راست) یه فلش هستش که زیبایی خاصی به منو داده.
تازه css و HTML رو شروع کردم.
می خوام بدونم میشه همچین چیزی رو واسه سایت های ایستا درست کرد؟اگه میشه چجوری این کارو کنم؟:متفکر:
s2/mri
شنبه 13 خرداد 1391, 11:19 صبح
اگه از css چیز زیادی نمیدونی
کنار هر تک a یه تک img بذار و ادرس عکس فلش و بهش بده

<img src=""><a href="">link</a
یه نگاه به سورس صفحه بندازی فک کنم مشکلت برطرف میشه
bftarane
شنبه 13 خرداد 1391, 11:20 صبح
سلام. کد زير کمکتون ميکنه.

<html>
<body>
<ul>
<li style="list-style-image:url('img.png');"><a href="#">لينک</a></li>
</ul>
</body>
</html>
يادتون باشه عکس مورد نظرتون رو (مثلاً يه فلش) در پوشه اي که صفحه تون وجود داره قرار بديد.
Saber Mogaddas
شنبه 13 خرداد 1391, 15:59 عصر
سلام
از ul li برای چینش منو استفاده کنید و برای تصویر کناری هم به ul استایل list-style-image بدید ..و list-style-position رو هم inside تنظیم کنید.
اگه می خواهید با دیو این کار رو بکنید از background-image دیو استفاده کنید و با background-position مقعیت عکس رو داخل دیو تنظیم کنید و به وسیله دستور padding-right متن رو داخل دیو جابجا کنید ..
موفق باشی..
سعید کشاورز
یک شنبه 14 خرداد 1391, 11:48 صبح
سلام
از ul li برای چینش منو استفاده کنید و برای تصویر کناری هم به ul استایل list-style-image بدید ..و list-style-position رو هم inside تنظیم کنید.

یه سوال..
list-style-position کارش چیه دقیقا؟
من وقتی مقدار inside رو براش تنظیم کردم یه مقدار منو به سمت چپ اومد(از uli li استفاده کردم)
Saber Mogaddas
دوشنبه 15 خرداد 1391, 11:02 صبح
سلام
به list-style-position دو مقدار می تونیم بدیم که موقعيت قرار گيری نشانه و متن آيتم های ليست را برای ما تنظیم میکنه
inside : با عث میشه که متن و نشانه یا list-style-image کمی تورفته تر نمایش داده شه ..
outside: هم باعث میشه در حالت اولیه قرار بگیره و هیچ تغییری نکنه..
موفق باشید..