|
Таблица 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 | Дата: Среда, 2008-08-20, 2:21 AM | Сообщение # 91 | |
Дизайнер
Группа: Администраторы
Сообщений: 2641
Репутация: 226
Статус: Offline
|
Quote (Di-r13) Я так и не могу сделать текст белым
color:fff
Loony, а Вы искали?
Quote (Loony) .entryTable {background:#303030;border:1px solid;border-color: #000000 #707070 #707070 #000000;}
background:#303030 отвечает за фон... |
| |
| |
| Loony | Дата: Среда, 2008-08-20, 10:30 PM | Сообщение # 92 | |
|
Спектографист
Группа: Пользователи
Сообщений: 2
Репутация: 0
Статус: Offline
|
Quote (Loony) возможно ли вместо тупых прямоугольников туда вставить допустим картинки и чтобы текст располагался на них, и как это сделать
Это возможно, и еще один вопрос, страница с перенаправлением сообщений на форуме,
скрин щас 
Какой код отвечает за это?
Я просто новичок в этом  Помогите, спасибо за помощь про фонДобавлено (2008-08-20, 10:30 Pm)
---------------------------------------------
Quote (kydapodatsya) background:#303030 отвечает за фон...
Изменила цвет на красный - результат тот же |
| |
| |
| kydapodatsya | Дата: Четверг, 2008-08-21, 2:58 AM | Сообщение # 93 | |
|
Дизайнер
Группа: Администраторы
Сообщений: 2641
Репутация: 226
Статус: Offline
|
Quote (Loony) Изменила цвет на красный
интересно каким же образом?
Quote (Loony) Какой код отвечает за это?
а посмотреть исходный код, не успеваете? Code .replaceTable {background: #8d6fab;height:150px;width:350px;border:3px solid #000000;}
|
| |
| |
| JOSEPH | Дата: Пятница, 2008-09-19, 2:30 PM | Сообщение # 94 | |
Спектографист
Группа: Пользователи
Сообщений: 1
Репутация: 0
Статус: Offline
|
Вопрос.
Я хочу установить цвета которыми будут определяться групы пользователей, но в таблице стилей представлены только цвета для админов модераторов и проверенных, а мне нужно для пользователей и ище нескольких групп, как мне это зделать подскажите пожалуйста, что нужно добавить в таблицу стилей.
Заранее благодарю за помощь.
|
| |
| |
| kydapodatsya | Дата: Пятница, 2008-09-19, 6:11 PM | Сообщение # 95 | |
|
Дизайнер
Группа: Администраторы
Сообщений: 2641
Репутация: 226
Статус: Offline
|
JOSEPH, посмотрите какими класами обозначены Ваши группы... и пропишите им свойства..
по памяти, кажись, .groupOther1
.groupOther2
.groupOther3
и т.д.
|
| |
| |
| Наталия | Дата: Вторник, 2008-09-23, 4:06 AM | Сообщение # 96 | |
|
Спектографист
Группа: Пользователи
Сообщений: 4
Репутация: 0
Статус: Offline
|
Здравствуйте, Знатоки этого сложного механизма - создания сайтов и форумов! У нас сложилась аварийная ситуация...
Мы - большая группа людей из устоявшегося форума.
Но его Хозяйка по своим обстоятельствам хочет этот форум закрыть.
Нас лишают Дома и мы должны спешно построить хотя бы шалаш...
Мы "сляпали" шаблонную конструкцию и перетаскиваем важную инфу, чтобы не пропала со старого сайта...
Среди нас нет никого, знакомого с программированием сайтов и форумов. И времени изучить все эти CSS и другие сложные для нас вещи у нас нет... Очень надеемся, что вы с пониманием и сочувствием отнесетесь к нашим вопросам.
Если кто-то может ответить - будем благодарны! 1. Как и где можно изменить код страницы форума, чтобы убрать с левой стороны столбец:
Меню сайта,
Наш опрос
и т.д. Мы хотели бы расширить форумную страницу на все поле по ширине. Это возможно? Наш форум о животных - замечательной редкой пока породе Кане Корсо Итальяно - сообщения предполагают большое количество фотографий и мы хотели бы видеть такую раскладку форума, как здесь, у вас. Спасибо всем, у кого Доброе Сердце!
SOS! Помогите дилетанту!
Сообщение правил Наталия - Вторник, 2008-09-23, 4:06 AM |
| |
| |
| kydapodatsya | Дата: Вторник, 2008-09-23, 9:07 AM | Сообщение # 97 | |
|
Дизайнер
Группа: Администраторы
Сообщений: 2641
Репутация: 226
Статус: Offline
|
Наталия, Quote (Наталия) Мы хотели бы расширить форумную страницу на все поле по ширине.
Это возможно?
да, возможно....
в админ-панели своего сайта, идете по пути Главная » Управление дизайном » Редактирование шаблонов модуль "Форум", шаблон - "Общий вид страниц форума" и правите там html-код...
|
| |
| |
| Наталия | Дата: Вторник, 2008-09-23, 8:38 PM | Сообщение # 98 | |
|
Спектографист
Группа: Пользователи
Сообщений: 4
Репутация: 0
Статус: Offline
|
Спасибо, kydapodatsya! Имя мне у вас так понравилось!
Подавайтесь к нам, как откроемся! :))) ---------------------------------------------------------------- Это я поняла - путь нашла. А могли бы Вы объяснить в этом html-код...
Что на что править?
Если мы расширим страницу - мы уже можем начать работать.
На узкой полосе это невозможно... Если Вас не затруднит, Вы можете посмотреть, как пока мы выглядим... http://welcome-corso.ucoz.ru/forum
SOS! Помогите дилетанту!
Сообщение правил Наталия - Вторник, 2008-09-23, 8:47 PM |
| |
| |
| kydapodatsya | Дата: Вторник, 2008-09-23, 8:46 PM | Сообщение # 99 | |
|
Дизайнер
Группа: Администраторы
Сообщений: 2641
Репутация: 226
Статус: Offline
|
Наталия, приведите здесь код из админ-панели
|
| |
| |
| Наталия | Дата: Вторник, 2008-09-23, 8:48 PM | Сообщение # 100 | |
|
Спектографист
Группа: Пользователи
Сообщений: 4
Репутация: 0
Статус: Offline
|
SOS! Помогите дилетанту!
Сообщение правил Наталия - Среда, 2008-09-24, 7:18 PM |
| |
| |
| kydapodatsya | Дата: Среда, 2008-09-24, 1:45 AM | Сообщение # 101 | |
|
Дизайнер
Группа: Администраторы
Сообщений: 2641
Репутация: 226
Статус: Offline
|
попробуйте заменить Ваш код на этот:
Code <html> <head> <title>$FORUM_TITLE$</title> <link type="text/css" rel="StyleSheet" href="http://src.ucoz.net/src/css/997.css" /> </head> <body style="background:#FFFFFF; margin:0px; padding:0px;"> <div style="width:100%;text-align:center;"> <table border="0" cellpadding="0" width="700" cellspacing="0" style="border-left:1px solid #DEDEDE;border-right:1px solid #DEDEDE;padding:0 1px 0 1px;margin-left:auto;margin-right:auto;"> <tr><td colspan="2" height="50" style="background:url('http://src.ucoz.net/t/997/1.gif');padding-left:10px;font-size:10px;color:#A1A1A1; ">$WDAY$, $DATE$, $TIME$ <?if($USERS_ON$)?><?if($USER_LOGGED_IN$)?>Вы вошли как <a href="$PERSONAL_PAGE_LINK$"><b>$USERNAME$</b></a> | Группа "<u>$USER_GROUP$</u>"<?else?>Приветствую Вас <b>$USERNAME$</b><?endif?><?endif?> | <a href="$RSS_LINK$">RSS</a></td></tr> <tr><td colspan="2" align="center" height="32" style="background:url('http://src.ucoz.net/t/997/2.gif');font-size:10px;color:#A1A1A1;font-weight:bold; "><a href="$HOME_PAGE_LINK$" title="Главная">Главная</a> | <a href="$MAIN_PAGE_LINK$" title="$FORUM_NAME$">$FORUM_NAME$</a> <?if($USERS_ON$)?><?if($USER_LOGGED_IN$)?> | <a href="$PERSONAL_PAGE_LINK$" title="Мой профиль">Мой профиль</a><?else?> | <a href="$REGISTER_LINK$" title="Регистрация">Регистрация</a><?endif?><?endif?> <?if($USERS_ON$)?><?if($USER_LOGGED_IN$)?> | <a href="$LOGOUT_LINK$" title="Выход">Выход</a><?else?> | <a href="$LOGIN_LINK$" title="Вход">Вход</a><?endif?><?endif?></td></tr> <tr> <td valign="top" width="98%" style="padding-right:1px;"> [<?if($USER_LOGGED_IN$)?> <a href="javascript://" id="upml" class="fNavLink" onclick="window.open('$PM_URL$','pmw','scrollbars=1,top=0,left=0,resizable=1,width=680,height=350'); return false;">Личные сообщения($UNREAD_PM$)</a> · <?if($IS_NEW_PM$)?><script type="text/javascript">function flashit(id,cl){var c=document.getElementById(id);if (c.style.color=='red'){c.style.color=cl;}else {c.style.color='red';}}setInterval("flashit('upml','')",500)</script><bgsound src="http://src.ucoz.net/img/fr/pm.wav" loop="1" volume="0" balance="0"> <?endif?><?endif?> <a class="fNavLink" href="$RECENT_POSTS_LINK$" rel="nofollow">Новые сообщения</a> · <a class="fNavLink" href="$MEMBERS_LIST_LINK$" rel="nofollow">Участники</a> · <a class="fNavLink" href="$BOARD_RULES_LINK$" rel="nofollow">Правила форума</a> · <a class="fNavLink" href="$SEARCH_PAGE_LINK$" rel="nofollow">Поиск</a> · <a class="fNavLink" href="$RSS_LINK$" rel="nofollow">RSS</a> ] $BODY$</td></tr> </table> <!-- Footer --> <table border="0" cellpadding="0" cellspacing="0" height="47" width="100%" style="background:url('http://src.ucoz.net/t/997/8.gif');padding-top:10px;"> <tr><td width="175" align="center" style="color:#A1A1A1;">$POWERED_BY$</td><td align="center" style="color:#A1A1A1;">Copyright MyCorp © $YEAR$</td></tr> </table> <!-- /Footer --> </div> </body> </html>
|
| |
| |
| Наталия | Дата: Среда, 2008-09-24, 1:49 AM | Сообщение # 102 | |
|
Спектографист
Группа: Пользователи
Сообщений: 4
Репутация: 0
Статус: Offline
|
Пробую... Вы - волшебник!!! Спасибо.
SOS! Помогите дилетанту!
Сообщение правил Наталия - Среда, 2008-09-24, 2:13 AM |
| |
| |
| kydapodatsya | Дата: Среда, 2008-09-24, 2:21 AM | Сообщение # 103 | |
|
Дизайнер
Группа: Администраторы
Сообщений: 2641
Репутация: 226
Статус: Offline
|
Наталия, Quote (Наталия) Вы - волшебник!!!
нет, я только учусь))
не за что 
|
| |
| |
| Fabregas4 | Дата: Понедельник, 2008-09-29, 0:00 AM | Сообщение # 104 | |
|
Спектографист
Группа: Пользователи
Сообщений: 4
Репутация: 0
Статус: Offline
|
Здраствуйте) Прошу прощения за прошлую тему в разделе дизаин) у меня проблема как и у большинства, я не могу поменять фон в центре где новости, по бокам поменял, а в центре не могу вот код:
Code /* General Style */
a:link {text-decoration:underline; color:#CCCCCC;}
a:active {text-decoration:underline; color:#FFFFFF;}
a:visited {text-decoration:underline; color:#CCCCCC;}
a:hover {text-decoration:none; color:#FFFFFF;}
td, body {font-family:verdana,arial,helvetica; font-size:8pt; color:#d2ce0c}
form {padding:0px;margin:0px;}
input,textarea,select {vertical-align:middle; font-size:8pt; font-family:verdana,arial,helvetica;}
.copy {font-size:7pt;}
a.noun:link {text-decoration:none; color:#CCCCCC}
a.noun:active {text-decoration:none; color:#CCCCCC}
a.noun:visited {text-decoration:none; color:#CCCCCC}
a.noun:hover {text-decoration:none; color:#FFFFFF}
.mframe1 {padding:2 10 30 10px;}
hr {color:#464646;height:1px;}
label {cursor:pointer;cursor:hand}
.blocktitle {font-family:Verdana,Sans-Serif;color:#FFFFFF;font-size:13px;font-weight:bold; padding-left:22px; background: url('d2ce0c') no-repeat 5px 2px;}
.menut0 {}
.menut {padding:2 3 3 15px;}
.mframe {padding:2 0 30 30px;}
.bannerTable {width:468;height:60;}
.menu1 {font-weight:bold;font-size:8pt;font-family:Arial,Sans-Serif;}
a.menu1:link {text-decoration:underline; color:#CCCCCC}
a.menu1:active {text-decoration:underline; color:#CCCCCC}
a.menu1:visited {text-decoration:underline; color:#CCCCCC}
a.menu1:hover {text-decoration:none; color:#FFFFFF}
/* ------------- */
/* Menus */
ul.uz {list-style: none; margin: 0 0 0 0; padding-left: 0px;}
li.menus {margin: 0; padding: 0 0 0 13px; background: url('http://arsenalamania.ucoz.ru/141.jpg') no-repeat 0px 3px; margin-bottom: .6em;}
/* ----- */
/* Main Menu */
.m {font-weight:normal;}
a.m:link {text-decoration:none; color:#dfd200}
a.m:active {text-decoration:none; color:#dfd200}
a.m:visited {text-decoration:none; color:#dfd200}
a.m:hover {text-decoration:none; color:#dfd200}
.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 13px; background: url('http://arsenalamania.ucoz.ru/141.jpg') no-repeat 0px 3px; margin-bottom: .6em;}
/* --------- */
/* Module Part Menu */
.catsTd {padding: 0 0 6px 13px; background: url('') no-repeat 0px 3px;}
.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:#dfd200;}
a.catName:visited {text-decoration:none; color:#dfd200;}
a.catName:hover {text-decoration:none; color:#FFFFFF;}
a.catName:active {text-decoration:none; color:#dfd200;}
a.catNameActive:link {text-decoration:none; color:#FFFFFF;}
a.catNameActive:visited {text-decoration:none; color:#FFFFFF;}
a.catNameActive:hover {text-decoration:underline; color:#FFFFFF;}
a.catNameActive:active {text-decoration:none; color:#FFFFFF;}
/* ----------------- */
/* Entries Style */
.eBlock {border-top:1px solid #000000;border-bottom:1px solid #000000;background:#393939;}
.eTitle {font-family:Verdana,Arial,Sans-Serif;font-size:13px;font-weight:bold;color:#CCCCCC; padding: 0 0 0 18px; background: url('') no-repeat 0 1px;}
.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 #555555;}
.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; }
.eRating {font-size:7pt;}
.eAttach {margin: 16px 0 0 0; padding: 0 0 0 15px; background: url('') no-repeat 0px 0px;}
/* --------------- */
/* Entry Manage Table */
.manTable {border:1px solid #555555;background:#2C2C2C;}
.manTdError {color:#FF0000;}
.manTd1 {}
.manTd2 {}
.manTd3 {}
.manTdSep {}
.manHr {}
.manTdBrief {}
.manTdText {}
.manTdFiles {}
.manFlFile {}
.manTdBut {}
.manFlSbm {}
.manFlRst {}
.manFlCnt {}
/* ------------------ */
/* Comments Style */
.cAnswer {color:#838383;padding-left:15px;padding-top:4px;font-style:italic;}
.cBlock1 {background:#2C2C2C;border:1px solid #555555;}
.cBlock2 {background:#2C2C2C;border:1px solid #555555;}
/* -------------- */
/* Comments Form Style */
.commTable {border:1px solid #555555;background:#2C2C2C;}
.commTd1 {color:#FFCA42;font-weight:bold;padding-left:5px;}
.commTd2 {padding-bottom:2px;}
.commFl {width:100%;color:#636363;background:#222222;border:1px solid #555555;}
.smiles {border:1px solid #555555;background:#222222;}
.commReg {padding: 10 0 10 0px; text-align:center;}
.commError {color:#FF0000;}
.securityCode {color:#636363;background:#222222;border:1px solid #555555;}
/* ------------------- */
зарание спасибо!Добавлено (2008-09-29, 0:00 Am)
---------------------------------------------
ах да вот сайт: http://arsenalamania.ucoz.ru/
|
| |
| |
| termit80 | Дата: Понедельник, 2008-09-29, 3:00 PM | Сообщение # 105 | |
|
Спектографист
Группа: Пользователи
Сообщений: 2
Репутация: 0
Статус: Offline
|
Подскажите, где можно узнать зачто отвечает тот или иной пунк в css заключенный в /*____*/. Спасибо. Для примера /*Geneal Style*/. Спасибо
|
| |
| |
|
