CSS RSS = почти идеальный блог


Оглавление (нажмите, чтобы открыть):

Blogger не для чайников

Dnews — слайдер последних новостей из RSS ленты

Приглянулся мне тут один слайдер ссылок. Называется он Dynamic News и предназначается для показа заголовков любой валидной rss ленты со всплывающим фрагментом текста (то есть статьи).

Ниже я дам готовое решение, а любознательные пользователи могут скачать скрипт со стилями и самостоятельно настроить этот слайдер.

Варианты использования в Blogger: динамический показ заголовков статей (фид определённого ярлыка) где-нибудь в футере или над статьями в html/javascript виджете блогспота. Правда на данный момент у меня лично Blogger отключил RSS, работают только Atom фиды.

Сначала смотрим демку, в которую вставил rss ленту социальной сети ↓
Скриншот:

Установка в Blogger (почти аналогично и для других движков):

  1. Делаем бекап шаблона.
  2. Проверяем наличие jQuery, если нет, то ставим.
  3. В редакторе шаблона перед тегом вставляем ↓

а) google feed API:
Ключ указывать теперь не требуется.

б) ссылку на скрипт dnews.js:

в) ссылку на стили dnews.css:

г) скрипт с настройками слайдера Dnews:
Где:
google.load(«feeds», «1») — это загружаемый модуль
feedurl: ‘http://blogabloger.ru/rss’ — ссылка на отображаемую rss ленту любого сайта
showdetail: true — всплывающее описание к заголовку поста в rss ленте
entries:10 — количество постов задействованных в слайдере
controls: false — панелька со стрелками прокрутки (false — отключена)
Дополнительно:
switchinterval — настрока пролистывания заголовков постов из rss ленты в милисекундах (по умолчанию — 5000)
controlsalwaysvisible — прятать (false) или не прятать (true) панельку со стрелками прокрутки

И последний момент:
нужно создать html/javascript виджет в админке Blogger’а и засунуть туда следующий html код:

Идеальный движок блога. Какой он?

В последнее время изучаю PHP и конечно читаю соответствующую литературу. Также недавно задумался над функциональностью своего блога. Не зря я выбирал CMS, перед тем как опять поставил Ласто-блог. Уже тогда мне хотелось иметь более гибкий и удобный инструмент.

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

Спешу ответить гуру-программистам, которые уже замахнулись, чтобы запустить в меня свои камни. Господа, вспомните своё обучение. Наверно вы не только книжки читали, а и упражнялись 😉 А упражняться, как известно, интересней всего над своими проектами. Наверно любой php-шник в своё время написал свою ЦМКу. И это правильно. Ведь практика это лучшее обучение.

А пока я просто перечислю ряд свойств и возможностей, которыми хотелось бы наделить будущий движок.

Для читателя:

    Движок должен быть очень удобен для чтения. Нужно помнить, что главная функция блога — предоставление информации. И читатель обязательно должен иметь выбор того, каким образом он будет информацию получать. А значит скриптом просто обязаны генерироваться разнообразнейшие RSS-ленты и рассылаться e-mail налево и направо.
  • Блог должен заставлять вернуться читателя и давать своему автору все инструменты для этого: RSS и e-mail подписки на обновление постов, обновление комментариев, а также на комментарии к отдельной заметке. Также читатель находясь на блоге должен иметь возможность получить информацию о новых комментариях (возможно ему есть что добавить).
  • Интерфейс должен быть максимально прост. Посетитель не должен задумываться о том, чтобы куда-то кликнуть, он должен просто делать это. Поэтому убираем всё лишнее с глаз долой (хотя это больше по части дизайна, а не CMS).
  • Читать должно быть удобно и приятно: большие буквы, всякие выпадающие подсказки, приятный фон (упс, опять дизайн).
  • ЧПУ — система ссылок, при которой пользователь имеет представление о контенте поста и может отрезать часть УРЛа, чтобы выйти на высший уровень иерархии. Например: http://neverlex.com/articles/seo/post.html. В идеале ссылка http://neverlex.com/articles/seo должна вести на ленту категории SEO. Но над красивой структурой надо ещё подумать.
  • Полный развёрнутый архив сайта: все посты по месяцам и годам.

  • Навигация по CTRL. Удобней навигации нет, потому она должна быть в нашем блоге.
  • Форма комментирования без капчи (в идеале конечно).

Для блоггера:

  • Удобный интерфейс добавления и редактирования поста с возможностью загрузки картинок.
  • Своя система статистики.

Для сервера и искалок:

  • Все стили CSS и JavasScript скрипты (которых должен быть минимум) вынесены в отдельные файлы.
  • Валидная чистая вёрстка. Ничего лишнего.
  • Конечно вёрстка блочная, контент должен быть сверху страницы.
  • Скриптом не должно генерироваться лишних страниц.
  • Безопасность. Все POST и GET запросы проходят ряд внимательных проверок.
  • Не допускать прямое обращение к параметрам (только ЧПУ).
  • Правильная работа с header’ами.
  • Быстродействие и небольшая нагрузка на сервер. Продуманная структура баз данных. Кеширование.
  • Sitemap в XML формате.

Что забыл, пишите. Буду рад знать ваше мнение. Обязательно добавлю что-то ещё в будущем, а может вы что-то подскажите. В любом случае интересно знать ваше мнение.

Как добавить RSS ленту на сайт

Имеющаяся на сайте RSS-лента даёт возможность оперативно транслировать новости и обновления читателям. Формат этот несколько устаревший, но аудитория пользователей всё ещё большая. Возможность организации RSS-лент заложена во многие популярные движки, такие как WordPress, Joomla, Drupal и многие другие. Где-то эта возможность является штатной, а где-то реализуется с помощью плагинов. Рассматривать процесс установки плагинов не имеет особого смысла, поэтому мы попробуем разобраться, как организовать RSS-ленту своими силами, не используя плагины.

RSS-лента для статического сайта на html


Для начала мы рассмотрим ручной способ, позволяющий реализовать трансляцию новостей на любом сайте, даже на статичном, построенном на голых html-страницах. Данный функционал будем создавать с помощью простого кода, который размещается в файле rss.xml в корне сайта:

При необходимости, в данном коде можно указать язык ленты, что необходимо при её регистрации в некоторых каталогах RSS-лент, а также добавить дополнительные элементы.

Представленный код обновляется в ручном режиме. То есть, для внесения изменений необходимо открыть файл rss.xml и вписать в него новые данные. Нужно несколько новостей? Тогда редактируемый файл с лентой должен содержать в себе несколько конструкций следующего вида:

Каждая такая конструкция – это отдельная новость, которая располагается между тегами item. По мере добавления новостей, старые записи можно удалять. Количество записей может быть любым, но прописывать больше 10 последних новостей не стоит – вряд ли кому-то понадобятся устаревшие записи.

Автоматизируем создание RSS-ленты

Предположим, что наш сайт создан на самописной CMS, либо на CMS, у которой RSS-лента отсутствует. В этом случае необходимо разобраться в структуре базы MySql, используемой для хранения данных, и выяснить, как производится хранение данных о заголовках страниц, их адресах и содержимом страниц с новостями. Разобравшись со структурой базы, необходимо несколько модернизировать файл с RSS-лентой. Для начала, дадим ему другое расширение, чтобы в нём мог исполняться php-код, необходимый для работы с базой MySql. В противном случае наша RSS-лента не заработает. Необходимо переработать и внутреннее содержимое файла:

  • Реализуем подключение к базе данных;
  • Делаем выборку нужных данных, установив ограничение на 10 последних записей;
  • Выводим в цикле содержимое полученных переменных;

С первым пунктом всё понятно – нам нужно выполнить подключение к базе данных для забора оттуда информации. Второй пункт тоже понятен – нам нужно получить 10 дат, 10 id ссылок на страницы с новостями, 10 заголовков новостей и 10 тел новостей. В третьем тексте мы последовательно выводим всё то, что мы публиковали между тегами item в ручном формате нашей RSS-ленты. Таким образом, разобравшись в структуре базы данных, мы можем организовать RSS-ленту для любого ресурса. Такой подход хорош тем, что мы не касаемся исходного кода CMS и не создаём дополнительных нагрузок на хостинг – этим грешат некоторые плагины, нагружающие сайты километрами ненужного кода. Кроме того, наша методика позволит избавиться от возможных ошибок в функциональности действующего сайта на этапе внедрения RSS-ленты. Максимум, что может произойти, так это получение не тех данных, что нужны для формирования ленты на нашем сайте.

Теперь рассмотрим сам код:

Первые строки данного кода схожи с вышеописанным ручным кодом и содержат в себе общую информацию о нашей новостной ленте – это название, описание и полный адрес ленты. Даты последнего обновления ленты нет, но её можно реализовать, модернизировав исходный код. Далее производится выборка необходимых данных из MySql-базы и запускается цикл формирования RSS-ленты.

С датой новости, её текстом и заголовком всё понятно – они выводятся из переменных $title , $text и $date . Что касается ссылки на полную новость, то здесь берётся её >http://site.ru/news.php? >. Здесь мы описываем лишь общий принцип формирования ссылок, поэтому при практической реализации в вышеуказанный код необходимо внести соответствующие изменения.

Как только формирование файла rss.php будет готово, мы можем заливать его на хостинг и приступать к тестированию.

Полезные советы
Заходя на некоторые сайты, мы можем видеть в адресной строке браузера прямую ссылку на RSS-ленту этих сайтов. Для того чтобы не отставать от моды, проведём ещё одну модернизацию нашего сайта и добавим в него всего одну строчку кода:

Данная строка должна располагаться между тегами .

CSS RSS = почти идеальный блог?

Давным-давно, кажется, сразу после создания, у меня был журнал в мрачных тонах, с большим количеством черного. Сейчас я даже не знаю: остались ли у меня скриншоты с тех пор? Кажется, прошло несколько лет перед тем, как я поменял его на готовый дизайн «Light clouds». И все мне в нем нравилось (и нравится), кроме нескольких мелочей. А самая раздражающая из этих мелочей — то, что заголовки постов выводятся полностью большими буквами! Мне кажется, что это легкий перегиб! И вот когда вчера я написал очередной пост, а из-за больших букв заголовок (в очередной раз) коварно растянулся на 2 строки, я решил, что «хватит это терпеть»!

Вот заголовок, который стал последней каплей:

По сути, решение проблемы сводится к ответу на три вопроса: где писать, что писать и как писать? Отвечу на них последовательно.

Что писать?
Писать надо будет CSS-стили. Подробнее про них можно почитать, для начала, в Википедии. Если CSS-разметка вам совсем в новинку, пишите — постараюсь помочь!

Где писать?
Переходим в Настройки, выбираем ссылку Изменить внешний вид журнала, в правой части окна выбираем ссылку Настройте свой стиль:

и дальше в меню слева Custom CSS:

Мастер Йода рекомендует:  Python и R в анализе данных основные различия и сценарии использования

Если вам нужно только поменять CSS-стили, можно сразу пройти по последней ссылке.

Как писать?
Перед нами пустое окно, в которое можно прописать свои CSS-стили. Нам необходимо изменить стиль заголовка. Для того, чтобы понять, какой именно стиль нужно «перекрыть», я кликаю правой кнопкой по заголовку и выбираю вариант Просмотреть код элемента (в других браузерах название будет незначительно отличаться):


В открывшейся части экрана нахожу элемент, для которого прописан «text-transform: uppercase»:

Итак, все понятно: в CSS необходимо будет для элемента H2.page-header2 задать значение «text-transform: none;». Для этого в окне Custom CSS делаем следующую запись:
H2.page-header2 <
text-transform: none; !important
>

Слово «!important» обозначает, что эта запись имеет приоритет перед всеми остальными.

Сохраняем запись при помощи кнопки Сохранить изменения:

Переходим на главную страницу журнала и смотрим на заголовок:

CSS RSS = почти идеальный блог?

# Конфигурационный файл Apache # http://httpd.apache.org/docs/2.4/mod/quickreference.html # http://httpd.apache.org/docs/2.4/howto/htaccess.html # Созданию данного конфига способствовали: # Kroc Camen: http://camendesign.com/.htaccess # http://perishablepress.com/stupid-htaccess-tricks/ # .htaccess из CMS MODx: http://modx.com/ # Некоторые неизвестные авторы # ———————————————————————- # Улучшаем восприятие сайта пользователями IE # ———————————————————————- # Заставляем IE не переходить в режим совместимости в некоторых случаях # https://github.com/rails/rails/commit/123eb25#commitcomment-118920 # mod_headers не умеет определять тип данных (content-type), но нам нужно отсылать этот заголовок только для определенных типов файлов Header unset X-UA-Compatible # ———————————————————————- # Кроссдоменный AJAX # ———————————————————————- # Обслуживание кроссдоменных Ajax запросов, по умолчанию отключено. # http://enable-cors.org/ # http://code.google.com/p/html5security/wiki/CrossOriginRequestSecurity # # Header set Access-Control-Allow-Origin «*» # # ———————————————————————- # Кроссдоменные изображения (CORS-enabled images) (@crossorigin) # ———————————————————————- # Отсылать CORS заголовки, если браузер требует их, для изображений по умолчанию включено. # http://developer.mozilla.org/en/CORS_Enabled_Image # http://blog.chromium.org/2011/07/using-cross-domain-images-in-webgl-and.html # http://hacks.mozilla.org/2011/11/using-cors-to-load-webgl-textures-from-cross-domain-images/ # wiki.mozilla.org/Security/Reviews/crossoriginAttribute # mod_headers, ну почему ты не определяешь Content-Type?! SetEnvIf Origin «:» IS_CORS Header set Access-Control-Allow-Origin «*» env=IS_CORS # ———————————————————————- # Доступ к веб-шрифтам # ———————————————————————- # Разрешает доступ к веб-шрифтам из всех доменов. # В качестве альтернативы, можно добавить домен # в белый список, например «subdomain.example.com». # # # Header set Access-Control-Allow-Origin «*» # # # ———————————————————————- # Верный MIME тип для всех файлов # ———————————————————————- # Предотвращает MIME-связанные ошибки в Google Chrome при подключении внешних шрифтов. # Запрещает просматривать содержимое бинарных файлов (их принудительная загрузка). # JavaScript # Приведение Javascript к единому типу # http://tools.ietf.org/html/rfc4329#section-7.2 AddType application/javascript js jsonp AddType application/json json # Аудио AddType audio/ogg oga ogg AddType audio/mp4 m4a f4a f4b # Видео AddType video/ogg ogv AddType video/mp4 mp4 m4v f4v f4p AddType video/webm webm AddType video/x-flv flv # SVG # Требуется для svg шрифтов на iPad # https://twitter.com/FontSquirrel/status/14855840545 AddType image/svg+xml svg svgz AddEncoding gzip svgz # Веб-шрифты AddType application/vnd.ms-fontobject eot AddType application/x-font-ttf ttf ttc AddType font/opentype otf AddType application/x-font-woff woff # Остальное AddType image/x-icon ico AddType image/webp webp AddType text/cache-manifest appcache manifest AddType text/x-component htc AddType application/xml rss atom xml rdf AddType application/x-chrome-extension crx AddType application/x-opera-extension oex AddType application/x-xpinstall xpi AddType application/octet-stream safariextz AddType application/x-web-app-manifest+json webapp AddType text/x-vcard vcf AddType application/x-shockwave-flash swf AddType text/vtt vtt # ———————————————————————- # Gzip сжатие # ———————————————————————- # Включаем deflate для не стандартных заголовков: # http://developer.yahoo.com/blogs/ydn/posts/2010/12/pushing-beyond-gzipping/ SetEnvIfNoCase ^(Accept-EncodXng|X-cept-Encoding|X<15>|

-]<4,13>$ HAVE_Accept-Encoding RequestHeader append Accept-Encoding «gzip,deflate» env=HAVE_Accept-Encoding AddOutputFilterByType DEFLATE text/html text/plain text/css \ application/json text/javascript application/javascript application/x-javascript text/x-js text/ecmascript application/ecmascript text/vbscript text/fluffscript \ text/xml application/xml text/x-component \ application/xhtml+xml application/rss+xml application/atom+xml \ image/x-icon image/svg+xml application/vnd.ms-fontobject application/x-font-ttf font/opentype # ———————————————————————- # Задаем Expires заголовки (срок актуальности файла) (для лучшего кэширования) # ———————————————————————- # Указываются заголовки с большим сроком «годности», # предполагается, что вы используете кэш на основе названий файлов (all.css?v001). # В дополнение, учтите, что старые прокси могут кэшировать не верно # http://www.stevesouders.com/blog/2008/08/23/revving-filenames-dont-use-querystring/ # Если вы не используете названия файлов для контроля версий, измените кэш для CSS и JS, например на # «access plus 1 week». ExpiresActive on # Задаем значение по умолчанию (для всех файлов) ExpiresDefault «access plus 1 month» # cache.appcache нельзя кэшировать в FF 3.6 (спасибо Remy

Introducing HTML5) ExpiresByType text/cache-manifest «access plus 0 seconds» # Ваш html документ ExpiresDefault «access plus 0 seconds» ExpiresByType text/html «access plus 0 seconds» # Данные ExpiresByType text/xml «access plus 0 seconds» ExpiresByType application/xml «access plus 0 seconds» ExpiresByType application/json «access plus 0 seconds» # Рассылка ExpiresByType application/rss+xml «access plus 1 hour» ExpiresByType application/atom+xml «access plus 1 hour» # Favicon (не может быть переименован) ExpiresDefault «access plus 1 week» ExpiresByType image/x-icon «access plus 1 week» # Медиа: изображения, видео, аудио ExpiresDefault «access plus 1 year» ExpiresByType image/gif «access plus 1 month» ExpiresByType image/png «access plus 1 month» ExpiresByType image/jpeg «access plus 1 month» ExpiresByType video/ogg «access plus 1 month» ExpiresByType audio/ogg «access plus 1 month» ExpiresByType video/mp4 «access plus 1 month» ExpiresByType video/webm «access plus 1 month» # HTC файлы (css3pie) ExpiresByType text/x-component «access plus 1 month» # Веб-шрифты ExpiresDefault «access plus 1 year» ExpiresByType application/x-font-ttf «access plus 1 month» ExpiresByType font/opentype «access plus 1 month» ExpiresByType application/x-font-woff «access plus 1 month» ExpiresByType image/svg+xml «access plus 1 month» ExpiresByType application/vnd.ms-fontobject «access plus 1 month» # CSS и JavaScript ExpiresDefault «access plus 1 year» ExpiresByType text/css «access plus 1 year» ExpiresByType application/javascript «access plus 1 year» # Статичные ресурсы ExpiresDefault «access plus 1 year» ExpiresByType application/x-shockwave-flash «access plus 1 year» ExpiresByType application/pdf «access plus 1 year» ExpiresByType application/msword «access plus 1 year» ExpiresByType application/rtf «access plus 1 year» ExpiresByType application/vnd.ms-excel «access plus 1 year» ExpiresByType application/vnd.ms-powerpoint «access plus 1 year» # ———————————————————————- # Удаление ETag + Cache-Control # ———————————————————————- # FileETag None бывает не достаточно (для некоторых серверов). Header unset ETag # Так как мы посылаем expires заголовки с большим сроком, # мы не используем ETag для статичного контента. # http://developer.yahoo.com/performance/rules.html#etags FileETag None ## Браузер должен обновлять документ после заданного в секундах времени, которое задается в Cache-Control. Header set Cache-Control «max-age=0, private, must-revalidate» Header set Cache-Control «max-age=31556926, public» Header set Cache-Control «max-age=31556926, public» Header set Cache-Control «max-age=31556926, public» Header set Cache-Control «max-age=31556926, public» # ———————————————————————- # Запрещаем мобильным провайдерам изменять заголовки сайта # ———————————————————————- # Следующий заголовок предотвращает изменение заголовков сайта # при использовании 3G у некоторых Европейских провайдеров. # Это официальный ‘костыль’, предложенный O2 в UK. # # Header set Cache-Control «no-transform» # # ———————————————————————- # Предотвращаем мерцание экрана в старом IE при :hover эффекте # ———————————————————————- # Следующие правила остановят мерцание экрана в IE при :hover, # в комбинации с «ExpiresByType» правилами для изображений (см. выше). # http://www.ibloomstudios.com/article3.php # BrowserMatch «MSIE» brokenvary=1 # BrowserMatch «Mozilla/4.[0-9]<2>» brokenvary=1 # BrowserMatch «Opera» !brokenvary # SetEnvIf brokenvary 1 force-no-vary # ———————————————————————- # Устанавливаем Keep-Alive заголовок # ———————————————————————- # Keep-Alive позволяет отсылать несколько запросов через одно # TCP-соединение. Будьте в курсе возможных недостатков этой опции. # Включайте, если вы раздаете много статичного контента. # # Header set Connection Keep-Alive # # ———————————————————————- # Задействуем mod_rewrite # ———————————————————————- # Включенный mod_rewrite необходим для дальнейших настроек. # FollowSymLinks должен быть включен. # Некоторые облачные хостинги требуют установленного RewriteBase: # http://www.rackspace.com/knowledge_center/frequently-asked-question/why-is-mod-rewrite-not-working-on-my-site # Если ваш сайт находится в поддиректории, используйте `RewriteBase /foo`, # где ‘foo’ — ваша директория. # Если ваш веб хостинг запретил опцию FollowSymlinks, вам может понадобится # закомментировать ее и использовать `Options +SymLinksIfOwnerMatch`, но будьте в курсе # возможного изменения производительности: http://httpd.apache.org/docs/2.4/misc/perf-tuning.html#symlinks Options +FollowSymlinks # Options +SymLinksIfOwnerMatch RewriteEngine On # ———————————————————————- # Убираем или оставляем «www.» в начале ссылок # ———————————————————————- # Одинаковый контент никогда не должен быть доступен по двум различным ссылкам — # особенно под различными доменами, так как это может вызывать проблемы с SEO — # дублированный контент. Поэтому вы должны четко выбрать один из вариантов. # По умолчанию, включен вариант 1 (без «www.»). # http://no-www.org/faq.php?q=class_b # Если вы предпочитаете использовать вариант 2, просто закомментируйте вариант 1 # и раскомментируйте вариант 2. # ВАЖНО: НИКОГДА НЕ ИСПОЛЬЗУЙТЕ ОБА ВАРИАНТА ОДНОВРЕМЕННО! # ———————————————————————- # Вариант 1: # Замена «www.example.com -> example.com». RewriteCond % !=on RewriteCond % ^www\.(.+)$ [NC] RewriteRule ^ http://%1% [R=301,L] # ———————————————————————- # Вариант 2: # Замена «example.com -> www.example.com». # Этот вариант не очень хорошая идея, если вы используете не виртуальные поддомены. # # RewriteCond % !=on # RewriteCond % !^www\..+$ [NC] # RewriteRule ^ http://www.%% [R=301,L] # # ———————————————————————- # ———————————————————————- # Встроенное, основанное на названиях файлов, сбрасывание кэша # ———————————————————————- # Если вы не используете билд-скрипт для управления версиями ваших файлов, # вы можете использовать данный вариант. Он перенаправляет запросы таким образом # `/css/style.20110203.css` -> `/css/style.css`. # Чтобы понять, почему это важно и лучше, чем «.css?v1231», # обратитесь к официальной документации `.htaccess`. # P.S. скорее всего, query строка в адресе к статичному файлу может повлиять на кэширование этого файла # # RewriteCond % !-f # RewriteCond % !-d # RewriteRule ^(.+)\.(\d+)\.(js|css|png|jpg|gif)$ $1.$3 [L] # # ———————————————————————- # Отключаем предупреждения касательно SSL сертификата # ———————————————————————- # Перенаправляем защищенные запросы правильным образом, например предотвращаем загрузку # https://www.example.com когда сертификат доступен только на https://secure.example.com # # RewriteCond % !^443 # RewriteRule ^ https://example-domain-please-change-me.com% [R=301,L] # # ———————————————————————- # Предотвращаем 404 ошибки для несуществующих директорий # ———————————————————————- # без -MultiViews, Apache будет выдавать 404, если запрашиваемого каталога не существует # http://www.webmasterworld.com/apache/3808792.htm Options -MultiViews # ———————————————————————- # Своя страница 404 # ———————————————————————- # Свои страницы для ошибок 500 или 403 можно создать по аналогии. # Если ваш сайт находится в поддиректории, измените адрес соответствующим образом # например ErrorDocument 404 /subdir/404.html ErrorDocument 404 /404.html # ———————————————————————- # UTF-8 кодирование # ———————————————————————- # Используем UTF-8 кодировку для всех переданных text/plain или text/html AddDefaultCharset utf-8 # Принудительно выставляем UTF-8 для некоторых форматов AddCharset utf-8 .atom .css .js .json .rss .vtt .xml # ———————————————————————- # Блокируем некоторые эксплоиты # ———————————————————————- ## Если у вас появились проблемы, закомментируйте данные правила ## Запрещаем доступ к .xml файлам (раскомментируйте для активации) # # Order allow,deny # Deny from all # Satisfy all # ## [Конец] Запрещаем доступ к .xml файлам RewriteCond % mosConfig_[a-zA-Z_]<1,21>(=|\%3D) [OR] # Блокируем возможность посылать base64_encode через URL RewriteCond % base64_encode.*\(.*\) [OR] # Блокируем передачу тега

Количество передаваемых данных уменьшилось на 84,27 килобайт (меньше в 2.6 раз).
Так же мы получаем более тонкое управление кэшированием и некоторые фиксы.

Ошибки при редизайне сайта, которые могут навредить SEO

Что быть в тренде, примерно раз в несколько лет необходимо проводить ревизию вашего сайта, что бы определить отвечает ли он тенденциям дизайна и юзабилити.

Редизайн сайта, будь то ваш собственный или клиентский ресурс, является неотъемлемой частью digital маркетинга сегодня. Это важно, потому что технологии, тенденции и ожидания пользователей меняются со временем, и если мы хотим оставаться конкурентоспособными, необходимо идти в ногу с этими изменениями.

Но эта важная задача, также представляет определенные риски с точки зрения SEO. Во время процесса редизайна часто, что то может пойти не так как вы планировали. Эти проблемы могут привести к тому, что поисковые системы перестанут рассматривать ваш сайт как релевантный продвигаемым запросам. В некоторых случаях ошибки могут даже приводить к санкциям.

В этой статье мы рассмотрим некоторые из распространенных ошибок веб-дизайна, которые могут разрушить SEO. Знание потенциальных рисков может помочь вам избежать ошибок, которые способны снизить поисковый трафик.

Ошибка №1 Оставить открытыми для индексации страницы и папки во время доработки

При изменении текущих страниц сайта можно пойти несколькими путями

  • Менять страницу прямо на живом домене
  • Создать копию страницы в подпапке на живом домене
  • Сделать копию на виртуальном хостинге и менять там

Единственным правильным решением в этой ситуации будет последний вариант. Так как иначе роботы поисковых систем могут проиндексировать страницу в процессе доработки и пометить ее как некачественную или склеить с копией страницы, которая открыта для индексации.

Также важно использовать чистый url адрес для страницы в процессе доработке, т.е. адрес на который не стоит ссылок с основного домена который индексируется ПС.

Ошибка №2 Изменение имен изображений на страницах, которые хорошо ранжируются

Это не будет проблемой если изображения сайта не были оптимизированы до редизайна, но если веб-страница хорошо ранжируется, изменение имени изображения на этой странице может привести к потере рейтинга в результатах поисковой выдачи. Особенно, если веб-дизайнер не знает, что делает.

Редко когда веб дизайнеры хорошо разбираются в SEO.


В рамках процесса редизайна они заменяют старые изображения новыми, более крупными и качественными, но, не имея соответствующего опыта, используют рандомные имена изображений например image1.jpg., которые снижают уровень оптимизации сайта.

Мастер Йода рекомендует:  Как общаться с null в Java и не страдать

Это может отнять часть поискового трафика и в целом понизить релевантность страницы.

Ошибка №3 Удаление страниц или смена адреса url без переадресации на новый адрес

Во время редизайна некоторые страницы почти наверняка больше не понадобятся. Менее опытные веб-дизайнеры часто просто удаляют их. Другие страницы могут быть перемещены и / или переименованы, что в большинстве случаев изменяет их URL. В этих случаях веб-дизайнеры часто меняют эти URL-адреса и считают, что задача завершена.

Это большая ошибка, так как эти страницы уже участвуют в результатах поиска и с большой долей вероятности имеют входящие ссылки, которые становятся битыми как только страница начинает отдавать код 404.

В некоторых случаях это может привести к резкому снижению трафика.

Правильный способ удаления страниц — перенаправить их на наиболее релевантную страницу, которая в настоящее время существует. Что касается страниц, адрес которых был изменен, важно установить редирект на новый адрес.

Для этих целей используется 301 редирект, который указывает на постоянное перемещение страницы. Для большинства хостинговых платформ это лучше всего сделать, добавив соответствующую запись в ваш файл .htaccess.

Ошибка №4 Не проверить все внутренние ссылки сайта

Независимо от метода, который вы используете для переноса сайта после изменений, вы обязательно столкнетесь с некоторыми ошибками.

Одна из самых частых: ссылки внутри контента, указывающие на неправильное место.

Пример:

Адрес страницы, на которую ведет ссылка из статьи, после переноса изменился, и ссылка становится нерабочей.

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

К счастью, есть простое решение этой задачи. Например программа Screaming Frog или SEMrush, можно использовать для обхода каждой отдельной ссылки на сайте. Анализ должен включать в себя видимые текстовые ссылки, а также все ссылки на изображения, JavaScript и файлы CSS, которые спрятаны в HTML.

Ошибка №5 Не проверить корректность работы форм сайта

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

Обязательно проверить нужно:

  • Контактные формы
  • Функциональность электронной коммерции
  • Возможности поиска
  • Интерактивные инструменты
  • Мультимедийные проигрыватели
  • Счетчики аналитики
  • Проверка Google Search Console / Я.Вебмастер
  • Отслеживание пикселей

Ошибка №6 Не проверить корректность работы плагинов CMS

Также важно как и скрыть от индексации сайт на период доработки, обратно открыть его для поисковых систем и сделать это правильно.

Однажды я столкнулась с тем, что вебмастер просто забыл снять флажок в Yoast SEO, который запрещал поисковым системам сканировать и индексировать сайт.

Например, если вы используете WordPress Обязательно проверьте настройки следующих плагинов:


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

А если все-таки ленитесь – приходите к нам, мы все сделаем за вас!

Начните с SEO-аудита вашего сайта

Подпишись и следи за выходом новых статей в нашем монстрограмме

Остались вопросы?

Не нашли ответ на интересующий Вас вопрос? Или не нашли интересующую Вас статью? Задавайте вопросы и темы статей которые Вас интересуют в комментариях.

frost_16

All Lights Reversed

Итак, сегодня расскажу как поменять дизайн блога.

В свое время я убил туеву хучу времени чтобы разобраться в этой проблеме и все что я нагуглил — пространное мычание гуру, обзывание всех остальных ламерами и еще кучу невнятного материала. А по делу — крохи информации.
Так вот, сегодня я расскажу как поменять цветовую гамму блога, присобачить себе новый баннер, сделать самый-самый верхний пост и еще кое-чего.

Сразу скажу. Все о чем я буду рассказывать проверялось на моем собственном блоге. А тут:
— Улучшеный аккаунт
— Стиль Expressive
Если у вас другой аккаунт или другой стиль — даже не спрашивайте, я не смогу вам ответить

Еще вам понадобится минимальное понимание HTML и CSS, разумеется если вы хотите сделать чего-нибудь большее, а не тупо скопипастить выложенные тут кусочки кода. Хотя, каждому — своё. Я во всем этом шарю, но по минимуму, на уровне понимания смысла.

1. Как сделать «верхний пост»

Это самое легкое. Просто создаем новый пост и выставляем у него дату. ну скажем 16 декабря 2020 года. Таким образом пост будет висеть в самом верху блога пока это самое 16 декабря 2020 года не наступит. Если ЖЖ убдет ругаться — ставим галочку «запись задним числом».
Единственный минус — при пользовании Semagic-ом больше нельзя пользоваться кнопкой «Редактировать последнюю запись». Сами понимаете, загружаться будет всегда один и тот же «верхний пост».

2. Как поменять картинку в заголовке блога.

Иначе говоря, поменять его «шапку», баннер и тд и тп. Это тоже довольно просто.

1. Для начала нужно создать картинку требуемого размера. В моем случае это 940х200 пикселей. Создали? Прекрасно 🙂

2. Теперь надо залить картинку в интернет. ТО есть, куда-нибудь, откуда она будет грузиться. Чтобы не мучаться — воспользуемся стандартным фотохостингом ЖЖ, доступным всем его юзрам. Идем по ссылке: http://pics.livejournal.com/manage/upload и загружаем картинку. Лучше создать для нее отдельную папку, чтобы потом не мучаться с поиском.

3. Загрузили картинку? Хорошо, теперь вам надо получить ее адрес. Для этого, щелкаем по ней пока на странице не останется только она. Пояснить? Легко 🙂
Перейдите по ссылке: http://pics.livejournal.com/frost_16/pic/0006e05r/g16 Допустим вот это ваша только что загруженная картинка. Щелкните по ней и она откроется на полный экран. Теперь по ней нужно кликнуть правой кнопкой мыши и выбрать «Свойства изображения» (в разных браузерах называется по-разному). Откроется небольшое окошко, где помимо всего прочего будет написан адрес картинки. Копируем его.

3. Теперь идем на страницу редактирования стиля, во вкладку Custom CSS: http://www.livejournal.com/customize/options.bml?group=customcss
Тут находится самое вкусное. В пустое поле можно вбить свой собственный код, который будет изменять стиль вашего блога.

В это окно вбиваем следующий код:

#header-inner <
background-image: url(«XXXXXXX»);
height: 200px;
>

Вместо XXXXXXX вставляем адрес вашей картинки, который вы скопировали.

4. Жмем на сохранение и получаем новую картинку в качестве заголовка блога. Всё 🙂

3. Как поменять все остальное


А вот тут уже придется заморочиться. CSS, и никуда от него не деться. Каждый элемент страницы вашего блога привязан к некоему стилю, в котором прописаны параметры цвета, размера, шрифта и т.д. И нужно только узнать его название, чтобы потом прописывать в окошке Custom CSS. Как узнать стиль? Проще всего сохранить любую страницу вашего блога на жесткий диск(как HTML-страницу), а потом открыть ее в HTML-редакторе, допустим в том же Dreamweaver. Теперь просто тыкаем мышкой в нужный элемент (например в заголовок поста) и справа в панельке CSS получаем название нужного стиля, класса, селектора и т.д Теперь просто осталось перенести этот класс в окошко Custom CSS и прописать ему свойства.

Более простой вариант — открыть страницу в Опере, включить «режим автора» и в нем поставить галочку «Class и ID». Страничка перезагрузится и напротив каждого элемента появится название класса. Берем и пользуемся.

Для тех, кто не хочет заморачиваться, вот вам готовенькое, просто вставьте в окошко Custom CSS:

1. Цвета, размеры и шрифты заголовка и подзаголовка журнала

#header <
background-image: none;
>
div#header-name a<
color:#000000;
padding:20;
font:Arial;
font-style:italic;
font-size:30px
>
div#header-description <
color:#000000;
>

Здесь
color:#000000 — черный цвет. Если нужен другой цвет — вбейте в Яндекс что-то вроде «коды цветов» и получите целый список сайтов с кодами.
font:Arial — шрифт заголовка
font-style:italic — начертание. В моем случае это курсив.
font-size:30px — размер шрифта

Если вас что-то не устраивает — просто уберите ненужную строчку.

2. Цвет шрифта панели навигации (Recent Entries Archive Friends User Info Memories)

3. Цвет заголовков постов

Ну и дальше в том же направлении. Мне достаточно и этого. Остальное я не менял.

Базальная температура от А до Я

Наши линеечки планирующих. Попробуй и выскажи свое мнение!

* Дорогие друзья! Да, это реклама, крутиться как то надо!

«Почти идеальный» сработал!

Вы верите в приметы? Особенно в те, что связаны с беременностью? Я не верила. Спокойно отходила первую беременность, родила здоровую доченьку. А вот когда решила забеременеть во второй раз… у нас долго не получалось. Мы лечились, проверялись, нервы были на пределе. Я потихоньку стала сходить с ума и верить во все! Однажды случайно наткнулась на обсуждение одной вышивки фирмы «Dimensions». Девочки писали, что стоит вышить этих милых ангелов и случится чудо! Только вышивать надо с добрыми мыслями и верой в хорошее. Я поддалась порыву и купила этот набор. У меня получилось. Я закончила этих ангелов в конце мая, а в сентябре узнала что беременна. Так что, девочки, примета работает. Верьте в лучшее!

Читать комментарии 35:

Я тоже их вышивала! Только до конца не успела, забеременела 🙂

Я тоже в середине июня вышила и ЗаБ в ноябре

я в мае закончила вышивать, в июне узнала о беременности! 5 лет не получалось! Легкой беременности!

У меня тоже в беременный цикл было несколько знаков, не связанных именно с вышивкой, но в которые я искренне верила)) точные слова, что главное верить, что всё получится)

У нас тоже своя примета
В августе 2014 года из Египта мы направились с мужем в Израиль по святым местам. Были много где, в том числе и у Стены Плача. Писали мы записочки, муж на мужской половине, я естественно на женской. Я просила здоровья поименно всем моим родственникам и близким друзьям. А так же родить здоровую малявочку и неважно какого пола, все равно М или Д!
В августе 2015 мы (ровно через год) опять поехали в Египет(климат этой страны мне очень нравится, да и море волшебно красивое). Так мы в этот раз с Египта привезли малявочку! Нам сейчас по узи 9 недель+6 дней.

Я вышивала с сентября. В ноябре заБ.

У меня своя примета была, в последнем цикле бракованный тест попался, показал две полосочки. Для себя отметила что это телеграмма))) от ангела малыша))) Что скоро будет с нами, на следующий цикл беременность)

а я уже месяц назад вышила все только нимбы осталось никак не дойдут руки


Девочки, хочу вышить этих Ангелочков) как точно они называются?) а-то не могу найти в нете)))

добавлено спустя 8 минут

Всё, нашла))) они, оказывается, так и называются-«почти идеальный»)))

Поздраляю! Здоровья Вам и малышу под сердцем!

Легкой беременности вам я тоже всё хотела, но готовой вышивки не нашла, поэтому подбирала сама цвета и вот я вышила с верой в чудеса, теперь остается только ждать

Я уже года два как вышила Ангелочков, а беременности нет (

А я читала что нужно просто ангела вышить, нашла который мне очень понравился, вернее наверно это даже она) в мае 2013 года до вышивала и в этом же цикле забеременела))) хотя у нас почти 3 года не получалось!

Мастер Йода рекомендует:  Взлом WhatsApp разбираемся с последствиями

добавлено спустя 3 минуты

Вот она) тогда у нас сын родился, а сейчас девочку ждем)

Сладкая мышка, значит, не с тем настроем вышивала или еще что

Пусичка, да вроде бы в хорошем настроении и о детках думала

Поздравляю вас!)))
Тоже чтоли попробовать.. Я люблю вышивать

Я тоже знаю про эти приметы. На самом деле они касаются не только беременности:

ВЫШЬЕШЬ ТРЕХ АНГЕЛОЧКОВ — ЗАБЕРЕМЕНЕЕШЬ!
Про приметы, которые сработали 🙂

Оказывается, от того что мы вышиваем может многое измениться.

Вышить домик – это к улучшению жилищных условий. Сотни рукодельниц клянутся, что после любого вышитого ими строения их квартирный вопрос чудесным образом разрешился сам собой. Причем вышивать можно любой домик, от незатейливой крохотульки до замка. Даже известные кривые домики Powellа помогают.

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

Для удачи в бизнесе вышивают дракона. Обязательное условие – дракон должен быть с жемчужиной.

Для работы вышивают горы, деревья (стремление вверх). Также нужно убрать из комнаты, где больше всего находишься, гербарии и прочую мертвую красоту.

МАКИ и МАКОВЫЕ ПОЛЯ (да и вообще, цветочные поля) – к «мужской силе».

ПАРНАЯ вышивка животных или птиц — двух аистов, уточек, пару волков способствует встрече со своей половинкой, а также семейному благополучию. Особенно хорошо, если в доме висит картина с парой волков.

Если Вы будете вышивать пару людей – мужчину и женщину, то в идеале они должны держаться за руки или целоваться.

Встрече с любимым человеком прекрасно способствуют ПИОНЫ.

Согласно фэн-шуй, ПИОН — цветок радости, символ изысканной страсти и плотской любви. Он является самым благоприятным символом для молодых супружеских пар. Изображение пиона в спальне или в секторе любви — замечательный талисман, но его благоприятное действие актуально только в первые годы брака. Когда рождаются дети и молодая жена становится матерью, пионы в спальне начинают символизировать неверность. То есть пионы лучше вышивать парам у которых нет еще детишек, чтобы, не спровоцировать неверность в браке.
Поэтому после нескольких лет счастливого супружества замените вышивку на другую.
Чтобы ускорить свадьбу, можно вышить золотые обручальные кольца на красном (обязательно!) фоне (думаю, можно и на красной канве).
Если незамужняя девушка вышьет ЕДИНОРОГА, то она в ближайшем будущем выйдет замуж.

Дети
Знаменитейшая среди вышивальщиц примета – вышивка трех ангелочков от фирмы Dimensions – Almost Perfect («Почти идеальный»).
Если вышить их, то обязательно забеременеешь. Судя по отзывам на форумах, вышивка срабатывает в 99% случаев.

Здоровье
ЖУРАВЛИ (желательно пара журавлей рядом с сосновой веткой или деревцем) — один из самых главных символов здоровья. Так же символом здоровья считается ПЕРСИК.

Удача в бизнесе, деньги, богатство
ПАРУСНИК – вышивается, чтобы привлечь удачу в делах. Он означает символическое «прибытие» удачи. Вышивать нужно именно не современный кораблик, деревянный, но красивый, мощный, и внешне надежный. Когда будете вешать, аккуратно выбирайте место, он не должен висеть напротив входа, должен «плыть в дом», т.е. должен быть обращен носом внутрь дома. Если
ЗОЛОТАЯ РЫБКА — успех в финансовых делах.
КАРПЫ – символизируют богатство.
ТРЕХНОГАЯ ЖАБА С МОНЕТКОЙ ВО РТУ — символ большой удачи. Один из эффективнейших талисманов для зоны богатства. Приносит богатство, увеличивает денежную удачу. Размещать лучше в зоне богатства (юго-восточный сектор). Располагать нужно — будто она впрыгивает в дом.
ПОДКОВА — символ удачи, изобилия и благоденствия. По Фэн-шуй рекомендуется размещать концами вверх.
ДЕНЕЖНОЕ ДЕРЕВО – к богатству и притяжению денег, но только в том случае если вышито правильно:
По фэн-шуй на деревце должно быть:
— нечетное количество монет (иначе деньги будут убывать, а не прибывать). Лучше всего если монеток будет 9. Монеты обязательно должны быть с дырочкой посередине и иероглифами
— нечетное количество цветов, а лучше 3 цветка. Цветы должны быть на подобие цветущей вишни.
Прикреплены цветы и монеты должны быть красной ниткой.
Дерево должно висеть напротив входной двери, чтобы деньги шли в дом.
ЛОШАДЬ — символ скорости и выносливости, радости жизни, оптимизма и доброй славы. Лучше, если лошадь будет устремлена вверх. Лошадь приносит с собой ветер перемен и благоприятные изменения в жизни. Если к спине лошади прикрепить символическое изображение золота, тогда лошадь принесет вам славу и деньги…

Автомобиль
Вышитая МАШИНА неоднократно помогала вышивающим обзавестись четырехколесным другом. Вы можете вышить любой автомобиль – от Феррари до антикварного Опеля 1898 г.

СИМВОЛЫ В ФЭН-ШУЙ
Фэн-Шуй — наука, дающая понимание того, как наше окружение влияет на наше физическое и эмоциональное здоровье. Это- система знаний, основанная на изучении Природы. Она позволяет изменять и усиливать энергию Вашего окружения. Символы очень важны в Фэн-Шуй, они помогают гармонизировать пространство, подавлять негатив, притягивать энергию изобилия и успеха, исполнять желания…
Так как большинство примет пришло к нам из Фэн-Шуй, ниже приводятся значения основных символов.

АИСТ — Долголетие, счастливая и умиротворенная старость
АЙВА — Плодородие и счастливое супружество
БАБОЧКА — Любовь и радость; две бабочки — супружеское счастье
БАМБУК — Здоровье, долголетие, гибкость. Является проводником благоприятной энергии
БЫК — Надежность и сила. Долгая и плодотворная жизнь, стабильная и устойчивая
ВАЗА — Спокойствие; ваза, наполненная чем-либо — символ притягивания богатства
ВЕЕР — Традиционный символ защиты. Охраняет не только дом, но и самого человека от напастей
ВИНОГРАД — Изобилие, веселье
ВОДА — Здоровье, благополучие
b]ВОДОПАД — Привлечение удачи в дом
ВОРОНА — Брачный союз, верность
ГОЛУБЬ — Кротость и чистота. Пара голубей — любовь, дружба и супружеская верность
ГОРА — Поддержка, защита и помощь
ГРАНАТ — Лопнувший гранат — многочисленное потомство
ГУСЬ (пара)- Вера и верность в браке
ДЕЛЬФИН- Достоинство, надежда, безопасность
ДЕРЕВО — Долголетие
ДРАКОН — Высший символ удачи, творческих способностей; приносит успех в бизнесе
ДРОЗД — Новые благоприятные возможности, радость, счастье
ЖАБА — Сила, крепость
ЖИРАФ — Богатство
ЖУРАВЛЬ — Добрый нрав, спокойствие, верность, долгая жизнь. Часто изображается под сосной — еще одним символом долгожительства
ЗАЯЦ — Чуткость, изобилие, долгожительство
ЗВЕЗДЫ — Счастье и вечность
ЗЕБРА — Спокойствие духа в любой ситуации
ЗИМОРОДОК — Изящество, благородство, супружеская верность
ЗМЕЯ — Движение и обновление. Олицетворяет мудрость и глубокие знания
ИРИС — Жизнь, не знающая старости
КАРП — Удача и духовные достижения. Девять карпов символизируют процветание и материальное благополучие.
Два карпа- Символ полной гармонии отношений между мужчиной и женщиной
КОЛИБРИ — Символ радости жизни
КОНЬ — Знак победы, храбрости, власти
ЛОДКА — Символ прибывающей удачи в делах, безопасности, надежды
КОРЗИНКА — Наполненная чем-либо — символ изобилия, плодородия, достатка
КРЫСА — Достаток, зажиточность, благополучие
ЛАСТОЧКИ — Успех и изобилие
ЛЕБЕДЬ — Изящество, красота, чистота, верность
ЛЕВ — Энергия и доблесть. Защитник дома и общественных мест
ЛЕОПАРД — Храбрость
ЛЕТУЧАЯ МЫШЬ — Счастье. Пять летучих мышей — \«пять благ\» — долголетие, богатство, здоровье, добродетель,
жизнь до конца, предопределенного судьбой
ЛОТОС — Совершенство, духовное изящество, мир, женский гений, лето, плодовитость
ЛОШАДЬ — Покровитель детей. Символизирует скорость, упорство, дарует силы и выносливость, а детям — быстрое развитие
МАГНОЛИЯ, ОРХИДЕЯ — Любовь, изысканность
МЕДВЕДЬ — Символ силы и мужества
ОБЕЗЬЯНА — Оригинальность мышления, хитроумие, сообразительность
ОЛЕНЬ — Карьера
ОРЕЛ — Мощный символ успеха. Власть, смелость, острый ум
ПАВЛИН — Красота и благородство. Распущенный хвост — звания и награды
ПАЛЬМА — Победа
ПЕЙЗАЖ — Символ удачи и благоприятных возможностей
ПЕТУХ — Символ бдения, неусыпности. Носитель мужского достоинства. Защита от пожара
ПЕРСИК — Символ долгожительства
ПИОН — Пылкая страсть, неугасающая любовь, слава, достоинство
ПОПУГАЙ — Символ веселого нрава, дружеского общения, хорошей памяти
ПТИЦЫ — Символ радости, красоты, счастья
ПЧЕЛА — Трудолюбие, успех в науке, искусстве, торговле
РЫБЫ — Гарантия успеха в финансовых делах, удачного развития
САКУРА — Удача, любовь, красота, молодость и обновление
СЛОН — Власть, сила, проницательность
СОВА — Эрудиция, репутация, мудрость; оберегает от нерациональных денежных вложений
СОБАКА — Надежная защита
СОРОКА — Символ \«счастливой встречи\»
СОЛНЦЕ — Знак провидения, изобилия, истины
СОСНА — Символ долгой жизни, верности и преданности
СТРЕКОЗА — Изящество
ТИГР — Защитник от злых духов, символизирует силу и мощь
УТОЧКИ (пара) — Счастье в любви
ФЕНИКС — Символизирует тепло солнца, лета и огня. Помогает бездетным парам. Феникс в паре с Драконом изображается во время свадеб как символ плодотворного союза, счастливого брака и здоровых детей
ХУРМА — Радость
ХРИЗАНТЕМА — Удача
ЦАПЛЯ — Символизирует верность и долголетие
ЧЕРЕПАХА — Долголетие, сила, выносливость. Символизирует неуклонное движение вперед.

а какой ваш «почти идеальный».

Комментарии пользователей

И у нас получилось! Вышила и оформила готовую работу в марте 2012 г., а 1 ноября 2012 г. увидела // Думали, что будет мальчик, а УЗИ показало девочку, родилась доченька. Интересно, что и картину я оформила почему-то в розовую рамочку, совпадение, но все же .

Вот мои ангелочки:

вышивала в феврале 2011, в сентябре 2012 забеременела, теперь есть у нас живой ангелочек)))

готовой рамочки не было… ну и финансов лишних, так что смастерила рамку из того что было))))

начала в сентябре 2013, закончила в ноября, а точнее 26 ноября, 28 увидела

а вот какие они получились)

9 июля 2014 года я стала мамой))))

Интересно, а у кого-нибудь родилась девочка после вышивки? А то ангелочки в голубых платьицах. Голубой — цвет мальчиков. У меня в наборе вообще желтые платьица, хочу на розовые заменить)

Как я могу применить таблицу стилей CSS к RSS-каналу

В моем блоге я использую некоторые классы CSS, которые определены в моей таблице стилей, но в читателях RSS эти стили не отображаются. Я искал и заменил style=»something: something;» . Но это означает, что всякий раз, когда я изменяю свой CSS, мне также нужно изменить код генерации RSS, и он не работает для тега, который принадлежит нескольким классам (т.е. ). Есть ли способ указать на мою таблицу стилей из моего фида?

Популярный читатель RSS НЕ ЗАПУСТИТ загружать таблицу стилей, даже если вы предоставите ее и ссылаетесь на нее с помощью .

Многие читатели RSS просто разделяют все встроенные атрибуты style из ваших тегов. Из тестирования сегодня я обнаружил, что Outlook 2007, кажется, лишает все стили, например, даже если они являются встроенными.

Хорошие читатели RSS допускают ограниченный набор встроенных атрибутов style . См., Например, эту статью в Bloglines о том, что CSS они не будут разделять. Из экспериментов Google Reader, кажется, проходит через определенные стили невредимыми.

Философия RSS — это действительно то, что читатель несет ответственность за презентацию. Многие считают, что RSS должен быть простым текстом и что CSS в RSS-каналах не подходит. Возможно, вам не нужно накладывать другой шрифт на ваши RSS-каналы. Однако определенные типы контента (например, изображения, размещенные слева, с тщательно подобранными надписями) требуют минимального стилирования, чтобы сохранить их смысловое значение.

Добавить комментарий