Не нравятся результаты поиска? Попробуйте другой поиск!
dle-faq.ru FAQ (все вопросы) Общие вопросы Подробнее / свернуть

Подробнее / свернуть


     15.12.2013    Общие вопросы    1330

вопрос
Здравствуйте, хочу сделать описание как на этом сайте

То есть сначала показывает не полное описание, а при нажатие Подробнее... показывается остальной текст!
Как можно это сделать?

Ответил: adoa


Ну я покопался и решил через jquery,всё работает.Туториал Тут

PS может кто попроще решение найдет.

Комментарии пользователей (8)

Бахмут
5

76 | 31

Бахмут - 15 декабря 2013 11:35 - Юзер

Спойлер прикрутить на кнопку "Подробнее". Самый элементарный вариант.

SimpleFilmsru
8 | 2

SimpleFilmsru - 15 декабря 2013 13:16 - Юзер

Я нашел что это делается через :after

SimpleFilmsru
8 | 2

SimpleFilmsru - 15 декабря 2013 11:52 - Юзер

Хотелось бы как на сайте

shamanim
1

166 | 30

shamanim - 15 декабря 2013 15:19 - Юзер

выбирай любой вариант

https://www.google.com - как открыть див

а затемнялка текста делается разными вариантами, вот пример из gidonlinekino:

background: url("http://gidonlinekino.com/im/f.png") 0px 0px repeat-y transparent;

я люблю все делать на ccs, вот мой кроссбраузерный пример

http://prntscr.com/2bay3b

background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0),#141619);
background-image: -webkit-gradient(left, 50% 0%, 50% 100%, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, #141619));
background-image: -moz-linear-gradient(left, rgba(255,255,255,0),#141619);
background-image: -o-linear-gradient(left, rgba(255,255,255,0),#141619);
background-image: -ms-linear-gradient(left, rgba(255,255,255,0),#141619);
background-image: linear-gradient(left, rgba(255,255,255,0),#141619);

SimpleFilmsru
8 | 2

SimpleFilmsru - 15 декабря 2013 17:12 - Юзер

shamanim, Мне нужно чтобы сначала отображалась часть описания, а при нажатии на надпись выводилась остальная часть!

adoa
23 | 1

adoa - 16 декабря 2013 02:23 - Юзер

можно и через спойлер, только бы вызывался как [spoiler_next] и там уже через css темизировать его.

SimpleFilmsru
8 | 2

SimpleFilmsru - 16 декабря 2013 18:56 - Юзер

И как это будет выглядеть?

adoa
23 | 1

adoa - 25 декабря 2013 01:56 - Юзер

Ну я покопался и решил через jquery,всё работает.Туториал Тут

PS может кто попроще решение найдет.

Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы