Тестовая страница ФСИ
Помимо языка гипертекстовой разметки HTML одной из важнейших составляющих страниц сайтов в интернете являются каскадные таблицы стилей или просто CSS.CSS используется создателями веб-страниц для задания цветов, шрифтов, расположения и других аспектов представления документа. Онлайновый редактор NicEdit, который используется на сайте для создания и правки статей и страниц позволяет добавлять к ним свои стили, однако для этого надо хоть немного знать как и что с этим едят. В этой статье я попытаюсь описать способы того, как можно разнообразить ваши произведения с помощью тех стилей которые уже прописаны в исходном коде страниц сайта и которыеслужат для оформления страниц посещаемых вами каждый день.
Благодаря любезным стараниям fightmaster многие уже без опаски нажимаю кнопку "edit HTML", для того чтобы добавить в статью html-код статистики матчей, различных таблиц.Расценивайте изложенное ниже как еще один элемент вашей статьи, который можно вставлять в исходный код страницы. Для того чтобы информация не слишком сливалась я буду между между примерами вставлять наш логотип проекта.
Исползуем class="raised"
Исползуем class="help"
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Исползуем class="quote"
Помещаем в контейнер текст с небольшим отступом, за который отвечает этот фрагмент style="text-indent: 25px;"
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Исползуем class="error"
Помещаем в контейнер текст с небольшим отступом, за который отвечает этот фрагмент style="text-indent: 25px;"
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Исползуем class="main_div"
В приведенном выше примере, по умолчанию текст располагается слева, но если вы хотите использовать этот фрагмент с текстом по центру, то добавляем в тег
атрибут, отвещающий за это align="center"
Исползуем class="main_div" по центру
Помещаем в контейнер текст с небольшим отступом, за который отвечает этот фрагмент style="text-indent: 25px;"
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Исползуем class="title_div"
Исползуем class="left_head"
Исползуем class="block_head"
Исползуем class="tour_name"
Исползуем class="block_body"
Исползуем class="tour_motto"
Это конечно далеко не полный список того что можно использовать, но описанное мне показалось пригодным к
