[jacksons]

Fater, начни с этого форума, пореже сюда заходи и в эту ветку в том числе.

[slavegirl]

Приветики!


С праздником всех! Как и обещала в группе, у меня для вас небольшой рождественский подарок.

Наверное многие из вас замечали при посещении чужих блогов, что внешний вид k2s-плеера может немножко отличаться от сайта к сайту. А именно, речь идёт о кнопочке «Play», при желании её можно красиво стилизировать под любую тему оформления. Но так как редактировать CSS-стили плеера напрямую мы не можем (они встроенные), для этого нужно создать свои собственные стили, добавив их в главный *.css файл на своём сайте, и они будут «перекрывать» стандартные.

Недавно наконец у меня дошли ручки и я сделала себе YouTube-скин для плеера (с красной кнопкой). Его исходные коды выложила ниже.


Что я решила изменить в плеере

• Уменьшила размер кнопки «Play», теперь даже при небольших размерах плеера она выглядит не такой громоздкой.
• Немножко увеличила область взаимодействия с кнопкой «Download» (облачко), теперь по ней легче попасть курсором мышки.
• Кнопка «Play» подсвечивается, когда наводишь мышку в любое место плеера, а не только на неё саму. Так пользователям становится проще понять, что перед ними именно видео-превью, а не обычная картинка с нарисованной кнопкой (иногда встречаются такие скриншоты-обманки с платников).
• Подсветка кнопки выполняется плавно с небольшой задержкой. Это дополнительно удерживает внимание пользователей и на несколько секунд увеличивает время сессии для каждого из них.

Исходный код стиля (без ободка): https://jsfiddle.net/6ok780wg/





Исходный код стиля (с ободком): https://jsfiddle.net/w80rnsbv/


Посмотреть как это выглядит на рабочем сайте и на каком варианте остановилась я можно вот здесь:


http://myslavegirl.org/teen/(part-2)...ens-porn/3500/


Единственное, что у меня пока не получилось сделать, это в точности повторить начертание кнопки с YouTube, так как у неё слишком замысловатая фигурка... Желающие могут поэкспериментировать вот с этим стилем (но там составной элемент, в связи с чем возникают проблемы с полупрозрачностью).

[riko]

Sale 2.75 - 3 days premium !

The 3day tariff in my account has been disable for many years !

[Михаил Громов]

User buy 3 day premium directly on k2s, then he download file - your file was first.

[lapons]

Сообщение от slavegirl Приветики! С праздником всех! Как и обещала в группе, у меня для вас небольшой рождественский подарок. Наверное многие из вас замечали при посещении чужих блогов, что внешний вид k2s-плеера может немножко отличаться от сайта к сайту. А именно, речь идёт о кнопочке «Play», при желании её можно красиво стилизировать под любую тему оформления. Но так как редактировать CSS-стили плеера напрямую мы не можем (они встроенные), для этого нужно создать свои собственные стили, добавив их в главный *.css файл на своём сайте, и они будут «перекрывать» стандартные. Недавно наконец у меня дошли ручки и я сделала себе YouTube-скин для плеера (с красной кнопкой). Его исходные коды выложила ниже. Что я решила изменить в плеере Уменьшила размер кнопки «Play», теперь даже при небольших размерах плеера она выглядит не такой громоздкой. Немножко увеличила область взаимодействия с кнопкой «Download» (облачко), теперь по ней легче попасть курсором мышки. Кнопка «Play» подсвечивается, когда наводишь мышку в любое место плеера, а не только на неё саму. Так пользователям становится проще понять, что перед ними именно видео-превью, а не обычная картинка с нарисованной кнопкой (иногда встречаются такие скриншоты-обманки с платников). Подсветка кнопки выполняется плавно с небольшой задержкой. Это дополнительно удерживает внимание пользователей и на несколько секунд увеличивает время сессии для каждого из них. Исходный код стиля (без ободка): https://jsfiddle.net/6ok780wg/

Подскажите, куда это на DLE надо вставить чтоб такой красивый вид k2s-плеера был?

[riko]

Сообщение от Михаил Громов User buy 3 day premium directly on k2s, then he download file - your file was first.

I dont use k2s.

All my files are on Fboom !

[Михаил Громов]

then User buy 3 day premium directly on fileboom, then he download file - your file was first.

[slavegirl]

Сообщение от lapons чтоб такой красивый вид k2s-плеера был?

Я доделала кнопку «Play», теперь она в точности повторяет начертание кнопки с YouTube:





Вверху — плеер с YouTube, внизу — мой k2s-плеер


Правда, одним только CSS-стилем обойтись не получилось, пришлось использовать inline SVG, его нужно вставить в любое место HTML-кода в теге <body>. В стареньких браузерах, которые не понимают что такое clip-path, будет отображаться кнопка прямоугольной формы с закруглёнными уголками.


Исходный код окончательной версии YouTube-скина: https://jsfiddle.net/vqo9cdrg/

[strapss888]

а сегодня будут новогодние выплаты без холда?

[vewver]

Новогодние будут в новом году, сегодня могут быть только старогодние