Совет 1: Как вставить смайл

Сетевое общение довольно давно вышло за пределы простого сухого текста – эмоциональную окраску ему придают многочисленные смайлики, отражающие настроение вашей записи, дополняющие ее и создающие особенную атмосферу, помогающую читателям почувствовать ваше настроение. Каждый хочет украсить смайликом свое сообщение в форуме, блоге или в социальной сети, и в этой статье вы узнаете, как именно это сделать.
Инструкция
1
Во многих форумах уже есть определенный набор смайликов, зачастую достаточно обширный для того, чтобы отразить всю гамму желаемых эмоций в сообщении. Для вставки готового смайла вам достаточно нажать на кнопку с изображением смайлика в окне редактирования сообщения и выбрать желаемый.
2
Также вы можете вводить смайлики с помощью клавиатурных знаков – многие сервисы поддерживают трансформацию знаков в графические изображения.
3
Если же вы хотите разнообразить количество смайликов до бесконечности – у вас есть возможность вставлять в любое свое сообщение на любом сайте, поддерживающем HTML, смайлики из сетевых коллекций и архивов. Для их вставки вам всего лишь нужно скопировать и вставить их код в сообщение в режиме редактуры текста.
4
Также вы можете использовать специальные программы для вставки смайликов на сайты – с их помощью вы можете вставлять в сообщения самые нетривиальные, оригинальные и интересные смайлики любых размеров, как статичные, так и анимированные. Множество разнообразных смайликов на все случаи жизни предоставит вам программа Sweetim, которую можно встроить в браузер. Еще одна программа называется PostSmile – она обладает теми же функциями и удобным интерфейсом.
5
Устанавливать смайлики можно не только на форумах и сайтах, но и в электронных письмах. Вы можете вставлять смайлики в программу Outlook Express, скопировав набор смайлов в отдельную папку на компьютере. В процессе написания письма в нужном месте нажмите пиктограмму «Вставить рисунок» и укажите путь к нужному смайлику на вашем компьютере, чтобы прикрепить его к письму. Нажмите ОК, а затем отправляйте письмо адресату.

Совет 2: Как на сайте вставить рисунок в рисунок

Возможности языка разметки страниц - HTML - и каскадных таблиц стилей - CSS - позволяют поместить одно изображение в другое многими способами. Разумеется, это требует некоторых навыков верстки веб-страниц, а выбирать конкретный способ нужно исходя из уже существующего кода. Однако в некоторых случаях можно обойтись и без редактирования исходного кода.
Инструкция
1
Существует способ поместить одно изображение в другое без каких-либо изменений в страницах сайта. Для этого достаточно отредактировать хранящуюся на сервере фоновую картинку - с помощью любого графического редактора поместить на нее изображение переднего плана. Если этот способ вам подходит, начните с определения места хранения и названия файла с фоновой картинкой. Это можно сделать, найдя ее в исходном коде страницы или открыв в отдельной вкладке и посмотрев полный путь в адресной строке браузера.
2
С использованием файл-менеджера системы управления сайтом или ФТП-клиента скачайте нужный файл в компьютер и откройте в любом графическом редакторе - например, в устанавливаемом вместе с ОС Windows приложении Paint.
3
Поместите поверх фона картинку переднего плана - в Paint для этого надо из выпадающего списка «Вставить» на вкладке «Главная» выбрать пункт «Вставить из» и в открывшемся диалоге найти нужный файл. Затем отрегулируйте положение вставленного изображения на существующем фоне (потаскайте его мышкой) и сохраните результат (Ctrl + S).
4
Загрузите обратно отредактированную картинку, перезаписав старую. На этом процедура будет завершена.
5
Описанный способ неудобен в том случае, когда вставляемые картинки требуется время от времени менять. Тогда используйте возможности языка HTML - например, сделайте картинку заднего плана фоном того элемента страницы, в который будет помещено изображение переднего плана. Таким элементом-контейнером может служить, скажем, слой (div). Сделать большую из картинок его фоном нужно с использованием описания стилей - атрибута style тега div. Пустой контейнер в HTML-коде может выглядеть так:

<div style="background: url(http://kakprosto.ru/bg.jpg)"></div>

В скобках укажите адрес и название файла фонового изображения на вашем сайте.
6
Составьте тег изображения переднего плана (img), задав в нем с помощью того же атрибута style величины отступов от краев контейнера с фоном. Например:

<img src="http://kakprosto.ru/pic.jpg" width="200" height="100" style="padding: 50px 60px 70px 80px " />

Здесь атрибуты width и height задают размеры изображения, а четыре числа после padding указывают отступы от краев контейнера в пикселах, начиная с верхнего (50) и далее по часовой стрелке (60 - справа, 70 - снизу, 80 - слева).
7
Поместите тег img в контейнер:

<div style="background: url(http://kakprosto.ru/bg.jpg)">
<img src="http://kakprosto.ru/pic.jpg" width="200" height="100" style="padding: 50 60 70 80" />
</div>
8
Добавьте созданные строки в исходный код страницы, а затем, изменяя отступы, отрегулируйте положение вставленной картинки на фоне изображения заднего плана.
Обратите внимание
Можно применить несколько способов, чтобы вставить картинку на сайт. Рассмотрим эти способы. 1. Меню админпанели Медиафайлы=>Добавить новый; 2. Непосредственно в Записи=>редактор админпанели блога WordPress (режим Визуально); наведите курсор на нужное место в тексте  Затем она заменяется изображением. Если загрузка изображений в браузере отключена, атрибут alt дает текстовую информацию о рисунке.
Совет полезен?
Как вставить изображение на сайт? Изображения в вашей web странице могут быть условно двух типов «для вида» или «для дела».  Если вставлять рисунок из какой-либо другой папки, то это нужно указывать, например: < img src="risunki/kartinka.gif" width="100" height="100" border="0" alt="альтернативный текст"> - команда для вставки картинки с именем kartinka.gif, которая находится в папке risunki, с размерами вставки 100 на 100 (ширина и высота).
Источники:
  • как вставить смайлик вконтакте
Поиск
Совет полезен?
Комментарии 2
Пожаловаться
написалa
<a href="http://smayliki.ru/smilie-775639719.html"><img src="http://s10.rimg.info/010c159f02191309847a5bbbe81b0fb4.gif" alt="010c159f02191309847a5bbbe81b0fb4.gif" /></a>
Пожаловаться
написалa
Не работает...
Добавить комментарий к статье
Осталось символов: 500