Вверх

Блог
RSS лента

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

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

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

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

  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 Дата
Ну и естественно везде вставил текстовые пояснения, чтобы потом не думать где здесь что.

Как убрать с главной страницы "читать дальше"?

В админке:
/admin/settings/site-information

В низу будет
Главная страница по умолчанию:
ставите наприме node/1

Если надо убрать именно ссылку далее, тогда в файле шаблона node.tpl.php (либо аналогичный файла шаблона для вашего типа контента) в ручную делаете вывод переменной $links.

Убираем копирайт JoomGallery

1 - заходим в админку site/administrator
2 - лезим в компоненты, затем joomgallery
3 - вибираем Менеджер Конфигураций/Configuration Manager
4 - закладка Fronted Settings/незнаю как в народе на русик перевели 3 закладка с лева (Настройки пользовательского интерфейса)
5 - закладка Header and Footer/незнаю как в народе на русик перевели, опять же 3 закладка с лева (Верхний и нижний разделы)
6 - всамом низу ставишь нет! (Показать логотип: нет)

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