Октябрь 23 2018 16:04:42
Ads
Последние активные темы форума
  Темы Просмотров Ответов Последние сообщения
Почему следует проверять на...
Методы продвижения
10249 0 orange
25-10-2013 17:32
Работают ли еще ссылки? – Т...
Методы продвижения
16053 0 OgnezvezD
23-06-2013 06:04
CMS TYPO3
CMS - Систе́ма управле́ния содержи́
14375 0 OgnezvezD
07-06-2013 19:29
Mp3 Search Engine
Скрипты
18797 3 vovkin1978
28-05-2012 16:25
FAQ: CSS
FAQ (Часто Задаваемые Вопросы) >CSS
Зачем нужен CSS?Эффект прозразрочности посредством CSS?
Зачем нужен CSS?
CSS это таблицы стилей которые отвечают за "макияж" - цвета фона, текста, заголовков, ссылок, размер шрифта.

В файле style.css располагаются описания
различных стилей используемых на страницах сайта. Большинство из них имеют стандартные,
общие для всех тем названия.
Самый простой и эффективный способ
разобраться с тем какой стиль за что отвечает,
это открыть страничку сайта в браузере
и посмотреть в ее исходный HTML-код.
Оттуда и можно заключить следующее:

- определяет общий вид темы
body {

(...)
}
- от этих стилей зависит облик и поведение ссылок на сайте
a {

(...)

}
a:hover {
(...)
}
a.side {
(...)
}
a:hover.side {

(...)
}
a.white {
(...)
}
a:hover.white {
(...)
}
- устанавливает размеры и цвет линй выводимых тэгом

hr {

(...)
}
hr.side-hr {
(...)
}
- фон, шрифт, окантовка кнопок.
.button {

(...)
}
- внешний вид полей ввода (пароля, например)
.textbox {

(...)
}
- здесь задаys отступы от границ (в пикселах) от вверха, низа, левой и правой границ
.main-bg {

(...)

}
.side-border-left {
(...)
}
.side-border-right {
(...)
}
- определяется облик таблиц сайта, какие, например, используются на страницах форума
.tbl-border {

(...)
}
.tbl {
(...)
}

.tbl1 {
(...)
}
.tbl2 {
(...)
}
- внешний вид процитированного (на форуме) текста
.quote {

(...)
}
- это относится к голосованиям
.poll {

(...)
}
- внешний вид в котором будут представлени ники авторов комментариев
.comment-name {

(...)
}
- определяет шрифт, цвета ников и даты в мини-чате
.shoutboxname {

(...)
}
.shoutbox {
(...)
}
.shoutboxdate {

(...)
}
- облик текста отмеченного, как small или small2
.small {

(...)
}

.small2 {
(...)
}
- определеяет цвета рамок, и границы фотоальбома
.gallery {

(...)

}
.gallery img {
(...)
}
.gallery:hover img {
(...)
}
img.activegallery {

(...)
}
Основные используемые стили. В принципе можно использовать и свои собсвенные, которые в этом случае слудет добавить в тот же файл style.css.
1) Классы для таблицы(table) и td - TableBody 2) OneLine и TwoLine разные для tr и для hr
Пример:

tr.OneLine { BACKGROUND-COLOR: #ffffee; }

tr.TwoLine { BACKGROUND-COLOR: #ffffff; } hr.OneLine { color: #F1DB48; } hr.TwoLine { color: #F9FD58; }

table.TableBody { border: 1px solid #D2C130; } td.TableBody { border-bottom: 1px solid #F1DB48; border-left: 1px solid #FFFD88; border-right: 1px solid #F1DB48; border-top: 1px solid #FFFD88; padding-left:5px; padding-right:5px; padding-bottom: 2px; padding-top: 2px; }
Вверх
Эффект прозразрочности посредством CSS?
Красивый и простый пример, который делает картинку прозрачной, а при наведении — изменяется на исходный цвет.
1. Добавляем в style.css следующее: (в конец)

/* ----////// Эффект прозрачности /////------- */

#banners a img {
opacity:0.3; -moz-opacity:0.3; filter:alpha(opacity=40);
}

#banners a:hover img {
opacity:1.0; -moz-opacity:1.0; filter:alpha(opacity=100);
}

2. Заключаем любое изображение в дивы:


Вверх
Блок ссылок
Туча статей
Доверие в отношениях., Рецепт китайского кукурузного супа с курицей, Такса, Написание эффективного контента для вашего вебсайта., Лабрадор., Полиамория, Русский архиватор WinRar, Снижение боли при мигрени, Советы исследования ключевых слов для сайта знакомств, Снижение боли при мигрени, Красивая походка, Безопасность квартиры, Правильный уход за кожей позволит сохранить молодость, Хранение мёда и пчёл, Лучшие антивирусы для Mac
Облако файлов
За 7 лет — от нищего до мультимиллионера!: Магия богатства, Aleo SWF GIF Converter, Генератор паролей, Adobe Photoshop CS5 Portable Version, SEO Anchor Generator, WordWeb Pro v6.03 Retail 2010, Стоп, сигарета! (аудиокнига MP3), Fotosizer Portable Version, Телефонный Справочник СНГ 2009 - Portable, Opera 10 Vkontakter 1.75 [Сборка], Мобильный сканер для тела, WinRAR, KeePass 2.08 Portable RUS, Rabies Star Brushset, Блоги. Новая сфера влияния
Meta Tags
бонус WMR собака деньги безопасность музыка здоровье знакомства рецепты отношения путешествие фитнесс личность успех продвижение кулинария жизнь статья семья воспитание наука красота космос секреты природа развитие мелодии система звезды бизнес анализ поток справочник
Навигация
Авторизация
Логин

Пароль



Вы не зарегистрированы?
Нажмите здесь для регистрации.

Забыли пароль?
Запросите новый здесь.
Последние статьи
Повышенная температура
Славянский кремль у реки Рожайки
Любовь на колесах
О вреде бритья волос на теле
Вулканические извержения
Новое в блоге
Богатые инвесторы выбирают недвижимость, бедные – золото
Природные афродизиаки для повышения либидо у мужчин
Тайна начала войны
Случайное фото
Топ 5 файлов
Статистика

Новый пользователь: tiafimeltheo1976

Max. onlinerecord: 91
Max. per day: 27880
user month: 8851

за последние 24 часа:
























Друзья
Ваш IP:

Мишки tatty teddy. Me to you

Волшебный мир

Курсы обмена WebMoney WMZ WMR WME WMU, Liberty Reserve, Яндекс.Деньги, Perfect Money и др.

Только лучшый софт здесь

Оплата онлайн игр в Беларуси

M-HOSTER

Бесплатное разещение файлов

Информер домена

Популярный сайт

Дешевые домены

Счетчики