Работа с рисунками в записях сайта

Обсуждение развития сайта

Работа с рисунками в записях сайта

Сообщение igor » 18 ноя 2012, 18:03

Для тех, кто выставляет новости на сайт, но не дружит с визуальным редактором - работайте в html-режиме.

Текст вставляется без проблем.
Если хотите отбить абзацы текста или просто создать пустое поле, вставляйте символ пробела:  

Фотки загружайте на сайт, затем копируйте ссылку на фото и закрывайте окно. Ссылка будет примерно такой:
http://rrrcn.ru/wp-content/uploads/2012/11/147.jpg где 2012 - папка года, 11 - папка месяца, 147.jpg - название фото
если у вас есть уже фото в яндексе или где-нить ещё, их можно не заливать на наш сайт, а просто скопировать ссылку.

Далее после того как вставили все фото и сохранили в блокноте ссылки на них, располагайте фото в нужных местах текста, вводя следующий код:

<a href="http://__ссылка на фото__.jpg"><img class="alignleft size-full wp-image-14940" style="border: 1px solid black; float: left; margin: 5px;" title="___название фото___" src="http://...ссылка на фото.....jpg" alt="................название фото................" height="__размер__" /></a>

не забудьте вместо __ссылка на фото__.jpg вставить реальную ссылку на ваше фото и вместо ___название фото___ реальное название вашего фото, вместо __размер__, прописать реальный размер в пикселях, который бы вы хотели задать фотографии.

В коде:
float: left; означает выравнивание с левого края. Если хотите выравнивание с правого края, замените left на right
height= - размер по высоте. Если хотите задать размер по ширине, замените height на width
рекомендуемые размеры горизонтальных фото по ширине: width="300" вертикальных фото по высоте: height="260"

Пример кода фотографии выравненной по левому краю с заданным размером по высоте 260 пикселей:
<a href="http://rrrcn.ru/wp-content/uploads/2012/11/147.jpg"><img class="alignleft size-full wp-image-14940" style="border: 1px solid black; float: left; margin: 5px;" title="Последний штрих в установке платформы - спиливание веток, мешающих подлёту птицы. Фото Д. Денисова" src="http://rrrcn.ru/wp-content/uploads/2012/11/147.jpg" alt="Последний штрих в установке платформы - спиливание веток, мешающих подлёту птицы. Фото Д. Денисова" height="260" /></a>

На фотку и то как она стоит в новости можно посмотреть здесь >>> - это левая нижняя фотография
Игорь
Татаро-Монголия
http://sibecocentre.ru/raptors.htm
http://volgabirds.ru/
Аватара пользователя
igor
Администратор
 
Сообщения: 1313
Фото: 3
Зарегистрирован: 17 мар 2012, 17:06
Откуда: Россия
Дневник: Просмотр записи (17)

Вернуться в Сайт

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и гости: 1

cron