ورود

View Full Version : css for slide numbers



b.paseban
دوشنبه 07 شهریور 1390, 17:09 عصر
سلام بر تمامی دوستان.
من یه اسلاید شو jqyery دانلود کردم و میخوام که توی قسمت slidenumber اون یه css رو اعمال کنم ولی هر کاری که میکنم نمیتونم فاصله بین شماره ها رو مرتب کنم و بین هر شماره فاصله ای به اندازه مثلا 3px قرار بدم.
نمونه طرحی که من میخوام در عکس زیر هست.
74583
فایل پروژه در زیر آپلود شده.(فایل کاری مورد نظر صفحه WebForm1.aspx و قسمت مورد نظر در آخر همین صفحه و div با ID=numbers و فایل css مورد نظر هم StyleSheet1.css نام دارد).
74587
اگر انجام تغییرات در فایل امکان داره که خیلی ممنون اگر نه که راهنمایی کنید یجوری درستش کنم.
قسمت css که باعث معلوم شدن صفحه کنونی slidenumber هست:


#numbers a.wactive
{
width: 10px;
height: 10px;
border-radius: 2px;
background-color: #CC0099;
text-align: center;
text-decoration:none;
text-transform: none;
}

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

hamid.shekasteh
سه شنبه 08 شهریور 1390, 22:56 عصر
سلام
این رو به کدتون اضافه کنید.


#numbers a
{
margin-right:5px;
text-decoration:none;
}

#numbers a.wactive
{
width: 10px;
height: 10px;
border-radius: 2px;
background-color: #CC0099;
text-align: center;
text-decoration:none;
}

در واقع اگر شما تغییری رو هم اعمال می کردین.فقط روی تگ a فعال اعمال میشده(نه همه تگ های a).

اگه میشه زحمت بکشید و slidenumber رو با سایر عکس هاش بگذارید تا من و سایر دوستان هم بتونیم استفاده بهتری ازش کنیم.

با تشکر.

b.paseban
چهارشنبه 09 شهریور 1390, 12:01 عصر
خیلی ممنون.من این اسلایدر رو از این آدرس (http://www.webinventif.fr/wslide-plugin/) گرفتم و نمونه های زیادی میشه از این اسلایدر درست کرد.در واقع هم میشه عکس گذاشت و هم نوشته فقط باید با css کارای تنظیمات طراحی رو انجام داد.