1. 游客, мы просим Вас ознакомиться с Правилами Форума и Отказом от ответственности!

iframe + scroll

本贴由 Convict 于 2016-04-26 发布. 版块名称: HTML и CSS

  1. TopicStarter Overlay
    Convict

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

    帖子:
    88
    支持:
    14
    性别:
    女
    Репутация:
    0
    Команда:
    Insanity
    Перечитал кучи материалов, но нифига не нашел.... Бегу сюда писать!
    В общем не буду темнить, есть у меня вивер тски
    вот к примеру вывод фрейма 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 пытался нифга не работает =\
    Convict, 2016-04-26
    #1
  2. Гадес

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

    帖子:
    544
    支持:
    354
    性别:
    男
    Репутация:
    8
    Команда:
    DeBalance Art Team
    Страна:
    Russian Federation Russian Federation
    Почему iframe?
    Неужто хочешь вернуть свой 2007й?
    Гадес, 2016-04-26
    #2
  3. TopicStarter Overlay
    Convict

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

    帖子:
    88
    支持:
    14
    性别:
    女
    Репутация:
    0
    Команда:
    Insanity
    хм =) хз просто нет нормального вивера (монитор тски) вот с psyhokillera взял и поставил) Ну у него там фрейм =\
    Convict, 2016-04-26
    #3
  4. Fituchini

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

    帖子:
    339
    支持:
    71
    性别:
    男
    Репутация:
    0
    Команда:
    PWAA
    Страна:
    Russian Federation Russian Federation
    Чёт не пойму, что ты хочешь получить на деле? Красивый справа бегунок который вертит страничку вверх вниз?
    и почему <iframe>? почему не <frameset>
    Да и в теле фрейма обычно все стили настраиваются)

    объясни что хочешь получить в конечном результате
    Fituchini, 2016-04-26
    #4
  5. TopicStarter Overlay
    Convict

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

    帖子:
    88
    支持:
    14
    性别:
    女
    Репутация:
    0
    Команда:
    Insanity
    Хочу сделать свой скролл) Поменьше и без фона
    Convict, 2016-04-26
    #5
  6. Fituchini

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

    帖子:
    339
    支持:
    71
    性别:
    男
    Репутация:
    0
    Команда:
    PWAA
    Страна:
    Russian Federation Russian Federation
    можно внести изменения в движок с помощью префикса 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/
    Последнее редактирование модератором: 2016-05-04
    Fituchini, 2016-04-26
    #6
    已获得Convict的支持.
  7. TopicStarter Overlay
    Convict

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

    帖子:
    88
    支持:
    14
    性别:
    女
    Репутация:
    0
    Команда:
    Insanity
    Дело в том что я так делал body {code} и у меня он не хавал его, а ипользовал стандарты. В общем если разбираешь так, какова цена вопроса? И если умеешь выводить новости и последние темы, то нам с тобой по пути, ну в общем цену бы, запарился уже голову ломать х)
    Последнее редактирование модератором: 2016-05-04
    Convict, 2016-04-27
    #7
Черновик сохранён Черновик удалён
Similar Threads
  1. Unix

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

    Unix, 2012-12-09, 所属版块: Веб
    回复:
    13
    浏览:
    3,238
    4elovek
    2013-06-16
正在加载...

分享此页面