Таблица CSS
| |
parvina | Дата: Четверг, 2006-09-21, 11:34 AM | Сообщение # 1 | |
Группа: Удаленные
|
CSS используется создателями и посетителями веб-страниц для задания цветов, шрифтов, расположения и других аспектов представления документа. Основное назначение, для которого технология CSS была разработана, это разделение содержимого (написанного на HTML или другом языке разметки) и представления документа (написанного на CSS). Это разделение может увеличить доступность документа, предоставить большую гибкость и возможность управления его представлением, а также уменьшить сложность и повторяемость в структурном содержимом. Кроме того CSS позволяет представлять один и тот же документ в различных стилях или методах вывода, таких как экранное представление, печать, чтение голосом (специальным голосовым браузером или программой чтения с экрана), или при выводе устройствами, использующими Шрифт Брайля. CSS при отображении страницы может быть взята из различных источников: Авторские стили (информация стилей, предоставляемая автором страницы) в виде: Внешних таблиц стилей, то есть отдельного файла .css, на который делается ссылка в документе. Встроенных стилей — блоков CSS внутри самого HTML документа. Inline-стилей, когда в HTML-документе информация стиля для одного элемента указывается в его атрибуте style. Пользовательские стили Локальный CSS-файл, указанный пользователем в настройках браузера, переопределяющий авторские стили, и применяемый ко всем документам. Стиль браузера Стандартный стиль, используемый браузером по умолчанию для представления элементов. Стандарт CSS определяет приоритеты, в порядке которых применяются правила стилей, если для какого-то элемента подходят несколько правил одновременно. Это называется «каскадом», в котором для правил рассчитываются приоритеты или «веса», что делает результаты предсказуемыми. У CSS достаточно простой синтаксис. Таблица стилей состоит из набора правил. Каждое правило, в свою очередь, состоит из одного или нескольких селекторов, разделенных запятыми и блока определений. Блок определений же обрамляется фигурными скобками, и состоит из набора свойств и их значений. материал: wikipedia
|
|
| |
kydapodatsya | Дата: Среда, 2009-02-11, 1:17 PM | Сообщение # 151 | |
Дизайнер
Группа: Администраторы
Сообщений: 2641
Репутация: 226
Статус: Offline
|
FreedomZP, если нет, добавьте сами...
|
|
| |
FreedomZP | Дата: Среда, 2009-02-11, 1:26 PM | Сообщение # 152 | |
Спектографист
Группа: Пользователи
Сообщений: 12
Репутация: 0
Статус: Offline
|
kydapodatsya, извените что вас нагружаю, но я незнаю как добавить и куда ((, если вам несложно вы немогли бы написать его правильный вид и куда вставлять
|
|
| |
kydapodatsya | Дата: Среда, 2009-02-11, 1:48 PM | Сообщение # 153 | |
Дизайнер
Группа: Администраторы
Сообщений: 2641
Репутация: 226
Статус: Offline
|
FreedomZP, в любое место я так понимаю надо поменять цвет фона? Code .eMessage {background:#тут цвет}
|
|
| |
FreedomZP | Дата: Среда, 2009-02-11, 2:20 PM | Сообщение # 154 | |
Спектографист
Группа: Пользователи
Сообщений: 12
Репутация: 0
Статус: Offline
|
kydapodatsya, огромное вам спасибо, немного разобрался, остался маленький недочет, никак немогу найти что отвечает за строку где (Просмотров: 1 | Дата: Вчера | Рейтинг: 0.0/0 | Комментарии (0) ) Сайт
Сообщение правил FreedomZP - Среда, 2009-02-11, 3:43 PM |
|
| |
kydapodatsya | Дата: Среда, 2009-02-11, 2:50 PM | Сообщение # 155 | |
Дизайнер
Группа: Администраторы
Сообщений: 2641
Репутация: 226
Статус: Offline
|
FreedomZP, Code .eDetails {background:#353535;color:#666666;padding-bottom:5px;padding-top:3px;text-align:left;font-size:7pt; } .eDetails1 {background:#353535;color:#666666;padding-bottom:5px;padding-top:3px;text-align:left;font-size:8pt; } .eDetails2 {background:#353535;color:#666666;padding-bottom:5px;padding-top:3px;text-align:left;font-size:8pt; }
|
|
| |
nika32 | Дата: Среда, 2009-02-25, 9:00 PM | Сообщение # 156 | |
Спектографист
Группа: Пользователи
Сообщений: 12
Репутация: 0
Статус: Offline
|
У меня есть вопрос как изменить табличку со смайлами её размеры и тд в этом CSS коде Code /* Menus */ ul.uz {list-style: none; margin: 0 0 0 0; padding-left: 0px;} li.menus {margin: 0; padding: 0 0 0 40px; background: url('http://naruto-first.ucoz.ru/nik3.gif') no-repeat 0px 3px; margin-bottom: .6em;} /* ----- */
/* Main Menu */ .m {font-weight:normal;} a.m:link {text-decoration:none; color:#СССССС} a.m:active {text-decoration:none; color:#СССССС} a.m:visited {text-decoration:none; color:#CCCCCC} a.m:hover {text-decoration:none; color:#FFFFFF}
.ma {font-weight:bold;} a.ma:link {text-decoration:none; color:#FFFFFF;} a.ma:visited {text-decoration:none; color:#FFFFFF} a.ma:hover {text-decoration:underline; color:#FFFFFF} li.m {margin: 0; padding: 0 0 0 40px; background: url('http://naruto-first.ucoz.ru/nik3.gif') no-repeat 0px 3px; margin-bottom: .6em;} /* --------- */
/* Module Part Menu */ .catsTd {padding: 0 0 6px 20px; background: url('http://narutobase.3dn.ru/Dizain/kunai.png') no-repeat 0px 320px;} .catName {font-family:Verdana,Tahoma,Arial,Sans-Serif;font-size:11px;} .catNameActive {font-family:Verdana,Tahoma,Arial,Sans-Serif;font-size:11px;} .catNumData {font-size:7pt;color:#696969;} .catDescr {font-size:7pt; padding-left:10px;} a.catName:link {text-decoration:none; color:#СССССС;} a.catName:visited {text-decoration:none; color:#СССССС;} a.catName:hover {text-decoration:none; color:#СССССС;} a.catName:active {text-decoration:none; color:#СССССС;} a.catNameActive:link {text-decoration:none; color:#СССССС;} a.catNameActive:visited {text-decoration:none; color:#СССССС;} a.catNameActive:hover {text-decoration:underline; color:#СССССС;} a.catNameActive:active {text-decoration:none; color:#СССССС;} /* ----------------- */
/* Entries Style */ .eBlock {border-top:1px solid #3c3c3c;border-bottom:1px solid #3c3c3c;background: #3c3c3c;} .eTitle {font-family:Verdana,Arial,Sans-Serif;font-size:13px;font-weight:bold;color:#CCCCCC; padding:0 0 0 40px; background:url(http://naruto-first.ucoz.ru/nik3.gif) no-repeat ;} .eTitle a:link {text-decoration:underline; color:#CCCCCC;} .eTitle a:visited {text-decoration:underline; color:#CCCCCC;} .eTitle a:hover {text-decoration:none; color:#FFFFFF;} .eTitle a:active {text-decoration:underline; color:#CCCCCC;}
.eText {text-align:justify; padding:5px;border-top:1px dashed #CCCCCC;}
.eDetails {background:inactivecaption;color:#CCCCCC;padding-bottom:5px;padding-top:5px;text-align:left; font-size:7pt; } .eDetails1 {background:inactivecaption;color:#CCCCCC;padding-bottom:5px;padding-top:5px;text-align:left; font-size:8pt; } .eDetails2 {background:inactivecaption;color:#CCCCCC;padding-bottom:5px;padding-top:5px;text-align:left; font-size:8pt; }
.eRating {font-size:7pt;}
.eAttach {margin: 16px 0 0 0; padding: 0 0 0 15px; background: url('http://src.ucoz.ru/t/984/11.gif') no-repeat 0px 0px;} /* --------------- */
/* Entry Manage Table */ .manTable {border:1px solid #3c3c3c;background:#3c3c3c;} .manTdError {color:#FF0000;} .manTd1 {} .manTd2 {} .manTd3 {} .manTdSep {} .manHr {} .manTdBrief {} .manTdText {} .manTdFiles {} .manFlFile {} .manTdBut {} .manFlSbm {} .manFlRst {} .manFlCnt {} /* ------------------ */
/* Comments Style */ .cAnswer {color:#800000;padding-left:15px;padding-top:3px;font-style:italic;}
.cBlock1 {background:#000000;border:1px solid #800000;} .cBlock2 {background:#000000;border:1px solid #800000;} /* -------------- */
/* Comments Form Style */ .commTable {border:1px solid #3c3c3c;background:#000000;} .commTd1 {color:#FFCA42;font-weight:bold;padding-left:5px;} .commTd2 {padding-bottom:2px;} .commFl {width:100%;color:#636363;background:#3c3c3c;border:1px solid #555555;} .smiles {border:1px solid #555555;background:#3c3c3c;} .commReg {padding: 10 0 10 0px; text-align:center;} .commError {color:#FF0000;} .securityCode {color:#000000;background:#FFFFFF;border:1px solid #000000;} /* ------------------- */
/* News/Blog Archive Menu */ .archLi {padding: 0 0 3px 10px; background: url('http://naruto-base.ru/Dizain/kunai.png') no-repeat 0px 4px;} .archActive {color:#FFFFFF;} a.archLink:link {text-decoration:underline; color:#FFFFFF;} a.archLink:visited {text-decoration:underline; color:#FFFFFF;} a.archLink:hover {text-decoration:none; color:#D8D5D5;} a.archLink:active {text-decoration:none; color:#D8D5D5;} /* ---------------------- */
/* News/Blog Archive Style */ .archiveCalendars {text-align:center;color:#E2B4B4;} .archiveDateTitle {font-weight:bold;color:#FFFFFF;padding-top:15px;} .archEntryHr {width:250px;color:#333333;} .archiveeTitle li {margin-left: 15px; padding: 0 0 0 15px; background: url('http://src.ucoz.ru/t/984/13.gif') no-repeat 0px 2px; margin-bottom: .6em;} .archiveEntryTime {width:65px;font-style:italic;} .archiveEntryComms {font-size:9px;color:#C3C3C3;} a.archiveDateTitleLink:link {text-decoration:none; color:#FFFFFF} a.archiveDateTitleLink:visited {text-decoration:none; color:#FFFFFF} a.archiveDateTitleLink:hover {text-decoration:underline; color:#FFFFFF} a.archiveDateTitleLink:active {text-decoration:underline; color:#FFFFFF} .archiveNoEntry {text-align:center;color:#E2B4B4;} /* ------------------------ */
/* News/Blog Calendar Style */ .calMonth {} .calWday {color:#FFFFFF; background:#444444; width:18px;} .calWdaySe {color:#FFFFFF; background:#555555; width:18px;} .calWdaySu {color:#FFFFFF; background:#555555; width:18px; font-weight:bold;} .calMday {color:#CCCCCC;background:#000000;} .calMdayA {color:#000000;background:#CCCCCC;} .calMdayIs {color:#C04141;background:#000000;font-weight:bold;border:1px solid #555555;} .calMdayIsA {border:1px solid #555555; background:#333333;font-weight:bold;} a.calMonthLink:link,a.calMdayLink:link {text-decoration:none; color:#FFFFFF;} a.calMonthLink:visited,a.calMdayLink:visited {text-decoration:none; color:#FFFFFF;} a.calMonthLink:hover,a.calMdayLink:hover {text-decoration:underline; color:#FFFFFF;} a.calMonthLink:active,a.calMdayLink:active {text-decoration:underline; color:#FFFFFF;} /* ------------------------ */
/* Poll styles */ .pollBut {width:110px;}
.pollBody {padding:7px; margin:0px; background:#000000} .textResults {background:#FFFFFF} .textResultsTd {background:#5F5F5F}
.pollNow {background:#FFFFFF} .pollNowTd {background:#5F5F5F}
.totalVotesTable {background:#FFFFFF} .totalVotesTd {background:#5F5F5F} /* ---------- */
/* User Group Marks */ a.groupModer:link,a.groupModer:visited,a.groupModer:hover {color:yellow;} a.groupAdmin:link,a.groupAdmin:visited,a.groupAdmin:hover {color:red;} a.groupVerify:link,a.groupVerify:visited,a.groupVerify:hover {color:#FFFFFF;} /* ---------------- */
/* Other Styles */ .replaceTable {background:#000000;height:100px;width:300px;border:1px solid #FFFFFF;} .replaceBody {background:url('http://naruto-first.ucoz.ru/Dizajn/1x1.jpg') #191919;}
.legendTd {font-size:7pt;} /* ------------ */
/* ===== forum Start ===== */
/* General forum Table View */ .gTable {background:#000000;border-bottom:1px solid #000000;} .gTableTop {padding:4px;height:23px; background:url('http://naruto-first.ucoz.ru/Dizajn/polosaforum2.png') #191919;border:1px solid #800000; color:#800000;font-family:Verdana,Sans-Serif;font-size:12px;font-weight:bold; padding-left:10px;} .gTableSubTop {padding:2px;background:url('http://naruto-first.ucoz.ru/Dizajn/1x1.jpg') #000000;color:#FFFFFF;height:21px;font-size:10px;border:1px solid #800000;} .gTableBody {padding:2px;background:#202020;} .gTableBody1 {padding:2px;background:#202020;} .gTableBottom {padding:2px;background:#202020;} .gTableLeft {padding:2px;background:#202020;font-weight:bold;color:#CCCCCCC} .gTableRight {padding:2px;background:#202020;color:#666666;} .gTableError {padding:2px;background:#202020;color:#FF0000;} /* ------------------------ */
/* Forums Styles */ .forumNameTd,.forumLastPostTd {padding:2px;background:#202020} .forumIcoTd,.forumThreadTd,.forumPostTd {padding:2px;background:#222222} .forumLastPostTd,.forumArchive {padding:2px;font-size:7pt;}
a.catLink:link {text-decoration:none; color:#800000;} a.catLink:visited {text-decoration:none; color:#800000;} a.catLink:hover {text-decoration:underline; color:#8000000;} a.catLink:active {text-decoration:underline; color:#800000;}
.lastPostGuest,.lastPostUser,.threadAuthor {font-weight:bold} .archivedForum{font-size:7pt;color:#800000;font-weight:bold;} /* ------------- */
/* forum Titles & other */ .forum {font-weight:bold;font-size:9pt;} .forumDescr,.forumModer {color:#888888;font-size:7pt;} .forumViewed {font-size:9px;} a.forum:link, a.lastPostUserLink:link, a.forumLastPostLink:link, a.threadAuthorLink:link {text-decoration:underline; color:#A52A2A;} a.forum:visited, a.lastPostUserLink:visited, a.forumLastPostLink:visited, a.threadAuthorLink:visited {text-decoration:underline; color:#A52A2A;} a.forum:hover, a.lastPostUserLink:hover, a.forumLastPostLink:hover, a.threadAuthorLink:hover {text-decoration:none; color:#A52A2A;} a.forum:active, a.lastPostUserLink:active, a.forumLastPostLink:active, a.threadAuthorLink:active {text-decoration:underline; color:#A52A2A;} /* -------------------- */
/* forum Navigation Bar */ .forumNamesBar {padding-bottom:7px;font-weight:bold;font-size:7pt;} .forumBarKw {font-weight:normal;} a.forumBarA:link {text-decoration:none; color:#CCCCCC;} a.forumBarA:visited {text-decoration:none; color:#CCCCCC;} a.forumBarA:hover {text-decoration:underline; color:#FFFFFF;} a.forumBarA:active {text-decoration:underline; color:#CCCCCC;} /* -------------------- */
/* forum Fast Navigation Blocks */ .fastNav,.fastSearch,.fastLoginForm {font-size:7pt;} /* ---------------------------- */
/* forum Fast Navigation Menu */ .fastNavMain {background:#862D2D;color:#FFFFFF;} .fastNavCat {background:#F9E6E6;} .fastNavCatA {background:#F9E6E6;color:#0000FF} .fastNavForumA {color:#0000FF} /* -------------------------- */
/* forum Page switches */ .pagesInfo {background:#202020;padding-right:10px;font-size:7pt;} .switches {background:#2B2B2B;} .switch {background:#202020;width:15px;font-size:7pt;} .switchActive {background:#555555;font-weight:bold;color:#CCCCCC;width:15px} a.switchDigit:link,a.switchBack:link,a.switchNext:link {text-decoration:none; color:#CCCCCC;} a.switchDigit:visited,a.switchBack:visited,a.switchNext:visited {text-decoration:none; color:#CCCCCC;} a.switchDigit:hover,a.switchBack:hover,a.switchNext:hover {text-decoration:underline; color:#FFFFFF;} a.switchDigit:active,a.switchBack:active,a.switchNext:active {text-decoration:underline; color:#CCCCCC;} /* ------------------- */
/* forum Threads Style */ .threadNametd,.threadAuthTd,.threadLastPostTd {padding:2px;padding:2px;background:#202020} .threadIcoTd,.threadPostTd,.threadViewTd {padding:2px;background:#222222} .threadLastPostTd {padding:2px;font-size:7pt;} .threadDescr {color:#666666;font-size:7pt;} .threadNoticeLink {font-weight:bold;} .threadsType {padding:2px;background:#222222;height:20px;font-weight:bold;font-size:7pt;color:#FFFFFF;padding-left:40px; border:1px solid #494949;} .threadsDetails {padding:2px;background:#373737;height:20px;color:#555555;color:#FFFFFF;border:1px solid #494949;} .forumOnlineBar {padding:2px;background:#161616;height:20px;color:#CCCCCC;border:1px solid #494949;}
a.threadPinnedLink:link {text-decoration:none; color:#CCCCCC;} a.threadPinnedLink:visited {text-decoration:none; color:#CCCCCC;} a.threadPinnedLink:hover {text-decoration:underline; color:#FFFFFF;} a.threadPinnedLink:active {text-decoration:underline; color:#CCCCCC;}
.threadPinnedLink,.threadLink {font-weight:bold;} a.threadLink:link {text-decoration:underline; color:#CCCCCC;} a.threadLink:visited {text-decoration:underline; color:#CCCCCC;} a.threadLink:hover {text-decoration:none; color:#FFFFFF;} a.threadLink:active {text-decoration:underline; color:#CCCCCC;}
.postpSwithces {font-size:7pt;} .thDescr {font-weight:normal;} .threadFrmBlock {font-size:7pt;text-align:right;} /* ------------------- */
/* Posts View */ .postTable {background:#555555} .postPoll {background:#222222;text-align:center;} .postFirst {background:#222222;border-bottom:1px solid silver;} .postRest1 {background:#222222;} .postRest2 {background:#222222;} .postSeparator {height:2px;background:#CCCCCC;}
.postTdTop {background:url('http://naruto.clan.su/desing/upolosa.jpg') #000000;color:#FFFFFF;height:21px;font-size:10px;border:1px solid #000000;} .postBottom {background:#202020;height:20px;color:#555555;} .postUser {font-weight:bold;} .postTdInfo {background:#222222;text-align:center;padding:5px;} .postRankName {margin-top:5px;} .postRankIco {margin-bottom:5px;margin-bottom:5px;} .reputation {margin-top:5px;} .signatureHr {margin-top:20px;color:#CCCCCC;} .posttdMessage {background:#202020;padding:5px;}
.postPoll {padding:5px;} .pollQuestion {text-align:center;font-weight:bold;} .pollButtons,.pollTotal {text-align:center;} .pollSubmitBut,.pollreSultsBut {width:140px;font-size:7pt;} .pollSubmit {font-weight:bold;} .pollEnd {text-align:center;height:30px;}
.codeMessage {background:#555555;font-size:9px;} .quoteMessage {background:#555555;font-size:9px;}
.signatureView {font-size:7pt;} .edited {padding-top:30px;font-size:7pt;text-align:right;color:#555555;} .editedBy {font-weight:bold;font-size:8pt;}
.statusBlock {padding-top:3px;} .statusOnline {color:#FFFF00;} .statusOffline {color:#FF0000;} /* ---------- */
/* forum AllInOne Fast Add */ .newThreadBlock {background: #F9F9F9;border: 1px solid #B2B2B2;} .newPollBlock {background: #F9F9F9;border: 1px solid #B2B2B2;} .newThreadItem {padding: 0 0 0 8px; background: url('http://src.ucoz.ru/t/984/16.gif') no-repeat 0px 4px;} .newPollItem {padding: 0 0 0 8px; background: url('http://src.ucoz.ru/t/984/16.gif') no-repeat 0px 4px;} /* ----------------------- */
/* Post Form */ .pollBut, .loginButton, .searchSbmFl, .commSbmFl, .signButton {font-size:7pt;background: #333333;color:#FFFFFF;border:1px outset #333333;}
.codeButtons {font-size:7pt;background: #333333;color:#FFFFFF;border:1px outset #333333;} .codeCloseAll {font-size:7pt;background: #333333;color:#FFFFFF;border:1px outset #333333;font-weight:bold;} .postNameFl,.postDescrFl {background:#2C2C2C;border:1px solid #555555;width:400px} .postPollFl,.postQuestionFl {background:#2C2C2C;border:1px solid #555555;width:400px} .postResultFl {background:#2C2C2C;border:1px solid #555555;width:50px} .postAnswerFl {background:#2C2C2C;border:1px solid #555555;width:300px} .postTextFl {background:#2C2C2C;border:1px solid #555555;width:550px;height:150px;color:#666666;} .postUserFl {background:#2C2C2C;border:1px solid #555555;width:300px}
.pollHelp {font-weight:normal;font-size:7pt;padding-top:3px;} .smilesPart {padding-top:10px;text-align:center} /* --------- */
/* ====== forum End ====== */ И 2 вопрос возможно ли изменить цвет рамки через CSS, если возможно то как?
Сообщение правил nika32 - Среда, 2009-02-25, 9:02 PM |
|
| |
kydapodatsya | Дата: Четверг, 2009-02-26, 10:57 AM | Сообщение # 157 | |
Дизайнер
Группа: Администраторы
Сообщений: 2641
Репутация: 226
Статус: Offline
|
nika32, редактируйте классы .smilesPart и .smiles Quote (nika32) цвет рамки через CSS простой пример для класса classname непрерывная рамка в 1 пиксель белого цвета Code .classname {border:1 px solid #fff}
|
|
| |
Barto | Дата: Воскресенье, 2009-03-01, 1:26 AM | Сообщение # 158 | |
Спектографист
Группа: Пользователи
Сообщений: 3
Репутация: 0
Статус: Offline
|
как поставить функцию блог СМС..... дайте готовенькоую пропись пожалуйста"
|
|
| |
kydapodatsya | Дата: Воскресенье, 2009-03-01, 11:17 AM | Сообщение # 159 | |
Дизайнер
Группа: Администраторы
Сообщений: 2641
Репутация: 226
Статус: Offline
|
Barto, у нас такого нет, ищите в инете
|
|
| |
HIGHLANDER | Дата: Понедельник, 2009-03-02, 1:19 PM | Сообщение # 160 | |
Неографист
Группа: Пользователи
Сообщений: 118
Репутация: 0
Статус: Offline
|
Не нашел где в CSS изменить цвет шрифта для форумных записей. Изменилась только их форма добавления, а сами сообщения на форуме остались прежними.
|
|
| |
kydapodatsya | Дата: Понедельник, 2009-03-02, 2:43 PM | Сообщение # 161 | |
Дизайнер
Группа: Администраторы
Сообщений: 2641
Репутация: 226
Статус: Offline
|
HIGHLANDER, .posttdMessage
|
|
| |
HIGHLANDER | Дата: Понедельник, 2009-03-02, 3:49 PM | Сообщение # 162 | |
Неографист
Группа: Пользователи
Сообщений: 118
Репутация: 0
Статус: Offline
|
Заработало:)
|
|
| |
Barto | Дата: Понедельник, 2009-03-02, 8:51 PM | Сообщение # 163 | |
Спектографист
Группа: Пользователи
Сообщений: 3
Репутация: 0
Статус: Offline
|
Как изменить, вставить другую картинку" Самый главный задний фон сайта" подскажите пожалуйста)) Допустим есть уже картинка"
|
|
| |
Mistereo | Дата: Понедельник, 2009-03-02, 9:30 PM | Сообщение # 164 | |
Анаграфист
Группа: Студенты - 1 курс
Сообщений: 136
Репутация: 12
Статус: Offline
|
Barto, в CSS background.
|
|
| |
Barto | Дата: Понедельник, 2009-03-02, 11:20 PM | Сообщение # 165 | |
Спектографист
Группа: Пользователи
Сообщений: 3
Репутация: 0
Статус: Offline
|
а где оно в начале или в конце" немогу найти...
Сообщение правил Barto - Понедельник, 2009-03-02, 11:21 PM |
|
| |
|