ruenuk
Создание сайтов Киев
On-line помощь Шаблоны Лучшая цена Разработка сайтов Киев

Начало работы. С чего начать..?

Перед началом работы с сайтом необходимо установить себе на компьютер необходимое программное обеспечение Firefox или Chrome и Java. После установки следует перезагрузить компьютер, и можно приступать к работе.

Как попасть в панель управления?

В адресной строке, где Вы указали ваши сайт "http://www.yousite.com" вы вписываете "http://www.yousite.com/administrator/" и нажимаете ввод (Enter), после чего водите свой логин и пароль а также код безопасности.

Какого размера должны быть фотографии для сайта?

Цифровые фотоаппараты и сканеры дают на выходе файлы изображений в высоком разрешении. Например, 5-и мегапиксельная камера выдает фото с разрешением около 2000х3000 точек (это файл размером примерно 2—3 Мб). Это хорошо, если вы хотите распечатать фото в формате А4. Однако для загрузки на сайт такое разрешение избыточно. Чтобы фото заняло четверть экрана на стандартном мониторе, хватит разрешения 800х600 точек (это примерно 50 Кб).

Что будет, если попытаться загрузить фото высокого разрешения на сайт без уменьшения? Во-первых, если скорость вашего интернета не велика, то на это может уйти очень много времени 5—10 и более минут. Во-вторых, сайт может не принять ваше фото из-за его большого размера. В-третьих, если сайт все-таки примет ваше фото, то всё равно уменьшит его до тех же 520х480 точек, чтобы пользователи могли его нормально увидеть на своих экранах.

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

Как видно в этом примере, файл имеет разрешение 1920х2560 точек и размер 1,08 Мб. 

Есть множество программ по обработке фото (Photoshop, ACDSee), в которых предусмотрена возможность уменьшения фотографий, но что делать если их нет под рукой? Можно воспользоваться стандартными средствами Windows. Сделать это можно, например, так:

  1. Нажмите правой кнопкой мыши, на файл фотографии, которую нужно уменьшить. На экране появится приблизительно такое меню:
  2. Нажмите левой кнопкой мыши на пункт Изменить.
    Если у вас в меню нет пункта Изменить, выберите пункт Открыть с помощью, а затем в открывшемся подменю выберите Paint.
  3. Откроется окно программы Paint. В нём отобразится выбранная вами фотография в натуральную величину. Из-за того, что фотография в большом разрешении, вы увидите только её левую верхнюю часть. Это может выглядеть так:
  4. В верхней части окна нажмите левой кнопкой мыши на слово Рисунок, появится следующее меню:

    В других версиях программы Paint меню выглядит иначе, но функция "Изменить размер" все равно присутствует:

  5. Выберите пункт Растянуть/наклонить, на экране отобразится:
  6. В полях «По горизонтали» и «По вертикали» вместо значения 100, введите 20. Таким образом, вы задаёте программе уменьшить размер вашей фотографии до 20% от её первоначального размера по ширине и высоте.
    В зависимости от первоначального разрешения изображения, вводимое здесь значение может отличаться от 20. (Если вы хотите точно уменьшить изображение до 520 точек по горизонтали, воспользуйтесь формулой 52000 / X, где X — разрешение вашего изображения по горизонтали).
  7. Левой кнопкой мыши нажмите кнопку ОК. Фотография в окне уменьшится. Проверьте визуально результат. Изображение должно занять приблизительно четверть площади вашего монитора. Пропорции фото не должны исказиться, если они исказились, то вы ввели разные значения по вертикали и горизонтали.
    Отменить уменьшение можно, нажав левой кнопкой мыши на слово Правка вверху, а затем в появившемся меню выберите Отменить. После этого повторите пункты 4—6.
  8. Остаётся сохранить файл. Нажмите левой кнопкой мыши на слово Файл вверху. Появится меню:
  9. Выберите пункт Сохранить как..., нажав на него левой кнопкой мыши. Появится стандартное окно сохранения файла:
  10. В поле Имя файла введите имя для уменьшенной копии файла. Хорошая идея — дописать к первоначальному имени файла какую-нибудь букву, например, S. После этого, нажмите кнопку Сохранить. После этого программу Paint можно закрыть, нажав на крестик в верхнем правом углу.
  11. Теперь у вас есть две версии исходного файла. Одна — исходная, а вторая — уменьшенная. Для печати используйте первую, а для сайта или отправки по почте — вторую, с буквой S на конце.

Как вставлять изображения в материалы ?

В Joomla существует два способа вставки изображений в материалы. Особой популярностью пользуется вставка изображений из визуального редактора. Этот метод особенно прост для начинающих пользователей: нажатием одной кнопки вы вызываете окно, в котором можно выбрать картинку с сервера или закачать новую. Если же вы не пользуетесь редактором или, по какой-либо причине, не хотите вставлять изображения таким способом, можно воспользоваться стандартными средствами Joomla.

Для вставки изображения в текст материала стандартным методом, в режиме редактирования материала переключитесь на закладку «Изображения». Затем в списке «Галерея картинок» выберите одно или несколько изображений, которые вы хотите вставить в материал и нажмите кнопку >>.

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

Для выбора директории с изображениями воспользуйтесь выпадающим списком, расположенным чуть ниже списка изображений. Загрузить дополнительные изображения на сервер можно с помощью Медиа-менеджера (пункт меню «Сайт->Медиа-менеджер»).

После этого изображения появятся в списке «Картинки материала». Выбрав любое изображение в этом списке, вы можете задать выбранному изображению дополнительные параметры:

* Источник — Отображает имя выбранного изображения. Вы можете изменить имя.
* Выравнивание картинки — выберите одно из значений: «Нет», «Центр», «Лево» или «Право».
* Alt текст — Введите здесь альтернативный текст изображения.
* Рамка — Введите толщину рамки вокруг изображения в пикселях.
* Подпись — Подпись для изображения.
* Расположение подписи — выберите одно из значений: «Снизу», «Сверху».
* Выравнивание подписи — выберите одно из значений: «Нет», «Центр», «Лево» или «Право».
* Ширина подписи: Введите число пикселей ширины изображения.
* Применить: Применение выбранных параметров для выбранного изображения.

Примечание: для сохранения изменений при редактировании параметров изображения, обязательно нажмите кнопку «Применить» под списком параметров.

После того как изображения выбраны и настроены параметры отображения приступаем непосредственно к вставке изображений в текст материала. Для этого, в тексте материала, там где необходимо отобразить картинку, пишем тег {mosimage}. При отображении материала специальный мамбот Joomla автоматически заменит эти теги, на картинки с указанными параметрами.

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

Как временно ограничить доступ к сайту ?

При проведении различного рода технических работ (установка и настройка компонентов, смена шаблонов) на сайте, часто требуется временно ограничить доступ посетелитей к сайту, чтобы администраторы могли спокойно провести необходимые изменения. Проще всего временно ограничить доступ к сайту на Joomla можно переведя сайт в режим Offline.

Перевод сайта в режим offline

 

  1. Авторизуемся в административной панели
  2. Выбираем меню Сайт->Общие настройки (Site -> Global Settings)
  3. На закладке Сайт (Site), устанавливаем параметр Сайт отключен: Да (Site Offline: Yes)
  4. Нажать кнопку Сохранить (Save)
После этого, все пользователи, кроме администраторов, при входе на сайт, будут видеть сообщение, о том что сайт закрыт на техобслуживание. Администраторы же, будут по-прежнему иметь полный доступ и к сайту, и к панели администрирования.

Изменение сообщения пользователям о режиме offline

 

  1. Авторизуемся в административной панели
  2. Выбираем меню Сайт->Общие настройки (Site -> Global Settings)
  3. На закладке Сайт (Site), задаем текст сообщения в параметре Сообщение, если отключен
  4. Нажать кнопку Сохранить (Save)

Как добавить/удалить пользователя ?

Добавление пользователя

 

  1. Авторизуемся в административной панели
  2. Выбираем в меню пункт Сайт -> Пользователи (Site -> User Manager)
  3. Открывается Менеджер пользователей (User Manager)
  4. Нажимаем кнопку Новый (New)
  5. Открывается диалог Пользователь: Добавить (User: Add)
  6. Заполняем данные нового пользователя:
    (Имя) Name: Имя нового пользователя (например Вася Пупкин)

    (Логин) Username: логин под которым пользователь будет авторизоваться на сайте (например vpupkin)

    (E-mail)E-mail: e-mail адрес пользователя, куда ему будет выслан пароль, если он вдруг его забудет.

    Новый пароль (Password) и Проверка пароля (Verfiy Password): укажите пароль для создаваемого пользователя.

    Группа (Group): Здесь вы можете указать к какой группе относится создаваемый пользователь.

    Блокировать пользователя (Block Users): Установите "Нет" если вам нет необходимости блокировать текущего пользователя.
  7. Для завершения процедуры добавления пользователя нажмите кнопку Сохранить (Save)

Удаление пользователя

 

  1. Авторизируемся в административной панели
  2. Выбираем в меню пункт Сайт -> Пользователи (Site -> User Manager)
  3. Открывается Менеджер пользователей (User Manager)
  4. Выбираем в списке пользователя которого требуется удалить
  5. Нажимаем кнопку Удалить

Какие существуют группы пользователей ?

Пользователи в Joomla! могут принадлежать к разным группам. Группа пользователей определяет права, которыми обладает пользователь. В текущей версии Joomla! не позволяет создавать произвольные группы пользователей, однако для многих задач, достаточно имеющихся групп пользователей по умолчанию.

Во время установки Joomla! создается один пользователь, который получает права суперадминистратора (Super Administrator). Ему присваивается имя «admin» и пароль, который вы указали при установке.

Группа Super Administrator имеет доступ ко всем функциям административной панели. Пользователи этой группы не могут быть удалены или переведены в другую группу. Поэтому будьте внимательны назначая права Суперадминистратора другим пользователям.
 
Группа Administrator имеет несколько урезанные права по сравнению с суперадминистраторами. Пользователи, принадлежащие к этой группе не могут:
-          добавлять и редактировать пользователей группы Super Administrator
-          входить в раздел глобальных настроек (Global Configuration settings)
-          осуществлять массовую email рассылку
-          изменять / добавлять шаблоны
-          изменять / добавлять языковые файлы
 
Группа Manager создана в основном для управления контентом на сайте. Пользователи этой группы могут авторизоваться в административной панели сайта, но не могут:
-          редактировать других пользователей
-          устанавливать модули
-          устанавливать компоненты
-          иметь доступ к некоторым компонентам, указанным суперадминистратором

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

Где можно скачать полное описание всех возможностей ?

Полное описание всех возможностей CMS  можно скачать по этой ссылке

Virtuemart транслитерация Алиас (псевдоним)

Если у кого проблемы с транслитерацией псевдонимов в латиницу, лечится просто
 

В файле
administrator\components\com_virtuemart\helpers\vmtable.php
замените

$unicodeslugs = VmConfig::get(' transliterateSl ugs',false);

на

$unicodeslugs = VmConfig::get(' transliterateSl ugs',true);

 

Каим дложен быть фаил прайса для магазина?

Пример файла можно скачать от сюда

Как сделать профессиональные фотографии товаров для вашего магазина

как сделать профессиональные фотографии товаров для интернет-магазина

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

 

Материалы, которые вам понадобятся:

  • 1 картонная коробка
  • 3 листа пергамента, промасленной бумаги и кальки
  • 2 настольные лампы, лучше всего если с дневным светом
 

Как делать:

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

 

 

Пергаментная бумага будет равномерно распределять свет на предмет, помещенный во внутрь коробки.

И еще два полезных совета:

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

Как настроить почту в Microsoft Outlook?

Перед настройкой нужно убедиться в том, что интернет подключен.

Автоматическая настройка
  1. Запустить программу Microsoft Outlook.
  2. При первом запуске программа предложит создать учетную запись. Нужно нажать «Далее» и перейти к третьему шагу настройки почтового клиента.
  3. В разделе «Файл» нужно нажать на кнопку «Добавление учетной записи».
  4. В открывшейся форме «Автоматическая настройка учетной записи» ввести:
    • имя;
    • адрес электронной почты, выбранный при регистрации почтового ящика (к примеру, Этот адрес электронной почты защищён от спам-ботов. У вас должен быть включен JavaScript для просмотра.);
    • пароль, указанный при регистрации почтового ящика.
  5. Нажать «Далее» и дождаться соединения с почтовым сервером.

Если учетные данные введены правильно, программа выполнит оставшиеся настройки автоматически.

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

Ручная настройка
Ручная настройка Microsoft Outlook-1Ручная настройка Microsoft Outlook-2Ручная настройка Microsoft Outlook-3

Если настроить почтовый клиент не удалось, подробные обучающие материалы и справочную информацию можно найти в специальном разделе «Помощь»

  1. В окне настройки учетной записи нужно выбрать «Настроить вручную параметры сервера» и два раза нажать «Далее» (в нижнем правом углу окна).
  2. В открывшемся окне «Параметры электронной почты интернета» нужно проверить следующие данные (и исправить их в случае несоответствия):
    • имя;
    • адрес электронной почты (к примеру, Этот адрес электронной почты защищён от спам-ботов. У вас должен быть включен JavaScript для просмотра.);
    • тип учетной записи (POP3 или IMAP);
    • сервер входящей почты для протокола POP3 должен быть pop.4host.com.ua (в т.ч. для других доменов «4host-Почты» - @yousite.com, @you-site.com.ua и др.); 
    • сервер исходящей почты должен быть smtp.4host.com.ua (в т.ч. для других доменов «4host-Почты» - @yousite.com, @you-site.com.ua и др.); 
    • пользователь и пароль (адрес электронной почты и пароль, выбранный при регистрации ящика).
  3. Далее нужно нажать на кнопку «Другие настройки» (в нижнем правом углу окна).
  4. В открывшемся меню нужно перейти во вкладку «Сервер исходящей почты» и поставить галочку в поле «SMTP-серверу требуется проверка подлинности».
  5. Далее нужно перейти во вкладку «Дополнительно» и в случае необходимости настроить следующие параметры:
    • поставить галочку в поле «Требуется шифрованное подключение (SSL)» для активации безопасного соединения;
    • в выподающем меню «Использовать следующий тип шифрованного подключения» выбрать SSL;
    • установить галочку в пункте «Оставлять копии сообщений на сервере», если нужно сохранять на сервере копии своих писем.
  6. Теперь нужно нажать на кнопку «OK», затем «Далее» и «Готово».

Smtp сервера распространёных провайдераов.

Провайдер SMTP сервер

УкрТелеком (www.kyiv.ukrtelecom.ua)

relay.ukrpost.ua

Оптима Телеком (www.optima.ua)

email.com.ua

Воля кабель (www.volia.com)

mail.voliacable.com

CDMA Украина - ITC (www.cdmaua.net)

mail.cdmaua.com

По вопросам настройки обращайтесь в техническую поддержку

ГолденТелеком (www.goldentele.com)

smtp.svitonline.com

IPTelecom (www.i.com.ua)

mail.iptelecom.net.ua
mail.i.com.ua (для тех, кто использует IPKey)

SotLine (sotline.net)

mail.sotline.net.ua

Elvisti (www.visti.net)

smtp.visti.net

ІнЛан - Инлан (nethome.kiev.ua)

nethome.kiev.ua
Світ Он лайн (www.svitonline.com)
smtp.svitonline.com

Велтон Телеком (www.velton.ua)

SMTP сервер только платный

По вопросам настройки обращайтесь в техническую поддержку

Zeos (zeos.net)

smtp.zeos.net

Дешевше нет (deshevshe.net)

SMTP нет и не планируется

По вопросам настройки обращайтесь в техническую поддержку

(Донецк) online.dn.ua

mail.online.dn.ua

Ситиус  (citiustele.com, citius.ua

smtp.citiustele.com

 


KIEVWEB (www.kievweb.com.ua)

mail.kievweb.com.ua

УкрНет (www.ukr.net)

freemail.ukr.net
NBI (nbi.com.ua)

mail.nbi.com.ua 

По вопросам настройки обращайтесь в техническую поддержку

SuperWeb (superweb.com.ua)

mail.supermail.com.ua

Сітел (sitel.com.ua)

smtp.sitel.com.ua (mail.sitel.com.ua)

UMC (www.umc.ua)

smtp.mts.com.ua

Киевстар (www.kyivstar.net)

relay.kyivstar.net

ITM – Информационные технологии (itm.net.ua)

mail.itm.net.ua

IHome (ihome.net.ua)

mail.ihome.net.ua

ИнтерКом (www.intercom.net.ua)

smtp.i-c.com.ua

BG (bg.net.ua)

smtp.bg.net.ua

УкрКом (www.ukrhub.net)

relay.ukrhub.net

Online ua (online.ua)

smtp.online.ua

По вопросам настройки обращайтесь в техническую поддержку

Adamant Homenet (homenet.adamant.net)

mail.adamant.net

Adamant - Адамант (adamant.net)

mail.adamant.net

Top Net (top.net.ua)

smtp.topnet.ua

WNet (wnet.com.ua)

smtp.w-mail.com.ua  (smtp.wn.net.ua)

Миротел (mirotel.net)

mail.mirotel.net

Navigator online – Навигатор Онлайн
(
www.naverex.net)

smtp.nav.kiev.ua

ПАКО Линкс (paco.net)

p-o.paco.net

ЦСС – Евроком (www.eurocom.od.ua)

smtp.eurocom.od.ua


Фауст (faust.net.ua)

По вопросам настройки обращайтесь в техническую поддержку



People.net (www.peoplenet.ua)

smtp.people.net

По вопросам настройки обращайтесь в техническую поддержку

Relcom Украина (www.relc.com)

smtp.relc.com

ITM (itm.net.ua)

mail.itm.net.ua

Freenet (freenet.com.ua)

mail.freenet.com.ua
УкрЛинк (ukrlink.net.ua)

smtp.ukrlink.net

По вопросам настройки обращайтесь в техническую поддержку

MyCard (mycard.net.ua)

mail.mycard.net.ua
Infotech.net.ua (infotech.net.ua)

mail.infotech.net.ua

mail.dim.net.ua – для домашних пользователей

SkyNet (www.snet.com.uaskynet.com.ua)

mail.snet.com.ua
snet.com.ua-резервный

Эвител(www.evitel.net

smtp.evitel.net

Киевские сети (kievnet.com)

mail.kievnet.com

По вопросам настройки обращайтесь в техническую поддержку

Telecom 2000

smtp.sitel.com.ua

Компьютер Сервис

mail.compuserv.com.ua

Телесистемы Украины (telesystems.ua)

smtp.tsu.net.ua

Цифра (www.cyfra.net)

smtp.uatele.com
Life (life.com.ua) smtp.life.com.ua
smtp.lifebox.com.ua
Просто Интернет smtp.prostointer.net

Чтение помощи почтового веб-интерфейса

Можете, нужно только использовать специальный формат адреса.

Для Linux платформы:
http://IP-адрес_сервера:2095, или
http://yourdomain.com.ua:2095

Для Windows платформы
http://webmail.yourdomain.com.ua

Как узнать номер цвета..?

Цвет представлен в HTML hex

Как составить техзадание на многоуровнивое меню?

Пример технического задания xsl фаил многоуровнего меню.

Пример технического задания xsl фаил многоязычного меню.

Улучшаем сжимаемость Javascript-кода

При сжатии javascript-кода минификатор делает две основные вещи.

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

Улучшаем сжимаемость JS-кода

Решение DIV поверх флэш

У веб-разработчиков существует известная проблема — как расположить DIV (или что либо другое) поверх flash-объекта внутри html-страницы. Стандартные манипуляции, типа z-index не помогают. И бедные разработчики начинают проклинать flash, хотя это совершенно напрасно, так как раз он здесь не при чем. Корни гораздо глубже.


Существует стопроцентно кроссбраузерное решение. Хотя может это и не очень официально со стороны Adobe, но тем не менее, именно этот метод, они используют у себя на сайте.
При размещении Flash на странице (совершенно не важно, каким методом, будь-то стандартным от Adobe, либо используя SWFObject) необходимо использовать атрибут/параметр wmode тэга object/embed со значением «opaque».

Естественно — это только первый шаг. О том как позиционировать глубину «дивов» — здесь мы рассказывать не будем.

Вот рабочий пример:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="ru" xml:lang="ru">
<head>
<title>BestDesign.</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="js/swfobject.js"></script>
<script type="text/javascript">swfobject.embedSWF("main.swf", "promo", "100%", "100%", "8", null, null, {menu:"false", wmode:"opaque"});</script>

<style>              /* hide from ie on mac \*/
html  { height: 100%; overflow: hidden; }
#promo  { height: 100%; }
/* end hide */
body  { height: 100%; margin: 0; padding: 0; background-color: #000; color: #fff; font-family: Tahoma, arial; font-size: 11px; }
p  { margin: 0; padding: 0;}
a  { color: #999; }
#over-holder  { position: absolute; z-index: 3; margin: 1px 0 0; padding: 20px; width: 400px; height: 30px; background: #000; opacity: .5; }
#promo  { position: absolute; z-index: 2; background: #ffcfcf; }
</style>

</head>
<body>
<div id="over-holder">
<p>текст поверх флешь ролика.</p>
<p><a alt="BestDesign." title="BestDesign." href="">BestDesign.</a></div>
<div id="promo">
<h1>Пришло время установить Flash Player</h1>
<p><a href="http://www.adobe.com/go/getflashplayer">
<img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" /></a></p>
</div>
</body>
</html>



Теперь, манипулируя значениям z-index, вы можете размещать поверх flash все что угодно.

P.S. Кстати, насчет атрибута wmode, раньше существовало недоразумение со стороны официальной документации и наверно отсюда и пошло недоверия к этому свойству: «This attribute/parameter works only in Windows with the Flash Player ActiveX control» — т.е. данный атрибут работает только под Windows и IE (это документация трехлетней давности).

Как правильно вставлять из Word в сайт ?

После как вставили нужно нажать кнопку "convert to clean html" после чего содежимое скопировать в сайт а именно в редактор.

Безопасные веб шрифты

Приведён пример всех веб шрифтов и их вариаций для примера.

Таже сайт аналогичный http://texster.ru/ и шрифты в "eot" http://fontweb.ru
Преобразование из любого шрифта в веб шрифты

Заглушки VirtueMart’a

И так предлагаю вашему вниманию список заглушек VirtueMart’a:

product_name Название товара
product_sku Артикул товара
product_s_desc Короткое описание товара
product_description Полное описание товара
product_weight_uom Единица измерения веса товара
product_length Длина товара
product_height Высота товара
product_width Ширина товара
product_lwh_uom Единица измерения габаритов товара (длины, ширины, высоты)
product_url URL товара
product_in_stock Количество товаров в одной упаковке
product_available_date Временная метка даты доступности
product_special Флаг является ли товар спецпредложением, принимает значения: Y or N
product_discount_id ID скидки, ассоциированной с товаром
cdate Временная метка даты создания товара
mdate Временная метка даты последней модификации товара
product_sales Количество раннее проданных товаров
product_unit Единица упаковки товара
product_packaging Количество товаров в упаковке
product_price_lbl Надпись «Цена». Текст надписи устанавливается в языковом файле.
product_price Полностью отформатированная (в соответствии с настройками) цена товара.
product_price_raw Массив цены товара, включающий в себя product_price, product_currency, product_price_id, то есть отформатированную цену товара, валюту цены товара и идентификатор записи в таблице #__vm_product_price.
product_packaging Информация об упаковке товара
file_list Перечень прикрепленных файлов (если прикрепленные файлы присутствуют)
product_availability Отформатированная информация о наличии товара, включает в себя также количество доступных товаров, среднее время доставки. Форматирование информации находиться в файле themes/default/templates/common/availability.tpl.php
product_availability_data Массив доступности товара. Содержит в себе ID товара, статус доступности товара (текст или изображение), количество товаров в наличии (число) и product_available_date (временная метка)
addtocart Кнопка «Положить в корзину»
product_type Таблица с параметрами типа товара – Внешний вид меняется в файле «ps_product_type.php» в функции «list_product_type»
product_reviews Покупательские отзывы
product_reviewform Форма для написания отзыва покупателем
product_image Готовая уменьшенная картинка (полностью тэг <IMG>, вставляемая в HTML код странички)
product_full_image Имя файла полноразмерной картинки относительно /components/com_virtuemart/shop_image/products/
product_thumb_image Имя файла уменьшенной картинки относительно /components/com_virtuemart/shop_image/products/
buttons_header Кнопки генерации PDF, ссылки другу и вызова версии для печати
navigation_pathway Путь к товару согласно логической структуры интернет-магазина, напр., Посуда > Чайники > Чайник АБВ
more_images В случае наличия дополнительных картинок к товару – готовая ссылка на просмотр их перечень, в противном случае – пустая строка. [Более подробно можно посмотреть здесь]
manufacturer_link Ссылка на страницу производителя товара.
vendor_link Ссылка на страницу продавца товара. Имеет смысл выводить это поле только в том случае, если создается портал, содержащий более одного продавца товаров.
edit_link Ссылка редактирования товара (выводиться только в том случае, если пользователь авторизован на сайте как администратор сайта).
ask_seller Ссылка на страницу «Задать вопрос про товар»
related_products Перечень связанных (related) товаров
navigation_childlist Перечень дочерних категорий по отношению к текущей
images Перечень всех дополнительных картинок текущего товара.
files Перечень всех дополнительных файлов текущего товара.

Шаблоны browse_*.tpl.php (напр., browse_1.php, browse_2.php и т.д.) содержат в себе код, определяющий вид категории товаров и могут быть установлены для каждой категории отдельно. Они обычно находятся в папке /components/com_virtuemart/themes/default/templates/browse. Правила вставки в них заглушек те же, что и для файлов flypage.tpl.php

МЕТКА ОБЪЯСНЕНИЕ
product_name Название товара
product_sku Артикул товара
product_s_desc Короткое описание товара
product_weight_uom Единица измерения веса товара
product_length Длина товара
product_height Высота товара
product_width Ширина товара
product_lwh_uom Единица измерения габаритов товара (длины, ширины, высоты)
product_flypage Ссылка на страницу описания товара Viruemart (flypage.tpl.php)
product_url Ссылка на страницу описания товара (внешняя ссылка в Интернете)
product_in_stock Количество товаров в одной упаковке
product_available_date Полностью отформатированная в соответствии с настройками Viruemart дата доступности товара
product_availability Отформатированная информация о наличии товара, включает в себя также количество доступных товаров, среднее время доставки. Форматирование информации находиться в файле themes/default/templates/common/availability.tpl.php
cdate Полностью отформатированная в соответствии с настройками Viruemart дата создания товара
mdate Полностью отформатированная в соответствии с настройками Viruemart дата последней модификации товара
product_price Полностью отформатированная (в соответствии с настройками) цена товара.
product_price_raw Массив цены товара, включающий в себя product_price, product_currency,product_price_id, то есть отформатированную цену товара, валюту цены товара и идентификатор записи в таблице #__vm_product_price.
form_addtocart Кнопка «Положить в корзину»
product_rating Средний рейтинг товара.
product_details Надпись «Подробнее.. » (текст меняется в зависимости от настроек в языковом файле).
product_full_image Имя файла полноразмерной картинки относительно /components/com_virtuemart/shop_image/products/
product_thumb_image Имя файла уменьшенной картинки относительно /components/com_virtuemart/shop_image/products/
images Перечень всех дополнительных картинок текущего товара.
files Перечень всех дополнительных файлов текущего товара.
buttons_header Кнопки генерации PDF, ссылки другу и вызова версии для печати
browsepage_header Название категории и ее описание
parameter_form Форма поиска по параметрам
orderby_form Формы для сортировки и группировки товаров в категории и навигация заголовка страницы
navigation_pathway Путь к товару согласно логической структуры интернет-магазина, напр., Посуда > Чайники > Чайник АБВ
navigation_childlist Перечень дочерних категорий по отношению к текущей
browsepage_footer Футер страницы и счетчик выведенных товаров

 

Веб почта для вашего сайта

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

Памятка заказчику ))

Анимированное меню css3

Как проверить ваш сайт на iPad

Магия цвета (на заметку заказчику)

Фотошоп он-лайн

Распознавание шрифтов на изображении

Распознавание шрифтов на изображении

Как найти процент от числа ?

% от составляет =

Или

На калькуляторе можно 1000 умножить на 35 и нажать на кнопку %

Как правильно подобрать ключевые слова

Как найти большие картинки для сайта ?

1. Для начала нужно в новой вкладке Вашего браузера, открыть сайт Google картинки
2. В строку поиска ввести, нужное Вам ключевое слово например "юрист", чтоб получить картинки на данную тематику.
3. Под строкой поиска выбираем что искать "Картинки"
4. С парава есть кнопка "инструменты поиска" а которых можно указать параметры картинок
5. Нажав на кнопку "Размер" можно выбрать размер изображения.

Сочетание цветов таблица

Сочетание цветов таблица

Как сделать чтобы все URL были на latin Virtuemart

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

В administrator/components/com_virtuemart/helpers/vmtable.php
 

$unicodeslugs = VmConfig::get('transliterateSlugs',false);

 

$unicodeslugs = VmConfig::get('transliterateSlugs',true);

 

 

Как узнать разрешение экрана?

Windows XP

Для того чтобы узнать разрешение экрана своего монитора в Windows XP необходимо открыть рабочий стол (свернуть все окна) и нажать на любом свободном месте рабочего стола правой кнопкой мыши, а затем выбрать пункт “Свойства”.

После чего в открывшемся окне “Свойства: Экран” перейти во вкладку “Параметры”. Под надписью “Разрешение экрана” вы увидите разрешение своего экрана в точках (пикселях). В данном случае разрешение экрана моего монитора составляет 1024 на 768 точек (пикселей).

Windows 7

После чего в открывшемся окне напротив пункта “Разрешение” можно увидеть разрешение экрана своего монитора. В данном случае оно составляет 1600 на 900 точек.

Windows 10

Для того чтобы узнать разрешение экрана своего монитора в Windows 10 необходимо открыть рабочий стол (свернуть все окна WIN+D) и нажать на любом свободном месте рабочего стола правой кнопкой мыши, а затем выбрать пункт “Параметры экрана”.

После чего в открывшемся окне “Параметры экрана” перейти во вкладку “Дополнительные параметры экрана”.

Вы увидите разрешение своего экрана в точках (пикселях). В данном случае разрешение экрана моего монитора составляет 1920 на 1080 точек (пикселей).

Условия CSS для различных разрешений экрана

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

До нгедавнего времени, разработчикам и верстальщикам сайтов приходилось бороться с кроссбраузерностью - отображением сайта одинаково при просмотре сайта в различных браузерах : Opera, Mozilla, Chromу и конечно же, так нелюбимый всеми верстальщиками - Internet Explorer.

С внедрением в жизнь мобильных технологий и популиризацией мобильных устройств, у верстальщиков и разработчиков сайтов появилась новая проблема - правильное отображение сайта на различных мобильных устройствах, с различным разрешением экрана. Но на спасение разработчиков в CSS3 появилась замечательная возможность media queries - при помощи различных условий, задавать правила css для определенной группы устройств, с различным разрешением. Ниже приведены все правила, при которых можно задать условия в СSS3 для определения ширины экрана, с которого просматривается сайт.

---------------------------

@media screen and (max-width: XXXpx) { }
@media screen and (min-width: XXXpx) { }
@media screen and (min-width: XXXpx) and (max-width: YYYpx) { }
@media screen and (max-device-width: XXXpx) { }
 

---------------------------

/* monitors and laptops */
@media screen and (min-width: 1240px)  {}

/* tablet */
@media screen and (min-width: 1024px) and (max-width: 1240px)  {}

@media screen and (min-width: 768px) and (max-width: 1024px) {}

/* mobile */
@media screen and (max-width: 768px) {}

/* iPad in portrait & landscape */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px)  {}

/* iPad in landscape */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {}

/* iPad in portrait */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {}

/* Retina iPad in portrait & landscape */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (-webkit-min-device-pixel-ratio: 2) {}

/* Retina iPad in landscape */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 2) {}

/* Retina iPad in portrait */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio: 2) {}

/* iPad 1 & 2 in portrait & landscape */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (-webkit-min-device-pixel-ratio: 1){}

/* iPad 1 & 2 in landscape */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 1)  {}

/* iPad 1 & 2 in portrait */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio: 1) {}

/* iPad mini in portrait & landscape */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (-webkit-min-device-pixel-ratio: 1)  {}

/* iPad mini in landscape */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 1)  {}

/* iPad mini in portrait */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio: 1)  {}

/* iPhone 5 in portrait & landscape */
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) {}

/* iPhone 5 in landscape */
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : landscape) {}

/* iPhone 5 in portrait */
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : portrait) {}

/* iPhone 2G-4S in portrait & landscape */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {}

/* iPhone 2G-4S in landscape */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : landscape) {}

/* iPhone 2G-4S in portrait */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : portrait) {}

/*iPhone 6 Portrait*/
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation : portrait) { }

/*iPhone 6 landscape*/
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation : landscape) {}

/*iPhone 6+ Portrait*/
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation : portrait) { }

/*iPhone 6+ landscape*/
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation : landscape) {}

/*iPhone 6 and iPhone 6+ portrait and landscape*/
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px){}

/*iPhone 6 and iPhone 6+ portrait*/
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) and (orientation : portrait){ }

/*iPhone 6 and iPhone 6+ landscape*/
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) and (orientation : landscape){ }

/* CSS для Retina устройств  */
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {
 
  /* CSS */
 
}

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

А если у вас нет достаточных знаний в самостоятельном создании сайта, доверьте это дело профессионалам! Вебстудия BestDesign - разарбатывает только самые современные и качественный сайты! Обращайтесь, вы не пожалеете, ваш сайт будет лучшим!

200 факторов ранжирования Google

200 факторов ранжирования Google

Оптимизация изображений SVG

Проверка оптимизации сайта