Гайды по Доте, Dota 2, стратегии и тактики Warcraft 3 Приветствую Вас Варкрафтер


Как вставлять картинки в текст материала

Главная | Регистрация | Вход | RSS
Меню сайта
Категории каталога
Создание карт [40]
Статьи о Battle.net [30]
GGC (Garena) [4]
Интервью с топ-игроками [64]
Юмор [29]
Разное [68]
Случайная статья
Некроманты дают последний бой (0)
[Нежить против орды]
Просмотров: 1927
Дата написания: 2004 г.
Скелеты поглощают царство орка
Случайная картинка
Закард

Топ статей
Карта гайдов по героям Доты (281)
[Гайды по героям]
Просмотров: 350621
Гайд по Снайперу (Dwarven Sniper) (172)
[Гайды по героям]
Просмотров: 149512
Гайд по Хускару (Huskar, The Sacred Warrior) (269)
[Гайды по героям]
Просмотров: 142208
Гайд по Войду (Faceless Void, Darkterror) (199)
[Гайды по героям]
Просмотров: 137813
Гайд по Урсе (Ursa Warrior) (118)
[Гайды по героям]
Просмотров: 128277
Гайд по Гуле (Лайфстилеру, Найксу) (77)
[Гайды по героям]
Просмотров: 125379
Гайд по Траксе (Traxex, Drow Ranger) (89)
[Гайды по героям]
Просмотров: 107447
Гайд по Баланару (Balanar, Night Stalker) (152)
[Гайды по героям]
Просмотров: 106180
Гайд по Legion Commander (Командиру легиона, Tresdin) (166)
[Гайды по героям]
Просмотров: 103343
Главная » Статьи » Различные статьи Warcraft 3 » Разное


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

Для имеющих доступ к html-кодам и визуальному редактору при добавлении материалов (на нашем сайте такими правами обладают ньюсмейкеры, модераторы и все, кто выше них)

Для этих групп удобнее всего картинки добавлять с помощью диалогового окна для добавления картинок - его можно вызвать при нажатии на соответствующую кнопку в визуальном редакторе (см. рисунок)



Внешний вид данного окна показан на следующем рисунке



Далее в этом диалоговом окне первым делом следует вставить путь к картинке (см. рисунок), которую вы хотите вставить в текст материла. Узнать путь к картинке можно щелкнув на ней правой кнопкой мыши и выбрав в открывшемся меню пункт "Копировать ссылку на изображение" или что-нибудь типа этого (в разных браузерах название этого пункта меню немного отличается, но смысл остается прежним). Затем ставим курсор в поле, которое обведено на следующем рисунке красным цветом (напротив слова "Путь") и вставляем в это поле адрес картинки из буфера (при помощи нажатия комбинации клавиш Ctrl + V или нажатием правой кнопкой мыши и выбором пункта "Вставить" в открывшемся меню).



В некоторых статьях (например этой - иконки героев Доты 2) под самой картинкой уже написан ее адрес на нашем сайте - в этом случае можно непосредственно скопировать этот адрес в буфер обмена (а не жать на картинке правой кнопкой мыши)

Затем, чтобы картинка в тексте смотрелась красиво, следует выбрать вид ее вертикального выравнивания относительно текста (см. рисунок).



Я обычно использую два вида подобного вертикального выравнивания: "абс. середина" и "влево".
Выравнивание "абс. середина" обычно хорошо смотрится в следующих случаях:
1. Картинка расположена у левой границы текста, а описание картинки не длиннее одной строки.
Пример:
Бетрайдер - очень хороший дизейблер благодаря своему лассо.

2. Картинка расположена посередине строки в тексте.
Пример:

Для того, чтобы с самого начала успешно стоять на линии, многие игроки выбирают Бетрайдера - он способен прессовать на лайне других хороших лайнеров, а также ...

Выравнивание "влево" хорошо смотрится когда картинка расположена по левой границе текста, а ее описание составляет две строки и более.
Пример:

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

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



Для тех, кто не имеет доступа к html-кодам

Сохраняем картинку к себе на компьютер - для этого нужно на понравившейся в интернете картинки нажать правую кнопку мыши и выбрать в открывшемся меню пункт "Сохранить изображение как" (ну или подобный, в разных браузерах название этого пункта может немного отличаться). Затем прикрепляем картинку к добавляемому материалу - для этого используем поле для добавления картинки, которое расположено сразу же за полем для полного текста материала (см. рисунок). Жмем там кнопку "Обзор", открывается стандартное диалоговое окно Windows для выбора нужного файла, выбираем файл и путь к нему появляется в поле, которое расположено рядом с этой кнопкой (см. рисунок). Также справа появляется код для добавления этой картинки (то есть если картинка первая, то этот код $ IMAGE1$ если вторая картинка, то - $ IMAGE2$ и т.д., естественно пробел после первого знака $ писать не нужно). Потом можно изменить размеры добавляемой картинки - для тех, у кого есть для этого права.



Если нужно добавить несколько картинок, то жмем кнопку со знаком "+" столько раз, сколько нужно картинок (см. рисунок) и далее повторяем алгоритм действий как и для первой картинки



Этот способ добавления картинок рекомендуется также использовать и ньюсмейкерам с доступом к html-кодам если нужной картинки нет на сайте и картинка "одноразовая" (то есть не относится ни к иконкам героев, ни к иконкам предметов, ни к иконкам спеллов и т.д.)
Категория: Разное | Добавил: Admin (19.09.2013)
Просмотров: 1389 | Комментарии: 21 | Рейтинг: 0.0/0 |
Всего комментариев: 21
1  
никогда не пользовался визуальным редактором...все через хтмл или бб-коды

2  
Никогда так не делал. Всегда пользовался html тегом <img src="...">

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

4  
Его скорее всего делали для тех, кто не знает хтмл...

5  
ну таких в интернете большинство. Откуда среднестатическому юзеру знать премудрости html, этого же в школе не преподают

6  
Я в школе проходил html.

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

8  
паскаль это азы программирования... потом идет объектное программирование.

9  
Как по мне то Паскаль ошибка в программировании. Так как любой язык в программировании можно изучать без знании Паскаля. И в школе, вместо того чтобы мы изучали что-то стоящее, мы должны учить язык 80-х годов.

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

11  
Вот вот. Или же ChromVanadium ты предлагаешь сразу же с 7 класcа изучать какой нибудь pyton, С++, или же java?

12  
да сразу надо ассемблер изучать, не надо мелочиться ))
Хотя можно было бы вместо паскаля сразу Дельфи изучать, но начинать все равно надо будет с нуля (то есть как и в паскале), не обращая внимание на объектно-ориентированные штучки в Дельфи

21  
У нас в колледже повтор паскаля потом Дельфи

13  
Да! Потому что человеческий мозг быстрее запоминает информацию в детстве. Скажешь, что это сложно для 7-го класса? Да, поначалу это покажется сложным, но если через год дети все это повторят, то им это покажется пустяком. Так и с математикой - когда мы начали изучать производные, мне показалось это ппц как сложным, а теперь, когда я их повторил, то уже в уме все могу решить. Так что нехрен забивать мозги разной лабудой. Да и вообще я придерживаюсь мнения одного ученного, который сказал, что детей надо сразу обучать тому, что необходимо( например языки ), потому что в детстве это быстрее запоминается.

14  
Может еще теорию относительности начать преподавать в младших классах? А у детей тогда мозги не задымятся? ))
Ну если не теорию относительности, то хотя бы устройство транзистора - да, это понадобится не всем в жизни, но ведь и программистом станет не каждый

15  
Языки программирования?! Теория относительности?! Фигня тогда уж с первого класса работать идут на атомную станцию.

16  
Чего вы курнули втроем?

18  
Феликс, а ты совсем что ли программированием не занимался?

20  
В школе незнаю как, урока небыли. А вот в лицее паскалю обучали.

17  
иди лучше дворником на Рублевку, там лучше платят, а условия примерно такие же ))

19  
кому-то далеко идти придется )

Имя *:
Email:
Код *:
Последние новости на сайте
Солнечные батареи - путь к бесплатной энергии? (0)
Reckless MC - первый фанатский сериал на движке GTA 5 (15)
Впечатляют ли вас Трансформеры? (24)
Лучшие ульты Энигмы за всю историю Доты 2 (10)
Поиск по сайту
Рекомендуем на сайте
Статистика

Онлайн всего: 3
Гостей: 3
Пользователей: 0