Вверх

Блог
RSS лента

Блог пользователя X3M-Slider

Vape Shop Эко Заправка

CSS: max/min Height и Width в Internet Explorer

Свершилось чудо: оказывается, что max/min-height и max/min-width можно использовать в Internet Explorer!
В частности, используя преимущество атрибутики CSS в IE - возможность использования expression, - Вы можете заставить IE выводить нужную Вам высоту и ширину. CSS атрибут expression позволяет использование JavaScript команд в IE.

JavaScript и CSS вместе? Благодарим Мелкомягких!

Почему же это так замечательно? Да потому, что в других, стандартно-компилируемых браузерах (в отличие от IE), параметры max/min-height и max/min-width выполняются стандартами CSS..

Вертикальный текст в ячейках

Необходимо, чтобы текст в ячейках с классом "vertical" при отображении в браузере имел вертикальное направление "снизу-вверх"
Средствами CSS это возможно реализовать только в Internet Explorer, воспользовавшись свойством writing-mode. Для необходимого направления текста придётся воспользоваться фильтрами flipH и flipV
А как же быть с остальными браузерами, которые не поддерживают ни фильтры, ни свойство writing-mode?

Изменение картинки при наведении на нее мыши

Иногда имеет смысл разнообразить страничку скромной динамикой
Некоторые разработчики используют флэш, но можно чудненько применить небольшой, но аккуратный скрипт.
Поместите в документе между и следующий код функции скрипта:

  1. <script language="javascript">
  2. <!--
  3. function ChangeImg() {
  4.  if(document.images) {
  5.   eval("document."+ChangeImg.arguments[0]+
  6.   ".src=('"+ChangeImg.arguments[1]+"')");
  7.  }
  8. }
  9.  
  10. function preload() {
  11.   if (document.images) {
  12.     var imgsrc = preload.arguments;
  13.     arr=new Array(imgsrc.length);
  14.     for (var j=0; j<imgsrc.length; j++) {
  15.       arr[j] = new Image;
  16.       arr[j].src = imgsrc[j];
  17.     }
  18.   }
  19. }
  20. //-->
  21. </script>

Далее действия следующие:
Вариант, если картинка-ссылка:

1. «Подгружаем» ту картинку, которая будет появляться при навещении мыши:
.

CSS:hover для любого элемента

Экспериментируя с псевдо-классом :hover и анализируя его преимущества, я расстроился когда узнал о том, что Internet Explorer не поддерживает :hover естественным путем. В этом браузере данный селектор можно использовать только для элементов ссылок, то есть <a> и все. Современные же браузеры могут отображать эффект выделения для любого элемента CSS. Как же добавить эту функцию и для IE?

Существует так называемый whatever:hover - способ, который дает веб-разработчикам использовать селектор :hover в Internet Explorer. Версия 1.11.040203 (последняя на сегодняшний день) имеет несколько незначительных недостатков, но люди, которые разобрались с этим методом, не жалуются.

PNG-прозрачность в IE

Припустим нам нужнен фон с прозрачной png-шкой, а на нем розместить ссылку.
Делаем так:

<div class="button_bg"><a href="адресс ссылки">Ссылка</a></div>

А в css стиль добавляем:

  1. .button_bg{
  2.     background: url("botton_menu.png") no-repeat;
  3.    width: 243px;
  4.     height: 34px;
  5.    padding-left: 15px;
  6.    padding-top: 5px;
  7. }
  8. .button_bg A { position: relative; } // без этого в ИЕ не работают ссылки
  9.  
  10. * html .button_bg{
  11.     background: none;
  12.     filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="botton_menu.png");    
  13. }

Перенос и разбиение слов в HTML

При создании различных лент новостей и колонок онлайн газет, web дизайнеры и программисты сталкиваются с ситуацией, когда в тексте попадается очень длинное слово (синхрофазотрон). Браузер при форматировании разбивает текст в тех местах, где есть пробелы (дефисы). Длинные слова при этом остаются нетронутыми, что часто приводит к "разъезжанию" ячеек таблицы, неаккуратному внешнему виду. Каким образом можно решить эту проблему?

А решить эту проблему можно PHP функцией.
Позаимствованая с сайта http://www.enlight.ru/ib/tech/split/index.htm

  1. # -----------------------------------------------------------------------------
  2. # Если в строке $s встречается слово (последовательность символов без пробелов)
  3. # длиннее чем $wordmaxlen , оно ограничивается тэгами $leftlimit, $rightlimit и
  4. # разбивается тэгами $hyp на несколько слов, каждое из которых не

Установка визуального редактора FCKeditor

Многие начинающие web разработчики в свою первую админку хотят прикрутить [bb] коды. В этой статье я расскажу, как проще всего прикрутить самый классный визуальный редактор.

Первое, что следует сделать – это скачать этот самый редактор с официальной странички. На всякий случай альтернатива на депозите. Кидаем разархивированную папку рядом с файлом, в котором мы будем использовать визуальный редактор.

Сложное масштабирование изображений в PHP

Автор: fox++
http://foxweb.net.ru/
9 августа 2005 года

Статья описывает методику сложного форматирования изображений на PHP под нужный формат независимо от их начальных размеров и ориентации, но всегда выдаёт изображения строго определённого размера. В скрипте используются функции обработки изображений библиотеки GD. Скрипт будет полезен для новостных сайтов и фотогалерей.
Суть проблемы

Проблема с переносом Друпала с домашнего сервака на хостинг

Если у когото была проблема с переносом друпала с домашнего сервака на хостинг, писало что проблема с базой то нужно в файлике
settings.php $db_url = 'mysqli://username:password@localhost/databasename'; поменять на свои данные и изменить mysqli на mysql. На некоторых хостингах отсутсвует.

Вторая проблема:
Иногда на хостинге включен register_globals. А при включено регистре друпал ставиться не хочет.
Делаем следующее.
Создаем php.ini и в нем пишем register_globals = off
Этот файлик бросаем в корень на хостинге.

Создание раздела новостей для Drupal

Хочу поделиться опытом создания раздела новостей.

Делать было нечего, захотелось сделать свои новости. Пример www.progdesign.ru

Итак,

1. Установил модуль CCK, в нем создал тип контента 'content_news'.
2. Для этого типа добавил поля:
field_text_value Краткое описание
field_content_value Текст
field_date_value Дата
Ну и естественно везде вставил текстовые пояснения, чтобы потом не думать где здесь что.

Главная | Портфолио | Услуги | Контакты | Блог