Фильтр по:
  

  • Страница 1 из 8
  • 1
  • 2
  • 3
  • 7
  • 8
  • »
Модератор форума: likbezz  
Скрипты и коды для юкоз - Форум аццкого кодера » Как сделать? Информация для вновь прибывших » Вопрос по теме ... » Как сделать стандартные смайлики в три колонки? (Решение на CSS и JavaScript. Подменяем стандартные смайлы)
Как сделать стандартные смайлики в три колонки?
Дата: Суббота, 24.03.2012, 22:15 |
Подполковник
Группа: Проверенные
Сообщений: 109
Награды: 0
Репутация: 1
Статус: Offline


likbezz, помогите, пжлуста, сделать таблицу со стандартными смайлами в три столбика. У меня ничего не получается. Я эту задачу самостоятельно решить не могу.

 
Дата: Четверг, 29.03.2012, 04:24 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


И так, всё очень просто.
Весь смысл в том, что бы подменить файл со смайлами на свой, отредактированный. И всё.
...
Шаг 1. Скачиваем стандартный файл со смайликами, он расположен по адресу:
Code
http://likbezz.ru/index/35-1-

Где: вместо likbezz.ru - ваш сайт.
...

Шаг 2. Открываем скаченный файл блокнотом, находим такую строку:
Code
<cmd p="content"><![CDATA[<table border="0" cellspacing="0" style="width:100%" cellpadding="2">

и заменяем на такую:
Code
<cmd p="content"><![CDATA[<style type="text/css">#stSmailTb{width:300px!important;margin:0 auto;}#stSmailTb tr{width:100px!important;float:left;clear:right;height:30px;}#stSmailTb tr td{width:50px!important;height:30px;vertical-align:middle;}</style><table id="stSmailTb" border="0" cellspacing="0" cellpadding="2">

Сохраняем файл под именем 35-1.xml
...

Шаг 3. Создаём в корне сайта папку, например «files» и закачиваем туда поправленный файл со смайлами.
Запоминаем, а лучше записываем, ссылку на него.


...

Шаг 4. Заходим в ПУ, открываем шаблон Форум - Форма добавления сообщения и в самый низ прописываем данный скрипт:
Code
<?if($SMILES$)?>
<script type="text/javascript">
$('#frM56 input[title="Smiles"]').parent().html('<input type="button" title="Smiles" value=" : ) " onclick="new _uWnd(\'Sml\',\'Полный список смайлов\',340,400,{autosize:0,closeonesc:1,resize:0},{url:\'/files/35-1.xml\'});" style="width:20px;" class="codeButtons" />');
$('#allSmiles').html('<a onclick="new _uWnd(\'Sml\',\'Полный список смайлов\',340,400,{autosize:0,closeonesc:1,resize:0},{url:\'/files/35-1.xml\'});return false;"  href="javascript://" title="Полный список смайлов">Все смайлы</a>');
</script>
<?endif?>

Где:
Code
/files/35-1.xml
- ссылка на ваш файл со смайлами, тот, который меняли и закачали на сайт.


...

Получаем вот такое:


...

Прикрепления: 6442830.png (4.0 Kb) · 9542752.png (18.6 Kb) · 2760576.png (11.4 Kb)

 
Дата: Воскресенье, 01.04.2012, 16:45 |
Подполковник
Группа: Проверенные
Сообщений: 109
Награды: 0
Репутация: 1
Статус: Offline


спасибо большое! в принципе, у меня получилось. Но, т.к. я вставляла в сайт свой набор смайлов, то некоторые смайлики занимают намного больше места. Вот такие, например - И они не влазят в таблицу. их обрезало сверху и справо, вот так:


А под меню формы ввода сообщений появились html коды, которые, если нет ошибки, не должны быть видны.


Я не могу найти ошибку, почему так произошло. Ваш скрипт поставила в конец кодов, ничего в нем не меняя. Помогите мне, пжлста!

Никак не пойму, почему вылезли эти надписи " onclick="new _uWnd('Sml','Полный список смайлов',340,400,{autosize:0,closeonesc:1,resize:0},{url:'/files/35-1.xml'});" style="width:20px;" class="codeButtons" /> в форме добавления сообщений?


Сообщение отредактировал Yael - Воскресенье, 01.04.2012, 18:41
 
Дата: Понедельник, 02.04.2012, 03:15 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


Yael,
Quote (Yael)
Ваш скрипт поставила в конец кодов, ничего в нем не меняя. Помогите мне, пжлста!

Скрипт вот этот возьмите, из прикрепления, замените свой на этот.
...
Quote (Yael)
Но, т.к. я вставляла в сайт свой набор смайлов, то некоторые смайлики занимают намного больше места. Вот такие, например - И они не влазят в таблицу. их обрезало сверху и справо, вот так:

Данный код для стандартных смайликов, нестандартные лучше вынести в группу «Дополнительные смайлы»...
Единственное что приходит в голову - уменьшить слишком большие смайлы:
Code
<style type="text/css">
#stSmailTb{width:300px!important;margin:0 auto;}
#stSmailTb tr{width:100px!important;float:left;clear:right;height:40px;}
#stSmailTb tr td{width:50px!important;height:40px;vertical-align:middle;}
#stSmailTb tr td img{max-height:40px;max-width:50px;}
</style>



...
Файл смайлов с этими стилями в прикреплении ...

Прикрепления: sml.txt (0.6 Kb) · mmgitik_35-1.xml (52.4 Kb) · 9141777.png (9.6 Kb)

 
Дата: Среда, 04.04.2012, 00:22 |
Подполковник
Группа: Проверенные
Сообщений: 109
Награды: 0
Репутация: 1
Статус: Offline


likbezz, спасибки! Все получилось! Отлично работает, никто ни на кого больше не наезжает!
Боялась, что эти смайлики будут и в комментах маленькие, ан нет, такие же, как и остальные!!!!
Вы настоящий волшебник! Огромное спасибо!!!


 
Дата: Пятница, 27.04.2012, 12:27 |
Группа: Гости





Увы. У меня не получилось. После всех манипуляций окошко с дополнительными смайликами просто перестало открываться.

 
Дата: Пятница, 27.04.2012, 13:33 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


Гость,
Quote (Гость)
Увы. У меня не получилось

Ну, бывает.
...


 
Дата: Пятница, 27.04.2012, 14:38 |
Группа: Гости





Quote (likbezz)
Ну, бывает.
...

И ничем моему горю помочь нельзя? Делала все, как в инструкции написано.


 
Дата: Пятница, 27.04.2012, 22:49 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


Гость,
Quote (Гость)
И ничем моему горю помочь нельзя?

Вот так, заочно, наугад, нее видя саму проблему?
- Не знаю, я гадать не люблю )
...


 
Дата: Понедельник, 14.05.2012, 16:42 |
Mistr
Сержант
Группа: Проверенные
Сообщений: 21
Награды: 0
Репутация: 0
Статус: Offline


Все сделал как описано, все смайлы выводятся как надо, но при нажатии на смайл, ничего не происходит( смайлы не отображаются в поле где пишешь сообщение, как исправить?(

Добавлено (14.05.2012, 16:42)
---------------------------------------------
likbezz, хееелп

 
Дата: Понедельник, 14.05.2012, 17:07 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


Mistr,
Quote (Mistr)
Все сделал как описано, все смайлы выводятся как надо, но при нажатии на смайл, ничего не происходит( смайлы не отображаются в поле где пишешь сообщение, как исправить?(

Попробовать сделать все сначала.
В xml файле скрипт, возможно вы его удалили.
...


 
Дата: Пятница, 29.06.2012, 13:41 |
OKO
Сержант
Группа: Зарегистрированные
Сообщений: 24
Награды: 0
Репутация: 0
Статус: Offline


Попытался вставить это в блок с мини-чатом, чтоб там смайлы в 3 колонки выводились, не работает. Там, наверно, что-то другое прописывать нужно?)

 
Дата: Пятница, 29.06.2012, 13:47 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


OKO,
чтоб там смайлы в 3 колонки выводились, не работает.

Конечно, там наверняка другие классы, и вообще.

Попытался вставить это в блок с мини-чатом, чтоб там смайлы в 3 колонки выводились, не работает. Там, наверно, что-то другое прописывать нужно?)

А какой «этот»?
В мини-чате, по моему свои смайлы есть, там и нужно менять.
...


 
Дата: Пятница, 29.06.2012, 13:51 |
OKO
Сержант
Группа: Зарегистрированные
Сообщений: 24
Награды: 0
Репутация: 0
Статус: Offline


likbezz, это она и есть, как мне кажется =D С наградами разобрался более-менее smile

Сообщение отредактировал OKO - Пятница, 29.06.2012, 13:52
 
Дата: Пятница, 29.06.2012, 13:57 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


OKO,
это она и есть, как мне кажется

Да это я лажанулся, думал все в теме про награды рисуешь)
Уже понял что все там, где надо)
...
Там в принципе, то же самое что и тут
код ссылки:
Code
<a title="Вставить смайл" onclick="new _uWnd('Sml',' ',-250,-350,{autosize:0,closeonesc:1,resize:0},{url:'/index/35-1-2'});return false;" rel="nofollow" href="javascript://"><img width="13" height="15" border="0" align="absmiddle" src="http://s19.ucoz.net/img/fr/mcs.gif" alt=""></a>

надо поменять на вот такой:
Code
<a title="Вставить смайл" onclick="new _uWnd('Sml',' ',340,400,{autosize:0,closeonesc:1,resize:0},{url:'/files/35-1.xml'});return false;" rel="nofollow" href="javascript://"><img width="13" height="15" border="0" align="absmiddle" src="http://s19.ucoz.net/img/fr/mcs.gif" alt=""></a>

Где:
/files/35-1.xml - ваш файл со смайлами.
Стили те же.


 
Скрипты и коды для юкоз - Форум аццкого кодера » Как сделать? Информация для вновь прибывших » Вопрос по теме ... » Как сделать стандартные смайлики в три колонки? (Решение на CSS и JavaScript. Подменяем стандартные смайлы)
  • Страница 1 из 8
  • 1
  • 2
  • 3
  • 7
  • 8
  • »
Поиск:


Мобильная версия