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



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


<input type='text' size='35' value='<ВАШ КОД>'>

Наводим порядок в дневнике!Как разложить все сообщения в дневнике по полочкам и другие самые важные рекомендации для новичков!




 Не могу оставить письма с вопросами  своих читателей-новичков без внимания!  Я,Nelya Gerbekova даю ссылки на уже написанные, продвинутыми пользователями уроки и учебники для новичков,но бывает и так,что в найденном материале они не могут найти ответы на свои вопросы и потому появляются вот такие незапланированные посты. А  каже