Сентябрьские записки с сайта http://0S3.RU/

2012-09-30 17:03:39
Яндекс себя странно ведет. При наборе в поиске Яндекса 0s3.ru он спокойна показывает сайт в выдаче, сегодня даже появились посетители от Яши. А при проверке сайта пишет не про индексировал А бот его тут прям и живет, где он столько часов в сутках находит, вот его статистика.

Информация о пути Yandex bot (spider-95-108-246-253.yandex.com, 95.108.246.253)
Дата визита: 2012-09-30 12:32:02

Порядок Страница Время посещения Продолжительность
1 Создание и продвижение сайтов 28.09.2012 21:12 0m 2s 0,03
2 Главная 28.09.2012 21:12 0m 3s 0,05
3 Создание и продвижение сайтов 28.09.2012 21:12 0m 2s 0,03
4 Создание и продвижение сайтов 28.09.2012 21:12 0m 2s 0,03
5 Создание и продвижение сайтов 28.09.2012 21:12 34m 8s 34,13
6 Создание и продвижение сайтов 28.09.2012 21:46 19m 38s 19,63
7 Создание и продвижение сайтов 28.09.2012 22:06 0m 10s 0,17
8 Создание и продвижение сайтов 28.09.2012 22:06 37m 24s 37,40
9 Макет JSN Epic 28.09.2012 22:43 26m 56s 26,93
10 Создание и продвижение сайтов 28.09.2012 23:10 0m 3s 0,05
11 Шаблон JSN Epic 28.09.2012 23:10 0m 3s 0,05
12 Создание и продвижение сайтов 28.09.2012 23:10 0m 2s 0,03
13 Создание и продвижение сайтов 28.09.2012 23:10 0m 2s 0,03
14 Создание и продвижение сайтов 28.09.2012 23:10 53m 25s 53,42
15 Создание и продвижение сайтов 29.09.2012 0:04 34m 6s 34,10
16 Создание и продвижение сайтов 29.09.2012 0:38 52m 18s 52,30
17 Создание и продвижение сайтов 29.09.2012 1:30 32m 59s 32,98
18 27.09.2012 7:46 29.09.2012 2:03 34m 45s 34,75
19 Шаблон JSN Epic 29.09.2012 2:38 52m 8s 52,13
20 Создание и продвижение сайтов 29.09.2012 3:30 38m 34s 38,57
21 Статистика посещений сайта 29.09.2012 4:09 0m 5s 0,08
22 Дневник 29.09.2012 4:09 0m 2s 0,03
23 Создание и продвижение сайтов 29.09.2012 4:09 0m 3s 0,05
24 Дополнительно 29.09.2012 4:09 61m 14s 61,23
25 Дополнительно 29.09.2012 5:10 48m 38s 48,63
26 Cклейка сайтов и зеркала сайта 29.09.2012 5:59 24m 28s 24,47
27 Дневник 29.09.2012 6:23 46m 25s 46,42
28 Дневник 29.09.2012 7:10 89m 3s 89,05
29 Хостинг 29.09.2012 8:39 44m 14s 44,23
30 Статистика посещений сайта 29.09.2012 9:23 0m 25s 0,42
31 Проверка на уникальность контента 29.09.2012 9:23 29m 42s 29,70
32 Главная 29.09.2012 9:53 68m 48s 68,80
33 Проверка на уникальность контента 29.09.2012 11:02 70m 21s 70,35
34 Создание и продвижение сайтов 29.09.2012 12:12 55m 57s 55,95
35 Создание и продвижение сайтов 29.09.2012 13:08 43m 56s 43,93
36 Шаблон JSN Epic 29.09.2012 13:52 18m 24s 18,40
37 Шаблон JSN Epic 29.09.2012 14:10 0m 18s 0,30
38 Дневник 29.09.2012 14:11 102m 50s 102,83
39 Проверка на уникальность контента 29.09.2012 15:54 16m 15s 16,25
40 Продвижение 29.09.2012 16:10 4m 9s 4,15
41 25.09.2012 16:36 29.09.2012 16:14 11m 24s 11,40
42 Дневник 29.09.2012 16:25 0m 4s 0,07
43 Создать 29.09.2012 16:25 0m 2s 0,03
44 Купить 29.09.2012 16:26 0m 2s 0,03
45 Проверка на уникальность контента 29.09.2012 16:26 0m 3s 0,05
46 Установка на сайт CMS Joomla 2.5.7 29.09.2012 16:26 0m 2s 0,03
47 27.09.2012 7:46 29.09.2012 16:26 0m 3s 0,05
48 07.09.2012 15:37 29.09.2012 16:26 0m 2s 0,03
49 Естественная индексация сайта ПС 29.09.2012 16:26 0m 2s 0,03
50 26.09.2012 21:44 29.09.2012 16:26 0m 3s 0,05
51 Макет JSN Epic 29.09.2012 16:26 0m 2s 0,03
52 Установка на сайт CMS Joomla 2.5.7 29.09.2012 16:26 0m 3s 0,05
53 Дополнительно 29.09.2012 16:26 0m 2s 0,03
54 Переделать 29.09.2012 16:26 55m 22s 55,37
55 Шаблон JSN Epic 29.09.2012 17:21 0m 4s 0,07
56 Арендовать 29.09.2012 17:21 50m 46s 50,77
57 Главная 29.09.2012 18:12 0m 3s 0,05
58 Заказать 29.09.2012 18:12 45m 19s 45,32
59 Главная 29.09.2012 18:57 15m 2s 15,03
60 29.09.2012 10:04 29.09.2012 19:13 0m 2s 0,03
61 Дневник 29.09.2012 19:13 77m 17s 77,28
62 Создание и продвижение сайтов 29.09.2012 20:30 15m 35s 15,58
63 Дневник 29.09.2012 20:45 219m 57s 219,95
64 Типография JSN Epic 30.09.2012 0:25 333m 34s 333,57
65 Создание и продвижение сайтов 30.09.2012 5:59 153m 20s 153,33
66 Арендовать 30.09.2012 8:32 156m 40s 156,67
67 Арендовать 30.09.2012 11:09 0 0,00
     

итого

37,95 часов

2012-09-29 10:04:20
Чем дальше в лес, тем толще партизаны. Так и с сайтом. Все больше и больше вопросов. Хотя думаю, Если и дальше так усилено буду изучать то обязательно сделаю из него путевый сайт. Пока у меня одна проблема это нехватка времени.

2012-09-27 07:46:49
Мой сайт http://0s3.ru/ превратился в записки идиота. О чем думаю, то и пишу. Не одна статья до конца не проработана, не систематизирована. Заранее за это прошу прошения. Не смотря на все вышесказанное, предлагаю внимательно его просмотреть и добавлять свои замечания и предложения в комментарии. Частоту выкладки статей сокращу, но буду стараться их прорабатывать полностью, также займусь редактированием уже существующих. Спасибо за понимание.

2012-09-26 21:44:11
Сегодня много было работы. Ездил на совещание в областной центр Ростов-на-Дону (300 км. в одну сторону). Вот недавно вернулся. Сайтом пока не занимался завтра обязательно займусь.

2012-09-25 16:36:28
Добавил статью о проверки на уникальность текста. Согласен большинство статей сырые. Буду над этим работать. А посетители добавляются. Вот скрин посещения.

 Статистика посещения сайта

2012-09-24 21:22:08
День сегодня был плодотворный зарегистрировался в твитере, оставил там пару ссылок, также оставил ссылки на форумах. Как итог Яндекс бот целый день у меня на сайте пасется. Добавил статью о продвижении сайта. В среду добавлю статью о проверке на уникальность текста. Все спать всем спокойной ночи.

2012-09-22 16:56:53
Структуру сайта привел в порядок. 24 в понедельник опубликую статью о продвижении сайтов. Пока все, выходные буду отдыхать.

2012-09-20 14:38:35
Работаю над красотой и структурой сайта. В реале много работы, сегодня ещё идти на пьянку. Страшно хочу спать, ночью как полоумный в инете лазил и смотрел футбол Барселона-Спартак 3-2. Пожалую и все.

2012-09-19 16:51:02
В пятницу готовлю статью в раздел заказать. Не много улучшил общую структуру сайта. Вот скриншот сайта до этих перемен.

Скриншот сайта

2012-09-18 10:13:24
Как уже говорил времени на сайт остается мало. Теперь статьи буду публиковать по понедельникам и пятницам. Если буду выгадывать ещё время то начну наводить красоту на сайт и создам более понятную структуру. Да обещанная статья об установке CMS Joomla 2.5.7 вчера была успешна опубликована. Из новостей Joomla обновилась 13 сентября до 2.5.7, а в конце сентября обновится до 3.0.

2012-09-16 15:51:51
Время утекает сквозь пальцы. Стал много не успевать. Но не об этом вот написал Яндексу письмо (про индексацию и зеркала) интересно, что ответит.

2012-09-14 08:23:50
Опубликовал обещанную статью о статистике сайта. Времени уходит на сайт слишком много, сделаю перерыв на выходные. За выходные нужно дома газовую водогрейку поставить, выбрать новую стиралку и установить, пока уйду в домашние заботы. В понедельник 17 сентября опубликую стать по установки CSM Joomla, этим начну цикл статей про данную систему управление контентом. Если будет время на выходных постараюсь добавить красоты на сайт и упорядочить его структуру.

2012-09-13 16:41:19
Решил установить статистику по посещениям ботами и посетителям на тренировочном сайте на бесплатном хостинге, хост потушил сайт сказав что много жрет процессорной памяти, хз что для сбора статистики ставить подумаю ещё. Трохи навел красоту для сайта вот его скрин.

Скриншот сайта

2012-09-12 22:01:16
Добрый вечер ка и обещал набрал статью про склейку и зеркала. В пятницу 14 сентября опубликую как получать статистику посещения вашего сайта пользователями и поисковыми роботами. Всем спокойны ночи, мне пора в люлюю.

2012-09-11 12:57:01
Продолжаю эксперименты с естественной индексацией данного сайта. Отредактировал статью Естественная индексация ПС. Попробую помучить свои сайты на народе, установлю там ссылки сюда.
А вот первый скрин сайта))

Скриншот сайта

2012-09-10 19:59:08
Написал статью Естественная индексация ПС далее отделю статьи в отдельный раздел, а ежедневные заметки определю в дневник. 12 опубликую следующую статью про склейку доменов и про создание зеркал, может посвящу этому моменту целый цикл. ну все бай бай.

 

2012-09-08 18:50:16
Второй день сайта полет нормальный, а для чего этот сайт, ну вообще то я занимаюсь изготовлением сайтов на заказ, в дальнейшем на сайте моно будет купить домены RU за 300 р., найти подходящий хостинг, заказать изготовление сайта или его переделку, также будет и аренда сайтов. кому не терпится пишем на Адрес электронной почты защищен от спам-ботов. Для просмотра адреса в вашем браузере должен быть включен Javascript.Все пока, пока.

 

2012-09-07 15:37:12
Сегодня 2012-09-07 купил себе домен 0S3.ru вы на нем и находитесь. Это первый платный мой домен, до этого делал сайты на бесплатных (десятка два создал). Как вы заметили установил на него CMS, буду его теперь наполнять. Первой задачей (до 10 сентябре) стоит создать ему хоть какую ссылочную массу, хотя если вы уже тут значит это у меня получилось. В понедельник опубликую статью как лучше нарастить ссылочную массу. Все всем удачи, начинаю усилено писать статью.

Компонент jkefel

Вставляем текст "{jkefel kefelui=[tabs] title=[ку ку1] } лололо1. {/jkefel} {jkefel title=[Title 2]} Content of second tab... {jkefel title=[Title 2.1] kefelui=[tabs]} content of tab 2.1 {/jkefel} {jkefel title=[Title 2.2]} content of tab 2.2 {/jkefelend} {/jkefel} {jkefel title=[Module container] mod=[211]} Content of third tab and is followed by a loaded module with... {/jkefelend}

 {jkefel kefelui=[sliders] title=[Remotely fetched page]} Content of first tab, this paragraph, is going to be followed by content fetched from given URL. {/jkefel} {jkefel title=[Title 2]} Content of second tab... {jkefel title=[Title 2.1] kefelui=[tabs]} content of tab 2.1 {/jkefel} {jkefel title=[Title 2.2]} content of tab 2.2 {/jkefelend} {/jkefel} {jkefel title=[Module container] mod=[211]} Content of third tab and is followed by a loaded module with... {/jkefelend}"

В конце материала вы сможете скачать полностью произведение Фридриха Ницше. «Так говорил Заратустра»

Отрывок из произведения Фридриха Ницше.

"Так говорил Заратустра"

Три превращения духа называю я вам: как дух становится
верблюдом, львом верблюд и, наконец, ребенком становится лев.
Много трудного существует для духа, для духа сильного и
выносливого, который способен к глубокому почитанию: ко всему
тяжелому и самому трудному стремится сила его.
Что есть тяжесть? -- вопрошает выносливый дух, становится,
как верблюд, на колени и хочет, чтобы хорошенько навьючили его.
Что есть трудное? -- так вопрошает выносливый дух;
скажите, герои, чтобы взял я это на себя и радовался силе своей.
Не значит ли это: унизиться, чтобы заставить страдать свое высокомерие?
Заставить блистать свое безумие, чтобы осмеять свою мудрость?
Или это значит: бежать от нашего дела, когда оно празднует свою победу?
Подняться на высокие горы, чтобы искусить искусителя?
Или это значит: питаться желудями и травой познания
и ради истины терпеть голод души?
Или это значит: больным быть и отослать утешителей
и заключить дружбу с глухими,
которые никогда не слышат, чего ты хочешь?
Или это значит: опуститься в грязную воду, если это вода
истины, и не гнать от себя холодных лягушек и теплых жаб?
Или это значит: тех любить, кто нас презирает, и
простирать руку привидению, когда оно собирается пугать нас?
Все самое трудное берет на себя выносливый дух: подобно
навьюченному верблюду, который спешит в пустыню,
спешит и он в свою пустыню.
Но в самой уединенной пустыне совершается второе
превращение: здесь львом становится дух, свободу хочет он себе
добыть и господином быть в своей собственной пустыне.
Своего последнего господина ищет он себе здесь: врагом
хочет он стать ему, и своему последнему богу, ради победы он
хочет бороться с великим драконом.
Кто же этот великий дракон, которого дух не хочет
более называть господином и богом?
"Ты должен" называется великий дракон.
Но дух льва говорит "я хочу".
Чешуйчатый зверь "ты должен", искрясь золотыми искрами,
лежит ему на дороге, и на каждой чешуе его блестит, как золото,
"ты должен!".
Тысячелетние ценности блестят на этих чешуях, и так
говорит сильнейший из всех драконов: "Ценности всех вещей
блестят на мне".
"Все ценности уже созданы, и каждая созданная ценность -- это я.
Поистине, "я хочу" не должно более существовать!"
Так говорит дракон.
Братья мои, к чему нужен лев в человеческом духе? Чему не
удовлетворяет вьючный зверь, воздержный и почтительный?
Создавать новые ценности -- этого не может еще лев; но
создать себе свободу для нового созидания
это может сила льва.
Завоевать себе свободу и священное Нет даже перед долгом
-- для этого, братья мои, нужно стать львом.
Завоевать себе право для новых ценностей -- это самое
страшное завоевание для духа выносливого и почтительного.
Поистине, оно кажется ему грабежом и делом хищного зверя.
Как свою святыню, любил он когда-то "ты должен"; теперь
ему надо видеть даже в этой святыне произвол и мечту, чтобы
добыть себе свободу от любви своей:
нужно стать львом для этой добычи.
Но скажите, братья мои, что может сделать ребенок, чего не
мог бы даже лев? Почему хищный лев должен стать еще ребенком?
Дитя есть невинность и забвение, новое начинание, игра,
самокатящееся колесо, начальное движение,
святое слово утверждения.
Да, для игры созидания, братья мои, нужно святое слово
утверждения: своей воли хочет теперь дух,
свой мир находит потерявший мир.
Три превращения духа назвал я вам: как дух стал верблюдом,
львом верблюд и, наконец, лев ребенком.
верблюдом, львом верблюд и, наконец, ребенком становится лев.

P.S. если интересуетесь Вы можете скачать полностью произведение Фридриха Ницше. «Так говорил Заратустра» 

Моя цель при создании различных выделений на сайте (выделение теста или фона), что бы информация была более наглядна. При этом хочется, что бы эти выделения на сайте на всех страницах были однотипны, (для этого я их свел в единый раздел "Выделения на сайте", может он больше для меня самого, хотя надеюсь данный раздел "Выделения на сайте" пригодится и Вам).Принятые выделения на сайте 0s3.ru

Раздел содержит официально принятые выделения на сайте 0S3.RU (интуитивно понятные условные обозначения). Выделения на сайте помогут вам лучше воспринять представленную информацию.

Простые выделения на сайте (обычно это изменения цвета теста и выделение его жирным текстом), я редактирую из панели веб мастера CMS в визуальном редакторе текста или непосредственно прописываю HTML код. Для более сложных выделений на сайте (что-бы в тексте не городить длинных и хитроумных конструкций, и если вдруг захочется что то изменить, достоточно будет один раз изменить стиль и все выделения на сайте относящиеся к даному стиль поменяются, да и гуру сайтостроя так и советуют делать) я залезаю в стили шаблона CMS и там один раз их прописываю присваиваю им имя (id или стиль), а в тексте вызываю их по имени. Данный способ будет описан в разделе Редактируем стили CSS

{jkefel kefelui=[sliders] title=[Я надеюсь Вы это давно знаете]}

Многие люди приходящие в раздел "Выделения на сайте" с различных поисковиков, на самом деле ищут как скопировать выделенный текст (некоторые ищут выделения на ранних сроках беременности, но эта тема на сайте 0S3.RU не рассматривается). Специально для тех, кто не знает как скопировать выделенный текст объясняю способов множество, а самый удобный и работающей во всех программах и не только с текстом данный: выделяем нужный текст мышкой, далее нажимаем на клавиатуре Ctrl и не отпуская пальца нажимаем английскую C (выделенный текст копируется в буфер обмена), а для вставке мышкой располагаем курсор в месте вставки, далее нажимаем на клавиатуре Ctrl и не отпуская пальца нажимаем английскую V
Применение: Копирование Ctrl+C, Вставка Ctrl+V

{/jkefelend}


Полный перечень выделений на сайте 0S3.RU

{jkefel kefelui=[sliders] title=[Вкладка с дополнительной информацией ]}

Данные вкладки содержат информацию дополняющие статью, а иногда содержащие излишние мои мысли или умные мысли других авторов.
Применение простой вкладки: {.jkefel kefelui=[sliders] title=[Заголовок вкладки]}Текст вкладки{./jkefelend} (Работает только если удалите точки возле скобок и с компонентом jkefel, более подробно смотри статью Компонент jkefel )

{jkefel title=[Закладка 1.1 ] kefelui=[tabs]} Данный модуль может содержать закладки для более лучшего логического разбиения информации. Закладки можно выводить в отдельный самостоятельный модуль
Применение модуля с двумя закладками: {.jkefel title=[Закладка 1.1] kefelui=[tabs]} Текст закладки 1.1 {/.jkefel} {.jkefel title=[Закладка 1.2]} Текст закладки 1.2 {/.jkefelend} {/jkefel} {jkefel title=[Закладка 1.2 ]} В примере приведен код показанного на данной странице модуля
Применение вкладки с двумя закладками: {.jkefel kefelui=[sliders] title=[Вкладка 1]}Текст закладки 1 {.jkefel title=[Закладка 1.1] kefelui=[tabs]} Текст закладки 1.1 {/.jkefel} {.jkefel title=[Закладка 1.2]} Текст закладки 1.2 {/.jkefelend}{/.jkefelend} (повторюсь, работает только если удалите точки возле скобок и с компонентом jkefel){/jkefelend}{/jkefelend}


Простой отделитель - (простая сплошная горизонтальная линия) разделяет представленную информацию, улучшает визуально логическое восприятие текста.
Применение:

<hr />


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

{jkefel kefelui=[sliders] title=[Применение]}

Код CSS:

/* =============== Фигурный отделитель =============== */
hr.line-dots {/* Нормальное состояние */
  border: none;/* Отказ от обрамления */
  padding: 1em 0;/* Поля вокруг текста */
  background: url(../images/bg_pattern.png) center no-repeat;/* Путь к рисунку с красивой завитушкой */
}

Код HTML

<hr class="line-dots" />

{/jkefelend}


Самое важное – слово на котором акцентируется внимание пользователя выделяется красным "red" (#FF0000) жирным шрифтом, а при новедении мышки увеличивается размер, меняется цвет текста и фона.

{jkefel kefelui=[sliders] title=[Применение]}

Код CSS:

/* =============== Очень важное в тексте =============== */
.text-best {/* Нормальное состояние */
  font-weight: 600;/* Жирное начертание */
  padding: .1em .2em;/* Размер отступов от теста для блока */
  color: #FF0000;/* Цвет текста */
}
.text-best:hover {/* Состояние при новедении мышки */
  font-style: oblique;/* Наклон текста */
  font-size: 110%;/* Размер шрифта */
  font-variant: small-caps; /* Устанавливаем капитель для заголовка */
  text-shadow: 2px 2px 1px #FFFFFF/* Параметры тени */, 0 0 1em #CCFFFF; /* Параметры расеивания */
  background-color: #CC0000;/* Цвет фона */
  color: #000066; /* Цвет текста */
}

Код HTML

Самое важное 

{/jkefelend}


Главное – слова к которым привлекается внимание пользователя выделяется красным "red" (#FF0000) жирным шрифтом, а при новедении мышки меняется цвет текста и фона.

{jkefel kefelui=[sliders] title=[Применение]}

Код CSS:

/* =============== Главное в тексте =============== */
.text-glav {/* Нормальное состояние */
  font-weight: 600;/* Жирное начертание */
   padding: .2em .5em;/* Размер отступов от теста для блока */
  color: #FF0000;/* Цвет текста */
}
.text-glav:hover {/* Состояние при новедении мышки */
  font-style: oblique;/* Наклон текста */
  font-variant: small-caps; /* Устанавливаем капитель для заголовка */
  text-shadow: 2px 2px 1px #FFFFFF/* Параметры тени */, 0 0 1em #CCFFFF; /* Параметры расеивания */
  background-color: #CC0000;/* Цвет фона */
  color: #000066; /* Цвет текста */
}

Код HTML

Главное в тексте

{/jkefelend}


Будущий раздел - тема заслуживающая полного развернутого пояснения, но по тем или иным причинам ещё не освещенная на сайте , выделяется оливковым "olive" (#808000) жирным шрифтом, при наведении мышкт текст становится наклонным.

{jkefel kefelui=[sliders] title=[Применение]}

Код CSS:

/* =============== Будующий раздел =============== */
.text-bydy {/* Нормальное состояние */
  font-weight: 600;/* Жирное начертание */
  color: #808000;/* Цвет текста */
}
.text-bydy:hover {/* Состояние при новедении мышки */
  font-style: oblique;/* Наклон текста */
}

Код HTML

Будующий раздел

{/jkefelend}


Ключевые словосочетания – для поисковой оптимизации в тексте Ключевые словосочетания выделяются темно зеленым "dark green" (#003300) жирным шрифтом. В SEO оптимизации сайта ключевые словосочетания желательно использовать как Мета-тег Keywords.

{jkefel kefelui=[sliders] title=[Применение]}

Код CSS:

/* =============== Ключевые словосочетания =============== */
.text-klych {/* Нормальное состояние */
  font-weight: 600;/* Жирное начертание */
  padding: 1px 2px;/* Размер отступов от теста для блока */
  color: #003300;/* Цвет текста */
}
.text-klych:hover {/* Состояние при новедении мышки */
  color: #000099; /* Цвет текста */
}

Код HTML

Ключевые словосочетания

{/jkefelend}


Примечания - небольшие пометки полезные посетителям сайта 0S3.RU выделяется зеленым морским "sea green" (#339966) шрифтом.

{jkefel kefelui=[sliders] title=[Применение]}

Код CSS:

/* =============== Примечание =============== */
.text-prim {/* Нормальное состояние */
  padding: .2em .5em;/* Размер отступов от теста для блока */
  color: #339966;/* Цвет текста */
}
.text-prim:hover {/* Состояние при новедении мышки */
  text-shadow: 1px 1px 2px #000033/* Параметры тени */, 0 0 1em #000066; /* Параметры расеивания */
  background-color: #CCFFFF;/* Цвет фона */
  color: #FFFFFF; /* Цвет текста */
}

Код HTML

Примечание

{/jkefelend}


Дополнения - информация для служебного пользования, но также полезная посетителям сайта 0S3.RU.

{jkefel kefelui=[sliders] title=[Применение]}

Код CSS:

/* =============== Дополнения =============== */
 .text-dop {/* Нормальное состояние */
  padding: .1em .2em;/* Размер отступов от теста для блока */
  background-color: #FFCC99;/* Цвет фона */
}
.text-dop:hover {/* Состояние при новедении мышки */
  text-shadow: 1px 1px 1px #FFFFFF/* Параметры тени */, 0 0 2em #FFCCFF; /* Параметры расеивания */
  background-color: #33CC33;/* Цвет фона */
  color: #000033; /* Цвет текста */
}

Код HTML

Дополнения

{/jkefelend}


  • Стиль не нумерованного списка, применяется для улучшения визуального восприятия списка
  • Также можно изменить расцветки стрелочек(вместо red указываем синий цвет blue или зеленый green )

{jkefel kefelui=[sliders] title=[Применение]}

Код CSS:

/* ----- Стиль не нумерованного списка ----- */
ul.list-arrow {
  list-style: none;/* Стиль маркера */
}
ul.list-arrow li {
  margin-left: 0;/* Отступ слева */
  padding-left: 16px;/* Поле слева */
  position: relative;/* Относительное позиционирование */
  display: block;/* Устанавливаем как блочный элемент */
}
ul.list-arrow li:after {
  content: '';/* Добавляемый текст */ 
  height: 0;/* Высота блока */
  position: absolute;/* Абсолютное позиционирование */
  width: 0;/* Ширина блока */
  border: 0.34em solid transparent; /* Параметры рамки */
  left: 5px;/* Положение от левого края */
  top: 4px;/* Положение от верхнего края */
}
ul.list-arrow.arrow-red li:after {
  border-left-color: #AE0000;/* Цвет элимента слева */
}
ul.list-arrow.arrow-blue li:after {
  border-left-color:#0060BF;/* Цвет элимента слева */
}
ul.list-arrow.arrow-green li:after {
  border-left-color: #3AA655;/* Цвет элимента слева */
}

Код HTML

<ul class="list-arrow arrow-red">
<li>Текст строки</li>
<li>Текст строки</li></ul>

{/jkefelend}


  • 1 Стиль нумерованного списка, применяется для улучшения визуального восприятия списка
  • 2Также можно изменить расцветки фона блоков(вместо orange указываем по английски синий цвет blue , зеленый green , красный red , или фиолетовый violet )

{jkefel kefelui=[sliders] title=[Применение]}

Код CSS:

/* ----- Стиль нумерованного списка ----- */
ul.list-number-bullet {
  list-style: none; /* Стиль маркера */
}
ul.list-number-bullet li {
  position: relative;/* Относительное позиционирование */
  margin-left: 0;/* Отступ слева */
  padding: 6px 0 6px 36px;/* Поля */
}
ul.list-number-bullet li .jsn-listbullet {
  display: block;/* Устанавливаем как блочный элемент */
  width: 32px;/* Ширина блока */
  font-weight: bold;/* Полу жирное начертание */
  position: absolute;/* Абсолютное позиционирование */
  left: 0;/* Положение от левого края */
  top: -2px;/* Положение от верхнего края */
}
ul.list-number-bullet li .jsn-listbullet {
  height: 32px;/* Высота блока */
  line-height: 32px;/* Межстрочный интервал */
  text-align: center;/* Выравнивание по центру */
  font-size: 14px;/* Размер текста */
  color: #fff;/* Цвет текста */
  background: url(../images/icons/icons-bullet.png) no-repeat 0 top;/* Цвет фона, путь к фоновому изображению и отменяем повторение фона */
}
ul.list-number-bullet.bullet-blue li .jsn-listbullet {
  background-position: 0 0;/* Положение фона */
}
ul.list-number-bullet.bullet-green li .jsn-listbullet {
  background-position: 0 -102px;/* Положение фона */
}
ul.list-number-bullet.bullet-grey li .jsn-listbullet {
  background-position: 0 -204px;/* Положение фона */
}
ul.list-number-bullet.bullet-orange li .jsn-listbullet {
  background-position: 0 -306px;/* Положение фона */
}
ul.list-number-bullet.bullet-red li .jsn-listbullet {
  background-position: 0 -408px;/* Положение фона */
}
ul.list-number-bullet.bullet-violet li .jsn-listbullet {
  background-position: 0 -510px;/* Положение фона */
}
/* ----- Отдельно прописываются цвета ----- */
ul.list-number-digit.digit-blue li .jsn-listbullet {
  color: #009aca;/* Цвет фона */
}
ul.list-number-digit.digit-green li .jsn-listbullet {
  color: #429e00;/* Цвет фона */
}
ul.list-number-digit.digit-grey li .jsn-listbullet {
  color: #999999;/* Цвет фона */
}
ul.list-number-digit.digit-orange li .jsn-listbullet {
  color: #e66000;/* Цвет фона */
}
ul.list-number-digit.digit-red li .jsn-listbullet {
  color: #bf0000;/* Цвет фона */
}
ul.list-number-digit.digit-violet li .jsn-listbullet {
  color: #9e0084;/* Цвет фона */
}

(необходимо ещё небольшой скрипт прописать)

Код HTML

<ul class="list-number-bullet bullet-orange">
<li><span class="jsn-listbullet"> № строки (1)</span> Текст строки</li>
<li><span class="jsn-listbullet"> № строки (2)</span> Текст строки</li>
</ul>

{/jkefelend}


выделения на сайте 2


Аннотация – краткая характеристика и основные выводы приведенного текста, (дополняется рисунком). В SEO оптимизации сайта аннотацию желательно использовать как мета-тег Description.

{jkefel kefelui=[sliders] title=[Применение]}

Код CSS:

/* =============== Блок анатации =============== */
.text-info {
  border-top: 2px solid #B7D2F2;/* Линия сверху текста */
  border-bottom: 2px solid #B7D2F2;/* Линия снизу текста */
  background: #DBE7F8  no-repeat;/* Цвет фона и отменяем повторение фона */
}

Код HTML

Блок анатации

{/jkefelend}

Важная информация - используется при необходимости сообщить посетителю веб ресурса важную информацию.

{jkefel kefelui=[sliders] title=[Применение]}

Код CSS:

/* =============== Блок важной информации =============== */
.text-alert {
  border-top: 2px solid #FEABAB;/* Линия сверху текста */
  border-bottom: 2px solid #FEABAB;/* Линия снизу текста */
  background: #FFDFDF url(../images/icons/icon-text-alert.png) no-repeat;/* Цвет фона, путь к изображению и отменяем повторение фона (изображения) */
}

Код HTML

Блок важной информации

{/jkefelend}


Внутренняя ссылка– ссылка на какой либо ресурс (раздел или статью) данного сайта выделяются темно зеленым "dark green" ( #003300) подчеркнутым жирным шрифтом, при наведении мышкой ссылка берется в коричневый прямоугольник.

{jkefel kefelui=[sliders] title=[Применение]}

Код CSS:

/* ----- Внутрение ссылки----- */
.link-vnut {/* Нормальное состояние */
  font-weight: 600;/* Жирное начертание */
  color: #003300;/* Цвет текста */
  padding: 2px 5px;/* Размер отступов от теста для блока */
  text-decoration: underline;/* Подчеркивание текста */
}
.link-vnut:hover {/* Состояние при новедении мышки */
  color: #ffffff;/* Цвет текста */
  text-decoration: underline;/* Подчеркивание текста */
  background-color: #330000;/* Цвет фона */
}
.link-vnut:visited {/* Состояние после посещения */
  color:  #FF0000;/* Цвет текста */
  text-decoration: underline;/* Подчеркивание текста */
}

Код HTML

Внутренняя ссылка

{/jkefelend}


Внешняя ссылка– ссылка на какой либо ресурс (раздел или статью) стороннего сайта выделяются синим "blue" (#0000ff) подчеркнутым жирным шрифтом, при наведении мышкой ссылка меняет свой цвет на вишневый.

{jkefel kefelui=[sliders] title=[Применение]}

Код CSS:

/* ----- Внешние ссылки----- */
.link-vneh {/* Нормальное состояние */
  font-weight: 600;/* Жирное начертание */
  color: #0000FF;/* Цвет текста */
  padding: 2px 5px;/* Размер отступов от теста для блока */
  text-decoration: underline;/* Подчеркивание текста */
}
.link-vneh:hover {/* Состояние при новедении мышки */
  color:  #FFFF99;/* Цвет текста */
  text-decoration: underline;/* Подчеркивание текста */
  background-color: #0000FF;/* Цвет фона */
}
.link-vneh:visited {/* Состояние после посещения */
  color:  #003333;/* Цвет текста */
  text-decoration: underline;/* Подчеркивание текста */
}

Код HTML

Внешняя ссылка

{/jkefelend}


Мы ждем
нам не хватает только тебя