آگاه‌سازی‌ها
پاک‌کردن همه

استایل دهی صحیح ul li


(@omidgs)
Eminent Member
عضو شده: 11 سال قبل
ارسال‌: 24
شروع کننده موضوع  

سلام
من میخوام لیست زیر رو به صورت صحیح طوری که توی همه مرورگرها به شکل یکسان نمایش داده بشه استایل بدم (فاصله ها و بالت ) . برای هر لینک یک عکس بالت کوچک میخوام بذارم .
لطفا راهنمایی کنید تشکر
کد html


نقل‌قول
(@admin)
عضو Admin
عضو شده: 11 سال قبل
ارسال‌: 3602
 

این منو افقی بالا می شه یا منوی سایدبار؟؟؟


پاسخنقل‌قول
(@omidgs)
Eminent Member
عضو شده: 11 سال قبل
ارسال‌: 24
شروع کننده موضوع  

این منو افقی بالا می شه یا منوی سایدبار؟؟؟

منوی ساید بار هستش
البته اگر هم ساید بار و هم منوی عمودی رو توضیح بدید ممنون میشم


پاسخنقل‌قول
(@admin)
عضو Admin
عضو شده: 11 سال قبل
ارسال‌: 3602
 

اگر می خواهید از برگه ها استفاده کنید کد زیر را جاسازی کنید


اگر می خواهید از دسته ها استفاده کنید یکی از کد های زیر را جاسازی کنید
کد با تعداد پست هر دسته


کد بدون تعداد پست هر دسته



پاسخنقل‌قول
(@omidgs)
Eminent Member
عضو شده: 11 سال قبل
ارسال‌: 24
شروع کننده موضوع  

اگر می خواهید از برگه ها استفاده کنید کد زیر را جاسازی کنید


اگر می خواهید از دسته ها استفاده کنید یکی از کد های زیر را جاسازی کنید
کد با تعداد پست هر دسته


کد بدون تعداد پست هر دسته


منظور من کد های وردپرس نبود منظور من نحونه استایل دهی لیست ها با استفاده از css بود!


پاسخنقل‌قول
(@admin)
عضو Admin
عضو شده: 11 سال قبل
ارسال‌: 3602
 

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

.menu{margin:0; padding25px;}

در قسمت بالا اندازه و وضعیت منو را مشخص می کند
البته اینا یک نوع مثال هست و شما باید خودتان تغییرتی که می خواین اعمال کنید
البته بعد از این می تونی توی استایل بگی که اگر موس رفت روی نوشته رنگش تغییر کنه یا عکسش تغییر کنه
اینو اضافه کن (البته اینا مثال هست)

.menu li{ list-style: url(img/1.jpg);}
.menu li:hover{ list-style: url(img/2.jpg);}
.menu li ul li ,.menu li ul li:hover { list-style: url(img/3.jpg);}

البته آدرس عکس ها را باید عوض کنید من همینطور گذاشتم


پاسخنقل‌قول
اشتراک: