Бесплатный форум: форум поддержки
Добро пожаловать на форум поддержки сервиса Forum2x2 !

Для полноценной работы с форумом,
пожалуйста, войдите на форум под своим логином (если вы уже зарегистрированы) или же зарегистрируйтесь.

Блок смайлов в быстром ответе Fdf10
С нашей помощью вы можете создать форум,
похожий на этот!
Бесплатный форум: форум поддержки
Добро пожаловать на форум поддержки сервиса Forum2x2 !

Для полноценной работы с форумом,
пожалуйста, войдите на форум под своим логином (если вы уже зарегистрированы) или же зарегистрируйтесь.

Блок смайлов в быстром ответе Fdf10
С нашей помощью вы можете создать форум,
похожий на этот!
Мы в социальных сетях
Важная информация!

Правила форума

для обязательного прочтения!

Внимание! Важная информация для РЕГИСТРАЦИИ на форуме:

Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами 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

Перейти вниз

Блок смайлов в быстром ответе Empty Блок смайлов в быстром ответе

Сообщение автор Боля Июль 14th 2013, 18:05

Помните в старом редакторе был  чудесный код в 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]
}

А сейчас по нему  только место можно выбрать и размер окна, а вот рассредоточить по всему полю смайлы невозможно, они остаются в мелком окошке с прокруткой.
Может кто поможет? 
вот как сейчас nea 

 Блок смайлов в быстром ответе 6nBcKbv
Боля
Боля
 

Женщина

Сообщения : 59
Регистрация : 2012-10-20
Благодарности : 1

Без предупреждений

http://flashroom.forum2x2.ru/

Вернуться к началу Перейти вниз

Блок смайлов в быстром ответе Empty Re: Блок смайлов в быстром ответе

Сообщение автор Боля Июль 15th 2013, 23:01

полный игнор какой-то flag
Боля
Боля
 

Женщина

Сообщения : 59
Регистрация : 2012-10-20
Благодарности : 1

Без предупреждений

http://flashroom.forum2x2.ru/

Вернуться к началу Перейти вниз

Блок смайлов в быстром ответе Empty Re: Блок смайлов в быстром ответе

Сообщение автор IceQueen Июль 16th 2013, 06:50

Не очень поняла про рассредоточить (чтобы смайлы все поле занимали?), но попробуй вот этот код:
Код:
#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;
}

И будет широкое окошко, заполненное смайлами
Блок смайлов в быстром ответе Image_11
IceQueen
IceQueen
Помощник
Помощник

Женщина

Сообщения : 1432
Возраст : 35
Регистрация : 2009-05-31
Благодарности : 613

Без предупреждений

https://help.forum2x2.ru/

Вернуться к началу Перейти вниз

Блок смайлов в быстром ответе Empty Re: Блок смайлов в быстром ответе

Сообщение автор Боля Июль 16th 2013, 09:13

IceQueen
rose rose rose 
цветочкам и благодарности нет предела. Спасибо! Все получилось отлично.


а можно этот блог теперь  как - нибудь подвигать? Ну чтобы, как в том 1м коде, он был в том месте, где удобно?
а то я в новом  только изменения самого блока нашла и сдвиг право-лево, а нужно  еще  расположение относительно низа(верха).
Или может можно это окно смайлов сделать фиксированным.


Последний раз редактировалось: Боля (Июль 16th 2013, 10:35), всего редактировалось 1 раз(а)
Боля
Боля
 

Женщина

Сообщения : 59
Регистрация : 2012-10-20
Благодарности : 1

Без предупреждений

http://flashroom.forum2x2.ru/

Вернуться к началу Перейти вниз

Блок смайлов в быстром ответе Empty Re: Блок смайлов в быстром ответе

Сообщение автор IceQueen Июль 16th 2013, 10:31

#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-left двигает блок по горизонтали (если число с минусом, то влево, а если без минуса, то вправо)
margin-top двигает блок по вертикали (если число с минусом, то вверх, а если без минуса, то вниз)
IceQueen
IceQueen
Помощник
Помощник

Женщина

Сообщения : 1432
Возраст : 35
Регистрация : 2009-05-31
Благодарности : 613

Без предупреждений

https://help.forum2x2.ru/

Вернуться к началу Перейти вниз

Блок смайлов в быстром ответе Empty Re: Блок смайлов в быстром ответе

Сообщение автор Боля Июль 16th 2013, 11:01

даа, girl_yesспасибо   rose  теперь почти идеально!

А можно этот блок смайлов  сделать фиксированным? чтобы он не таскался  за полем ответа при прокрутке страницы?
Боля
Боля
 

Женщина

Сообщения : 59
Регистрация : 2012-10-20
Благодарности : 1

Без предупреждений

http://flashroom.forum2x2.ru/

Вернуться к началу Перейти вниз

Блок смайлов в быстром ответе Empty Re: Блок смайлов в быстром ответе

Сообщение автор IceQueen Июль 16th 2013, 11:18

Нет, не получится так. Окошко привязано к кнопке и вообще создается только после клика по ней.



Не забывайте сюда заглядывать!

Pls, не кидайте вопросы "как поставить", "как настроить" мне в ЛС! Я не юзаю личку.
Воспользуйтесь поиском. Откройте свою тему. Это не так страшно, как кажется ;)
IceQueen
IceQueen
Помощник
Помощник

Женщина

Сообщения : 1432
Возраст : 35
Регистрация : 2009-05-31
Благодарности : 613

Без предупреждений

https://help.forum2x2.ru/

Вернуться к началу Перейти вниз

Блок смайлов в быстром ответе Empty Re: Блок смайлов в быстром ответе

Сообщение автор Боля Июль 16th 2013, 11:21

жаль конечно, но все равно стало значительно лучше.
Боля
Боля
 

Женщина

Сообщения : 59
Регистрация : 2012-10-20
Благодарности : 1

Без предупреждений

http://flashroom.forum2x2.ru/

Вернуться к началу Перейти вниз

Блок смайлов в быстром ответе Empty Re: Блок смайлов в быстром ответе

Сообщение автор IceQueen Июль 16th 2013, 11:24

Кажется, вот так получится!
Код:
.sceditor-dropdown.sceditor-emoticons {
position: fixed !important;
top: 100px !important;
left: 900px !important;
z-index: 999999 !important;
}
Не знаю только, как это будет выглядеть на разных мониторах.
IceQueen
IceQueen
Помощник
Помощник

Женщина

Сообщения : 1432
Возраст : 35
Регистрация : 2009-05-31
Благодарности : 613

Без предупреждений

https://help.forum2x2.ru/

Вернуться к началу Перейти вниз

Блок смайлов в быстром ответе Empty Re: Блок смайлов в быстром ответе

Сообщение автор Боля Июль 16th 2013, 11:43

с этим кодом смайлов нету вообще
может они улетают за край, но уже всякие значения ставила, все равно не видно их
Боля
Боля
 

Женщина

Сообщения : 59
Регистрация : 2012-10-20
Благодарности : 1

Без предупреждений

http://flashroom.forum2x2.ru/

Вернуться к началу Перейти вниз

Блок смайлов в быстром ответе Empty Re: Блок смайлов в быстром ответе

Сообщение автор phoeba Июль 16th 2013, 22:14

Всё получилось! Только учитывая вот это свойство -

div.sceditor-dropdown, div.sceditor-dropdown div {
background-color: transparent !important;
}

фон всех выпадающих окошек в редакторе, кроме смайлов, стал прозрачным(((
avatar
phoeba
Новичок

Сообщения : 2
Регистрация : 2013-07-09
Благодарности : 0

Без предупреждений

http://renaissance.forumgrad.ru/

Вернуться к началу Перейти вниз

Блок смайлов в быстром ответе Empty Re: Блок смайлов в быстром ответе

Сообщение автор Домовой Июль 16th 2013, 22:52

Пробуйте так
Код:
#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

Без предупреждений

Вернуться к началу Перейти вниз

Блок смайлов в быстром ответе Empty Re: Блок смайлов в быстром ответе

Сообщение автор Боля Июль 17th 2013, 02:41

Домовой, вот я верила что вы ответите smile , прям ждала girl_blush 
просто счастье, а не окошко получилось, стоит на месте. Размеры чуток переделала.
d_daisy Спасибо!

тему можно закрывать
Боля
Боля
 

Женщина

Сообщения : 59
Регистрация : 2012-10-20
Благодарности : 1

Без предупреждений

http://flashroom.forum2x2.ru/

Вернуться к началу Перейти вниз

Блок смайлов в быстром ответе Empty Re: Блок смайлов в быстром ответе

Сообщение автор Домовой Июль 17th 2013, 07:38

А вообще достаточно вот этого
Код:
#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

Без предупреждений

Вернуться к началу Перейти вниз

Вернуться к началу

- Похожие темы

 
Права доступа к этому форуму:
Вы не можете отвечать на сообщения