Модератор форума: likbezz  
Скрипты и коды для юкоз - Форум аццкого кодера » Как сделать? Информация для вновь прибывших » Вопрос по теме ... » Как сделать стандартные смайлики в три колонки? (Решение на CSS и JavaScript. Подменяем стандартные смайлы)
Как сделать стандартные смайлики в три колонки?
Дата: Суббота, 15.12.2012, 17:00 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


SKh,
так я максимальный и выбрал.)

Приводить - это значит принудительно изменять, задавать другие, отличные от оригинальных, размеры.

Другие - значит нужные, приемлемые.

Если у меня один смайл будет 500x500, ты думаешь я под него подгонять буду всю таблицу? проще же изменить размер этого смайла на 20x20 - уменьшить стилями, а не физически.
Что ты думаешь по этому поводу?
Ответ обязателен.

так тогда, при таком методе, уже не одну сторону смайлов обрежет, а от больших вообще 10-20% останется.

Объясни как ты пришел к такому выводу?
Только подробно, что бы я понял почему ты спотыкаешься на простейших вещах...
Ответ обязателен.

Задачка:
У Пети есть банка 500 грамм. и стакан 250 грамм. Сколько стаканов влезет в банку? А если стакан объемом 50 грамм?
Ответ обязателен.


 
Дата: Суббота, 15.12.2012, 19:03 |
SKh
Генерал-майор
Группа: Проверенные
Сообщений: 314
Награды: 0
Репутация: 5
Статус: Offline


Ответ обязателен. (3 в одном)
Исходные данные: код, регулирующий размеры рамки и ячеек (как я понял из Сообщение 47).
Поэтому восприятие всех слов (инструкций) привязываются к исходным.
Поэтому инфо в словах, без исходных данных или при исходных данных лишь об управлении размерами рамками и ячейками, о сжатии самих смайлов (абстрактно, без слова о том, как и где это делается) - лишь заводит в тупик.
И из несрастушек между ИД (исходными данными) и словами мозг пытается найти выход используя имеющееся.)
Согласен, что я в терминологии, как и в английском - ни бельмеса, ни гу-гу fool но и предупреждал об этом. wink
К примеру:
приводить все смайлы, опять же через стили, к одному максимальному размеру по высоте и ширине - max-height: N px; max-width: N px;

Как? Если в руках лишь механизмы управления рамкой и ячейками?)))
Сюда же:
приводить все смайлы, опять же через стили, к одному максимальному размеру

Вообще - я технарь))) Но по "тяжелому" железу, промышленным и естественным процессам: горное дело, автотранспорт, орг.синтез, пиролиз, термодеструкция... - это к слову wink
Из вот здесь:
У Пети есть банка 500 грамм. и стакан 250 грамм. Сколько стаканов влезет в банку? А если стакан объемом 50 грамм?

500 - максимальный размер
250 - вдвое меньше максимального размера
50 - минимальный размер
100 - я бы назвал оптимальным размером, применительно к обсуждаемой теме.
wink
_______
Жаль, что в каждой отрасли своя терминология даже в первичных истоках...


Сообщение отредактировал SKh - Суббота, 15.12.2012, 21:48
 
Дата: Суббота, 15.12.2012, 22:19 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


SKh,
Поэтому инфо в словах, без исходных данных или при исходных данных лишь об управлении размерами рамками и ячейками, о сжатии самих смайлов - лишь заводит в тупик.

!? Да я вам последние страницы только и говорю о сжатии картинок, не ужели нужно дублировать каждый отрезок кода?
Я же уже давал стили для картинок:
Code
#stSmailTb td img{max-width: Npx!important;max-height: Npx!important;}

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

И из несрастушек между ИД (исходными данными) и словами мозг пытается найти выход используя имеющееся.)

Это где “несрастушки”? Конкретно, можно пальцем.

Согласен, что я в терминологии, как и в английском - я ни бельмеса, ни гу-гу fool но и предупреждал об этом.

Тогда вкуривайте быстрее, не так уж и много нужно запомнить что бы вникнуть в происходящее, по сути я вам про стили всю данную тему и втолковываю. И слов тут буржуйских раз-два и обчелся.
Не сложно запомнить:

Quote (Info)
table - это таблица.
tr - это строка.
td - это ячейка.
img - это картинка.
width - это ширина.
max-width - это максимально возможная ширина.
height - это высота.
max-height - это максимально возможная высота.


Как? Если в руках лишь механизмы управления рамкой и ячейками?)

..У вас в руках не механизмы, а мухи ...
А голова на что?

Если уж вас ставит в затруднение вопрос: “как сделать меньше смайлы” так что ж вы об этом не спрашиваете?
Еще раз:
Привести смайлы к одному максимальному размеру по высоте и ширине можно (читай: нужно) через стили.
За эти параметры отвечают:
max-height: N px; - за максимальную высоту.
max-width: N px; - за максимальную ширину.
Где N - ваше значение в пикселях.

Например:
Code
#stSmailTb td img{max-width: 20px!important;max-height: 20px!important;}

Сообщение # 57
...

500 - максимальный размер
50 - минимальный размер
100 - я бы, все-таки назвал оптимальным, применительно к обсуждаемой теме.

Неверный ответ.
...


 
Дата: Воскресенье, 16.12.2012, 00:18 |
SKh
Генерал-майор
Группа: Проверенные
Сообщений: 314
Награды: 0
Репутация: 5
Статус: Offline


За эти параметры отвечают:
max-height: N px; - за максимальную высоту.
max-width: N px; - за максимальную ширину.
Где N - ваше значение в пикселях.

Так где они эти max-width и max-width
в предлагаемом коде со стилями?
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">

Наверное я еще и слепой?
И об этом я спрашивал Сообщение 40
Ответ следом. Сообщение 41
И эту строку видел много раз:
Я же писал: «приводить все смайлы, опять же через стили, к одному максимальному размеру по высоте и ширине - max-height: N px; max-width: N px;»...

Где она эта строка в коде? Или где ее взять, найти? Или это нужно прописать дополнительной строкой? Так про добавление строки не было ни слова...
---
Без обид, likbezz, при всем уважении...;)
Но ошибка технаря в значении слов максимальная величина и допустимо-максимальная величина или ограничение максимальной величины может стоить сотен тысяч человеческих жизней. В сравнении с чем любые астрономические убытки - пыль.
wink

Добавлено (15.12.2012, 23:32)
---------------------------------------------
Для меня все просто: указать максимальную - значит МАКСИМАЛЬНУЮ.
Было бы указать допуск или назначить ограничение (разрешение) максимальной величины - сразу бы дошло о чем речь.

Добавлено (16.12.2012, 00:18)
---------------------------------------------
В принципе, первое писал в этой теме уже прочтя ее полностью, и поняв, что идти нужно по пути Yael Сообщение 3, так как все абсолютно идентично.
И намекал, может не совсем корректно, что если бы не были убиты сноски, где мухи трахаются, возможно и сам бы смог разобраться.)
Но...)


Сообщение отредактировал SKh - Воскресенье, 16.12.2012, 00:19
 
Дата: Воскресенье, 16.12.2012, 00:19 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


SKh,
Так где они эти max-width и max-width
в предлагаемом коде со стилями?

Это пример кода, а не готовы код на все случаи жизни и по до все смайлы.
Написано же, большими буквами: Как сделать стандартные смайлики в три колонки?
Для стандартных - не требуется этого.

Где она эта строка в коде?

В стандартном коде её нет.
В стандартном коде вообще всего этого нет.
http://likbezz.ru/index/35-1
это все нужно заполнять и добавлять.

Или где ее взять, найти?

Взять в сообщении # 57.

Или это нужно прописать дополнительной строкой?

Это нужно добавить к стилям.
Отдельной строкой или в продолжение - на усмотрение - разницы нет.

Так про добавление строки не было ни слова...

...А это нужно отдельно озвучивать?
Может тогда и говорить что нужно сначала открыть файл, найти в нем стоку такую-то, тыкнуть туда мышкой и вставить скопированное, нажав на клавиатуре клавиши Ctrl+V ?

Без обид, likbezz, при всем уважении...;)
Но ошибка технаря в значении слов максимальная величина и допустимо-максимальная величина или ограничение максимальной величины может стоить сотен тысяч человеческих жизней. В сравнении с чем любые астрономические убытки - пыль.

Вы сейчас не ракету строите, и речь идет исключительно о HTML и CSS/
Не будем забывать об этом.

В принципе, первое писал в этой теме уже прочтя ее полностью, и поняв, что идти нужно по пути Yael Сообщение 3, так как все абсолютно идентично.

Я не помню что именно было со смайлами для Yael, ибо это было давно...
А стили кстати, в том же №3 прописаны текстом - просто взять и скопировать...
..Это я, дурак, не вспомнил, что проблема уже обсуждалась, и не послал вас туда сразу..

Зато вы выучили несколько значений, и узнали как можно ограничивать размеры элементов.
...


 
Дата: Воскресенье, 16.12.2012, 00:37 |
SKh
Генерал-майор
Группа: Проверенные
Сообщений: 314
Награды: 0
Репутация: 5
Статус: Offline


Для стандартных - не требуется этого.

Так на третьем сообщении я это и понял. И написал сразу, что у меня аналогичная ситуация.
Писал конечно не конкретно, вместо того чтобы сразу так и написать, указав на сообщение 3, я пошутил про обрезание)))
Вот мы и поехали не по тому пути)))


Сообщение отредактировал SKh - Воскресенье, 16.12.2012, 00:37
 
Дата: Воскресенье, 16.12.2012, 00:39 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


SKh,
Вот мы и поехали не по тому пути)

Надеюсь теперь понятно почему я не беру никакую работу без четко обозначенного Технического Задания?)
...


 
Дата: Воскресенье, 16.12.2012, 00:47 |
SKh
Генерал-майор
Группа: Проверенные
Сообщений: 314
Награды: 0
Репутация: 5
Статус: Offline


Это нужно добавить к стилям.

Тут тоже вопрос возникает:
В таблицу стилей, в смысле CSS или можно отдельной строкой в код (а код в файл 35-1.xml)? В нем тоже стили назначены.
???


Сообщение отредактировал SKh - Воскресенье, 16.12.2012, 00:49
 
Дата: Воскресенье, 16.12.2012, 00:53 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


SKh,
Тут тоже вопрос возникает:
В таблицу стилей, в смысле CSS или можно отдельной строкой в код? В нем тоже стили назначены.
???

..ну вот откуда у вас возникают ТАКИЕ вопросы.
В теме ни слова не было об основной таблице стилей. С какого перепуга туда-то?
Хотя, по большому счету, можно и туда - ошибкой не будет и все будет работать .. но смысл? ...

Нет, это так же как и в сообщении №3


...

И намекал, может не совсем корректно, что если бы не были убиты сноски, где мухи трахаются, возможно и сам бы смог разобраться.)

Он не убит, он в прикреплении.
Ты просто невнимательно смотрел (а мой косяк - что не проверил, а поверил на слово).

Прикрепления: 9921924.png (21.9 Kb)

 
Дата: Воскресенье, 16.12.2012, 00:58 |
SKh
Генерал-майор
Группа: Проверенные
Сообщений: 314
Награды: 0
Репутация: 5
Статус: Offline


В сообщении 4
есть фраза
Yael,
Скрипт вот этот возьмите, из прикрепления, замените свой на этот.
а в ней битая сноска.
Изначально думал что придется задать два вопроса:
1. Возможно ли увидеть тот скрипт (есть ли до него доступ)?
2. Куда вставлять стили под фразой
Единственное что приходит в голову - уменьшить слишком большие смайлы:
?
Пока спрашивал - на второй вопрос ответ пришел)))


Сообщение отредактировал SKh - Воскресенье, 16.12.2012, 01:06
 
Дата: Воскресенье, 16.12.2012, 01:07 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


SKh,
В сообщении 4

Да в четвертом.

есть фраза
Yael,
Quote (likbezz, Пн, 02.04.2012, 02:15:51)
Скрипт вот этот возьмите, из прикрепления, замените свой на этот.
а в ней битая сноска.

Вы не знаете что такое «прикрепление» ? О, Боже .. тогда да.



Спросили бы что значит это слово - кто ж знал что вы не в курсе... может еще какие слова вам не понятны? - спрашивайте смелее, я объясню.
А то так и будем - я про одно а вы про другое.

Пока спрашивал - ответ пришел)))

Бывает)

Прикрепления: 6063764.png (11.0 Kb)

 
Дата: Воскресенье, 16.12.2012, 01:40 |
SKh
Генерал-майор
Группа: Проверенные
Сообщений: 314
Награды: 0
Репутация: 5
Статус: Offline


Я правильно понял, теперь в файле 35-1.xml строку
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">

нужно заменить на стили
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>

?
А что делать со скриптом?
Сноска на скрипт в сообщении 4 в самом деле битая.
Во всяком случае я, нажав на вот этот возьмите посмотрев как трахаются мухи, попадаю сюда

Добавлено (16.12.2012, 01:26)
---------------------------------------------
Вы не знаете что такое «прикрепление»

Содержимое прикрепления:
Code
<?if($SMILES$)?>
<script type="text/javascript">
$('#frM56 input[title="Smiles"]').parent().html('<input type="button" title="Smiles" value=" <img src="http://s2.ucoz.net/sm/1/smile.gif" border="0" align="absmiddle" alt="smile" /> " 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?>

Так и должно быть?

Добавлено (16.12.2012, 01:40)
---------------------------------------------
То^ в мозиле, также в хроме, а в опере вместо черных ромбов со знаками вопросов пустые прямоугольники, распложенные вертикально wink


Сообщение отредактировал SKh - Воскресенье, 16.12.2012, 01:40
 
Дата: Воскресенье, 16.12.2012, 01:44 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


SKh,
Сноска на скрипт в сообщении 4 в самом деле битая.
Во всяком случае я, нажав на вот этот возьмите посмотрев как трахаются мухи, попадаю сюда

Там в прикреплении всего три файла, один из которых картинка. Не ужели сложно определить, на глаз, что похоже на файл: http://www.s-kh.ru/index/35-1 а что нет ...
Там вообще выбор не особо велик. На картинку это явно не похоже...
Вот он: http://likbezz.ru/_fr/6/mmgitik_35-1.xml
...

Во всяком случае я, нажав на вот этот возьмите посмотрев как трахаются мухи, попадаю сюда

А еще там написано:
Quote
Скрипт вот этот возьмите, из прикрепления, замените свой на этот.

...

Содержимое прикрепления ... Так и должно быть?... То^ в мозиле, также в хроме, а в опере вместо черных ромбов со знаками вопросов пустые прямоугольники, распложенные вертикально wink

Вы вообще в курсе чем открывают текстовые файлы?

Quote (Info)
Текстовый файл - это компьютерный файл, содержащий текстовые данные. В Windows для файлов с неформатированным текстом обычно используется расширение .txt. Открывают текстовые файлы - текстовым редактором, простейший из которых - Блокнот.


Открывают текстовые файлы - текстовым редактором, простейший из которых - Блокнот.

Браузером открывают HTML файлы.

Quote (Info)
Браузер - это программное обеспечение для просмотра веб-сайтов, их обработки, вывода и перехода от одной страницы к другой. Основными браузерами являются: Internet Explorer, Mozilla Firefox, Safari, Google Chrome, Opera и тд..

Quote (Info)
HTML файлы - это текстовые документы, содержащие разметку на языке HTML, обычно имеют расширение .html или .htm, и обрабатываются специальными приложениями, которые отображают документ в его форматированном виде. Такие приложения, называемые «браузерами» или «интернет-обозревателями».

...

Давайте закроем уже эту тему. устал я с вами.


 
Дата: Воскресенье, 16.12.2012, 01:54 |
SKh
Генерал-майор
Группа: Проверенные
Сообщений: 314
Награды: 0
Репутация: 5
Статус: Offline


Давайте!
wink
Спасибо!
И, приношу извинения за то, что достал своей нудностью и дотошностью.
booze


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


SKh,
Только по файлу я понял еще в сообщение 70, попросил уточнить в сообщении 72.
Битый скрипт sml.txt(1Kb) о котором вопрос 1. в сообщении 70.

Так и должно быть?
То^ в мозиле, также в хроме, а в опере вместо черных ромбов со знаками вопросов пустые прямоугольники, распложенные вертикально wink

Если будете открывать в браузере, то да, так и должно быть.
Правильно его открывать и редактировать в Блокноте.
Там никаких ромбиков не будет.


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


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