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


Запутался wacko это в xml-файле менять, в шаблоне мини-чата "форма добавления сообщения":
Code
<?if($SMILES_URI$)?> <a href="$SMILES_URI$" title="Вставить смайл"><img alt="" border="0" align="absmiddle" src="http://s22.ucoz.net/img/fr/mcs.gif" width="13" height="15"></a><?endif?>

или где-то тут?
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
<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>


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


Попробовал в "форме добавления сообщения" поменять, в целом получилось это:

Code
<?if($SMILES_URI$)?> <a title="Вставить смайл" onclick="new _uWnd('Sml',' ',340,400,{autosize:0,closeonesc:1,resize:0},{url:'/xml/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><?endif?>


Но не работает:


Прикрепления: 6702468.jpg (436.0 Kb)

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


OKO,
/xml/35-1.xml

А в файле что?
Там должен быть оригинальный код + добавленные стили.

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

В общем, вы все правильно сделали, но похоже файл либо пустой, либо не тот... либо не в той кодировке. Короче, смотрите. Ищите что не так.
В остальном все верно.


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


Всё как в первом посте делал, скачал (если точнее, открыло страницу с этим кодом, всё скопировал в блокнот и сохранил), нужное заменил, сохранил, залил. Но работать не хочет wacko

Добавлено (29.06.2012, 15:31)
---------------------------------------------
Попробовал вставить файл без изменений, т.к. по идее должно открыть обычное окно со смайлами в один столбик - открывает просто пустое окно. Может, дело не в файле, а в самом коде в шаблоне мини-чата "форма добавления сообщения"?

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


OKO,
Всё как в первом посте делал, скачал (если точнее, открыло страницу с этим кодом, всё скопировал в блокнот и сохранил)

Вот это вот ошибка)
Надо было сохранить как XML, там же ещё и теги в исходнике. а потом уже открывать в блокноте. и изменять.
Блокнот сохранять в кодировке UTF-8 без bom, если вдруг по умолчанию другая.


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


Надо было сохранить как XML

Как xml и сохранял) Ведь я правильно понимаю, всё нужно скопировать, вставить в блокнот и сохранить? Иначе как весь этот код оттуда выудить =D wacko Кодировка другая была, поменял на UTF-8, всё равно не работает.


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


OKO,
Как xml и сохранял) Ведь я правильно понимаю, всё нужно скопировать, вставить в блокнот и сохранить?

Не совсем так, попробуйте просто открыть в браузере и сохранить открытый документ «Как ...». Нажать Ctrl + S
Вот так.


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


likbezz, спасибо, теперь всё работает)

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


Хотя, нет, не совсем xD В коде чуток подправил цифровые значения (ширина-высота), т.к. часть смайлов почему-то не отображало и их "съедало":
Code
<cmd p="content"><![CDATA[<style type="text/css">#stSmailTb{width:600px!important;margin:0 auto;}#stSmailTb tr{width:200px!important;float:left;clear:right;height:35px;}#stSmailTb tr td{width:50px!important;height:35px;vertical-align:middle;}</style><table id="stSmailTb" border="0" cellspacing="0" cellpadding="2">


Code
<?if($SMILES_URI$)?> <a title="Вставить смайл" onclick="new _uWnd('Sml',' ',650,500,{autosize:0,closeonesc:1,resize:0},{url:'/xml/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><?endif?>


Появилось две проблемы: как выравнять эти столбики по правому краю, а не левому, чтобы не было такой лесенки?



И собственно главная проблема - при нажатии на смайлы они не вставляются в окно с сообщением для мини-чата.

Прикрепления: 0876789.jpg (312.8 Kb)

Сообщение отредактировал OKO - Суббота, 30.06.2012, 01:10
 
Дата: Суббота, 30.06.2012, 02:59 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


OKO,
т.к. часть смайлов почему-то не отображало и их "съедало":

Побольше окно бы сделали да и все.
За это отвечают параметры в вызове, там «300» по моему.

как выравнять эти столбики по правому краю, а не левому, чтобы не было такой лесенки?

Как обычно: text-align:right;
Code
#stSmailTb tr td{width:50px!important;height:30px;vertical-align:middle;text-align:right;}


И собственно главная проблема - при нажатии на смайлы они не вставляются в окно с сообщением для мини-чата.

В вашем файле функция должна быть, проверьте её наличие и корректность.


Прикрепления: 8931656.png (15.6 Kb)

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


За это отвечают параметры в вызове, там «300» по моему.

Я так понял, что 300 отвечает за общую ширину столбиков, а 100 за ширину самих столбиков. Ставил 600 и 100, получилось 6 столбцов)

Как обычно: text-align:right;

Всё равно не помогает. Пробовал просто align:right, уже и там и там его вставлял, всё равно не хочет.
Но насчёт этого другая мысль появилась: можно ли картинки смайлов и текст их вызова местами поменять? Чтоб картинки слева текста были? Тогда и по правому краю выравнивать не придётся) Или вообще - можно этот текст убрать, чтоб остались только смайлы; при нажатии на них текст вызова в мини-чат будет вставляться, но в окне его не будет видно?

В вашем файле функция должна быть, проверьте её наличие и корректность.

Всё на месте.


Сообщение отредактировал OKO - Суббота, 30.06.2012, 17:40
 
Дата: Суббота, 30.06.2012, 20:05 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


OKO,
Я так понял, что 300 отвечает за общую ширину столбиков

Нет, это понятно, я имел виду параметры вызова окна:
Code
new _uWnd('Sml',' ',650,500, ...

но вижу вы уже сами сообразили )

Всё равно не помогает. Пробовал просто align:right, уже и там и там его вставлял, всё равно не хочет.

tr{width:200px!important;float:left;clear:right;height:35px;}#stSmailTb tr td{width:50px!important;height:35px;vertical-align:middle;}

Интересно, а как это вы так поделили 200 на 2 и получили 50 ?
Если строка шириной 200 и в строке 2 ячейки, и они равны, какая ширина каждой отдельной ячейки в этой строке?

Всё на месте.

Смотрите лог ошибок.
Я же не знаю что у вас там, могу только предполагать, основываясь на вашем описании проблемы.


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


Code
<cmd p="content"><![CDATA[<style type="text/css">#stSmailTb{width:600px!important;margin:0 auto;}#stSmailTb tr{width:200px!important;float:left;clear:right;height:35px;}#stSmailTb tr td{width:50px!important;height:35px;vertical-align:middle;}</style><table id="stSmailTb" border="0" cellspacing="0" cellpadding="2">

Я так понял, что 600 это общая ширина всех столбиков. 200 - ширина каждого. 600/200=3 столбика. Что за ширина 50 и за что она отвечает, не знаю) Сейчас попробовал её поменять на 100, столбики как-то шире стали wacko Затем вставил text-align:right туда, куда вы говорили - всё заработало, по правой стороне всё выравнялось) Затем чуток ширину подогнал, в целом получилось это (в xml):
Code
<cmd p="content"><![CDATA[<style type="text/css">#stSmailTb{width:540px!important;margin:0 auto;}#stSmailTb tr{width:180px!important;float:left;clear:right;height:35px;}#stSmailTb tr td{width:100px!important;height:35px;vertical-align:middle;text-align:right}</style><table id="stSmailTb" border="0" cellspacing="0" cellpadding="2">

А так на деле:



Теперь другой вопрос появился: можно ли как-то расстояние между столбиками увеличить? А то вплотную слишком) И смайлы по-прежнему не вставляются в поле сообщения.

Прикрепления: 1268265.jpg (517.2 Kb)

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


OKO,
в целом получилось

Ну вот и хорошо)

Что за ширина 50 и за что она отвечает, не знаю)

Общая ширина - так как вы и сказали - 600.
В это ширине 3 ячейки - по 200.
В каждой ячейки еще две ячейки - для текста и самого смайлика, в сумме должно быть 200.

Как-то так.

Теперь другой вопрос появился: можно ли как-то расстояние между столбиками увеличить?

Например задать отступ - справа/слева для каждой ячейки.
Вот в этой строке:
Quote (Code)
#stSmailTb tr td{width:90px!important;padding:0 5px;height:35px;vertical-align:middle;text-align:right}

Где:
100 - (5+5) == 90


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


Прописал padding-right:10px, и вместо 540/180 вернул 600/200, т.к. небольшие косяки вылезли)
Теперь осталось только сделать так, чтоб они в окно с сообщением вставлялись =D

Добавлено (30.06.2012, 22:12)
---------------------------------------------
Попробовал сохранить через CTRL+S оригинал и его залить, т.к. с ним по идее должно работать. Окно открывается, смайлы в один столбик на месте, но тоже не вставляются. Попробовал просто скопировать код в блокнот и сохранить как xml (с UTF-8) - вообще пустое окно открывает.
Почему-то кажется, что дело где-то в коде шаблона "форма добавления сообщения"..


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


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