Как сделать стандартные смайлики в три колонки?
|
|
[16] OKO [29.06.2012, 14:12] |
Запутался это в 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 |
|
[17] OKO [29.06.2012, 14:15] |
Попробовал в "форме добавления сообщения" поменять, в целом получилось это:
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?>
Но не работает:
|
|
[18] likbezz [29.06.2012, 15:02] |
OKO, А в файле что? Там должен быть оригинальный код + добавленные стили.
Подробно о том как и какие стили добавить написано в первом посте. Оригинальный файл нужно скачать, переименовать, изменить и залить заново, но уже себе в папку. На него поставить ссылку.
В общем, вы все правильно сделали, но похоже файл либо пустой, либо не тот... либо не в той кодировке. Короче, смотрите. Ищите что не так. В остальном все верно. |
|
[19] OKO [29.06.2012, 15:31] |
Всё как в первом посте делал, скачал (если точнее, открыло страницу с этим кодом, всё скопировал в блокнот и сохранил), нужное заменил, сохранил, залил. Но работать не хочет Добавлено (29.06.2012, 15:31) --------------------------------------------- Попробовал вставить файл без изменений, т.к. по идее должно открыть обычное окно со смайлами в один столбик - открывает просто пустое окно. Может, дело не в файле, а в самом коде в шаблоне мини-чата "форма добавления сообщения"?
Сообщение отредактировал OKO - Пятница, 29.06.2012, 15:23 |
|
[20] likbezz [29.06.2012, 16:34] |
OKO, Всё как в первом посте делал, скачал (если точнее, открыло страницу с этим кодом, всё скопировал в блокнот и сохранил) Вот это вот ошибка) Надо было сохранить как XML, там же ещё и теги в исходнике. а потом уже открывать в блокноте. и изменять. Блокнот сохранять в кодировке UTF-8 без bom, если вдруг по умолчанию другая. |
|
[21] OKO [29.06.2012, 16:43] |
Надо было сохранить как XML Как xml и сохранял) Ведь я правильно понимаю, всё нужно скопировать, вставить в блокнот и сохранить? Иначе как весь этот код оттуда выудить =D Кодировка другая была, поменял на UTF-8, всё равно не работает. |
|
[22] likbezz [29.06.2012, 22:50] |
OKO, Как xml и сохранял) Ведь я правильно понимаю, всё нужно скопировать, вставить в блокнот и сохранить? Не совсем так, попробуйте просто открыть в браузере и сохранить открытый документ «Как ...». Нажать Ctrl + S Вот так. |
|
[23] OKO [30.06.2012, 00:50] |
likbezz, спасибо, теперь всё работает) |
|
[24] OKO [30.06.2012, 01:09] |
Хотя, нет, не совсем 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?>
Появилось две проблемы: как выравнять эти столбики по правому краю, а не левому, чтобы не было такой лесенки?
И собственно главная проблема - при нажатии на смайлы они не вставляются в окно с сообщением для мини-чата.
Сообщение отредактировал OKO - Суббота, 30.06.2012, 01:10 |
|
[25] likbezz [30.06.2012, 02:59] |
OKO, т.к. часть смайлов почему-то не отображало и их "съедало": Побольше окно бы сделали да и все. За это отвечают параметры в вызове, там «300» по моему.
как выравнять эти столбики по правому краю, а не левому, чтобы не было такой лесенки? Как обычно: text-align:right; Code #stSmailTb tr td{width:50px!important;height:30px;vertical-align:middle;text-align:right;}
И собственно главная проблема - при нажатии на смайлы они не вставляются в окно с сообщением для мини-чата. В вашем файле функция должна быть, проверьте её наличие и корректность.
|
|
[26] OKO [30.06.2012, 17:37] |
За это отвечают параметры в вызове, там «300» по моему. Я так понял, что 300 отвечает за общую ширину столбиков, а 100 за ширину самих столбиков. Ставил 600 и 100, получилось 6 столбцов)
Как обычно: text-align:right; Всё равно не помогает. Пробовал просто align:right, уже и там и там его вставлял, всё равно не хочет. Но насчёт этого другая мысль появилась: можно ли картинки смайлов и текст их вызова местами поменять? Чтоб картинки слева текста были? Тогда и по правому краю выравнивать не придётся) Или вообще - можно этот текст убрать, чтоб остались только смайлы; при нажатии на них текст вызова в мини-чат будет вставляться, но в окне его не будет видно?
В вашем файле функция должна быть, проверьте её наличие и корректность. Всё на месте.
Сообщение отредактировал OKO - Суббота, 30.06.2012, 17:40 |
|
[27] likbezz [30.06.2012, 20:05] |
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 ячейки, и они равны, какая ширина каждой отдельной ячейки в этой строке?
Смотрите лог ошибок. Я же не знаю что у вас там, могу только предполагать, основываясь на вашем описании проблемы. |
|
[28] OKO [30.06.2012, 20:27] |
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, столбики как-то шире стали Затем вставил 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"> А так на деле:
Теперь другой вопрос появился: можно ли как-то расстояние между столбиками увеличить? А то вплотную слишком) И смайлы по-прежнему не вставляются в поле сообщения.
Сообщение отредактировал OKO - Суббота, 30.06.2012, 20:28 |
|
[29] likbezz [30.06.2012, 20:59] |
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] OKO [30.06.2012, 22:12] |
Прописал padding-right:10px, и вместо 540/180 вернул 600/200, т.к. небольшие косяки вылезли) Теперь осталось только сделать так, чтоб они в окно с сообщением вставлялись =D
Добавлено (30.06.2012, 22:12) --------------------------------------------- Попробовал сохранить через CTRL+S оригинал и его залить, т.к. с ним по идее должно работать. Окно открывается, смайлы в один столбик на месте, но тоже не вставляются. Попробовал просто скопировать код в блокнот и сохранить как xml (с UTF-8) - вообще пустое окно открывает. Почему-то кажется, что дело где-то в коде шаблона "форма добавления сообщения"..
Сообщение отредактировал OKO - Суббота, 30.06.2012, 22:12 |
|