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

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


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

Мы в социальных сетях



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

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


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

Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
Интересные решения
Быстрый переход к сервисам: JPG-Net Видео фоторедактор Транслит
Видео-туториалы
Настройка шапки форума
Категории и подфорумы - 1
Создание портала
Модули
Виджеты
Как присваивать награды
Выброс кубиков
Pop-up для входа на форум
Настроение в профиле

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

Предыдущая тема Следующая тема Перейти вниз

Решено Блок смайлов в быстром ответе

Сообщение автор Боля в Вс 14 Июл - 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 

 

Боля
 
 

Пол : Женщина
Сообщения : 56
Карма : Без предупреждений
Благодарности : 1
Регистрация : 2012-10-20

http://flashroom.forum2x2.ru/

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

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

Сообщение автор Боля в Пн 15 Июл - 23:01

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

Боля
 
 

Пол : Женщина
Сообщения : 56
Карма : Без предупреждений
Благодарности : 1
Регистрация : 2012-10-20

http://flashroom.forum2x2.ru/

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

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

Сообщение автор IceQueen в Вт 16 Июл - 6: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;
}

И будет широкое окошко, заполненное смайлами

IceQueen
Помощник
Помощник

Пол : Женщина
Сообщения : 1110
Возраст : 27
Карма : Без предупреждений
Благодарности : 476
Регистрация : 2009-05-31

http://help.forum2x2.ru/

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

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

Сообщение автор Боля в Вт 16 Июл - 9:13

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


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


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

Боля
 
 

Пол : Женщина
Сообщения : 56
Карма : Без предупреждений
Благодарности : 1
Регистрация : 2012-10-20

http://flashroom.forum2x2.ru/

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

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

Сообщение автор IceQueen в Вт 16 Июл - 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
Помощник
Помощник

Пол : Женщина
Сообщения : 1110
Возраст : 27
Карма : Без предупреждений
Благодарности : 476
Регистрация : 2009-05-31

http://help.forum2x2.ru/

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

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

Сообщение автор Боля в Вт 16 Июл - 11:01

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

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

Боля
 
 

Пол : Женщина
Сообщения : 56
Карма : Без предупреждений
Благодарности : 1
Регистрация : 2012-10-20

http://flashroom.forum2x2.ru/

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

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

Сообщение автор IceQueen в Вт 16 Июл - 11:18

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



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

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

IceQueen
Помощник
Помощник

Пол : Женщина
Сообщения : 1110
Возраст : 27
Карма : Без предупреждений
Благодарности : 476
Регистрация : 2009-05-31

http://help.forum2x2.ru/

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

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

Сообщение автор Боля в Вт 16 Июл - 11:21

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

Боля
 
 

Пол : Женщина
Сообщения : 56
Карма : Без предупреждений
Благодарности : 1
Регистрация : 2012-10-20

http://flashroom.forum2x2.ru/

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

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

Сообщение автор IceQueen в Вт 16 Июл - 11:24

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

IceQueen
Помощник
Помощник

Пол : Женщина
Сообщения : 1110
Возраст : 27
Карма : Без предупреждений
Благодарности : 476
Регистрация : 2009-05-31

http://help.forum2x2.ru/

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

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

Сообщение автор Боля в Вт 16 Июл - 11:43

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

Боля
 
 

Пол : Женщина
Сообщения : 56
Карма : Без предупреждений
Благодарности : 1
Регистрация : 2012-10-20

http://flashroom.forum2x2.ru/

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

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

Сообщение автор phoeba в Вт 16 Июл - 22:14

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

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

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

phoeba
Новичок

Сообщения : 2
Карма : Без предупреждений
Благодарности : 0
Регистрация : 2013-07-09

http://renaissance.forumgrad.ru/

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

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

Сообщение автор Домовой в Вт 16 Июл - 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;
}

Домовой
 
 

Пол : Мужчина
Сообщения : 6976
Возраст : 92
Место обитания : :яинатибо отсеМ
Карма : Без предупреждений
Благодарности : 3216
Регистрация : 2010-01-30

http://udomovogo.rusff.ru

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

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

Сообщение автор Боля в Ср 17 Июл - 2:41

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

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

Боля
 
 

Пол : Женщина
Сообщения : 56
Карма : Без предупреждений
Благодарности : 1
Регистрация : 2012-10-20

http://flashroom.forum2x2.ru/

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

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

Сообщение автор Домовой в Ср 17 Июл - 7:38

А вообще достаточно вот этого
Код:
#quickEmojInternal {
height:200px!important;
width:600px!important;
position:fixed!important;
left:2px!important;
top:2px!important;
border:1px solid #ссс!important;
}

Домовой
 
 

Пол : Мужчина
Сообщения : 6976
Возраст : 92
Место обитания : :яинатибо отсеМ
Карма : Без предупреждений
Благодарности : 3216
Регистрация : 2010-01-30

http://udomovogo.rusff.ru

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

Предыдущая тема Следующая тема Вернуться к началу


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