|
Всем Привет!
 Специально для вас, я подготовил полный гайд по верстке статей в газетах erepublik. В принципе, можно использовать некоторые из html тегов или bb кодов, но есть достаточно серьезные отличия. Например, нет возможности вставлять маркированные списки, нету всего количества bb тегов, что есть на многих форумах. Зато есть якоря и несколько интересных рамок. Но обо всем по порядку.
Переход к оглавлению.
1. Текст
Оглавление
[b]текст[/b] - делает текст жирным
[i]текст[/i] - курсив
[u]текст[/u] - подчеркнутый текст
Если необходимо, в комментариях тоже можно выделять текст. Для этого нужно пользоваться тегом:
<strong>текст</strong> - для жирного текста Можно текст выделить цветом: 
<strong class="red">Красный</strong>
<strong class="green">Зеленый</strong>
<strong lana_tip>Трататататата</strong>
Рамки:
<strong class="informer">текст в желтой рамке</strong>
<a class="validicon success_message">
Ваш текст! Необходимо сделать отступ в 2 строчки, чтобы текст неперекрывал зеленую галку.</a>
Можно к рамкам добавлять ссылки, достаточно просто после class="..." добавить href="/ссылка". Например так:
<a class="shoutsleft" href="http://ya.ru">Тык!</a>
Размер:
Для изменения размера текста используется тег size. Вот как будет выглядеть текст с разными размерами:
[size=5]Размер 5[/size]
[size=7]Размер 7[/size]
[size=10]Размер 10[/size]
[size=12]Размер 12[/size]
[size=20]Размер 20[/size]
[size=25]Размер 25[/size]
Ссылки:
Для создания ссылок тоже есть два тега, это: Простой - [url=http://ya.ru]Яндекс[/url] И более сложный html код - <a href="http://yandex.ru">Яндекс</a>. Выглядит так: Яндекс Суть одна и также т.к. в ссылках на erepublik не работают теги title (зато работает в изображениях) или target.
Если вы хотите поделиться длинной ссылкой на другой ресурс, то необходимо эту ссылку сократить.
Для этого существует множество сервисов, таких как:
http://tinyurl.com/
http://byst.ro/
2. Изображения
Оглавление Для вставки изображений в статью, для них необходимо использовать хостинг. Чтобы изображение нормально отобразилось, нужна короткая ссылка на него. Я пользуюсь хостингом http://www.erespublika.ru/go.php?http://tinypic.com/ - он меня еще ни разу не подводил, не было проблем при загрузке и все изображения открываются достаточно быстро. Вставка Для вставки изображения в статью существует два способа: Первый - [img]ссылка на изображение[/img] - простой, но у него есть существенный минус - большие изображения масштабируются до мизерного размера. Чтобы этого избежать, существует еще один способ: <img src="/ссылка на изображение"> - плюс в том, что здесь можно указать ширину, высоту, положение изображения относительно текста, отступ от него,
текст всплывающей подсказки. Об этом я расскажу далее.
Вставка изображения произвольного размера Для этого используется тег: <img src="/ссылка наизображение" width="ширина в пикселях" height="высота в пикселях" hspace="отступ сверху и снизу"
vspace="отступ слева и справа" title="всплывающая подсказка"> Произвольная ширина задается в поле width. Поля height, hspace, vspace, title, можно удалять, если они не нужны. Кликабельные изображения Хороший метод для обработки статей с большими графиками и картинками в ерепе - это выкладывание маленького изображения, чтобы при его нажатии, происходило открытие большого изображения. Очень актуально для графиков, гистограмм, круговых диаграмм, скриншотов, больших картинок и т.д. Вот как это делается: 
(кликабельно)
[url=ссылка на большое изображение] <img src="/ссылка на маленькое изображение" width="ширина в пикселях">[/url]
[size=8](кликабельно)[/size]
Естественно, необходимо учесть, что необходимо два изображения(большое и маленькое), либо удовлетворяться авто масштабированием ерепы, тогда можно указать ссылку на одно и тоже изображение.
Обтекание текстом изображения
Если необходимо сделать обтекание текстом картинки, как в новых статья саппорта или как в самом начале статьи, делайте следующее:
<img src="/ссылка на изображение" width="ширина в пикселях" height="высота в пикселях"
hspace="отступ сверху и снизу" vspace="отступ слева и справа" align="left">Текст.
Можно выровнять изображение справа, слева, посередине, снизу относительно текста. Вот табличка, помогающая определиться:
Поподробнее можно прочитать на этом сайте (учтите только, что тег border в erepublik не работает).
Вставка изображения в текст
Тут все просто. Нельзя использовать тег [img], необходимо пользоваться html тегами (img src):
Хочу 5000 и ку5 еду  .
Хочу 5000 <img src="http://wiki.erepublik.com/images/c/ca/Icon-gold.gif"> и ку5 еду <img src="http://i49.tinypic.com/2s9q7mg.png">.
3. Вставка счетчиков
Оглавление
Со счетчиками все просто - есть множество сайтов, которые позволяют считать количество просмотров или страны из которых пришли ваши читатели. Вот несколько сайтов со счетчиками, которые я нашел:
http://teszt.kuszinet.hu/statisztika/ - спец сайт с счетчиками только для ерепы. Небольшая проблема с русским текстом. Прямо на самом сайте можно просматривать из каких стран были посетители. Для добавления счетчика нужно вставить в нужное место в статье следующий код:
<img src="http://teszt.kuszinet.hu/stat.php">
Если не хотите показывать график, а только количество посетителей, то вставляйте:
<img src="http://teszt.kuszinet.hu/stat.php?mini=1">
И всё, счетчик заработает, на сайте появится статистика для вашей газеты и для статьи в которой вы поместили счетчик. Счетчик очень хороший, только небольшая проблема с отображением русского текста на самом сайте, но ничего критичного (поставьте, увидите).
http://www.somokon.com/erep/code.html - Erepublik Article View Counter by Michael Collins. Считает только количество просмотров. Выглядит как кнопка N views, которая ведет собственно на этот сайт. Вот, что нужно добавить, чтобы появилась эта кнопка:
[url=http://www.somokon.com/erep/code.html]<img src="http://somokon.com/erep/hitcounter.png">[/url]
Простой счетчик, без наворотов. Выглядит так:
http://flagcounter.com/ - Показывает из каких стран пришли читатели вашей статьи. Используется чаше всего в интернациональных статьях на английском языке. Заходим на сайт, выбираем цвета, количество колонок, ставим галки если нужно отображать коды стран и общее кол-во просмотров(рекомендуется) и жмем get your flag counter. Берем первый код из 2х сгенерированных и вставляем в то место, где хотим отобразить счетчик (чаще всего в конце статьи). Получаем счетчик следующего вида:
4. Якоря
Якоря позволяют создавать оглавления, кнопки перехода по статье, с помошью них можно сделать быстрый переход к английской версии статьи. Можно реализовать переход по оглавлению, появляется возможность дать ссылку на определенное место статьи. Например.
Оглавление:
Начало статьи
1. Текст
2. Изображения
2.1 Вставка
2.2 Произвольный размер
2.2 Кликабельные изображения
2.3 Обтекание текстом
2.4 Вставка в текст
3. Счетчики
4. Якоря
5. Фишки
5.1 Кнопки
5.2 Хитрости
Конец
Как видите, при нажатии на любую из этих ссылок изменяется адрес в адресной строке. Теперь вы можете давать ссылку на определенное место в статье.
Как это реализовать у себя в газете? Очень просто. В том месте, где хотите поставить якорь пишите:
<a name="xyz"></a>
Где xyz - произвольные буквы или слово, латиницей. Желательно использовать более-менее
осмысленные слова(у меня это, start, text, images...).
В том месте, где хотите оставить ссылку(например, в оглавлении), вставляете:
<a href="#xyz">Текст ссылки</a>
Якоря также можно встраивать и в изображения, для создания кнопок, перенаправляющих в определенное
место статьи. Вот, например очень популярный способ использования якоря:
<a href="#">[img]http://img5.imageshack.us/img5/3088/goback.jpg[/img]</a>
Здесь никаких якорей в начало статьи вставлять не надо, т.к. якорь # автоматически
перекидывает в начало статьи.
5. Erepublik-фишки
Оглавление
Есть несколько фишек, которые есть только на erepublik.com. Обнаружены они были исключительно методом проб и ошибок, лазанием по исходным кодам ереспублики.
Кнопки (при нажатии открываются в том же окне):
<a class="tourstart padded" href="http://google.ru">Зайдина Гугл</a>
<a class="registersmall padded" href="http://ya.ru">Зайди на Яндекс</a>
<a class="vround-btn-core-large" href="http://www.erepublik.com/en">Найди себя!</a>
Текст и ссылка туда вставляются произвольные, какие захотите. Можно эти кнопки использовать как якоря, например:
<a class="tourstart padded" href="#anchors">Якоря</a>
При нажатии на эту кнопку, вы перейдете к части статьи, где описано, про якоря.
Хитрости:
Ссылка на подписку к газете. Вставьте следующий код, и получите ссылку, при нажатии на которую, читатель автоматически подпишется на газету:
<a class="houdini subscribeToNewspaper " href="http://www.erespublika.ru/go.php?#">Subscribe</a> Вместо Subscribe возможна вставка произвольного текста.
Можно также встроить эту кнопку в любую картинку, например:
Делается так:
<a class="houdini subscribeToNewspaper " href="#">
<img src="http://i48.tinypic.com/2z5p0l5.png" title="Подпишись!"></a>
Пустая ссылка. Текст выглядит, как ссылка, но нажать на нее не представляется возможным:
Ссылка...ахаха!
<a class="preview">Ссылка...ахаха!</a>
Послесловие. Раньше в ереп статьях можно было использовать гораздо больше различных тегов, но тем не менее, и сейчас можно составить
прекрасную статью по всем правилам хорошей верстки. На последок я вам хочу пожелать - красивых, а самое главное успешных статей! Побольше Вам бататов и сабскрайбов.
В начало
|
