-Всегда под рукой

 -Метки

 -Поиск по дневнику

Поиск сообщений в Legionary

 -Подписка по e-mail

 

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 16.05.2009
Записей:
Комментариев:
Написано: 27436

Поля для кодов. Внешний вид и пр.

+ в цитатник

Cообщение скрыто для удобства комментирования.
Прочитать сообщение




уврик   обратиться по имени Очень хорошо, что вы даете такие полезные уроки! Спасибо! Воскресенье, 30 Января 2011 г. 10:47 (ссылка)
Ответить С цитатой В цитатник
Alla_klass   обратиться по имени Воскресенье, 30 Января 2011 г. 12:38 (ссылка)
Ответить С цитатой В цитатник
Феврония52   обратиться по имени Воскресенье, 30 Января 2011 г. 14:31 (ссылка)
Спасибо огромное, помощь для суперчайника просто неоценимая!:blush2:
Ответить С цитатой В цитатник
лиса47   обратиться по имени Воскресенье, 30 Января 2011 г. 15:44 (ссылка)
Ответить С цитатой В цитатник
татьяна_татуревич   обратиться по имени Воскресенье, 30 Января 2011 г. 16:11 (ссылка)
спасибо
Ответить С цитатой В цитатник
aleks_c   обратиться по имени Воскресенье, 30 Января 2011 г. 16:23 (ссылка)
.
класс14К (300x200, 69 Kb)
Ответить С цитатой В цитатник
Н_НИНА   обратиться по имени Воскресенье, 30 Января 2011 г. 17:18 (ссылка)
Леша, какой полезный и интересный пост, спасибо, особенно последнее дополнение здоровское
Леша, я потеряла код твоей прокрутки, где все посты для нас, где его можно взять в твоем дневе?




Ответить С цитатой В цитатник
Продвинутая_БлондИночка   обратиться по имени Воскресенье, 30 Января 2011 г. 22:42 (ссылка)
Спасибо за полезный урок!
65678357_rozovaya (414x382, 62 Kb)
Ответить С цитатой В цитатник
Sudarka   обратиться по имени Понедельник, 31 Января 2011 г. 11:39 (ссылка)
Давно пытаюсь у себя в СОО на "Privet.ru" сделать под баннером окошко, каких только формул не перепробовала, все тщетно. Окошечки меня игнорируют или у меня с пониманием сложности... Надеюсь, сейчас повезет и я , наконец-то сделаю все по уму! Спасибо за очередной урок! Взяла в цитатник!
Ответить С цитатой В цитатник
Arnusha   обратиться по имени Понедельник, 31 Января 2011 г. 14:13 (ссылка)
Ответить С цитатой В цитатник
Liudmila_Sceglova   обратиться по имени Понедельник, 31 Января 2011 г. 15:43 (ссылка)
Спасибо большое
Ответить С цитатой В цитатник
TATYSIY   обратиться по имени Понедельник, 31 Января 2011 г. 17:07 (ссылка)
Здорово!!!Благодарю!!!
Ответить С цитатой В цитатник
валюха53   обратиться по имени Понедельник, 31 Января 2011 г. 19:35 (ссылка)
Нужная подсказка!
5707f64683de (538x342, 37 Kb)
Ответить С цитатой В цитатник
gala705   обратиться по имени Понедельник, 31 Января 2011 г. 23:00 (ссылка)
Лешенька, спасибо !
Ответить С цитатой В цитатник
ЛИНА_-_ЛИНОЧКА   обратиться по имени Вторник, 01 Февраля 2011 г. 03:23 (ссылка)
Ответить С цитатой В цитатник
yahabibi   обратиться по имени Вторник, 01 Февраля 2011 г. 09:07 (ссылка)
Исходное сообщение Legionary
Такой небольшой, но очень полезный постик:)

Речь пойдет про поля, в которые прописывается некий код, для того, чтобы читатель мог потом этот код с легкостью взять. Коды флешек, картинок, постов и пр. Окошки такие, к примеру:



И здесь некий код, который можно легко скопировать

Такие простенькие окошки. Про первое говорить не будем. Оно как бы не совсем предназначено для этих целей (содержать в себе некий код), а вот про второе,- поговорим.

Пишется оно очень просто:




Просто и легко. Можно весь пост "вставить" в такое вот окошко:) В качестве борьбы с плагиатом, например:) Ведь захотят взять,- возьмут, а так... больше шансов, что возьмут то, что вам надо

Отошли от темы:)

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

Я не буду рассказывать о всех возможных изменениях,- их уж слишком много. Можно столько всего накрутить:)

Размер окошка.

За размер окошка отвечают два параметра:
cols - ширина и rows - высота

Применим эти два параметра например так:


Или так:


Пишется это все так:




Обводка и фон окошка.
Тут уже будем применять стили. Вообще, стили можно применять практически к чему угодно ( сейчас даже и не вспомню, есть ли в html хоть один тег, к которому нельзя применить стиль)

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

Это я конечно переборщил с яркостью, чтоб нагляднее было:) НИКОГДА ТАК НЕ ДЕЛАЙТЕ! Это жутко давит на глаза:)

Итак, пишем так:



Про "цифровые" обозначения цвета уже сто раз говорили, но напомню к примеру:
#ffffff - белый,
#cccccc - серый,
#000000 - черный.

В коде есть кусок border: 2px - 2px это толщина обводки. Меняем двойку как хотим:)

На этом пока все, т.к. я тут затронул тему стилей, а это ооочень уж большая тема, но жутко интересная и удобная. Основные знания вы получили, вам их пока хватит:)

Только одно важное дополнение.
Вот коды окошек, которые мы учили выше,- позволяют пользователю не только брать код из окошка, но и писать самому в этом окошке:))
В этом нет ничего страшного, но вдруг, нечаянно чего-нибудь ткнет и видоизменит код:) Скопирует его, а потом побежит к вам с вопросом "почему ничего не работает?":)
Так вот, чтобы этого избежать, приписываем дополнительный параметр readonly. Пишется так:


Ну и результат:
код, который должен отображаться в окошке

Написать что-либо в это окошко пользователю уже не удастся:)
Буду осваивать... Спасибо!!!
Ответить С цитатой В цитатник
MISTER_MIGELL   обратиться по имени Вторник, 01 Февраля 2011 г. 22:05 (ссылка)
Благодарю!))Legionary, Отличный пост!
Ответить С цитатой В цитатник
sophy-catherine   обратиться по имени Вторник, 01 Февраля 2011 г. 22:44 (ссылка)
*
 (338x400, 79Kb)
Ответить С цитатой В цитатник
jeni_kz   обратиться по имени Среда, 02 Февраля 2011 г. 11:32 (ссылка)
спасибо. я раньше незнала как эти окошечки делать,потом подсказали, а тебе спасибо за то что теперь можно и цветные делать
Ответить С цитатой В цитатник
lubovgesse   обратиться по имени Суббота, 05 Февраля 2011 г. 00:30 (ссылка)
Ответить С цитатой В цитатник
Линка-льдинка   обратиться по имени Поля для кодов. Внешний вид и пр. Суббота, 05 Февраля 2011 г. 19:55 (ссылка)
Спасибо, Алексей! Мне нравится, когда окошко для кода обведено пунктирной линией, попробую так сделать...
Ответить С цитатой В цитатник
Hatshepsoot   обратиться по имени Воскресенье, 06 Февраля 2011 г. 10:21 (ссылка)
Ответить С цитатой В цитатник
selinata   обратиться по имени Пятница, 11 Февраля 2011 г. 16:31 (ссылка)
Вот спасибочки, теперь буду знать как это делается)))))))
Ответить С цитатой В цитатник
Nella__solneshko   обратиться по имени Вторник, 01 Марта 2011 г. 20:52 (ссылка)
Я из, так сказать, начинающих и как раз хотела попытаться сделать рамочку для кода. Спасибо большое за урок.
Ответить С цитатой В цитатник
Татьяна_Сокол   обратиться по имени Суббота, 05 Марта 2011 г. 11:26 (ссылка)
Legionary, От всей души благодарю Лёша у меня получилось! Со временем мы всё заменим на сайте ,нужно только разобраться как это делается.
 (407x324, 37Kb)
Ответить С цитатой В цитатник
эрилика   обратиться по имени Вторник, 12 Апреля 2011 г. 05:25 (ссылка)
Благодарю.Спасибо за readonly
Ответить С цитатой В цитатник
Salomeja_Natanela   обратиться по имени Суббота, 16 Апреля 2011 г. 22:47 (ссылка)
спасибо!
Ответить С цитатой В цитатник
ТИШИНА_500   обратиться по имени Пятница, 20 Мая 2011 г. 12:27 (ссылка)
спасибо
Ответить С цитатой В цитатник
хаверочка   обратиться по имени Понедельник, 23 Мая 2011 г. 15:10 (ссылка)
БОЛЬШОЕ СПАСИБО!!!БЕРУ СЕБЕ.
Ответить С цитатой В цитатник
Комментировать К дневнику Страницы: 1 [2] 3 [Новые]
 

Добавить комментарий:
Текст комментария: смайлики

Проверка орфографии: (найти ошибки)

Прикрепить картинку:

 Переводить URL в ссылку
 Подписаться на комментарии
 Подписать картинку