Важная информация!
Правила форума
для обязательного прочтения!
Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
(забыл / потерял пароль)
Общий FAQ по управлению форумом
FAQ: реклама на форуме
Туториалы по разным функциям ваших форумов
Алфавитный указатель
Интересные решения для форумов
Наши видео-туториалы
Условия пользования сервисом
Ссылки на полезные ресурсы
Последние темы
» Не корректное отображение картинокавтор Luz Вчера в 12:40
» Переход с 2x2forum.ru на 2x2forum.com
автор Luz Вчера в 12:13
» Проблема с метатегом Description
автор VeraLV Март 18th 2024, 15:31
» 1 марта будет запрет на ВПН, это отразится на работе платформы?
автор Svet007 Март 14th 2024, 11:43
» нужен скрипт сумма просмотров тем в разделе
автор лексей2222 Март 5th 2024, 07:37
» Новое: Откройте для себя функцию "Подписка на пользователей"
автор лексей2222 Март 1st 2024, 17:26
» 301 редирект
автор Dana Domirani Февраль 25th 2024, 18:28
» Помощь в нескольких вопросах по форуму
автор лексей2222 Февраль 22nd 2024, 13:21
» [Общая тема] Что делать, если вы забыли / потеряли пароль
автор Dana Domirani Февраль 14th 2024, 00:54
» Загрузка форума
автор лисенок Февраль 13th 2024, 01:09
Блок смайлов в быстром ответе
Участников: 4
Бесплатный форум: форум поддержки :: Взаимопомощь и Поддержка :: Оформление вашего форума :: [Архив] Оформление форума
Страница 1 из 1
Блок смайлов в быстром ответе
Помните в старом редакторе был чудесный код в CSS , который позволял самим сделать окно со смайлами удобного размера в любом месте. Этот:
А сейчас по нему только место можно выбрать и размер окна, а вот рассредоточить по всему полю смайлы невозможно, они остаются в мелком окошке с прокруткой.
Может кто поможет?
вот как сейчас
- Код:
[color=#0f206b][/color]
/*блок смайлов*/[color=#0f206b][/color]
img.smiley {[color=#0f206b][/color]
height: auto !important;[color=#0f206b][/color]
width: auto !important;[color=#0f206b][/color]
}[color=#0f206b][/color]
.sceditor-emoticons img, .sceditor-more-emoticons img {[color=#0f206b][/color]
margin: 4px !important;[color=#0f206b][/color]
}[color=#0f206b][/color]
.sceditor-emoticons > div > div + img {[color=#0f206b][/color]
display: none;[color=#0f206b][/color]
}[color=#0f206b][/color]
.sceditor-emoticons > div > div {[color=#0f206b][/color]
display: inline;[color=#0f206b][/color]
}[color=#0f206b][/color]
.sceditor-emoticons {[color=#0f206b][/color]
position:fixed!important;[color=#0f206b][/color]
left:2px!important; /*отступ от левого края форума*/[color=#0f206b][/color]
top:2px!important; /*отступ от верха форума*/[color=#0f206b][/color]
width:500px; /*ширина блока*/[color=#0f206b][/color]
max-height: 300px;[color=#0f206b][/color]
overflow: auto;[color=#0f206b][/color]
background:#FFFFEC !important; /*фон блока*/[color=#0f206b][/color]
border:1px solid #D8BE85 !important; /*рамка блока*/[color=#0f206b][/color]
}
А сейчас по нему только место можно выбрать и размер окна, а вот рассредоточить по всему полю смайлы невозможно, они остаются в мелком окошке с прокруткой.
Может кто поможет?
вот как сейчас
Re: Блок смайлов в быстром ответе
Не очень поняла про рассредоточить (чтобы смайлы все поле занимали?), но попробуй вот этот код:
И будет широкое окошко, заполненное смайлами
- Код:
#quickEmojInternal {
height: 420px !important;
width: 520px !important;
position: relative !important;
margin-left: -400px !important;
-moz-border-radius: 2px !important;
-moz-box-shadow: 1px 2px 4px rgba(0,0,0,0.2) !important;
-webkit-border-radius: 2px !important;
-webkit-box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.2) !important;
border: 1px solid #ccc !important;
border-radius: 2px !important;
box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.2) !important;
}
.smiley-element {
width: 500px !important;
height: 400px !important;
}
div.sceditor-dropdown {
-moz-border-radius: none !important;
-moz-box-shadow: none !important;
-webkit-border-radius: none !important;
-webkit-box-shadow: none !important;
border: none !important;
border-radius: none !important;
box-shadow: none !important;
}
div.sceditor-dropdown, div.sceditor-dropdown div {
background-color: transparent !important;
}
И будет широкое окошко, заполненное смайлами
Re: Блок смайлов в быстром ответе
IceQueen
цветочкам и благодарности нет предела. Спасибо! Все получилось отлично.
а можно этот блог теперь как - нибудь подвигать? Ну чтобы, как в том 1м коде, он был в том месте, где удобно?
а то я в новом только изменения самого блока нашла и сдвиг право-лево, а нужно еще расположение относительно низа(верха).
Или может можно это окно смайлов сделать фиксированным.
цветочкам и благодарности нет предела. Спасибо! Все получилось отлично.
а можно этот блог теперь как - нибудь подвигать? Ну чтобы, как в том 1м коде, он был в том месте, где удобно?
а то я в новом только изменения самого блока нашла и сдвиг право-лево, а нужно еще расположение относительно низа(верха).
Или может можно это окно смайлов сделать фиксированным.
Последний раз редактировалось: Боля (Июль 16th 2013, 10:35), всего редактировалось 1 раз(а)
Re: Блок смайлов в быстром ответе
margin-left двигает блок по горизонтали (если число с минусом, то влево, а если без минуса, то вправо)#quickEmojInternal {
height: 420px !important;
width: 520px !important;
position: relative !important;
margin-left: -400px !important;
margin-top: -1px !important;
-moz-border-radius: 2px !important;
-moz-box-shadow: 1px 2px 4px rgba(0,0,0,0.2) !important;
-webkit-border-radius: 2px !important;
-webkit-box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.2) !important;
border: 1px solid #ccc !important;
border-radius: 2px !important;
box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.2) !important;
}
margin-top двигает блок по вертикали (если число с минусом, то вверх, а если без минуса, то вниз)
Re: Блок смайлов в быстром ответе
даа, спасибо теперь почти идеально!
А можно этот блок смайлов сделать фиксированным? чтобы он не таскался за полем ответа при прокрутке страницы?
А можно этот блок смайлов сделать фиксированным? чтобы он не таскался за полем ответа при прокрутке страницы?
Re: Блок смайлов в быстром ответе
Нет, не получится так. Окошко привязано к кнопке и вообще создается только после клика по ней.
Не забывайте сюда заглядывать!
Pls, не кидайте вопросы "как поставить", "как настроить" мне в ЛС! Я не юзаю личку.
Воспользуйтесь поиском. Откройте свою тему. Это не так страшно, как кажется ;)
Pls, не кидайте вопросы "как поставить", "как настроить" мне в ЛС! Я не юзаю личку.
Воспользуйтесь поиском. Откройте свою тему. Это не так страшно, как кажется ;)
Re: Блок смайлов в быстром ответе
Кажется, вот так получится!
- Код:
.sceditor-dropdown.sceditor-emoticons {
position: fixed !important;
top: 100px !important;
left: 900px !important;
z-index: 999999 !important;
}
Re: Блок смайлов в быстром ответе
с этим кодом смайлов нету вообще
может они улетают за край, но уже всякие значения ставила, все равно не видно их
может они улетают за край, но уже всякие значения ставила, все равно не видно их
Re: Блок смайлов в быстром ответе
Всё получилось! Только учитывая вот это свойство -
div.sceditor-dropdown, div.sceditor-dropdown div {
background-color: transparent !important;
}
фон всех выпадающих окошек в редакторе, кроме смайлов, стал прозрачным(((
div.sceditor-dropdown, div.sceditor-dropdown div {
background-color: transparent !important;
}
фон всех выпадающих окошек в редакторе, кроме смайлов, стал прозрачным(((
Re: Блок смайлов в быстром ответе
Пробуйте так
- Код:
#quickEmojInternal {
height:200px!important;
width:600px!important;
position:fixed!important;
left:2px!important;
top:2px!important;
-moz-border-radius:2px!important;
-moz-box-shadow:1px 2px 4px rgba(0,0,0,0.2)!important;
-webkit-border-radius:2px!important;
-webkit-box-shadow:1px 2px 4px rgba(0,0,0,0.2)!important;
border:1px solid #ccc!important;
border-radius:2px!important;
box-shadow:1px 2px 4px rgba(0,0,0,0.2)!important;
}
.smiley-element {
width:580px!important;
height:180px!important;
}
div.sceditor-dropdown {
-moz-border-radius:none!important;
-moz-box-shadow:none!important;
-webkit-border-radius:none!important;
-webkit-box-shadow:none!important;
border:none!important;
border-radius:none!important;
box-shadow:none!important;
}
Домовой-
-
Сообщения : 6801
Возраст : 100
Регистрация : 2010-01-30
Благодарности : 3243
Re: Блок смайлов в быстром ответе
Домовой, вот я верила что вы ответите , прям ждала
просто счастье, а не окошко получилось, стоит на месте. Размеры чуток переделала.
Спасибо!
тему можно закрывать
просто счастье, а не окошко получилось, стоит на месте. Размеры чуток переделала.
Спасибо!
тему можно закрывать
Re: Блок смайлов в быстром ответе
А вообще достаточно вот этого
- Код:
#quickEmojInternal {
height:200px!important;
width:600px!important;
position:fixed!important;
left:2px!important;
top:2px!important;
border:1px solid #ссс!important;
}
Домовой-
-
Сообщения : 6801
Возраст : 100
Регистрация : 2010-01-30
Благодарности : 3243
Похожие темы
» Проблема со вставкой смайлов в быстром ответе в Опере
» Выброс кубиков в быстром ответе
» свои кнопки в быстром ответе/цитате/ответе (bb коды)
» исчезли кнопки редактирования в быстрых ответах
» Размер шрифта в быстром ответе
» Выброс кубиков в быстром ответе
» свои кнопки в быстром ответе/цитате/ответе (bb коды)
» исчезли кнопки редактирования в быстрых ответах
» Размер шрифта в быстром ответе
Бесплатный форум: форум поддержки :: Взаимопомощь и Поддержка :: Оформление вашего форума :: [Архив] Оформление форума
Страница 1 из 1
Права доступа к этому форуму:
Вы не можете отвечать на сообщения