می خواستم روی اسلایدشو قسمتی ایجاد کنم که بتونم نکته توضیحی بنویسم.
مثل عکس زیر که در داخل کادر کوچک نوشته: پشتیبانی 24 ساعته
32791
omidcruise
July 31st, 2016, 02:00
https://css-tricks.com/text-blocks-over-image/
abi2016
August 3rd, 2016, 01:24
سلام ممنون بابت راهنمایی ولی این روش برای عکس و نه اسلایدشو
من هرکاری کردم نشد.
یه اسلایدشو 4 عکس دارم و می خواستم هر عکسی که در اسلایدشو میاد نوشته ای زیر یا بغلش بیاد.
ولی فعلا موفق نشدم.
بازم ممنون
T.Toosi
August 3rd, 2016, 03:30
سلام، ابتدا باید مشخص شود از چه اسکریپتی برای اسلایدشو استفاده میکنید.
Reza G
August 3rd, 2016, 10:39
سلام ممنون بابت راهنمایی ولی این روش برای عکس و نه اسلایدشو
من هرکاری کردم نشد.
یه اسلایدشو 4 عکس دارم و می خواستم هر عکسی که در اسلایدشو میاد نوشته ای زیر یا بغلش بیاد.
ولی فعلا موفق نشدم.
بازم ممنون
اگر از کاربران سیستم وردپرس هستید پلاگینهای اسلایدر زیادی مثه Layer Slider وجود دارند که به شما این قابلیت رو میدند.
abi2016
August 4th, 2016, 01:15
ممنون از راهنمایی دوستان
بالاخره کد این مورد پیدا کردم.
دوستانی که همین موضوع و مشکل دارند می توانند از کد زیر برای اینکار استفاده کنند:
/* Position the "next button" to the right */
.next {
cursor: pointer;
position: absolute;
right: -6%;
border-radius: 3px 0 0 3px;
top: 43%;
width: auto;
margin-top: -22px;
color: white;
font-weight: bold;
font-size: 18px;
transition: 0.6s ease;
border-radius: 0 3px 3px 0;
}
/* On hover, add a black background color with a little bit see-through */
.prev:hover {
background: url(left_over.png) no-repeat;
}
.next:hover {
background: url(right_over.png) no-repeat;
}