iframe + scroll

Convict · 26 апр 2016

Перечитал кучи материалов, но нифига не нашел.... Бегу сюда писать!
В общем не буду темнить, есть у меня вивер тски
вот к примеру вывод фрейма HTML на DLE делаю
HTML:
<iframe allowtransparency="true" src="http://localhost/ts3/ts3wi/tsviewpub.php?skey=0&sid=1&showicons=right&fontcolor=ffff00" style="height:215px;width:100%;" scrolling="auto" frameborder="0"
>Your Browser will not show Iframes</iframe>
Думаю щас ок все поставлю и тд. В общем столкнулся с проблемой, не могу проредактировать Scroll т.е задать свой стиль scrolling'у уже по всякому пытался кучи кучи перечитал форумов книжек HTML+CSS... В общем задолбался, не сдамся конечно, но помощь бы не помешала.. Начинающий только я еще) Через Div пытался нифга не работает =\

Гадес · 26 апр 2016

Почему iframe?
Неужто хочешь вернуть свой 2007й?

Convict · 26 апр 2016

Гадес сказал(а): ↑

Почему iframe?
Неужто хочешь вернуть свой 2007й?
Нажмите, чтобы раскрыть...

хм =) хз просто нет нормального вивера (монитор тски) вот с psyhokillera взял и поставил) Ну у него там фрейм =\

Fituchini · 26 апр 2016

Convict сказал(а): ↑
(Раскрыть)
Спойлер
Перечитал кучи материалов, но нифига не нашел.... Бегу сюда писать!
В общем не буду темнить, есть у меня вивер тски
вот к примеру вывод фрейма HTML на DLE делаю
HTML:
<iframe allowtransparency="true" src="http://localhost/ts3/ts3wi/tsviewpub.php?skey=0&sid=1&showicons=right&fontcolor=ffff00" style="height:215px;width:100%;" scrolling="auto" frameborder="0"
>Your Browser will not show Iframes</iframe>
Думаю щас ок все поставлю и тд. В общем столкнулся с проблемой, не могу проредактировать Scroll т.е задать свой стиль scrolling'у уже по всякому пытался кучи кучи перечитал форумов книжек HTML+CSS... В общем задолбался, не сдамся конечно, но помощь бы не помешала.. Начинающий только я еще) Через Div пытался нифга не работает
=\
Нажмите, чтобы раскрыть...
Чёт не пойму, что ты хочешь получить на деле? Красивый справа бегунок который вертит страничку вверх вниз?
и почему <iframe>? почему не <frameset>
Да и в теле фрейма обычно все стили настраиваются)

объясни что хочешь получить в конечном результате

Convict · 26 апр 2016

Fituchini сказал(а): ↑
Convict сказал(а): ↑
(Раскрыть)
Спойлер
Перечитал кучи материалов, но нифига не нашел.... Бегу сюда писать!
В общем не буду темнить, есть у меня вивер тски
вот к примеру вывод фрейма HTML на DLE делаю
HTML:
<iframe allowtransparency="true" src="http://localhost/ts3/ts3wi/tsviewpub.php?skey=0&sid=1&showicons=right&fontcolor=ffff00" style="height:215px;width:100%;" scrolling="auto" frameborder="0"
>Your Browser will not show Iframes</iframe>
Думаю щас ок все поставлю и тд. В общем столкнулся с проблемой, не могу проредактировать Scroll т.е задать свой стиль scrolling'у уже по всякому пытался кучи кучи перечитал форумов книжек HTML+CSS... В общем задолбался, не сдамся конечно, но помощь бы не помешала.. Начинающий только я еще) Через Div пытался нифга не работает
=\
Нажмите, чтобы раскрыть...
Чёт не пойму, что ты хочешь получить на деле? Красивый справа бегунок который вертит страничку вверх вниз?
и почему <iframe>? почему не <frameset>
Да и в теле фрейма обычно все стили настраиваются)

объясни что хочешь получить в конечном результате
Нажмите, чтобы раскрыть...
Хочу сделать свой скролл) Поменьше и без фона

Fituchini · 4 май 2016

Convict сказал(а): ↑
Fituchini сказал(а): ↑
Convict сказал(а): ↑
(Раскрыть)
Спойлер
Перечитал кучи материалов, но нифига не нашел.... Бегу сюда писать!
В общем не буду темнить, есть у меня вивер тски
вот к примеру вывод фрейма HTML на DLE делаю
HTML:
<iframe allowtransparency="true" src="http://localhost/ts3/ts3wi/tsviewpub.php?skey=0&sid=1&showicons=right&fontcolor=ffff00" style="height:215px;width:100%;" scrolling="auto" frameborder="0"
>Your Browser will not show Iframes</iframe>
Думаю щас ок все поставлю и тд. В общем столкнулся с проблемой, не могу проредактировать Scroll т.е задать свой стиль scrolling'у уже по всякому пытался кучи кучи перечитал форумов книжек HTML+CSS... В общем задолбался, не сдамся конечно, но помощь бы не помешала.. Начинающий только я еще) Через Div пытался нифга не работает
=\
Нажмите, чтобы раскрыть...
Чёт не пойму, что ты хочешь получить на деле? Красивый справа бегунок который вертит страничку вверх вниз?
и почему <iframe>? почему не <frameset>
Да и в теле фрейма обычно все стили настраиваются)

объясни что хочешь получить в конечном результате
Нажмите, чтобы раскрыть...
Хочу сделать свой скролл) Поменьше и без фона
Нажмите, чтобы раскрыть...
можно внести изменения в движок с помощью префикса WebKit на html5 и css3 (который используют почти все браузеры Opera, Chrome, Yandex и т.п. типы исключая opensource типа Mozila Firefox) Используй контейнер
Код:
::-webkit-scrollbar-******
например общая ширина Скрола
Код:
::-webkit-scrollbar{
    width:14px;
}
Оформление полосы прокрутки (цвета выбрал что в голову пришло)
Код:
::-webkit-scrollbar-thumb{
    border-width:1px 1px 1px 2px;
    border-color: #999;
    background-color: #ссс;
}
По феншую при наведении делаем темнее
Код:
::-webkit-scrollbar-thumb:hover{
    border-width: 1px 1px 1px 2px;
    border-color: #333;
    background-color: #888;
}
Выделю неактивную часть скрола
Код:
::-webkit-scrollbar-track{
    border-width:0;
}
При наведении делаем его темнее и добавим границу отображения
Код:
::-webkit-scrollbar-track:hover{
    border-left: solid 1px #aaa;
    background-color: #eee;
}
В общем используй префикс -webkit- но помни злоупотребление его изменений усложнит работу с сайтом на более 55%.
Это всего лишь пример, если не менять в теле.

Вот пример изменения в теле
Код:
<style>

          body { scrollbar-face-color:#555555;

          scrollbar-shadow-color: #ffffff;

          scrollbar-highlight-color: #ffffff;

          scrollbar-3dlight-color: #555555;

          scrollbar-darkshadow-color: #555555;

          scrollbar-track-color: #FF0033;

          scrollbar-arrow-color: #FF0033; }

          </style>
Между тегами <head>вставь код выше</head>
hex цвета найдёшь в интернете.
Расшифровку псевдоклассов тоже найдёшь в интернете.
Можно этот код спрятать в *****.css
создаёшь например begunok.css и помещаешь код туда, делаешь ссылку стилей на код <meta style href="css/begunok.css">

Два примера изложенные выше проверенны на работоспособность и являются рабочими.
Как сделаешь отпиши а лучше скрин готового продукта.
--- добавлено: 26 апр 2016 в 23:26 ---
P.S. вот тебе ещё плагин на jquery написанный. СЛЫКА СКАЧАТЬ
Вот сам WebKit https://webkit.org/blog/363/styling-scrollbars/
и вот твоя тематика...
http://codemug.com/html/custom-scrollbars-using-css/
https://css-tricks.com/snippets/sass/custom-scrollbars-mixin/

Но самый лучший способ это конечно CSS
Тут самый наглядный способ с картинками
https://css-tricks.com/custom-scrollbars-in-webkit/

Convict · 4 май 2016

Fituchini сказал(а): ↑
Convict сказал(а): ↑

Fituchini сказал(а): ↑

Чёт не пойму, что ты хочешь получить на деле? Красивый справа бегунок который вертит страничку вверх вниз?
и почему <iframe>? почему не <frameset>
Да и в теле фрейма обычно все стили настраиваются)

объясни что хочешь получить в конечном результате
Нажмите, чтобы раскрыть...

Хочу сделать свой скролл) Поменьше и без фона
Нажмите, чтобы раскрыть...

можно внести изменения в движок с помощью префикса WebKit на html5 и css3 (который используют почти все браузеры Opera, Chrome, Yandex и т.п. типы исключая opensource типа Mozila Firefox) Используй контейнер
Код:
::-webkit-scrollbar-******
например общая ширина Скрола
Код:
::-webkit-scrollbar{
    width:14px;
}
Оформление полосы прокрутки (цвета выбрал что в голову пришло)
Код:
::-webkit-scrollbar-thumb{
    border-width:1px 1px 1px 2px;
    border-color: #999;
    background-color: #ссс;
}
По феншую при наведении делаем темнее
Код:
::-webkit-scrollbar-thumb:hover{
    border-width: 1px 1px 1px 2px;
    border-color: #333;
    background-color: #888;
}
Выделю неактивную часть скрола
Код:
::-webkit-scrollbar-track{
    border-width:0;
}
При наведении делаем его темнее и добавим границу отображения
Код:
::-webkit-scrollbar-track:hover{
    border-left: solid 1px #aaa;
    background-color: #eee;
}
В общем используй префикс -webkit- но помни злоупотребление его изменений усложнит работу с сайтом на более 55%.
Это всего лишь пример, если не менять в теле.

Вот пример изменения в теле
Код:
<style>

          body { scrollbar-face-color:#555555;

          scrollbar-shadow-color: #ffffff;

          scrollbar-highlight-color: #ffffff;

          scrollbar-3dlight-color: #555555;

          scrollbar-darkshadow-color: #555555;

          scrollbar-track-color: #FF0033;

          scrollbar-arrow-color: #FF0033; }

          </style>
Между тегами <head>вставь код выше</head>
hex цвета найдёшь в интернете.
Расшифровку псевдоклассов тоже найдёшь в интернете.
Можно этот код спрятать в *****.css
создаёшь например begunok.css и помещаешь код туда, делаешь ссылку стилей на код <meta style href="css/begunok.css">

Два примера изложенные выше проверенны на работоспособность и являются рабочими.
Как сделаешь отпиши а лучше скрин готового продукта.
--- добавлено: 26 апр 2016 в 23:26 ---
P.S. вот тебе ещё плагин на jquery написанный. СЛЫКА СКАЧАТЬ
Вот сам WebKit https://webkit.org/blog/363/styling-scrollbars/
и вот твоя тематика...
http://codemug.com/html/custom-scrollbars-using-css/
https://css-tricks.com/snippets/sass/custom-scrollbars-mixin/

Но самый лучший способ это конечно CSS
Тут самый наглядный способ с картинками
https://css-tricks.com/custom-scrollbars-in-webkit/
Нажмите, чтобы раскрыть...
Дело в том что я так делал body {code} и у меня он не хавал его, а ипользовал стандарты. В общем если разбираешь так, какова цена вопроса? И если умеешь выводить новости и последние темы, то нам с тобой по пути, ну в общем цену бы, запарился уже голову ломать х)

Войти или зарегистрироваться

iframe + scroll

Convict Пользователи

Гадес ОРБИТАЛЬНЫЙ ПОДЖИГАТЕЛЬ Old school Пользователи Ты здесь Господи? Это я, Дин Винчестер

Convict Пользователи

Fituchini Пользователи

Convict Пользователи

Fituchini Пользователи

Convict Пользователи

DataLife Engine <iframe> в версии 9.4

Поделиться этой страницей

Войти или зарегистрироваться

iframe + scroll

Convict Пользователи

Гадес ОРБИТАЛЬНЫЙ ПОДЖИГАТЕЛЬ Old school Пользователи Ты здесь Господи? Это я, Дин Винчестер

Convict Пользователи

Fituchini Пользователи

Convict Пользователи

Fituchini Пользователи

Convict Пользователи

DataLife Engine <iframe> в версии 9.4

Поделиться этой страницей

Быстрый поиск