Главная » Статьи » Статьи о/про uCoz » Оформление сайтов в uCoz

Случайная фраза, выражение, данные. Делаем информер. Для uCoz

Вступления и прочего, наверно, не будет.
Просто - идем в ПУ(Панель Управления Сайтом - здесь и далее) в раздел «Информеры». Жмём на кнопку «Создать информер», даём имя ему - желательно осмысленное, например - «Афоризмы и цитаты» - основываясь на том, какую информацию он, информер, будет выводить; выбираем раздел/тип информера из выпадающего списка возможных.

Перечислять все - не буду - в данном случае меня интересует лишь «Случайные данные». Вот его и выбираем.


Здесь открываются и становятся доступными к изменению следующие опции:

Файл с данными: - текстовый файл формата «txt» то есть просто файл, созданный в блокноте (Win)

Данная функция позволит вам вывести любые данные (анекдоты, афоризмы, стихи, фотографии и т.д.) в случайном порядке. Для этого вам нужно создать текстовый файл (только с помощью программы "Блокнот"), каждая строка которого будет отдельной записью.
Все переводы на новую строку заменяйте тегом "<br>".
Размер файла не должен превышать 2мб
.
Внимание! В файле не должно быть пустых строк!

Кодировка файла: - советую использовать UTF-8, а не стандартную INSI во избежании отображения «ромбиков» вместо вашего текста. К тому же UTF поддерживает спец символы. Вот такие, например «ヅ» ..... А вообще, тут есть неплохая статейка на тему «Всем кодировкам кодировка UTF-8: современно, грамотно, удобно»

Количество материалов: - отвечает за количество выводимых материалов.

Количество колонок: - отвечает за количество колонок при выводе материалов.


При установке количества колонок отличном от «1» - при выводе будет создаваться таблица.
Вот как она выглядит и классы имеет:

Code
<table class="infTable" align="center" border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td class="infTd" width="50%"><div class="randomData">Случайная фраза *n</div></td>
<td class="infTd" width="50%"><div class="randomData">Случайная фраза *n</div></td>
</tr>
</tbody>
</table>

При помощи стилей можно настроить внешний вид этой таблицы и данных в ней.

Устанавливать информер можно как и в шаблон страницы, так и в текст сообщения/материала, но только в JavaScript-формате, код которого можно получить в ПУ » Главная » Информеры, кликнуть на названии информера.

Код для JS вставки  выглядит вот так:

Code
<script type="text/javascript" src="http://likbezz.ucoz.ru/informer/13"></script>

Для шаблонов, вот так:

Code
$MYINF_13$

Где:

«13» - номер вашего информера.


Как же оформлять данные в самом текстовом файле?


Давайте рассмотрим пример.

Одна колонка. Цитата, на новой строчке - автор цитаты - курсивом с выравниванием по правой стороне.

Сам текст информера:

Code
<p>Беспокоясь о том, кем ребенок будет завтра, мы забываем что кем-то он является уже сегодня.</p><em>Сташа Таушер</em>
<p>Из всех плодов наилучшее приносит хорошее воспитание.</p><em>К. Гельвеций</em>
<p>Кого можно считать умным? Того, чьи планы в большинстве случаев осуществляются.</p><em>Абуль-Фарадж</em>
<p>Плохой учитель преподает истину, хороший учит ее находить.</p><em>А. Дистервег</em>
<p>Усилия на ложном пути множат заблуждения.</p><em>Ф. Бэкон</em>
<p>Всегда можно найти достаточно времени, если употреблять его хорошо.</p><em>И. В. Гете</em>
<p>Поведение - это великое зеркало, в котором каждый показывает свой лик.</p><em>И. В. Гете</em>
<p>Учитель, образ его мыслей - вот что самое главное во всяком обучении и воспитании.</p><em>А. Дистервег</em>
<p>Не доверяй тому, кто не чтит старой одежды.</p><em>Б. Дизраэли</em>
<p>Нет ничего труднее, как перевоспитать человека, плохо воспитанного.</p><em>Я. Коменский</em>
<p>Тот, кто много говорит, тот говорит много глупостей.</p><em>П. Корнель</em>
<p>Воспитание - хлеб души.</p><em>Д. Мадзени</em>
<p>Говори не торопясь: спешка - знак безумия.</p><em>Биант</em>
<p>Мудрый ценит всех, ибо в каждом замечает хорошее.</p><em>Г. Бальтасар</em>
<p>Все приходит в свое время для тех, кто умеет ждать.</p><em>О. де Бальзак</em>
<p>Умереть - значит перестать умирать.</p><em>С. Батлер</em>
<p>Самая большая трата, какую можно сделать, - это трата времени.</p><em>Теофраст</em>
<p>Больше всех говорит тот, кому нечего сказать.</p><em>Л. Н. Толстой</em>
<p>Книги следует читать так же неторопливо и бережно, как они писались.</p><em>Г. Торо</em>
<p>Главнейшая дорога человеческого воспитания есть убеждение.</p><em>К. Д. Ушинский</em>
<p>Посредственный учитель излагает. Хороший учитель объясняет. Выдающийся учитель показывает. Великий учитель вдохновляет.</p><em>У. Уорд</em>
<p>Говори правду, тогда не придется ничего запоминать.</p><em>М. Твен</em>
<p>Первый долг человека есть долг по отношению к собственной чести, а ее мы обязаны хранить незапятнанной.</p><em>М. Твен</em>
<p>Каждый человек, подобно луне, имеет свою неосвещенную сторону, которую он никому не показывает.</p><em>М. Твен</em>

Код для вставки:

Code
<div class="randomData">$MYINF_13$</div>

Стили, оформление:

Code
<style type="text/css">
/* StartStyle */
.randomData{text-align:left;}
.randomData p:first-letter{font:bold 110%/normal Georgia,serif;vertical-align:baseline;color:#C03;}
.randomData em{display:block;text-align:right;font-weight:bold;margin-bottom:10px;}
/* EndStyle */
</style>

Что получилось ... хотя и так, не сложно представить ...



Не забываем пересохранить текстовый файл именно в формате UTF-8 .... дабы не наблюдать много интересных закорючек ... ヅ В чем можно убедиться самим - просто проэкспериментировав ... ヅ

Стоит упомянуть, что такой информер можно сделать и при помощи JavaScript, что и продемонстрировано в примере выше .... ヅ

Как вы, наверное уже догадались, в информер можно помещать не только текст, но и картинки, файлы мультимедиа, ифреймы и прочие объекты.



Вид информера и информации в нём - ограничен только вашей фантазией ... и двумя мегабайтами, в виде ограничения размера.
Поверьте - это достаточно большая цифра.


P.S.

Пожелания приветствуются ...
Всем удачи... ヅ
Flesh.





Источник: Случайная фраза, выражение, данные, цитаты, афоризмы, анекдоты, стихи, фотографии. Делаем информер. Для uCoz (юКоз)
Категория: Оформление сайтов в uCoz | Добавил: likbezz (10.08.2010)
Просмотров: 8153 | Комментарии: 2 | Теги: цитаты, информер, стихи, ПУ, Панель управления, афоризмы, фраза, Случайная, анекдоты, фотографии
Всего комментариев: 2
0  
2  Алекс [Материал[25.01.2011]

Есть несколько вопросов! Вставляю текст скопировав его с вашего примера, но автор курсивом не выделяется и выравнивание происходит по левой стороне. Не совсем понятно со стилями и оформлением. Куда вставлять код?

0  
1  eleklim [Материал[11.08.2010]

Спасибо! Обязательно воспользуюсь...

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]