Динамический язк разметки CSS - LESS |
Метки: css less вёрстка шаблоны |
знающие люди! помогите выбрать стоящую фирму! |
Метки: интернет-магазин создать сайт |
Предлагаю сотрудничество!!!! |
|
Вопрос |
Проблема такая:
Dreamweaver CS4 указывает на ошибку. Пишет "There is a syntax error on line 16 of AC_RunActiveContent.js. Code hinting not work until you fix this error."
То есть, как я понимаю, в шестнадцатой строке синтаксическая ошибка?
Эта строка выглядит вот так:
if((BrowserName == "Netscape" && BrowserVer >= 3) ||
(сайт вот тут http://www.gus804.narod.ru/tricolor_penza_5601.htm)
Что нужно сделать, чтобы ее исправить, подскажите, пожалуйста?
|
meta-news |
|
бесплатный конструктором flash-сайтов |
|
Деньги За Ответы На Вопросы |
Зарабатывайте Деньги, Отвечая На Вопросы! Исключительно Своим Умом и Интеллектом! Где? Да Здесь ЖЕ - http://super-priz.com
E-mail: beluginmsk@mail.ru
ICQ: 276556
|
Связывание таблиц стилей с html документом |
Существует три способа для связывания таблиц стилей с html документом. Это - использование тега <LINK>, использование тега <STYLE> и применение атрибута style к определенному тегу. Рассмотрим эти методы подробнее.
Использование тега <LINK>
Этот способ позволяет связывать html документы с таблицей стилей, находящейся в отдельном файле. Выглядит это так:
<LINK REL=STYLESHEET TYPE="text/css" HREF="http://www.yourdomen.ru/
Эту строку помещают между тегами <HEAD> и <TITLE>. Таким образом, для форматировая страницы с этой строкой будет использоваться таблица стилей находящаяся в файле style.css с сайта http://www.yourdoman.ru/
Использование тега <STYLE>
Этот метод позволяет внедрять информацию о стилях в html документ, заключая ее в парный тег STYLE, который располагают между тегами <HEAD> и <TITLE>:
<STYLE>
<!--
информация о стилях
// -->
</STYLE>
Необходимо не забывать заключать информацию о стилях между символами комментария, т.к. старые браузеры "не понимают" тег STYLE и будут пытаться вывести на экран его содержимое.
Существенным недостатком этого способа является то, что информация о стилях заключена в определенном файле и используется только для форматирования текста этого файла. Избежать этого недостатка позволяет использование конструкции @import. Делается это так:
<STYLE type="text/css">
@import URL("http://www.yourdoman.ru/
</STYLE>
Необходимо отметить, что конструкция @import не поддерживается браузером Netscape, поэтому ее применение может быть оправдано только в локальных сетях, где на всех машинах установлен только Microsoft Internet Explorer.
Использование в тегах атрибута style
Для того чтобы изменить свойство только какого-нибудь одного элемента, можно использовать атрибут style этого элемента:
<P style=""color:" red">
Только этот абзац будет выведен на экран красным цветом. Остальные абзацы будут выведены тем цветом, который указан в таблице стилей.
Заключение
В заключение хотел бы дать небольшой совет тем, кто только научился использовать таблицы стилей: не спешите включать их только ради самого включения. Старайтесь использовать их с умом. И обязательно проверяйте, как будут выглядеть ваши html-файлы в браузере без поддержки CSS. Для этого достаточно временно удалить таблицу стилей.
Метки: css html head |
Что такое каскадные таблицы стилей (азы) |
Каскадные таблицы стилей (Cascading Style Sheets, сокращенно CSS) - это технология, разработанная для форматирования html документов и придания им определенного стиля (положение элементов на экране, цвет текста, величина отступа абзаца и многое другое). Фактически, каскадные таблицы стилей представляют собой набор правил, в соответствии с которыми происходит форматирование текста и элементов на экране. Правила хранятся либо в самом html документе, либо в отдельном текстовом файле, имеющем, как правило, разрешение css. Создавать эти файлы можно даже в Блокноте (Notepad).
К наиболее ярко выраженным достоинствам каскадных таблиц стилей относятся следующие:
1. Возможность одновременного применения одной и той же каскадной таблицы к большому числу html документов. Это может существенно увеличить эффективность создания новых стилей, т.к. для этого требуется изменить всего лишь один файл.
2. Разделение информации на две части: собственно html код и таблица стилей. Во многих случаях это позволяет существенно уменьшить размеры файлов, т.к. информация о стилях всех страниц хранится в одном файле, а не во всех html документах.
3. Наличие в каскадных таблицах стилей дополнительных, по сравнению с языком разметки, методов управления элементами.
Указанные выше преимущества CSS во многом определили их широкое применение в глобальной сети в настоящее время.
Каждое объявление в CSS записывается в следующем виде:
ТЕГ {свойство: значение}
Эта запись дает браузеру команду присвоить содержимому данного ТЕГа определенное значение, указанного свойства.
В том случае, если мы хотим описать в объявлении несколько свойств, достаточно разделить их точкой с запятой:
ТЕГ {свойство_1: значение_1; свойство_2: значение_2}
Одно и то же свойство или свойства можно присвоить сразу нескольким тегам. Для этого достаточно разделить их в объявлении запятыми:
ТЕГ_1, ТЕГ_2, ТЕГ_3 {свойство_1: значение_1; свойство_2: значение_2}
Вот реальный пример использования CSS:
H4, H3 {color: red; font-family: Courier}
Текст, заключенный в теги H4 и H3, будет написан красным цветом шрифтом Courier.
Ниже рассмотрены основные свойства, описываемые в таблицах стилей.
Color - цвет
Это свойство определяет цвет содержимого тега, для которого он указан. Цвет указывается либо в формате RGB, либо одним из стандартных названий: aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white, yellow.
Пример:
BODY {color: black} или BODY {color: #000000}
Font-family - семейство шрифта
Это свойство устанавливает шрифт, которым будет выведен текст. Наиболее часто используются шрифты Arial, Courier и Times New Roman. Это объясняется тем, что при загрузке страницы с таблицей стилей пользователь увидит текст, указанным в таблице стилей шрифтом, только в том случае, если этот шрифт установлен у него на компьютере. Arial, Courier и Times New Roman, как правило, установлены.
Пример:
P {font-family: Arial}
Font-size - размер шрифта
Указывается размер шрифта в пунктах (pt), пикселях (px), дюймах (in) или сантиметрах (cm).
Пример:
EM {font-size: 14pt}
Text-decoration - "украшение" текста
Cуществуют пять основных значений свойства text-decoration. Это - underline (подчеркивание), line-through (зачеркивание), overline (линия над строкой), blink (мигание) и none (отсутствие "украшения" текста).
Пример:
H2 {text-decoration: underline}
Text-indent - отступ в первой строке элемента
Отступ указывается в тех же единицах, что и размер шрифта, т.е. пунктах, пикселях, дюймах или сантиметрах.
Пример:
P {text-indent: 3in}
Text-align - выравнивание текста на экране
Вы можете выбрать один из четырех стилей выравнивания: left (по левому краю), right (по правому краю), center (по центру) или justify (по левому и по правому краю одновременно).
Пример:
P {text-align: justify}
Margin-left - отступ слева
Существуют также свойства margin-right - отступ справа, margin-top - отступ сверху и margin-bottom - отступ снизу. Значения всех этих свойств указываются в пунктах, пикселях, дюймах или сантиметрах.
Пример:
H2 {margin-top: 100px}
В таблицах стилей существует еще много других свойств, однако, это тема отдельной статьи.
Наследование
Одним из важнейших свойств таблиц стилей является наследование. Оно проявляется в возможности одного тега наследовать свойства других тегов, в которые он заключен. Поясним это примером.
Пусть тег P описывается в таблице стилей так:
P {color: green}
и пусть в html файле есть такая строка:
<P>это очень <B>важно</B></P>
Теперь зеленый цвет будет иметь не только текст заключенный в тег P, но и текст, заключенный в тег B. Выглядеть это будет примерно так:
это очень важно
Это и есть наследование. Тег B унаследовал свойство родительского тега P, т.е. зеленый цвет.
Изменить наследование можно воспользовавшись контекстным селектором. Например так:
P B {color: maroon}
Эта конструкция позволяет установить красно-коричневый цвет содержимого тега B, но только для того случая, когда он находится внутри тега P:
это очень важно
Классы в таблицах стилей
Иногда требуется использовать сразу несколько стилей одного тега. Для этого можно ввести разные классы этого элемента. Классы вводятся в таблицах стилей с помощью точки:
H1 {font-family: Arial; font-size: 14pt; color: black}
H1.gray {color: #909090}
Здесь мы описали свойства тега H1 и тут же создали его класс gray. Воспользоваться созданным классом можно указав его внутри тега:
<H1 class=gray>
Текст, заключенный в тег H1 с указанием класса будет серого цвета, в то время как без указания - черного.
Для создания класса безотносительно к тегу, достаточно просто не указывать название тега в объявлении класса:
.olive {color: olive}
Теперь класс blue можно использовать для любого тега.
Часто классы используют вместе с тегом DIV. Этот тег никак не форматирует текст, а только выделяет в файле объект. Все, что находится в теге DIV воспринимается браузером как один объект. Например такую запись
<DIV class=olive><B>это</B> очень <EM>важно</EM></DIV>
браузер должен вывести так:
это очень важно
Метки: css каскадные таблицы стилей стили |
Использование фонового изображения для замены текста |
С помощью простого трюка CSS вы можете улучшить представление шрифтов на своих веб-страницах. При этом и неграфические броузеры и поисковые роботы смогут с ними нормально работать.
Для понимания этого урока читателю вполне хватит базовых знаний о таблицах стилей. Кроме того, предполагается, что предложенный метод будет применяться аккуратно и ответственно в логически верно размеченных документах.
<div>
<span>Hello world!</span>
</div>
div {
background-image:url("hello_ world.gif");
background-repeat:no-repeat;
height:35px;
}
span {display:none;}
h1.swap {
height:22px;
background-repeat:no-repeat;
}
h1.swap span {display:none;}
А уникальные идентификаторы выглядят так:
h1#t-recentlog {background-image:url("/img/ title_reclog.gif");}
h1#t-articles {background-image:url("/img/ title_articles.gif");}
h1#t-portfolio {background-image:url("/img/ title_port.gif");}
<p><span class="dropcap"><span>E</span> </span>ver wanted a ...
span.dropcap {
display:block;
float:left;
width:46px;
height:63px;
margin-right:5px;
background-image:url("dropcap_ e.gif");
background-repeat:no-repeat;
}
span.dropcap span {display:none;}
Метки: img css |
Размещение CGI скриптов на Вашем сервере |
Метки: скрипт cgi |
Свои шрифты на сайте |
Метки: шрифт css |
Как сделать фоновый рисунок |
Метки: фотошоп фон |
Порция ссылок об HTML (цветовые палитры, шпаргалки и т.п.) |
Метки: html css учебник цвет html |
Как создать и опубликовать свой подкаст |
В свое время мы все увлекались радио – слушали взахлеб передачи, концерты, пытались подражать радиоведущим. Потом и в радиовещание пришел бизнес, появилась аудиореклама на радио. Кто-то ее выключает, когда слышит, кто-то, наоборот, старается уловить каждое слово, ведь информация в нашем обществе сейчас стоит денег, и пренебрегать ее получением в любом виде явно нецелесообразно.
На похожем принципе основаны и подкасты, очередной мультимедийный артефакт современной информационной культуры. Подкаст (от английского podcasting) является производным словом от слов iPod и casting (вещание). Цель подкаста – донесение информации до адресата при помощи аудиосредств.
Метки: блог аудио подкаст |
160+ ссылок для блоггеров |
Я думаю, что начинающим и опытным блоггерам понравится подборка ссылок на сайты, куда можно поместить свой блог, ссылку на него или новость. Частично текст Димы Донченко, частично мой.После добавления блога, не забывайте о контенте и продвижении.
Поисковые сервера:
Каталоги и рейтинги:
Метки: блог раскрутка каталог блогосфера написать в блог |
Монетизация блога. Как заработать на блоге? |
Метки: блог заработок ведение блога |
Как зарегистрировать домен. |
Метки: зарегистрировать домен домен купить домен адрес сайта |
Хостинг для сайта. Основы. |
Метки: хостинг бесплатный хостинг |
Сайты о Drupal |
Метки: drupal |
Таксономия Drupal (построение словарей и терминов) |
Статья отсюда
Здесь узел=нода (материал, например, story или page)
В отличие от других систем управления содержимым, Drupal может больше, чем реализовать простой категоризированный список для каждого типа содержимого.
Вместо этого гибкая система структуры Drupal позволяет администраторам создавать неограниченное количество схем классификации. Даже создавая очень простую или чрезвычайно сложные структуры, администраторы могут выбирать, какие типы документов будут использованы в этих классификациях.
• Технология
• Политика
• Обучение
• Религия
• Спорт
Метки: drupal |
Как обновлять Друпал правильно (5.0) |
Статья отсюда
1) Переведите сайт в оффлайн.
2) Сделайте бэкап (также бэкап папки files и папки дополнительных модулей).
3) Отключите все дополнительные модули.
4) Сохраните файл sites/default/settings.php
5) Удалите все файлы от предыдущей версии и замените их файлами новой.
6) Вставьте старый файл sites/default/settings.php вместо нового...
7) Верните папку files на место и папки дополнительных модулей тоже...
8) Запустите скрипт ваш_сайт/update.php
9) Подключайте дополнительные модули и запускайте опять скрипт ваш_сайт/update.php
Всё это для темы Garland. Если у вас другая, то дополнительно, надо переключить сайт на тему Garland и после этого производить все вышеуказанные манипуляции.
Метки: drupal |
Модуль Comment Notify в Drupal 5.x - исправление бага |
Статья отсюда:
Думаю, практически в каждом блоге, посвещенном IT-тематике, рано или поздно всплывает тема CMS, на которой он основан. Я не исключение. Поэтому напишу решение одной из проблем в Drupal, с которой я столкнулся. Интересно только "друпалерам".
Захотел я прикрутить к сайту отсылку комментариев для зарегистрированных и анонимных пользователей на почту. Примерно так, как это сделано в LiveJournal. Выяснилось, что модуль Comment Notify для реализации этого функционала находится в стадии dev (разработка). Что само по себе странно. Ни за что не поверю, что такая возможность не востребована.
Метки: drupal |
Установка OpenID-сервера, OpenID модуль |
Статья отсюда:
Для авторизации пользователей по OpenID я использовал компонент OpenID для Drupal 5.x. Компонент находится в стадии разработки, но, видимо, дорабатываться больше не будет, так как его автор сконцентрировал усилия на реализации OpenID в Drupal 6.x, в котором этот функционал будет работать "из коробки".
Но, как выяснилось, в модуле есть один существенный недостаток. Дело в том, что не все OpenID-провайдеры предоставляют email пользователя. А он нужен при создании профиля в Drupal. Соответственно, при попытке авторизоваться по LiveJournal-OpenID (который не предоставляет email пользователя), возникала ошибка "не введен адрес email".
Метки: drupal openid |
Добавление области для отображения блоков |
Чем больше разбираюсь с Drupal, тем больше он мне нравится своей гибкостью. На этот раз мне понадобилось добавить регион для отображения блоков. В базовом варианте доступны регионы "заголовок", "левая панель", "правая панель", "содержание" и "подвал". Мне понадобился регион для отображения его в теле поста (ноды). Регион "содержание" мне не подошел, потому что он выводит блок после поста и комментариев.
Метки: drupal |
Гости и фраза "не проверено" - исправление бага |
В Drupal, как и в любой достаточно серьезной системе, есть и ошибки. Одна из них достаточно долго мозолила мне глаза. В случае, когда незарегистрированные пользователи (гости) оставляют комментарии, напротив имени пишется фраза "не проверено". Все бы хорошо, но она пишется даже в том случае, когда отключена премодерация комментариев (у меня она отключена).
Как выяснилось, это действительно ошибка, и лечится она достаточно просто. Спасибо за наводку Уникальному Человеку. Надо найти в файле /includes/theme.inc строчку:
$output .= ' ('. t('not verified') .')';
И просто закомментировать ее. Решение, может быть, не очень красивое (по идее, стоило бы проверять признак премодерирования), но работает. Может кому-нибудь еще пригодится.
Метки: drupal |
Возможности Drupal, нужен ли мне Drupal? |
Разработка сайта для новичка начинается с понимания возможностей CMS Drupal.
Термины функциональности сайта.
Таксономия (taxonomy) - оригинальная концепция для разработки структуры сайта, отделяющая структуру от представления. С помощью таксономии можно определить произвольное число категорий, в которых будут в дальнейшем помещаться материалы сайта. Эти категории могут быть представлены как плоские списки или иерархические структуры произвольной вложенности (как древовидные, когда элемент имеет только одного родителя в иерархии, так и произвольные, когда элемент может иметь сразу нескольких родителей).
Темы - как в любой системе CMS, содержимое сайта в Drupal отделено от дизайна. С помощью сменных тем можно очень значительно изменять дизайн, не трогая при этом содержимое и структуру сайта. Drupal не привязан к какому-то одному "единственно верному" механизму реализации тем, разработчик сайта может выбирать наиболее удобные ему способы формированя дизайна сайта. Но Drupal предлагает ряд готовых решений в виде движков тем (theme engines), таких как например xtemplate (темы с шаблонами в XML) или phptemplate (темы с шаблонами на PHP). Однако значительных изменений дизайна можно порой добиться манипуляцией стилями.
Комментарии - любой документ сайта посетители могут комментировать. Конечно, если в настройках им разрешена эта возможность - можно ограничивать возможность комментариев для отдельных документов или целиком для типов документов, а также настраивать их представление (нитевое или плоское, рейтинг и фильтрация по нему и т.п.). Для анонимных посетителей предусмотрены поля для их идентификации (имя, email, адрес сайта), но эта возможность также отключаема.
Метки: cms drupal возможности drupal |
Начало работы с модулем CCK в Drupal |
Итак, представляю всеобщему вниманию перевод http://drupal.org/node/162242 и последующих. Для новичков.
Установим CCK со страницы http://drupal.org/project/CCK. Здесь лежит перевод http://drupal.ru/node/3634. Идем admin/content/types, видим, что добавились вкладки "поля", "экспортировать", "импортировать".
Создадим новый тип материала (придумайте название и машинное имя). В списке типов материала нажмите "изменить". Рядом с вкладкой "изменить" появились "управлять полями", "diplay fields", "добавить поле", "добавить группу".
Метки: drupal |
Обзор бесплатных CMS |
Метки: cms drupal joomla бесплатные cms e107 typo3 |
Ну вот и пришло время размещать файлы |
Вложение: 3629970_tags.rar
Метки: html |