Правила оформления материала
827материалов
228тем на форуме
3004комментария
6158пользователей
Сейчас я Вам очень подробно распишу правило оформления материалов!
На пример я возьму материал Смена вида материла на jQuery

Для начала: с этого дня, материалы можно выкладывать только с уникальным описанием и с источником на сайт от куда был взят материал!

Оформление: у меня на сайте при добавлении материалов не используются HTML теги, а только BB - коды. В основном при оформление используются коды code - оболочка в которую будет завернут скрипт материала, b - жирный тест size=15 - размер текста и hr - нижний бордюр


Пример оформления! Так должен выглядеть каждый материал на сайте:

Описание скрипта:

Малый и понятный, адаптивный, надеюсь красивый (каждому не угодишь) вид материалов, и скрипт к нему; Смысл скрипта и вида материала заключается в том что при нажатии кнопки меняется вид материалов, а точнее становится лентой. сеткой в два или три колонны.

Установка скрипта:

1) Установите CSS стили с CSS.txt в файл с стилями или в общие шаблоны (Таблица стилей (CSS));

2) Между тегом head вставьте библиотеку иконок
Код
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">

3) А перед закрывающим тегом body вставить скрипт:
Код
<script type="text/javascript">       
       $('#grid-view').addClass('active');       
       $('#list-view').click(function(event){       
       event.preventDefault();       
       $('#allEntries [id^="entryID"] .item').removeClass('grid-item');       
       $('#allEntries [id^="entryID"] .item').removeClass('grid3-item')       
       $('#allEntries [id^="entryID"] .item').addClass('list-item');       
       $('#list-view').addClass('active');       
       $('#grid-view').removeClass('active');       
       $('#grid3-view').removeClass('active');       
       });       
       $('#grid-view').click(function(event){       
       event.preventDefault();       
       $('#allEntries [id^="entryID"] .item').addClass('grid-item');       
       $('#allEntries [id^="entryID"] .item').removeClass('grid3-item')       
       $('#allEntries [id^="entryID"] .item').removeClass('list-item');       
       $('#list-view').removeClass('active');       
       $('#grid-view').addClass('active');       
       $('#grid3-view').removeClass('active');       
       });       
       $('#grid3-view').click(function(event){       
       event.preventDefault();       
       $('#allEntries [id^="entryID"] .item').removeClass('grid-item');       
       $('#allEntries [id^="entryID"] .item').addClass('grid3-item')       
       $('#allEntries [id^="entryID"] .item').removeClass('list-item');       
       $('#list-view').removeClass('active');       
       $('#grid-view').removeClass('active');       
       $('#grid3-view').addClass('active');       
       });       
</script>
Скрипт очень простой, на jQuery, и понятный .removeClass - удалить класс, .addClass - добавить, при нажатии на кнопку происходит действие по смене классов, одни удаляются, другие присваиваются;

4) Вид материалов устанавливаем с файла - Вид материалов.txt, один важный момент, иконку я оставил для примера, для каждой категории вы можете присвоить свою с помощью переменной
Код
<?if(='Название категории')?>иконка<?endif?>

5) В то место где хотим видеть кнопки вставляем следующий код:
Код
<div class="btn-group">                       
<a href="#" class="btn" id="grid-view"><i class="fa fa-th-large"></i></a><a href="#" class="btn" id="list-view"><i class="fa fa-list"></i></a><a href="#" class="btn active" id="grid3-view"><i class="fa fa-th"></i></a>                       
</div>


Подробнее:
Здесь Описание материала
Описание скрипта/шаблона/материала и т.д:

ОПИСЫВАЕМ МАТЕРИАЛ, СКРИПТ, ШАБЛОН

Используется код:
Код
[size=15][b]Описание скрипта/шаблона/материала и т.д:
[hr]Тут Ваш текст


Установка скрипта/шаблона/материала:

ОПИСЫВАЕМ ПОДРОБНУЮ УСТАНОВКУ СКРИПТА, ШАБЛОНА, МАТЕРИАЛА

Используется код
Код
[size=15][b]Установка скрипта/шаблона/материала:
[hr]Тут Ваш текст


Обязательно
Все картинки, скриншоты и файлы загружать на наш сайт!


Опции материала
Отметьте галочкой, чтобы материал не появился сразу после добавления:
Материал недоступен для просмотра
Материал должен быть проверен. Откройте редактирование материала: исправьте найденные ошибки и сделайте дополнительные действия (см. ниже).


Название отображаемое в URL
Вместо сгенерированного URL впишите ключевое слово из названия латиницей.
Вход через социальные сети
Работа в компании uCoz
uSocial - социальные кнопки
uLike – кнопка «Мне нравится»
Статистики нашего сайта