Всем привет!

Задача - сделать красивую кнопку на CSS

Итак приступим:

Обычная кнопка:

Код:

<
input 
 
type="submit" name="Submit" class="btn-exit" value="Выйти"

 />

Как выглядит :

Для того что-бы сделать ее красивой (допустим наложим градиент и добавим тени) - воспользуемся стилями css.

Для этого назначим класс кнопке (btn-exit) и применим к нему стиль

<
style type="text/css">

.btn-exit, input[type="submit"]{

background-image: linear-gradient(rgb(144, 66, 163), rgb(79, 25, 53));

border-bottom-left-radius: 6px;

border-bottom-right-radius: 6px;

border-bottom-style: solid;

border-bottom-width: 1px;

border-left-color: rgb(204, 204, 204);

border-left-style: solid;

border-left-width: 1px;

border-right-color: rgb(204, 204, 204);

border-right-style: solid;

border-right-width: 1px;

border-top-color: rgb(204, 204, 204);

border-top-left-radius: 6px;

border-top-right-radius: 6px;

border-top-style: solid;

border-top-width: 1px;

box-shadow: rgba(255, 255, 255, 0.2) 0px 1px 0px 0px inset, rgba(0, 0, 0, 0.0470588) 0px 1px 2px 0px;

font-size: 16px;

font-weight: normal;

height: 42px;

letter-spacing: normal;

line-height: 18px;

padding-bottom: 11px;

padding-left: 19px;

padding-right: 19px;

padding-top: 11px;

text-transform: none;

}

<
/style>

Кнопка с классом и стилями будет выглядеть так:

не забываем про событие hover (стиль когда наводи мышкой на кнопку)

Для этого дописываем событие к стилю

<
style type="text/css">

.btn-exit:hover {

   background: #de7037;

   color: #fff;

}

<
/style>

Кнопка с классом, стилями и hover будет выглядеть так:

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

Всем привет!

Сегодня, при работе с модулем регистрации и авторизации на joomla 3.5 появилась вдруг откуда не возьмись Ошибка 42 : COM_CONTACT_WARNING_SAME_NAME

Что это, откуда  - сейчас рабзберемся.

Задача - избавиться от ошибки 42 в joomla 3.5

Эта ошибка связана с помещением данных авторизации в DB -  возникает, когда элемент (данные поля или ячейки), который уже содержится совпадает с тем который туда хотят поместить (в процессе регистрации)

Связана она с тем, что каким то образом данные появляются в COM_CONTACT и конфликтуют.

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

Идем в менеджер плагинов 

и отключаем плагин автоматического создания контактов :)

Вуаля - все работает без ошибок.

Решил потестироать вставку видео в блог и случайно наткнулся на youtube на видео чувака с ником Reiq (Reinaldo Quintero), он в режиме speedpainting рисует скетч на новой Wacom Cintiq 13HD. Не мог не поделиться :)

вот собственно видео:

В этом уроке расскажу (вернее сказать покажу) Вам как нарисовать человеческий глаз.

Техника простая, но главное в этом уроке элементы и на что стоит обратить внимание.

Сразу скажу не идеально получилось :)

1. Начинаем с инструмента "перо" для рисования контура для получения плавных линий.

А можно нарисовать и от руки например инстрментом кисть.

2. Для обводки используем контекстное меню (пр. кнопка пера или мыши) - можно выполнить обводку или заливку нарисованного контура

3. При использовании опции "имитировать нажим" - можно добиться эффекта плавного перехода.

с опицией:

и без опции:

4. После того как нарисовали контур - приступаем к заливке элементов - зрачок, радужка и т.д.

5. Обязательно блики - они могут быть разные, в зависимости от освещения.

6. Направление оси - так же может быть разное -вот варианты (рисунки Bernard Sitompul)

7. Используем инструмент затемненитель, осветлитель - дабы избавиться от плоскости рисунка и смягчит края.

8. Добавляем тень и рисуем радужку, - самый темный участок получается где глаз закрывается верхним веком, а самый светлый и более тонкий внизу

9. Добавляем еще темноты по контуру зрачка и в радужке

10. Объем и тени

11. Ресницы (правильная основа - это пример в кружке). Принцип - не очень часто, а то получится Йети :)

12. Нижние ресницы - заметьте где заканчиваются - не доходят до слезного мешка и идут на уменьшение

13. Брови

14. Тени. - я делал так - закрасил фон темной красной и высветлил его по элементам тени.

А вот и что получилось:

Задача - в компоненте для создания форм RSForm Pro для Joomla сделать экспорт заполненных полей в Excel (XLS) без ошибок.

Как известно, после экспорта таблицы из RSForm Pro в Excel появляются ошибки и вместо русских букв там одни знаки вопроса ??????

Вся проблема заключается в кодировке.

Итак:

1. Заходим в структуру сайта и находим файл - administrator/components/com_rsform/helpers/excel.php

его и будем править

2. В режиме редактирования находим код:

$val = utf8_decode($val);

3. Заменяем его на следующий код:

$val = iconv("UTF-8", "CP1251//IGNORE", $val);

4. Сохраняем файл и обновляем его на сервере.

5. заходим в компонент, выбираем "Предоставленным файлам" (дибильный перевод конечно) - потом расскажу как его поменять.

Экспортируем таблицу в Excel и вуаля русский язык работает.

profit!

Задача - открыть одну или несколько ссылок ( пунктов ) из меню в новом окне (CMS 1С-Битрикс).

Способ 1. Редактирование пункта меню 1С-Битрикс, прописываем дополнительные параметры в редакторе

1. Все правки будут в самом меню, где необходимо организовать открытие ссылки в новом окне. - находим  - Меню типа «left»

2. В режиме редактирования меню переходим в расширенный режим

3. Пункту меню, который необходимо открывать в новом окне, задаем дополнительные параметры

Название: target 

Значение: target="_blank"

4. Сохраняем меню

Способ 2. Редактирование пункта меню 1С-Битрикс, прописываем дополнительные параметры в режиме PHP

1. Открываем файл меню в режиме Редактировать как PHP

2. Находим в коде необходимый нам пункт меню

сначала конструкция выглядит так:

Array(
		"Доп. информация (pdf)", 
		"/blablabla/dop_info.pdf", 
		Array(), 
		Array(), 
		"" 
	),

и добавляем в него:

Array("target"=>"target=\"_blank\""), ""

получаем конструкцию типа

Array(
		"Доп. информация (pdf)", 
		"/blablabla/dop_info.pdf", 
		Array(), 
		Array("target"=>"target=\"_blank\""), 
		"" 
	),

3. Сохраняем файл

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

По умолчанию в Joomla существует страница ошибки 404, но она имеет следующий вид:

Отдельная страница, никак с сайтом не связана, дизайн никакой. Это не очень хорошо потому, что пользователи вашего сайта могут сразу покинуть его, что и бывает в 99% случаев.

Необходимо оформить данную страницу в виде стандартной страницы Joomla, которая будет выглядеть и содержать все элементы, как и на самом сайте.

Для этого зайдите в административную панель Joomla, создайте стандартный (без использования K2) новый материал и дайте ему название, например «Ошибка 404 - страничка не найдена». Оформите ее соответственно, чтобы пользователь мог с этой страницы перейти на главную страницу или в другой удобный вам раздел. Можно сделать ссылку на страницу с формой обратной связи с администратором.

Далее для Joomla 2.5 и 3.0 в настройках материала из выпадающего списка "Категория" выберите "Uncategorised". (если такой опции нет, то создайте категорию с названием "Uncategorised").
Для Joomla 1.5 в настройках материала, из выпадающих списков «Раздел» и «Категория» выберите «Не указанно».

После этого сохраните материал и запомните его id (ID -это уникальный номер статьи или материала в практически любой CMS) - его можете найти на странице со списком материалов.

Продолжаем:

Создание страницы ошибки 404 в Joomla 2.5 и 3.0.

Для начала перейдите в папку: "имя сайта"/ templates/system/, скопируйте имеющийся там файл error.php в папку: ваш сайт/ templates/"название вашей темы".

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

Откройте данный файл при помощи какого либо редактора кода. Найдите в нем следующую строку:

<html  xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo  $this->language; ?>" lang="<?php echo $this->language;  ?>" dir="<?php echo $this->direction; ?>">

В этом файле удалите все ниже данной строки и вставьте вместо его следующий код:

<?php
if  ($this->_error->get('code') == '404') {
header("HTTP/1.0  404 Not Found");
header('Location:  index.php?option=com_content&view=article&id=уникальный номер материала');

exit;} ?>

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

создание модуля -

создание меню - 

В данном меню создайте пункт меню ведущий на материал используемый в качестве ошибки 404:

И нажмите "Сохранить".

Теперь после переадресации на страницу 404 ее адрес будет вида: http://имя сайта.ru/error-404.html или http://имя сайта.ru/error-404. Теперь добавьте данную страницу в файл robots.txt, чтобы она не индексировалась поисковыми системами. Для этого в robot.txt добавьте следующее: 

Disallow:   /error-404.html

Disallow:  /error-404

Можете попробовать ввести адрес любой несуществующей страницы и проверить результат.

Создание страницы ошибки 404 в Joomla 1.5. 

Пройдите в папку: "имя сайта"/ templates/system/ и откройте, при помощи какого либо HTML редактора файл: error.php.

Найдите в этом файле строку:

<!DOCTYPE  html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Удалите все что находится в этом файле ниже данной строки и вставьте следующее:

<?php  defined('JPATH_BASE') or die();

echo  file_get_contents(JURI::root().'index.php?option=com_content&view=article&id=43');?>

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

После установки компонента К2 на любую версию CMS Joomla (1.5, 2.5, 3.0), ссылки в адресной строке выглядят не совсем так как в структуре меню или каталогов в административной части.

Появляютя дополнительные данные в поле URL ("item" и "ID" статьи):

Конечно это не глобальная проблема и даже с этим все работать будет, но для поисковиков и удобства пользователей -это беда.

Необходимо все-таки убрать item и id статьи из url. Вобщем решение как всегда на поверхности - и можно сделать это путем редактирования файла «router.php» в структуре сайта:

Путь где лежит файл - "корневая папка сайта"/components/com_k2/router.php.

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

Далее открываем файл router.php, удаляем все содержимое и вставляем код, который находится ниже.

<?php
// no direct access
  defined('_JEXEC') or die('Restricted access');
  //SELECT alias FROM `j25_k2_items` WHERE id = "1" LIMIT 1
  //SELECT id FROM `j25_k2_items` WHERE alias = "test" LIMIT 1
  function K2BuildRoute( & $query) {
$segments = array ();
$menu = & JSite::getMenu();
  if ( empty($query['Itemid'])) {
  $menuItem = & $menu->getActive();
  }
  else {
  $menuItem = & $menu->getItem($query['Itemid']);
  }
  $mView = ( empty($menuItem->query['view']))?null:$menuItem->query['view'];
  $mTask = ( empty($menuItem->query['task']))?null:$menuItem->query['task'];
  $mId = ( empty($menuItem->query['id']))?null:$menuItem->query['id'];
  $mTag = ( empty($menuItem->query['tag']))?null:$menuItem->query['tag'];
if ( isset ($query['layout'])) {
  unset ($query['layout']);

  }
if ( $mView == @$query['view'] && $mTask == @$query['task'] && $mId == @intval($query['id']) && @intval($query['id']) > 0 ) {
  unset ($query['view']);
  unset ($query['task']);
  unset ($query['id']);
  }
if ( $mView == @$query['view'] && $mTask == @$query['task'] && $mTag == @$query['tag'] && isset($query['tag']) ) {
  unset ($query['view']);
  unset ($query['task']);
  unset ($query['tag']);
  }
if ( isset ($query['view'])) {
  $view = $query['view'];
  $segments[] = $view;
  unset ($query['view']);
  }
if (@ isset ($query['task'])) {
  $task = $query['task'];
  $segments[] = $task;
  unset ($query['task']);
  }
if ( isset ($query['id'])) {
  $id = $query['id'];
  $segments[] = $id;
  unset ($query['id']);
  }
if ( isset ($query['cid'])) {
  $cid = $query['cid'];
  $segments[] = $cid;
  unset ($query['cid']);
  }
if ( isset ($query['tag'])) {
  $tag = $query['tag'];
  $segments[] = $tag;
  unset ($query['tag']);
  }
if ( isset ($query['year'])) {
  $year = $query['year'];
  $segments[] = $year;
  unset ($query['year']);
  }
if ( isset ($query['month'])) {
  $month = $query['month'];
  $segments[] = $month;
  unset ($query['month']);
  }
if ( isset ($query['day'])) {
  $day = $query['day'];
  $segments[] = $day;
  unset ($query['day']);
  }
if ( isset ($query['task'])) {
  $task = $query['task'];
  $segments[] = $task;
  unset ($query['task']);
  }
// Изменения.
  if(isset($segments[0]))
  {
  if($segments[0]=='item')
  {
  $alias = explode(':',$segments[1]);
  $segments[0]=null;
  $segments[1]=$alias[1];
  }
  }
  // Изменения. Конец.
return $segments;
  }
function K2ParseRoute($segments) {
  $vars = array ();
// Изменения.
  $id = false;
  if(count($segments)==1)
  {
  $alias = $segments[0];
  $alias = str_replace ( ':' , '-' , $alias);
  $db = &JFactory::getDBO();
  $query = 'SELECT id FROM `#__k2_items` WHERE alias = "'.$alias.'" LIMIT 1';
  $db->setQuery($query);
  $id = $db->loadResult();
  }
if($id)
  {
  $vars['view'] = 'item';
  $vars['task'] = $id.':'.$alias;
  $vars['id'] = $vars['task'];
  }else{

  // Изменения. Конец.
$vars['view'] = $segments[0];
  if (!isset($segments[1]))
  $segments[1]='';
  $vars['task'] = $segments[1];
if ($segments[0] == 'itemlist') {
switch($segments[1]) {
case 'category':
  $vars['id'] = $segments[2];
  break;
case 'tag':
  if (isset($segments[2]))
  $vars['tag'] = $segments[2];
  break;
case 'user':

  if (isset($segments[2]))

  $vars['id'] = $segments[2];

  break;
case 'date':
  if (isset($segments[2]))
  $vars['year'] = $segments[2];
  if (isset($segments[3]))
  $vars['month'] = $segments[3];
  if (isset($segments[4])) {
  $vars['day'] = $segments[4];
  }
  break;
}
}
else if ($segments[0] == 'item') {
switch($segments[1]) {
case 'edit':
  if (isset($segments[2]))
  $vars['cid'] = $segments[2];
  break;
case 'download':
  if (isset($segments[2]))
  $vars['id'] = $segments[2];
  break;
default:
  $vars['id'] = $segments[1];
  break;
}
}
if($segments[0] == 'comments' && isset($segments[1]) && $segments[1] == 'reportSpammer') {
  $vars['id'] = $segments[2];
  }
//Изменения.
  }
return $vars;
  }

После замены кода ссылки примут нормальный вид: 

Если в конце ссылки вдруг окажется "слэш" - найдите в этом же файле стороки:

if(isset($segments[0]))
{
if($segments[0]=='item')
{
$alias = explode(':',$segments[1]);
$segments[0]=$alias[1];
$segments[1]=null;
}
}

и замените на эти:

if(isset($segments[0]))
{
if($segments[0]=='item')
{
$alias = explode(':',$segments[1]);
$segments[0]=null;
$segments[1]=$alias[1];
}
}

В Photoshop CC присутствуют новые весьма удивительные возможности. Некоторые новые функции включают в себя фильтр Camera Shake Reduction, улучшенные инструменты редактирования векторной графически, новые режимы сглаживания и многое другое. Прочитайте этот список и посмотрите, стоят ли новые функции чего-то стоящего.

Photoshop® CC входит в состав Creative Cloud™. Постоянный доступ ко всем актуальным инструментам и новым функциям с момента их появления. Возможности публикации в облаке позволяют систематизировать свои файлы на нескольких компьютерах. Благодаря интеграции с Behance® можно обмениваться проектами с другими пользователями прямо из программы Photoshop CC и моментально получать отзыв о своей работе от дизайнеров со всего мира.

Adobe Camera RAW 8

Camera RAW удивительный инструмент для ретуширования, но он не вписывался в рабочий процесс, потому что можно было получить к нему доступ только при открытии изображения, вернуться чтобы изменить настройки было невозможно. В Photoshop CC, мы получили последнюю версию Camera RAW и он может быть применен в качестве фильтра или смарт-фильтра. В добавок, при использовании ACR в качестве фильтра, можно получить доступ ко всем новым возможностям ACR 8 в том числе к кистям Advance Healing Brush и Radial Filter.

Применение ACR как смарт-фильтра

Раньше можно было использовать ACR  только при импорте фотографий. Теперь вы можете использовать ACR в палитре слоев в качестве фильтра или смарт-фильтра.

 Выравнивание перспективы

Инструмент фиксирует вашу точку зрения подобно тому, как буд-то вы используете tilt-shift объектив, чтобы исправить искажения перспективы. Это полностью автоматический и простой в использовании инструмент.

Advance Healing Brush

Закрашиваем любое место, чтобы клонировать и использовать кисть в других областях. Он работает так же, как кисть исцеления, но теперь вы можете удалить пятна, морщины, линии электропередач и других объектов "неразрушающего редактирования"*!

* Неразрушающее редактирование работает только когда вы применяете ACR к смарт-объекту.

Фильтр Radial Gradient

Теперь вы можете применять градиенты или виньетки к определенным частям ваших фотографий. Ранее особенностью было то, что после кадрирования виньетку можно было добавить только ко всей площади вашей фотографии. Это не было похоже на естественный эффект камеры. С фильтром Radial Gradient теперь можно применять виньетки где угодно - на лицо или объект, даже расположеные не в центре.

 Тонирование HDR фото

Увеличить датализацию в 32-битных фотографиях можно с помощью ползунков для бликов и теней в ACR. Просто используйте автоматическую опцию из меню - "Объединить в HDR Pro" (Файл> Автоматизация> Merge to HDR Pro), установите режим 32-бита, а затем нажмите Тон в ACR. Теперь с помощью ползунка можно создать ореол без HDR фото. Эффект будет автоматически добавлена ​​в качестве смарт-фильтра к слою.