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

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

Поиск сообщений в Чирок

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

 

 -Статистика

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


Окошко для кода.

Понедельник, 14 Ноября 2011 г. 22:57 + в цитатник
Цитата сообщения Arnusha

Как вставить код любого изображения в аккуратную рамку (урок)
 



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




Цифра "35" - это длина окошка, я такой размер ставлю, когда вставляю код рамочки. Код рамочки большой и соответственно, длина окошка должна быть больше. Иначе код не скопируешь полностью.
Для картинок я беру размер "15", вот он:



Далее, берем код какой-нибудь картинки, например свечи:


и вставим его в наше окошко
Внимание:код вставляем правильно, иначе ничего не получится.
Вы видите в коде ординарные кавычки, а дальше вот такой знак идет в коде:

<


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



Лично я проделываю так: копирую код картинки, ставлю курсор на первую скобку, обвожу синим цветом до
следующей скобки, на скрине я вам это показала, что мы обводим синим цветом..и пр.кнопкой мыши жмём на "вставить". Все, код встал в окошке, и вот что у нас должно получиться: сама картинка


И её код


Так же можно туда вставлять и код флешек, часов и пр.
Но один нюанс, На Ли.ру коды другие, чем например, на Я.ру. И поэтому делается вот так:

Это код флешки -
Здесь он в окошке, а у вас будет стоять ваша флешка
А когда мы код поставим в окошко, то получится вот что:



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



Вот и все дела...Удачи всем!!!



Серия сообщений "Формулы":
Часть 1 - Окошко для кода.
Часть 2 - Коды для оформления блогов.
Часть 3 - Тег для замены цвета
...
Часть 36 - Набор цветных окошек для кодов
Часть 37 - Анимация для сайта. Бегущая строка HTML, тег marquee
Часть 38 - СПЕЦ.КОДЫ ЛИру

Метки:  
Понравилось: 1 пользователю

Бориславна   обратиться по имени Четверг, 16 Апреля 2015 г. 16:42 (ссылка)
Спасибо большое.
Ответить С цитатой В цитатник
 

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

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

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

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