-Поиск по дневнику

Поиск сообщений в frutb

 -Подписка по e-mail

 

 -Постоянные читатели

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 05.10.2006
Записей: 10
Комментариев: 8
Написано: 38


string[] CssTrics() //Трюки с Css для журнала

Пятница, 06 Октября 2006 г. 01:21 + в цитатник
Все описанные здесь вещи надо просто копировать в окошко с текстом сообщений.Все что попадет межу знаками < и > видимый текст сообщения включенно не будет.
Значения вида #12af90 обозначают цвета. Для нахождения этих значений можно использовать http://www.liveinternet.ru/4Ek/JS/journal_colors.html
  • Что-бы сделать фоновую картинку для текста надо обрамить текст
    code:
    < div style="background-image: url(http://тут.адрес.картитки/на.сервере);"> ------ТУТ САМ ТЕКСТ------ </div>
  • Что-бы выделить текст (цвет фона,цвет текста, вместе) обрамите текст конструкциями вида:
    code:
    < span style="background-color:#0f3a0f">цвет фона</span> < span style="color:#0f3a0f">цвет текста</span> < span style="background-color:#FF3a0f; color:#0f3a0f">вместе</span>
  • Если вы хотите добиться такого эффекта иcпользуйте

    code:
    < p style="color:white; background-color:#0a30b1;border: 1px solid #0ffff0"> ------ТУТ САМ ТЕКСТ------ </p>

    где border: 1px solid #0ffff0 => (Толщина границы) (Тип линии) (Цвет)

  • Можно так

  • Или так

    code:
    < p style="text-align:right; color:white; background-color:#0a30b1;border: 1px solid #0ffff0"> ------ТУТ САМ ТЕКСТ------ </p>

    где border: 1px solid #0ffff0 => (Толщина границы) (Тип линии) (Цвет)
    text-align может быть rigth, left или center

  • Или такого иcпользуйте:
    code:
    ------ТУТ 1АЯ ЧАСТЬ ТЕКСТА------ < p style="color:white; background-color:#0a30b1;border: 2px solid #0ffff0"> ------ТУТ ТО ЧТО БУДЕТ В РАМКЕ------ < /p> ------ТУТ 3АЯ ЧАСТЬ ТЕКСТА------

Фрактал (который фоном):

Рубрики:  Заметки по кодингу

 

Добавить комментарий:
Текст комментария: смайлики

Проверка орфографии: (найти ошибки)

Прикрепить картинку:

 Переводить URL в ссылку
 Подписаться на комментарии
 Подписать картинку