Posts

Showing posts from 2012

CSS Как прикрепить слой (div) к краю

Сегодня столкнулся с такой проблемой: нужно было прикрепить рисунок справа, что бы он там висел постоянно, независимо от изменения окна по ширине. Я знал, что есть такое свойство в CSS как absolute в параметре position. То есть: style="position: absolute;" что указывает слою, что он будет на постоянном месте, относительно родительского элемента. Но изначально я пошел неверным путем... мне надо было прикрепить к правому краю, и я стал это делать через атрибут left. Так как фиксированное значение мне не подходит (откуда мне знать какого размера будет окно), я начал вычислять в процентах. В итоге получилось так, что при изменении ширины окна, часть слоя так же пряталась за краями окна. И тут ко мне пришла гениальная мысль: надо отсчитывать от правого края! То есть надо взять нулевое значение от правого края, и автоматически слой будет прикреплен к правому краю! Бинго! Итого мой код выглядел так: style="position: absolute; right: 0px;" или можно так:

HTML5 Микроданные - Schema.org

Продолжаем о Микроданных (microdata). Оказывается есть такой сайт Schema.org который создавался общими усилиями Google, Microsoft и Alexa (точно уже не помню), который служит в качестве словаря для описания микроданных. Словарей там довольно много и расположены они в древовидном порядке, то есть есть корневой словарь и от него наследуемые по убыванию, в порядке от большого к меньшему и более специализированному. Я описывал свой рабочий сайт Team.in.ua с помощью словаря Organization. Подключение словаря к вашему сайту происходит довольно легко. В родительском элементе itemscope пишем еще один атрибут itemtype  и указываем адрес словаря. В моем случае это http://schema.org/Organization. То есть в итоге должно получится что-то такое: <span itemscope itemtype="http://schema.org/Organization"> Сам по себе этот словарь содержит довольно много различным типов данных. Но лично мне понадобилось только три, это name - название организации, telephone - собственно

HTML5 Микроданные (структурированные данные)

Сегодня узнал (как гром среди ясного неба) что в новой версии HTML5 есть такая вещь как структурированные данные! Их всего три вида: микроданные, микроформаты и RDF. Скажу честно, я лишь коснулся первого варианта (потому что его рекомендует Google). Что это такое? Если в двух словах - это краткие описания (пояснения) для поисковых систем, что означают те или иные элементы на вашей страничке. Ранее я уже встречался с такими новыми тегами как: article, header, footer, nav и т.д. Но эти все теги интуитивно понятны - если header, то логично что это относится к шапке сайта, если footer, то к "подвалу". Но вот эти микроданные мне логичными ну как-то совсем не показались... может со временем привыкну (а привыкнуть придется, потому что поисковики от них отказываться не собираются). Я на этом блоге даже отдельный мета-тег заведу микроданные, в котором буду собирать всю инфу которую найду (не весь мусор, а именно то, что нужно для понимания). Итак к делу, что за сегодня я

Делаем красивую кнопочку без использования картинки (img)

Сегодня узнал как сделать красивую кнопку без использования тега img (то есть без картинки). Оказывается есть такое замечательное свойство в CSS3: для Chrome background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#85D390),color-stop(50%,#009700),color-stop(51%,#007800),color-stop(75%,#219B0C),color-stop(100%,#31A517)); для Opera background: -moz-linear-gradient(center top , #85D390 0%, #009700 50%, #007800 51%, #219B0C 75%, #31A517 100%) repeat scroll 0 0 transparent; Разберем что делают эти свойства. В случае хрома используется -webkit-gradient у которого указывается сначала в каком направлении будет осуществляться заливка (в нашем случае линейно) и указываются контрольные точке color-stop на которых мы изменяем цвета. color-stop имеет два параметра, первый это точка в процентах где нам нужно установить необходимый цвет и второй параметр это сам цвет. В случае оперы этим занимается -moz-linear-gradient, в сущности с таким же принципом: контрольные точки и

Как сделать заголовок модуля активной ссылкой в Joomla 1.5

Когда-то я задался целью сделать название модуля кликабельным (аналог кнопки далее), что бы при клике мы переходили на саму статью (ну или куда там нам нужно перейти). В те времена помню прошерстил весь интернет, но так и не нашел ответа. Спустя некоторое время сейчас я уже могу это сделать сам и решил поделиться этим способом с вами. Признаюсь честно, так как делал я сам, то все выглядит довольно некрасиво в коде. Но главное результат, а он есть. Итак. Во-первых самое главное, это узнать, нет ли в вашем шаблоне генератора текста содержимого модуля. Если есть (например в шаблонах You Studio), тогда нам нужен файл по адресу: /templates/'ваш_шаблон'/html/modules.php Если ничего подобного в вашем шаблоне нет, тогда функцию вывода модуля на сайте берет на себя сама Joomla, а именно файл: /templates/system/html/modules.php Итак, в этом файле и находится вывод нашего модуля. Нам нужны строки следующие: echo $module->title; это и есть вывод нашего заголовка модуля.

Как сделать русские псевдонимы (alies) для ЧПУ Joomla 1.5

Как-то раз столкнулся с проблемой, что при прописывании русского алиаса (псевдонима) для статьи (для того что бы ссылки в ЧПУ были русские), джумла их не принимала и выдавала результатом автоматическую подстановку абракадабры какой-то. Покопавшись в инете наткнулся на полезную статью. Поясняю своими словами вкратце что нужно для этого сделать: заходим в файл libraries/joomla/filter/filteroutput.php находим такую строку $str = preg_replace(array('/\s+/','/[^A-Za-z0-9\-]/'), array('-',''), $str); и меняем ее на такую $str = preg_replace(array('/\s+/','/[^A-Za-zА-Яа-яЁё0-9\-]/u'), array('-',''), $str); и чуть выше удаляем две строки: $lang =& JFactory::getLanguage(); $str = $lang->transliterate($str); Вот и все! Теперь можно смело писать русские псевдонимы и при включенном ЧПУ в админке, у вас будут русские ссылки на страницы сайта. Если есть вопросы пишите в комментариях.

Переход на PHP 5.3 ошибки в Joomla 1.5

Вчера столкнулся с проблеммой: хостер перешел на более новую версию РНР 5.3, в результате чего на сайте (cms Joomla 1.5) перестали работать менюшки. Выдавало ошибку в функции call_user_func_array что-то вроде того что ожидается в качестве параметра ссылка. Ну сначала поругался с хостерами и хотел уже переходить на другой хостинг, а потом решил все же покопаться в коде. И как ни странно проблему смог устранить. Начну по порядку. Зашел на ua.php.net и там прямым текстом сказано: "Поведение функций при передаче параметров по значению, в которых параметры передаются по ссылке, было изменено. Там, где прежде функция принимала параметр по значению, сейчас генерируется фатальная ошибка. Любой прежний код, который передает константы или значения в качестве параметров функциям, которые ожидают ссылки, необходимо будет изменить, чтобы присвоить значение переменной перед вызовом функции." В общем читал я читал этот обзац несколько раз... вроде бы все понятно, но как это сделать непо