Как выделить текст рамкой в записи wordpress


http://word-press-tema.info/2010/10/24/kak-vydelit-tekst-ramkoj/

Всем привет! Иногда в личку приходят сообщения с просьбой рассказать как можно выделить текст простой рамкой, как бы делая акцент на определённую часть поста. Сейчас попробую это показать на примере.
Будем исходить из того что в кодах Вы полный ноль или Вам просто не хочется их вручную прописывать. Тогда первое что Вам нужно сделать – это открыть сообщение в простом редакторе, можно и в расширенном, но тогда не забудьте нажать на кнопку ИСТОЧНИК (в самом верху слева). Сделали? Молодцы, копируйте код из флейма и вставляйте в нужный участок поста.
<fieldset><legend><img src=»Сюда вставить адрес картинки » /> </legend> Здесь написать Ваш текст.</fieldset>
Вставили? Идём дальше.
1. Там где написано – Сюда вставить адрес картинки – вставляете адрес нужной картинки. Иногда задают вопрос где её взять) Всё просто – есть только два варианта, первый Вы должны её загрузить со своего ПК, второй найти её в интернете и нажав на ней правую кнопку мыши копировать ссылку на изображение.
2. Где написано – Здесь написать Ваш текст думаю проблем не возникнет – пишите всё что посчитаете нужным.

Точно так же делается рамочка с заголовком вместо картинки. Копируйте код из флейма и вставляете тексты.
<fieldset><legend><b>Заголовок </b> </legend>Здесь написать Ваш текст.</fieldset>
Вот и всё. В результате у Вас должно получится что-то подобное.
С картинкой
Мне столько раз приходилось слышать о людях, которые умирают от любви, но за всю жизнь я не видела, чтобы кто-нибудь из них действительно умер.Маргарита ВалуаБез картинки – с заголовком.
Маргарита Валуа Мне столько раз приходилось слышать о людях, которые умирают от любви, но за всю жизнь я не видела, чтобы кто-нибудь из них действительно умер.дайтека

Popularity: 9%
Автор: GospodinPg Рубрика: Wordprees

3 правила написания статей для бизнес-блога, которые подсказал Volkswagen.



Недавно наткнулась на инструкцию VW под названием «Как создавать объявления для VolksWagen». В ней была следующая фраза (5-ый пункт инструкции): «Поговорите с читателем. Не кричите. Он слышит Вас, особенно, если Вы говорите дельно.»
Когда я прочитала эту фразу в моей голове как будто лампочка зажглась. Тут же нашелся ответ на часто задаваемый моими клиентами вопрос: Как писать статьи на блоге? Как правильно подавать материал на блоге, чтобы читатели возвращались, комментировали, становились поклонниками, следовали рекомендациям итд. Ответ оформился в «3 правила написания статей для бизнес-блога».
Не долго думая тут же решила написать эту статью. Давайте разберем фразу из инструкции «Поговорите с читателем. Не кричите. Он слышит Вас, особенно, если Вы говорите дельно.» по частям, и я постараюсь показать Вам то, что увидела сама в этой фразе.

Итак:
Поговорите с читателем.
Разговор с читателем — это вообще суть блога. Блог — это неформальный разговор с читателем. Обратите внимание не с читателями, а с читателем!
Чтобы было понятней, что такое неформальный разговор , давайте представим себя в кафе с друзьями или в курилке в обеденный перерыв или на вечеринке по случаю дня рождения и т. д.
О чем и как обычно люди говорят в подобных ситуациях? В общем-то о чем говорят понятно — обо все подряд: о жизни, проблемах, событиях, родственниках, развлечениях, материальных благах, работе итд. Список можно продолжать.
А вот как говорят… Разговоры начинаются примерно так:

Представляешь, вчера встретил ( увидел, купил)…
На днях ходил в кино на фильм (новое кафе, ресторан, магазин)…
Поговорил (прочитал, посмотрел, услышал) …. И это навело меня на мысль … Родилась идея …
И т.д.

Вот в таком формате и нужно писать статьи на блоге.
Рекомендация: Когда Вы представите себя в неформальной обстановке, выберите мысленно человека, которого знаете или просто знакомы и поделитесь с ним своими новостями … Перед тем как написать статью можно для начала поговорить с другом на эту тему. Расскажите ему, о чем хотите написать, да так чтобы у него глаза загорелись…
Не кричите.
Проблема бизнес-блога в том, что с одной стороны это блог – т.е неформальный разговор, с другой одна из его задач приносить прямой или косвенный доход его владельцу. Совместить эти два момента бывает довольно сложно особенно на первых парах, когда надежды высоки, а опыта и ресурсов мало. В результате у автора бизнес-блога есть большой соблазн писать статьи рекламного характера. В таких статьях, как правило, не видно главного — самого автора, его личного опыта, его идеи, мнения итд.
Подобные статьи больше похожи на рекламу. Усугубляется ситуация еще и тем, что подаются статьи под соусом блога. В результате выглядит это примерно так: Сидим с друзьями в кафе, едим пирожные, все говорят о жизни, о своих проблемах, а один из них все твердит подготовленный заранее рекламный текст типа: «Шампунь N сделает Ваши волосы блестящими и шелковистыми. Покупайте прямо сейчас и получите скидку 20%».
Думаю, очевидно, что такой способ продвижения товара и получение комиссионных не принесет результата. И дело вовсе не в том, что это реклама, и она раздражает и вообще как-то не в тему, а в самой подаче.
Рекламные тексты отличаются от задушевных рекомендаций только одним – личным опытом. В этом и есть секрет написания статей на бизнес блоге — рекомендация на основе Вашего личного опыта.
Рекомендация: Перед тем как опубликовать статью на блоге удостоверьтесь, что она:
1. написана от первого лица, т.е. Вы в ней главный герой .
2. основное содержание это Ваш опыт, мысли, идеи
3. продвигает что-либо в виде рекомендации
Он слышит Вас, особенно, если Вы говорите дельно.
В любой инструкции по написанию статей для блога Вы найдете пункт «Писать ценные, полезные статьи». Для себя я давно определила, что такое ценная и полезная статья – эта та статья, прочитав которую, читатель сможет применить информацию на практике. И слово «дельно» только лишь усилило мое понимание ценности и полезности.
Вот как описано слово «дельно» в толковом словаре:

Дельно – значит по существу, по делу.
Дельный человек, способный и толковый.
Дельный ответ, путный, основательный.

Все мы уважаем и ценим людей, которые говорят по делу. Это особые люди, которые умеют увидеть суть вещей и без лишней воды донести информацию. К таким людям прислушиваются, следуют их рекомендациям, и если Вы получите репутацию дельного человека, а информацию, которую Вы даете на блоге называют дельной (по делу, по существу) считайте, что Вы добились успеха.
Итак давайте подведем итог «3 правила написания статей для бизнес-блога»:

Правило №1: «Блог — это неформальный разговор с читателем»
Правило №2: «Рекомендация основанная на Вашем личном опыте  — основа продвижения чего-либо на блоге с целью получения прибыли»
Правило №3: «Писать по делу по существу. Меньше воды, больше сути»

Ну что ж, спасибо VolksWagen за подсказку. Как Вам мои 3 правила? Может есть, что добавить? Тогда не стесняйтесь пишите в комментариях. Создадим вместе новый список .
http://anfisabreus.ru/

Автор: GospodinPg Рубрика: Wordprees

Украшаем блог в WordPress


Фишки для блога без плагинов.

http://anfisabreus.ru/2011/05/fishki-dlya-bloga-bez-plaginov/

Каждый блоггер хочет, чтобы его блог отличался от других, был неповторимым, красивым и привлекательным. Думаю Вы со мной согласны. :). Для этого мы, блоггеры, устанавливаем всякие фишки, украшения, необычные инструменты на блоге. В помощь нам приходят плагины, но к сожалению не все можно сделать с помощью плагинов.
Не раз мне задавали вопрос, как можно поставить ту или иную фишку, как у меня на блоге. 🙂 Особенно привлекают боковая плавающая панель с закладками и нижняя панель с инструментами. Вот,  решила разом ответить на этот вопрос, тем более поводом послужило письмо от Сергея Антонюка с таким вопросом:

…. у вас на блоге я обнаружил еще пять виджетов/плагинов/программ.
Их нет среди 27 плагинов для WordPress… 
Подскажите, пожалуйста, как они называются и где их можно найти?

Ну что ж, давайте по-порядку рассмотрим, как создавать те 5 фишек перечисленных Сергеем.
Итак:
1. Плавающая боковая панель с кнопками социальных закладкок.
Устанавливается такая панель с помощью скрипта, который генерируется в специальном сервисе: Share42.com — Скрипт кнопок социальных закладок и сетей
Сервис на русском языке с инструкциями по созданию и установки.
2. Facebook Like Box. Это официальное название этого виджета. Выводит лица и имена поклонников Вашей Фан страницы на Facebook. Чтобы получить такой виджет нужно сделать 3 вещи:

  1. Открыть фан страницу на Facebook: http://www.facebook.com/pages/create.php
  2. Сгенерировать код виджета «Facebook Like Box»: http://developers.facebook.com/docs/reference/plugins/like-box/
  3. Скопировать код и вставить его в виджет «Текст» на блоге

Кстати, в случае с Facebook Like Box можно воспользоваться плагином: http://wordpress.org/extend/plugins/facebook-like-box/
Плагин, создаст виджет, а вам остается только настроить его.
3. Google Friend Connect или Гугл сообщество. Здесь не могу порадовать плагином. Для получения этого виджета нужно:

  1. Зарегистрироваться в сервисе Google Friend Connect. Если у Вас уже есть Google аккаунт, можно использовать его логин и пароль.
  2. Далее перейти в раздел «Добавить гаджет участников», сгенерировать код и скопировать его
  3. Вставить код в виджет «Текст» на блоге

4. Лента Твиттер. Есть плагины, которые создают такой виджет, но выглядеть он будет не так красиво.
Чтобы получить такой виджет нужно:

  1. Создать акканут на Твиттер
  2. Пройти по адресу: Настройте виджет «Профиль» и настроить виджет по вкусу, сгенерировать и копировать код виджета.
  3. Вставить код в виджет «Текст» на блоге

5. Wibiya’s Web Toolbar — нижняя панель инструментов. Создается с помощью сервиса http://www.wibiya.com/

  1. Зарегистрироваться в сервисе
  2. Создать панель по вкусу и копировать код
  3. Вставить код в файле footer.php шаблона перед закрывающие тегом

На этом все. Если будут вопросы по настройкам, пишите здесь  в комментариях. Буду рада ответить. 🙂 И не перебарщите с наведением красоты на блоге :).
P.S. Буду рада, если в комментариях Вы напишите какие еще фишки Вам бы хотелось поставить на блоге, но Вы не  знаете как.  Тему «Фишки для блога без плагинов» можно будет продолжить… 🙂
P.P.S. Спасибо Сергей за вопрос и за скриншот 🙂

Автор: GospodinPg Рубрика: Wordprees

Красивая фото галерея WordPress за 5 минут без установки и настройки сложных плагинов.


http://anfisabreus.ru/2011/01/krasivaya-foto-galereya-za-5-minut-bez-ustanovki-i-nastrojki-slozhnyx-plaginov/

Наверняка у каждого блогера хоть раз была необходимость поставить несколько фотографий (картинок) в одном посте.
Например вы съездили в отпуск и спешите поделиться радостью и солнечным настроением со своими читателями. Фотографии передадут ваше настроение и эмоции, а также привнесут краски в ваш пост.
Или например вы ездили на ежегодную встречу с партнерами или обучающий семинар. Уверена, вам захочется рассказать об этом всему миру и поделиться впечатлениями. А фото эти впечатления как нельзя лучше подчеркнут на вашем блоге.
Или вот еще пример, вы рассказываете о себе на страничке об авторе. Никакие слова не расскажут о вас лучше, чем фото из альбома.
И наконец, вы можете просто создать страничку ваших желаний, где разместите картинки с изображением предметов, мест которые вы хотите приобрести и посетить.
Во всем этом поможет галерея.
Итак, поехали:
1. Создайте новую запись или страницу (Записи => Добавить новую)
2. Напишите заголовок новой записи
3.Кликните по кнопке «Добавить изображение»

(Кликните по картинке,
чтобы увеличить изображение)


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

В процессе загрузки картинок, на вкладке «Галерея», будет отображаться число загруженных изображений
5. После того, как вы загрузите все фото нажмите на вкладку «Галерея»

6. В самом низу настройте галерею на свой вкус и нажмите на кнопку «Вставить галерею»

Вы всегда можете отредактировать галерею кликнув по голубому полю «редактировать галерею».

Можно еще добавлять изображения или удалять из списка.
Пример того как это выглядит можно посмотреть на моей новой страницы Альбом желаний
На этом можно было бы закончить. Однако, если вы кликаете по изображению, оно открывается в новом окне как запись.
Простой плагин для фото галереи WordPress сделает из вашей галереи всплывающее окно с затемнением.
1. Скачайте плагин на официальном сайте WordPress.org
2. Установите плагин на блоге (Плагины => Добавить новый => Загрузить => Активировать)
3. Зайдите в раздел «Параметры» => «JQuery LightBox»
4. Выберите из выпадающего списка тему окна (отличаются цветом фонаб и внешним видом всплывающего окна)
Все готово!
Плагин сам без всяких настроек сделает всю работу.
Надеюсь эта статья поможет Вам украсить Ваш блог и привнесет больше ярких красок.
Если будут трудности с созданием галереи, пишите в комментариях. Буду рада помочь. А также не забудьте подписаться на обновления блога, чтобы получать на свой емаил новые фишки о ведении блога 🙂

Автор: GospodinPg Рубрика: Wordprees

Последние заметки из каждой категории в WordPress


Что такое новостной формат шаблона? По сути, это несколько последних заметок из каждой категории на главной странице. Остается лишь разобраться, как это сделать в WordPress.
Здравствуйте, уважаемые посетители моего блога CrazyLog.co.ua. Что такое новостной формат шаблона? По сути, это несколько последних заметок из каждой категории на главной странице. Остается лишь разобраться, как это сделать в WordPress.
На самом деле существует ряд уже готовых решений. Например, мне удалось найти такой плагин как Latest Post from each Category от Dagon Design. Примечательно, что плагин рассчитан как на новый версии движка WordPress так и более старые.
Впрочем, стоит ли городить огород там, где можно воспользоваться стандартными функциями WordPress? Покопавшись в Интернете я нашел вот такое не хитрое решение:

$cat_args=array(
  'include' => '42,6,8′,
  'orderby' => 'name',
  'order' => 'ASC'
);
$categories = get_categories($cat_args);
foreach($categories as $category) {
  $post_args=array(
    'showposts' => 3,
    'category__in' => array($category->term_id),
    'caller_get_posts'=>1
  );
  $posts=get_posts($post_args);
  if ($posts) {
    echo '

Category: name ) . '" ' . '>' . $category->name.'
';
    foreach($posts as $post) {
      setup_postdata($post);
      echo '' . the_title("","",false); . '
';
    }
  }
}

Давайте разбираться, что здесь да как.

  1. В начале нам необходимо получить данные категорий. Для чего мы используем WordPress-функцию get_categories(), с соответствующими параметрами. В приведенном примере указаны: идентификаторы конкретных категорий (includes), поле сортировки (orderby) и тип сортировки (sort).
  2. Далее для каждой из категорий нам необходимо получить последние записи. Для чего мы используем WordPress-функцию get_posts() (не путать с get_post()), с соответствующими параметрами. В приведенном примере указаны: количество заметок (showposts), категория которой соответствуют заметки (cateory__in) и приоритет для «стикеров» (caller_get_posts).
  3. Теперь нам остается только вывести полученные данные. Примечательно, что мы используем WordPress-функцию setup_postdata(), которая автоматически заполняет необходимые переменные.

Конечно, можно ещё поэкспериментировать с параметрами, оформлением и т.д., но суть от этого не меняется. Чем и как воспользоваться – решайте сами, а у меня всё и спасибо за внимание.

Автор: GospodinPg Рубрика: Wordprees

Оформление даты записи для WordPress


Все чаше можно наблюдать в оформление тем для WordPress`а используют выделение даты. Я расскажу как сделать такое оформление для вашей записи.
Все просто, мы уложимся в три шага.
1) Во всех шаблонах где производиться вывод даты вставим следующий код

Code
Текст

  1.        <div class=«PostTime»>
  2.                <div class=«day»><!—?php the_time(‘j’) ?>


  •                
    <!—?php the_time(‘M’) ?>


  •                
    <!—?php the_time(‘Y’) ?>


  •        
    • class=»PostTime» – класс служит для оформление бокса даты
    • class=»day» – класс служит для оформление дня даты
    • class=»month» – класс служит для оформление месяца даты
    • class=»year» – класс служит для оформление года даты
    • – выводит день (в числовом формате)
    • – выводит месяц первые три буквы (если хотите чтобы полностью писал месяц замените букву M на F)
    • – выводит год (в числовом формате)

    2) Подготавливаем бэграунд картинку, у меня вот такая

    3) И пишем css правила для файла style.css

    Code
    Текст

    1. .PostTime {
    2.      padding: 0px;
    3.      margin: 0px;
    4.      background: url(images/PostTimeBkg.gif) norepeat;
    5.      height: 71px;
    6.      width: 67px;
    7.      textalign: center;
    8.      color:#fff;
    9. }
    10. .PostTime div {
    11.      display: block;
    12.      lineheight: 9px;
    13.      fontfamily: ‘Verdana’;
    14. }
    15. .PostTime .day {
    16.      fontsize: 16px;
    17.      lineheight: 18px;
    18.      letterspacing: 1px;
    19.      paddingtop: 20px;
    20.      fontfamily: ‘Arial’;
    21. }
    22. .PostTime .month {
    23.      fontsize: 10px;
    24.      texttransform: lowercase;
    25. }
    26. .PostTime .year {
    27.      paddingtop: 7px;
    28.      fontweight: normal;
    29. }

    Этот пример я взял с моего style.css файла, для вашего оформление наверное прийдеться немного его подправить.
    Источник http://ajaxblog.ru/68

    Автор: GospodinPg Рубрика: Wordprees

    Оформление текста в WordPress


    http://www.nibbl.ru/wordpress/oformlenie-teksta-v-wordpress/#more-1389Всем привет сейчас хочу сделать мини заметку, надеюсь она кому нибудь сэкономит времени и нервы. Так вот я сейчас на одном из своих проектов использовал на wordpress бесплатную тему. И вроде бы все было хорошо, но когда создавали запись и в нее копировали текст из word или других источников, то при сохранении этого материала на сайте убиралось все оформление которое было до этого т.е. все теги p  и теги br.
    Покопавшись чуть в инете нашел решение как это можно исправить.  Для этого надо сделать следующееПеред тем как рассказать что нужно подправить чтобы wordpress не удаляла теги p и br я расскажу о методике как вычислил что и как. Изначально когда столкнулся с этой проблемой я решил сужить круг подозреваемых кто мог удалять эти теги и поотключал все плагины, к сожалению это не принесло результатов. Далее  сменил тему на стандартную и о чудо увидел что текста отображаються великолепно. В инете вычитал что отображение и т.д. прописывается в файле functions.php . Открыл данный фаил и начал читать коменты к каждой строчке и увидел то, что искал :-0 ) строчку с надписью This allow ristrict to generate p tag while creting page/post   и под ней были такие строки  remove_filter( ‘the_content’, ‘wpautop’ );  В итоге я удалил эту строчку и все стало замечательно icon smile Оформление текста в WordPress ))))
    И так подводим резюме: Для того что бы убрать в шаблоне wordpress функцию которая удаляет теги p и br надо зайти в папку с шаблоном и найти файлик functions.php и найти через поиск строчки с надписями remove_filter ну а далее методом проб и ошибок icon smile Оформление текста в WordPress
    Автор: GospodinPg Рубрика: Wordprees

    Оформление текстов в WordPress


    Выпуск 6. Основы HTML. Оформление текстов 

    источник http://maxsite.org/page/ras06

    Воскресенье, 9 июля 2006 г.
    Рубрика: WordPress -> Архив рассылки
    Просмотров: 7598

    :врез:Продолжим изучать базовые понятия HTML. Приступим к практической части по оформлению текстов с помощью HTML.
    :комментарий:
    С предыдущими выпусками рассылки можно познакомиться в архиве.
    Если у вас возникли проблемы при работе с WordPress, то свой вопрос вы можете задать на форуме: forum.maxsite.org
    :/комментарий:

    Стандарты HTML

    Чтобы завершить нашу теоретическую часть знакомства с HTML, необходимо отметить, что существуют различные стандарты HTML. То есть когда вы будете создавать или редактировать HTML-документ вы должны знать в какой именно стандарт он использует.
    Собственно на сегодняшний день мы можем говорить о трех наиболее используемых «стандартах»:

    • без стандарта (лишь бы как),
    • HTML 4.01,
    • XHTML.

    Первым я специально отметил «без стандарта», поскольку такие документы изобилуют в Интернете. Даже учебники по HTML содержат массу вещей, которые не позволяют отнести документ к какому-либо стандарту.
    Итак, первый признак документа «без стандарта» — отсутствие в заглавии файла типа документа, DOCTYPE. Отсутствие этого элемента заставляет браузер сразу же перейти в нестрогий режим, а это означает, что он будет «по своему разумению» стоить отображение страницы. Понятно, что браузеры разные и отображать различные HTML-элементы они могут по-разному.
    Второй признак — несоблюдение синтаксиса. Например отсутствие кавычек в значениях. Браузеры, конечно же могут попытаться самостоятельно исправить такие огрехи, но в некоторых случаях в результате вы получите совсем не то, что задумывали.

    HTML 4.01 и XHTML

    Поскольку мы умные люди, то сразу же будем писать код правильный. Для этого мы будем придерживаться стандарта HTML 4.01 Transitional. Этот стандарт требует строгого соблюдения синтаксиса и использование тэгов. В отличие от XHTML, который требует еще более строгого соблюдения XML, в HTML 4.01 Transitional допускается использование «нерекомендованных» (отмененных) тэгов. Я думаю, что в WordPress‘е нет особого смысла следовать XHTML, поскольку при оформлении текстов иногда проще и эффективней использовать, скажем отмененный тэг , чем строить сложные конструкции со span и описывать его стиль (style, class).
    Для тех, кто хочет немного больше разобраться в вопросах стандартов, еще раз отсылаю к своей статье «Что нам стоит сайт построить?».

    Спецификация HTML 4.01

    Существуют т.н. спецификации, в которых описаны все возможные тэги и их параметры, условия использования. Русскую версию спецификации HTML 4.01 вы можете найти в Интернете, воспользовавшись любым поисковиком. Я например нашел вот такую: docs.luksian.com

    Наши правила написания HTML-кода

    Мы будем придерживаться следующих несложных правил:

    • Все тэги должны быть набраны в нижнем регистре — это облегчит в дальнейшем переход к XHTML.
    • Все значения параметров тэгов должны быть экранированы кавычками (обычными или одинарными).
    • Все тэги должны быть иметь закрывающий элемент. Если тэг одиночный, то он должен быть вида <тэг >.
    • Необходимо учитывать вложенность тэгов: первый закрывается последним.
    • Необходимо учитывать вложенность тэгов по признаку «блочный/строчный».
    • (Блочный отличается тем, что после указания закрывающего элемента, дальнейший вывод на странице осуществляется с новой строки. Строчный элемент перевода строки не делает.)

    Переходим к практике

    Всё! C теорией закругляемся и переходим к практике. Я не буду приводить список всех тэгов, а только лишь покажу примеры их использования в оформлении ваших страниц.

    WordPress позволяет автоматически исправлять некорректный HTML-код. В принципе это хорошая возможность, но иногда WordPress оказывается излишне строг, поскольку следует (пытается) стандарту XHTML. Поэтому иногда, после ввода сложного HTML-кода, WordPress «исправляет» его до неузнаваемости. Так, что я рекомендую отключить такую возможность: Опции -> Создание -> Исправлять некорректный XHTML автоматически.

    Для того, чтобы воспользоваться в полной мере HTML-кодингом нужно отключить визуальный редактор. Для этого в настройках своего профиля нужно снять отметку «Использовать RTF-редактор»

    Использование визуального редактора конечно облегчает оформление текстов, поскольку вы сразу же видите конечный результат. Но с другой стороны, если вы копируете текст из Word’a, то есть все шансы, что созданный таким образом HTML-код окажется сильно «замусоренным».

    Выделения в тексте

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

    • и полужирный
    • и курсив
    • подчеркнутый
    • зачеркнутый

    В редакторе WordPress’а предусмотрена вставка тэгов полужирный и курсив с помощью панели быстрой вставки.

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

    Выделения цветом с помощью

    Иногда нужно в тексте сделать выделение цветом. Для этого можно воспользоваться тэгами и .
    Тэг нужно использовать с параметром color, например:

    текст <font color="red"><font color="red">текст<!--font><!--font> текст

    В качестве значения «color» можно использовать предопределенные константы, например: «red», «blue», «gray», «silver», «yellow», «maroon» и т.д.
    Также разрешается использование значения цвета в 16-ричном формате: #RRGGBB, где RR — значение красной составляющей, GG — зеленой, BB — голубой (всё как на экране монитора). Чтобы не загружать рассылку столь массивным списком значений, загрузите себе уже готовую таблицу: color-html.html

    Не забывайте ставить # перед значением цвета!

    Выделения цветом с помощью

    Тэг более универсальный, однако для его использования нужно указывать стилевое оформление (параметр style).
    Вот тот же пример, только со :

    текст <span style="color: red;"><span style="color: red;">текст<!--span><!--span> текст

    Параметр style позволяет указать не только цвет шрифта, но и фон, рамки, отступы и т.п. Для того, чтобы указать сразу несколько значений style нужно перечислить их через точку с запятой (wink. Вот еще пример:

    текст <span style="color: red; background: yellow;"><span style="background: yellow; color: red;">текст<!--span><!--span> текст

    Обратите внимание на формат записи стиля!

    Выделения другим шрифтом

    Иногда можно использовать выделение другим шрифтом в тексте. Делается это с помощью тэга и style.

    текст <span style="font-family: Arial;"><span style="font-family: Arial;">текст<!--span><!--span> текст

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

    текст <span style="font-family: Micra, Pragmatica, Helvetica,
    Arial, sans-serif;"><span style="font-family: Micra,Pragmatica,Helvetica,Arial,sans-serif;">текст<!--span><!--span> текст

    То есть вначале браузер будет пытаться отобразить текст шрифтом «Micra», если его нет — «Pragmatica», если его нет, то «Helvetica«, если и его нет, то «Arial«, и если и этого нет, то любым шрифтом группы «sans-serif» (шрифты без засечек).
    Как правило вебмастера не злоупотребляют такой возможностью, и стараются использовать «стандартные» шрифты:

    • Arial
    • Tahoma
    • Verdana
    • Impact
    • Comic Sans MS
    • Times New Roman
    • Georgia

    Размер шрифта

    Для того, чтобы указать размер нужно знать в каких единицах это сделать. Самый простой вариант — это указать его в относительных единицах em или %.
    Например, вам нужно сделать его больше основного в 2 раза:

    текст <span style="font-size: 2.0em;"><span style="font-size: 2em;">текст<!--span><!--span> текст
    или
    текст <span style="font-size: 200%;"><span style="font-size: 200%;">текст<!--span><!--span> текст

    Можно использовать размеры в пунктах (pt) — в этом случае текст будет всегда иметь фиксированный размер.

    текст <span style="font-size: 8pt;"><span style="font-size: 8pt;">текст<!--span><!--span> текст
    или
    текст <span style="font-size: 24pt;"><span style="font-size: 24pt;">текст<!--span><!--span> текст

    Думаю понятно grin.

    Автор: GospodinPg Рубрика: Wordprees