Не нравятся результаты поиска? Попробуйте другой поиск!
DLE FAQ » Все вопросы » Общие вопросы » Подробнее / свернуть

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


     15.12.2013    Вопрос    Все вопросы » Общие вопросы    2656

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

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

Ответил: adoa


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

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

8 комментариев

Бахмут
Юзер

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

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

SimpleFilmsru
Юзер

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

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

SimpleFilmsru
Юзер

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

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

shamanim
Юзер

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
Юзер

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

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

adoa
Юзер

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

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

SimpleFilmsru
Юзер

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

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

adoa
Юзер

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

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

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

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

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

наверх