Эй! Спасибо, что решили посмотреть на тему! Осмотритесь вокруг
и подпишитесь на RSS feed чтобы узнавать обо всех обновлениях. До встречи!

Рубрика : Без рубрики

В нашем времени технологии все больше привлекают к себе интерес. Да, время открытий и новых возможностей. Так сейчас все больше говорят о HTML5 как на конференциях посвященных этим вопросам о его использовании, так и конкуренты. Интерес растет, а тот факт, что это нужно будет всем компаниям на рынке интернет технологий весьма вероятно. Такие известные компании как Google, Apple, Opera, Mozilla и конечно же Microsoft понимают, что это может их объединять на рынке интернет технологий.

Что по определению может показаться просто. Ведь HTML5 – это пятая версия гипертекстовой разметки страниц отраслевого стандарта. Итак, давайте рассмотрим, почему же сейчас говорят и пишут все об HTML5 начиная от лидеров рынка, программистов и заканчивая штатными маркетологами. И говорят о том, что это может быть будущее интернета. Насколько реально такой прогноз? Начнем с того, что об этом говорят самые сильные компании на рынке и говорят как о новом стандарте. Кстати, в конце 2011 года Microcoft провела для этого специальную конференцию – HTML5 Camp. И это говорит о том, что если такие гигантские компании собираются совместно, пишут работы для этой темы, обговаривают детали, то это значит, что они обговаривают новый стандарт, появление нового стандарта, который нужен будет всем. Остается только предполагать, кому какие достанутся роли в этом процессе, и какие возможности, понятно, что Microsoft будет иметь решающий голос. Да, конечно на этих конференциях обсуждают и другие версии, например, CSS, SVG, но нет сомнений, что главной темой сейчас у всех остается – HTML5.

Стоит только вспомнить историю, как несколько лет назад, Стив Джобс предсказывал крах Adobe flash, а потом и компания Apple начала выступать в пользу HTML5. Это сказалось и на том, что Adobe после этого прекратила развитие в мобильном сегменте рынка и начала создание инструментов для HTML5. Все больше идет разговоров о том, что компании Google и Facebook имеют свои планы, и использование своих сервисов с помощью HTML5 является необходимостью для них.

Да, у каждого сейчас свои мнения. У конкурентов и сторонников последней версии они разные, разные и представления о предстоящем развитии. И можно говорить о том, что сейчас искусственно создается такой слой информации дискредитирующей сам стандарт, качество этого продукта. И сейчас нет никаких измерителей и приборов, чтобы это протестировать.

Но также многое говорит тот факт, что Microsoft в своих выступлениях о HTML5 рассказывает как о стратегическом шаге к новым Internet Explorer 9, 10, которые будут как мобильные, так и настольные. И для Microsoft это только начало, компания говорит о перспективе создания будущих приложений на HTML5.

В большей части сегодня для компаний работающих на этом рынке наступает время объединений возможностей. Для того, чтобы создавать для пользователей более быстро и качественные продукты, которые будут еще проще и удобнее в использовании. Так это или нет, но уже создаются первые онлайн проекты с помощью HTML5. Сейчас время требует иметь возможности быстро и удобно пользоваться красивыми сервисами, находить и делиться информацией, обсуждать последние новости. И рынок технологий развивается и позволяет использовать HTML5 сейчас, чтобы в скором времени быть на пике новых открытий технологий.

Posted by admin | Under HTML Суббота Янв 24, 2015

Самый простой скрипт для хайда:


function op(obj) {
x=document.getElementById(obj);
if(x.style.display == "none") x.style.display = "block";
else x.style.display = "none"
}

Код ссылки 
Текст или картинку(кодом)
Скрытый текст, который может открываться и закрываться кликом по картинке - тексту.

Описание параметров тега

Браузер Internet Explorer Netscape Opera Safari Mozilla Firefox
Версия 5.5 6.0 7.0 6.0 7.0 8.0 7.0 8.0 9.0 1.0 1.7 1.0 2.0
Поддерживается Да Да Да Да Да Да Да Да Да Да Да Да Да
HTML: 3.2 4 XHTML: 1.0 1.1

Тег

предназначен для создания одной ячейки таблицы, которая обозначается как заголовочная. Текст в такой ячейке отображается браузером обычно жирным шрифтом и выравнивается по центру. Тег
должен размещаться внутри контейнера

Параметры

align Определяет выравнивание содержимого ячейки по горизонтали. background Задает фоновый рисунок в ячейке. bgcolor Цвет фона ячейки. bordercolor Цвет рамки. colspan Объединяет горизонтальные ячейки. height Высота ячейки. nowrap Запрещает перенос строк. rowspan Объединяет вертикальные ячейки. valign Выравнивание содержимого ячейки по вертикали. width Ширина ячейки.

Закрывающий тег

Не обязателен.

Пример 1. Использование тега

Тег TH table { border-collapse: collapse; } th { background: #ccc; text-align: left; } td, th { border: 1px solid #800; padding: 4px; }

Браузер Internet Explorer Opera Firefox
Версия 5.5 6.0 7.0 7.0 8.0 9.0 1.0 2.0
Поддерживается Да Да Да Да Да Да Да Да

Параметр ALIGN

HTML: 3.2 4 XHTML: 1.0 1.1

Описание

Задает выравнивание содержимого ячейки по горизонтали.

Синтаксис

Аргументы

left Выравнивание содержимого ячейки по левому краю. center Выравнивание по центру. right Выравнивание по правому краю. justify Выравнивание по ширине (одновременно по правому и левому краю).

Значение по умолчанию

center

Аналог CSS

text-align

Пример 2. Выравнивание содержимого ячейки

Тег TH, параметр align

Результат данного примера показан ни рис. 1.

Рис. 1. Вид ячеек, оформленных с помощью стилей

Параметр BACKGROUND

HTML: 3.2 4 XHTML: 1.0 1.1

Описание

Определяет изображение, которое будет использоваться в качестве фонового рисунка ячейки таблицы. В отличие от обычных изображений, для фона не устанавливаются ширина и высота, и он всегда отображается в натуральную величину с масштабом 100%. Если рисунок по размеру меньше ширины или высоты ячейки, то картинка повторяется по горизонтали вправо и вниз, выстраиваясь, как мозаика. По этой причине на месте стыка фоновых картинок могут возникнуть видимые перепады, заметные для посетителей сайта. При выборе фонового рисунка убедитесь, что обеспечен достаточный контраст между ним и содержимым ячейки. В качестве фона допускается использовать анимированные изображения в формате GIF, но они отвлекают внимание читателей.

Синтаксис

Аргументы

Любой допустимый адрес изображения — можно использовать относительный или абсолютный путь.

Значение по умолчанию

Нет.

Аналог CSS

background-image

Пример 3. Фоновый рисунок в ячейке

Тег TH, параметр background

Параметр BGCOLOR

HTML: 3.2 4 XHTML: 1.0 1.1

Описание

Устанавливает цвет фона ячейки.

Синтаксис

Аргументы

Значение цвета можно задавать двумя способами.

1. По его названию

Браузеры поддерживают некоторые цвета по их названию.

2. По шестнадцатеричному значению

Для задания цветов используются числа в шестнадцатеричном коде. Шестнадцатеричная система, в отличие от десятичной системы, базируется, как следует из ее названия, на числе 16. Цифры будут следующие: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F. Цифры от 10 до 15 заменены латинскими буквами. Числа больше 15 в шестнадцатеричной системе образуются объединением двух чисел в одно. Например, числу 255 в десятичной системе соответствует число FF в шестнадцатеричной системе. Чтобы не возникало путаницы в определении системы счисления, перед шестнадцатеричным числом ставят символ решетки #, например #666999. Каждый из трех цветов — красный, зеленый и синий — может принимать значения от 00 до FF. Таким образом, обозначение цвета разбивается на три составляющие #rrggbb, где первые два символа отмечают красную компоненту цвета, два средних — зеленую, а два последних — синюю.

Значение по умолчанию

Зависит от браузера и его версии, обычно используется белый цвет фона.

Аналог CSS

background-color

Пример 4. Цвет фона ячейки

Тег TH, параметр bgcolor

Параметр BORDERCOLOR

HTML: 3.2 4 XHTML: 1.0 1.1

Описание

Устанавливает цвет рамки вокруг ячейки. Рамка показывается, когда установлен параметр border с ненулевым значением у тега

.

Синтаксис

Аргументы

См. параметр BGCOLOR.

Значение по умолчанию

Зависит от браузера и операционной системы.

Пример 5. Цвет рамки

Тег TH, параметр bordercolor

Параметр COLSPAN

HTML: 3.2 4 XHTML: 1.0 1.1

Описание

Устанавливает число ячеек, которые должны быть объединены по горизонтали. Этот параметр имеет смысл для таблиц, состоящих из нескольких строк. Например, как для таблицы, показанной на рис. 1.

ячейка 1
ячейка 2 ячейка 3

Рис. 1. Пример таблицы, где используется горизонтальное объединение ячеек

В приведенной на рис.1 таблице содержатся две строки и две колонки, причем верхние горизонтальные ячейки объединены с помощью параметра colspan.

Синтаксис

Аргументы

Любое целое положительное число больше 1.

Значение по умолчанию

1

Пример 6. Объединение ячеек

Тег TH, параметр colspan

ячейка 1
ячейка 2 ячейка 3

Параметр HEIGHT

HTML: 3.2 4 XHTML: 1.0 1.1

Описание

Браузер сам устанавливает высоту таблицы и ее ячеек исходя из их содержимого. Однако при использовании параметра height высота ячеек будет изменена. Здесь возможны два варианта. Если значение height меньше, чем содержимое ячейки, то этот параметр будет проигнорирован. В случае, когда установлена высота ячейки, превышающая ее содержимое, добавляется пустое пространство по вертикали.

Синтаксис

Аргументы

Любое целое значение в пикселах или процентах от доступного пространства.

Значение по умолчанию

Высота вычисляется на основе содержимого ячейки.

Аналог CSS

height

Пример 7. Высота ячейки

Тег TH, параметр height

Параметр NOWRAP

HTML: 3.2 4 XHTML: 1.0 1.1

Описание

Добавление параметра nowrap к тегу

заставляет текст внутри ячейки отображаться без переносов, одной сплошной строкой. Неправильное использование этого атрибута может привести к тому, что таблица будет слишком широкой и не поместится целиком на веб-страницу. Как следствие, появится горизонтальная полоса прокрутки. В любом случае, пользоваться подобной таблицей будет неудобно, из-за чего применение параметра nowrap осуждается в спецификации HTML 4.

Синтаксис

Аргументы

Нет.

Значение по умолчанию

По умолчанию параметр nowrap не установлен.

Аналог CSS

white-space

Пример 8. Использование параметра nowrap

Тег TH, параметр nowrap

Параметр ROWSPAN

HTML: 3.2 4 XHTML: 1.0 1.1

Описание

Устанавливает число ячеек, которые должны быть объединены по вертикали. Этот параметр имеет смысл для таблиц, состоящих из нескольких строк. Например, как для таблицы, показанной на рис. 2.

ячейка 1 ячейка 2
ячейка 3

Рис. 2. Пример таблицы, где используется вертикальное объединение ячеек

В приведенной на рис. 2 таблице содержатся две строки и две колонки, причем левые вертикальные ячейки объединены с помощью параметра rowspan.

Синтаксис

Аргументы

Любое целое положительное число больше 1.

Значение по умолчанию

1

Пример 9. Объединение ячеек

Тег TH, параметр rowspan

ячейка 1 ячейка 2
ячейка 3

Параметр VALIGN

HTML: 3.2 4 XHTML: 1.0 1.1

Описание

Устанавливает вертикальное выравнивание содержимого ячейки. По умолчанию контент ячейки располагается по ее вертикали в центре.

Синтаксис

Аргументы

top Выравнивание содержимого ячейки по верхнему краю строки. middle Выравнивание по середине. bottom Выравнивание по нижнему краю. baseline Выравнивание по базовой линии, при этом происходит привязка содержимого ячейки к одной линии.

Значение по умолчанию

middle

Аналог CSS

vertical-align

Пример 10. Выравнивание в ячейке

Тег TH, параметр valign

Параметр WIDTH

HTML: 3.2 4 XHTML: 1.0 1.1

Описание

Задает ширину ячейки. Если общая ширина содержимого превышает указанную ширину ячейки, то браузер будет пытаться «втиснуться» в заданные размеры за счет форматирования текста. В случае, когда это невозможно, например, в ячейке находятся изображения, параметр width будет проигнорирован, и новая ширина ячейки будет вычислена на основе ее содержимого.

Синтаксис

Аргументы

Любое целое значение в пикселах или процентах от доступного пространства.

Значение по умолчанию

Ширина вычисляется на основе содержимого ячейки.

Аналог CSS

width

Пример 11. Ширина ячеек

Тег TH, параметр width

Таблицы часто применяются для создания многоколонного макета. Каждая ячейка выступает в роли колонки, при этом высота всех колонок будет одинакова, поскольку ячейки взаимосвязаны. По умолчанию содержимое ячеек выравнивается по центру вертикали, что не всегда удобно, особенно если содержимое близлежащих ячеек различается по объему. При этом получится, что в одной колонке текст начинается от верхнего края, а в другой по середине. Исправить это положение можно с помощью параметра valign=»top» тега

. В примере 1 показано, как выравнивать по верхнему краю ячейки за счет атрибута valign.

Пример 1. Использование параметра valign

Выравнивание содержимого ячеек

Углерод Встречается в природе в трех видах: угля, графита и алмаза. Образует большое число соединений. Углерод является непременным компонентом любого органического вещества.

С помощью стилей удобнее управлять положением содержимого в ячейках. Для этого следует воспользоваться параметром vertical-align со значением top, добавляя его к селектору TD, как показано в примере 2.

Пример 2. Применение стилей

Выравнивание содержимого ячеек TABLE { width: 100%; } TD { padding: 5px; vertical-align: top; } .col1 { background: #ccc; } .col2 { background: #ffd; }

Углерод Встречается в природе в трех видах: угля, графита и алмаза. Образует большое число соединений. Углерод является непременным компонентом любого органического вещества.

В данном примере все параметры таблицы и ячеек задаются через стили. Результат примера показан на рис. 1.

Рис. 1. Таблица с выравниванием содержимого ячеек по верхнему краю

Как убрать полосы прокрутки

Перед тем как убрать полосы прокрутки (скроллбар) с веб-страницы, подумайте, действительно ли вам это так необходимо. Отсутствие возможности прокрутки содержимого веб-страницы создает трудности посетителям сайта для просмотра информации. Если же существует необходимость построения дизайнерских изысков или желание создать своим читателям трудности, то вперед, к делу. Но вас предупреждали!

Фреймы

Для управления отображением полос прокрутки во фреймах используется параметр scrolling. Он может принимать два основных значения: yes — всегда вызывает появление полос прокрутки, независимо от объема информации и no — запрещает их появление (пример 1).

Пример 1. Запрет полосы прокрутки во фреймах

 

 

Как показано в примере, в левом фрейме с именем MENU полосы прокрутки не будет. В соседнем с ним фрейме, хотя параметр scrolling и не указан, полосы прокрутки будут видны, как возможность установленная по умолчанию.

Новые окна

Чтобы удалить скроллбар из новых окон, возможностей HTML будет недостаточно. Универсальный подход требует использования языка JavaScript для создания нового окна. А в качестве одного из параметра метода window.open, который и создает окно, можно указать scrollbar=0. Данный атрибут создает окно без горизонтальных и вертикальных полос прокрутки (пример 2).

Пример 2. Создание нового окна без полос прокрутки

window.open(«tips.php», «TIP», «width=400, height=300, status=0, menubar=0, location=0, resizable=0, directories=0, toolbar=0, scrollbar=0»);

Новое окно будет иметь размеры 400 x 300 пикселов и без различных элементов навигации, в том числе будут отсутствовать полосы прокрутки.

Использование стилей

Еще один способ основан на использовании стилевого атрибута overflow. Если этот параметр применить к тегу со значением hidden, скроллбар на веб-странице отображаться не будет (пример 3).

Пример 3. Запрет полосы прокрутки на веб-странице

BODY { overflow: hidden } …

Точно также можно убрать скроллбар и у других элементов веб-страницы, которые его содержат — некоторые элементы форм, например.

Браузер Internet Explorer поддерживает также свойство overflow-x и overflow-y, позволяющее прятать полосы прокрутки, соответственно, по горизонтали и вертикали (пример 4).

Пример 4. Запрет горизонтальной полосы прокрутки

BODY { overflow-x: hidden } …

Если вы попали в ситуацию, когда полос прокрутки, по какой-либо причине, на экране нет, а информация, тем не менее, есть, но на экран не помещается, «прокрутить» веб-страницу можно следующим способом. Нажимаем кнопку мыши, когда ее курсор находится в любом месте веб-страницы и, не отпуская, двигаем вниз. Так происходит выделение содержимого и одновременно его прокрутка. Но этот метод, мягко говоря, не очень удобен, и рекомендовать его можно лишь в очень крайних случаях.

Подчеркивание для блочных элементов вроде тега

можно проводить двояко. Например, линию под текстом устанавливать на всю ширину блока, независимо от объема текста. А также подчеркивание делать только у текста. Далее рассмотрим оба варианта.

Линия под текстом на всю ширину блока

Чтобы создать линию под текстом, следует добавить к элементу стилевой параметр border-bottom, его значением выступает одновременно толщина линии, ее стиль и цвет.

Пример

Линия под заголовком h1 {  font-size: 200%;  border-bottom: 2px solid maroon;  font-weight: normal;  padding-bottom: 5px; }

Пример текста

Черный заголовок привлекает к себе внимание, несмотря на то, что он черный, а не белый.

Расстояние от линии до текста можно регулировать параметром padding-bottom, добавляя его к селектору H1. Результат данного примера показан на рис. 1.

Рис. 1. Линия под заголовком

Подчеркивание текста

Чтобы подчеркнуть только текст, необходимо воспользоваться атрибутом text-decoration со значением underline, опять же, добавляя его к селектору H1.

Пример

Подчеркивание заголовка h1 {  text-decoration: underline; }

Пример текста

Черный заголовок привлекает к себе внимание, несмотря на то, что он черный, а не белый.

Результат данного примера показан на рис. 2.

Рис. 2. Подчеркивание заголовка

В случае использования параметра text-decoration линия жестко привязана к тексту, поэтому определить ее положение и стиль не удастся.

Рубленый шрифт, называемый также гротеском или шрифтом без засечек, не имеет серифов на концах букв, из-за чего получил термин sans-serif, что происходит от французского слова «без серифа». На сайтах подобные шрифты нашли применение в самых разнообразных элементах: заголовках, надписях на кнопках форм, основном тексте и др. Преимущество шрифта без засечек в том, что он одинаково хорошо передает текст, как в крупном начертании, так и мелком.

Рубленый шрифт или шрифт без засечек — Arial

Шрифты с засечками активно применяются для набора основного текста, поскольку позволяет легче и удобней воспринимать большие объемы. Засечки заставляют взгляд читателя скользить вдоль них, и одновременно разделяют отдельные буквы, чтобы они не сливались между собой. Также могут использоваться и для написания заголовков. На экране монитора при уменьшении размера шрифта, он начинает хуже передавать начертание, поэтому для мелких надписей рекомендуется воспользоваться шрифтом без засечек.

Шрифт с засечками — Times

Основные рубленые шрифты, которые можно найти практически на любом компьютере: Arial, Impact, Lucida, Verdana, Tahoma, Trebuchet.

Следует понимать, что удобочитаемость текста зависит от множества факторов, которые определяются шрифтом, разрешением и размером монитора, настройками системы, длиной строки и т.д. Поэтому решение о выборе шрифтов с засечками или без них можно сделать только исходя из готового макета веб-страницы.

Для того, чтобы задать желаемый шрифт на всей странице, добавьте стилевое свойство font-family к селектору BODY, а в качестве значений перечислите несколько названий гарнитур через запятую.

Пример

Рубленый шрифт на странице BODY {  font-family: Pragmatica, Helvetica, Arial, sans-serif; } …

В данном примере в списке перечисляемых шрифтов на первом месте стоит Pragmatica, поэтому браузер проверяет, установлена ли в системе данная гарнитура. Если это так, то Pragmatica будет применяться для основного текста веб-страницы. Шрифта может и не быть, тогда браузер берет из списка следующее название и опять делает проверку. Так повторяется до тех пор, пока шрифт в списке значений font-family и в системе не совпадет. Заканчивать список лучше ключевым словом sans-serif, которое обозначает любой подходящий шрифт без засечек, имеющийся на компьютере пользователя.

WordPress — Записки о сайтостроении

Черканул admin | В рубрике WordPress Понедельник Авг 25, 2014

rus_te Заливтаь нужно сюда:

/site.ru/public_html/wp-content/themes/twentyeleven/languages

Черканул admin | В рубрике WordPress Понедельник Авг 25, 2014

Pages Order — http://wordpress.org/plugins/pages-order/ Скачиваем и настраиваем. Можно менять порядок страниц в меню и вывод их в любом не алфавитном порядке. SL plugins в админке отображется в боковом меню

Черканул admin | В рубрике WordPress Вторник Авг 12, 2014

Как настроить постраничную навигацию WordPress (вывод страниц в меню снизу, вместо Предыдущие — Следующие записи — получаем 1, 2, 3, и т.д. страницы.
Открыть полный листочек »

Черканул admin | В рубрике WordPress Пятница Авг 8, 2014

Плагин WP NoExternalLinks настройка

Итак, все способы скрыть ссылки от индексации, которые мы рассмотрели, можно применить автоматически путем установки плагина для WordPress WP-NoExternalLinks. После активации плагина все внешние ссылки закроются от индексации тегом noindex, nofollow и настроится редирект через goto.
Открыть полный листочек »

Черканул admin | В рубрике WordPress Пятница Авг 8, 2014

В теме Twenty Eleven по умолчанию отсутствует вывод сайдбаров на некоторых страницах. Далее 2 способа вернуть сайдбары для этих страниц.

Перейти в редактор темы, открыть файл single.php, найти в нем эту строку:

и поместить над ней этот код:

должно выглядить так:

Сохранить файл.

Открыть файл style.css. В самый конец файла занести написанные ниже стили:

.singular #primary {
margin: 0 -26.4% 0 0;
}
 
#nav-single {
display: none;
}
 
.singular .entry-header .entry-meta {
position: relative;
}
 
.singular .hentry {
padding: 0;
}
 
.singular .entry-header, .singular .entry-content, .singular footer.entry-meta, .singular #comments-title {
width: 100%;
}
 
.singular #content, .left-sidebar.singular #content {
margin: 0 34% 0 7.6%;
}
 
.singular article .entry-title {
padding-top: 0;
}
 
.singular .entry-meta .edit-link a {
right: 0;
top: 0;
left: auto;
}

Готово.

Posted by admin | Under WordPress Понедельник Авг 25, 2014

Поиск плагинов Like — устанавливаем в настройках лайк в правом меню выставляем галочками где хотим отображать запись.

share-buttons-2.7 Кнопки лайкаов ВК фейсбук отображаются только после того как их прикрутить по api.

This is somewhat embarrassing, isn’t it?
It seems we can’t find what you’re looking for. Perhaps searching can help.

Встретились с ошибкой на своем wordpress сайте? Не беда, одна из причин возникновения, это смена языка WP в админке сайта, а так же смена сортировки(!) товаров в магазине!!!

То етсь поменяли вывод сортировки товаров на странице shop — можете получить указанную выше ошибку. Решение проблемы: Смена сортировки туда и обратно, и товары начнут отображаться.