Портал SzenProgs

Установка WordPress

Szen — Fri, 26 Jun 2015 23:00:39 GMT

Многие, кто желает создать свой сайт, сталкивались с выбором CMS. CMS - это система управления сайтом. То есть, программный комплекс, который позволяет получить вам административную панель и возможность добавлять новые материалы на сайт, не залезая при этом в код. Одной из простых в установке, и не особо требовательная к ресурсам является CMS WordPress.

В этой статье я опишу установку WordPress на свой хост. Но для начала убедитесь, что Ваш хостинг удовлетворяет следующим условиям.

Уточните у своего хостера следующую информацию (обычно можно узнать в админ-панели, в письме, которое присылает хостинг при регистрации или, в крайнем случае, по запрсу на почту хостера):

Хост и порт для FTP доступа
Логин пользователя FTP
Пароль пользователя FTP
Логин пользователя MySQL
Пароль пользователя FTP

Так как я буду устанавливать WordPress на локальный сервер на базе Denwer, то логин пользователя MySQL - root, пароль - пустой. FTP доступ в данном случае не нужен.

Базовый набор инструментов, которые будут нужны для установки WordPress:

Непосредственно, сам WordPress. Качаем с официального сайта.
Программа "Блокнот", или любой другой текстовый редактор без украшательств.
Любой FTP-клиент. Будь то FileZilla или TotalCommander. Я пользуюсь последним.
Браузер.

ВНИМАНИЕ! Если вы не поняли половину из того, что сказано выше, то лучше не браться устанавливать WordPress самостоятельно. Лучше закажите установку WordPress у специалистов, или изучите спецальную литературу.

Шаг 1. Заливаем WordPress на сервер

Итак, для начала распаковываем архив с WordPress. Содержимое архива заливаем на хост посредством FTP-клиента. Учтите, что в архиве лежит папка wordpress. Так вот, заливать нужно содержимое именно этой папки. Я заранее предполагаю, что домен уже привязан к Вашему хостингу и директории для WordPress. Если это не так, тогда читаем, как привязать домен к хостингу.

Должно получиться что-то подобное:

Шаг 2. Создаем базу данных MySQL

Далее, заходим в административную панель вашего хостинга. Находим там ссылку на phpMyAdmin (он установлена практически на всех хостингах), и переходим по ней. Если phpMyAdmin запрсил связку логин-пароль, то вводим их.

В phpMyAdmin создаем новую базу данных. Имейте ввиду, что на некотых хостингах для создания базы данных имеется специальный инструмент. Там же создается и пользователь для доступа к базе данных. Для создания базы данных в phpMyAdmin переходим по закладке Databases.

В разделе Create new database вводим имя базы данных (у меня это preparats), выбираем в поле сравнения utf8_general_ci и нажимаем на кнопку Create.

После этого можно закрыть phpMyAdmin и переходить к следующему шагу.

Шаг 4. Редактируем файл настроек

Подключаемся к хостингу по FTP и находим там файл wp-config-sample.php. Его нужно переименовать в wp-config.php.

Открываем его через любой текстовый редактор. Я пользуюсь Sublime 4. Вписываем наши данные для доступа к базе данных. Константу схемы сопоставления выставляем в utf8_general_ci.

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

Сохраняем файл и переходим к следующему шагу.

Шаг 5. Установка WordPress

Для окончания установки WordPress открываем ваш браузер. Вводим в адресную строку следующий адрес, заранее подставив свой домен, и нажимаем Enter:

http://ваш_домен/wp-admin/install.php

Должна открыться страница установки WordPress. Если это не произошло, проверьте все логины-пароли и проведите работу над ошибками.

На открывшейся странице вводим наши данные, После чего нажимаем на кнопку "Установить WordPress".

После этого откроется страница входа в административную панель WordPress. Сюда вводим логин и пароль, которые мы ввели на предыдущей странице, и нажимаем на кнопку "Войти".

В результате нам откроется панель администратора CMS WordPress. Тут уже настраиваете свой сайт, выбираете/создаете дизайн, ставите плагины и добавляете материал.

Мы успешно установили WordPress на наш хостинг и можем заняться уже самим сайтом.

На этом все. Удачи в свершениях!

Как зарабатывать на Sape

Szen — Thu, 26 Mar 2015 20:00:41 GMT

Приветствую всех, кто пришел сюда с желанием заработать н-ную сумму денег на своем сайте. Думаю, раз вы вышли на эту статью, то у вас есть сайт, и вы желаете получить с него прибыль. Но учтите, что путь интернет заработка сложен, долог, тернист и изменчив. Я не утверждаю, что все должно быть именно так. Эта статья содержит только мое мнение по вопросу заработка на Sape.

Будем считать, что у вас есть свой сайт, или несколько сайтов, на неважно каком движке (движок не имеет абсолютно никакого значения). Главное - у вас есть сайт. В дальнейшем, будем называть данный сайт площадкой. Термин такой профессиональный.

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

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

Критерии

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

Ваш сайт должен быть на домене 2-го уровня. Никаких sape.site.ru, money.sape.site.ru или даже more.money.sape.site.ru (бывает и такое). Только site.ru. Критерий достаточно важен. Если корневой домен уже присутствует в Sape, то сайт на поддомене уже не пройдет модерацию. Поверьте, домен стоит не дорого (на момент написания статьи - 99 руб.), и оплачивается раз в год. Я регистрирую свои домены у 2domains.ru. За все время использования нареканий нет.
Вашему сайту должно быть не менее года. А точнее, в индексе поисковых систем ваш сайт должен присутствовать как минимум год. Интересующие нас поисковые системы - родной Яндекс и забугорный Google. Этот критерий нужно соблюдать для того, чтобы не попасть в фильтры за спам. Поисковые системы более лояльно относятся к сайтам "в возрасте". К тому же, за это время ваш сайт может обрасти пузомерками.
ТИЦ вашего сайта должен быть как минимум ненулевым. Чем выше ваш ТИЦ, тем дороже будут ссылки с вашего сайта.
PR сайта может быть практически любым. Но он достаточно важен для нас. Чем выше PR, тем выше будет у вас заработок. Причем, в кратном размере.
Чем больше страниц на вашем сайте, тем лучше. Тут пояснение простое - каждая страница это еще одна площадка для размещения ссылок. И все эти страницы должны быть проиндексированы Яндексом и Гуглом.
Ваш сайт должен быть для людей, и содержать полезную информацию. По жаргону - СДЛ. Это значительно уменьшит вероятность того, что ваш сайт закинут в спам-фильтры. Сайт с ценной информацией поисковик до последнего будет беречь. К тому же, если на страницах будет хороший трафик, то эти страницы будут продаваться через Sape в разы дороже. Но об этом в следующей статье.

Теперь у вас есть сайт, и он соответствует, изложенным выше, критериям. Это очень хорошо, так как, мы теперь можем начать зарабатывать на Sape.

С чего нужно начать? Конечно же с регистрации в Sape. Для этого переходим на Sape (щелкай сюда), найти там большую кнопку по центру с текстом "Регистрация", и щелкнуть на нее. Дальнейшие действия буду расписывать по шагам и в картинках.

Регистрация в Sape

1. На вопрос "Как Вы хотите использовать систему?" отвечаем "Я планирую участие в системе в качестве Вебмастера (буду продавать ссылки со своих сайтов)", тоесть, выбираем второй пункт. Остальные пункты можете отметить по желанию. Вводим циферки проверочного кода и жмем "Дальше".

2. На вопрос "Кем Вы являетесь?" отвечаем "Физическое лицо". Жмем "дальше".

3. В разделе "Регистрация" отмечаем "Настоящим подтверждаю, что я не являюсь гражданином РФ". По идее, не обязательно выбирать этот пункт. Но если вы зарегистрируетесь как гражданин РФ, то вам придется заполнять уйму полей, затем ждать договора, подписать его и отправить обратно (без этого вы не сможете вывести заработок). Соответственно, с вашей прибыли будут забирать 20% сама Sape (их процент вознаграждения + зарплата агента, оформляющего налоговые данные), 13% подоходного налога, и 34% налогов в пенсионку. Плюс этого пункта - вам не придется заниматься бумажной работой и будет капать пенсия. Минус - вы будет получать только 33% от прибыли. В случае регистрации как не резидент РФ, таких замутов не будет. Щелкаем "дальше".

4. Вписываем наше ФИО. Желательно вписать свои реальные данные. Иначе, если возникнет конфликт, вы не сможете доказать, что вы владелец аккаунта. Жмем кнопку "дальше".

5. Вводим логин, пароли и вашу почту. Жмем "дальше".

6. Читаем договора и принимаем их условия. Если условия вас не устраивают, то зачем же было столько времени тратить на регистрацию?! Щелкаем на кнопке "дальше".

7. Переходим на свою почту, находим письмо от Sape, и активируем наши логин и пароль.

Добавление площадки

Регистрация в Sape окончена. Теперь переходим к добавлению нашей площадки.

1. Переходим на sape.ru и щелкаем по ссылке "Веб-мастеру".

2. Далее, жмем "+ Добавить площадку".

3. Заполняем поля, в соответствии с вашим сайтом, и движком, на котором он работает. Если вы не знаете, как поставить код на свой сайт, то почитайте форумы, связанные с вашим движком. В большинстве случаев, почти везде есть инструкция по установке кода Sape. Своим рефералам я сам помогу установить код Sape. Щелкаем "Добавить сайт".

Теперь осталось только дождаться модерации, и можно будет зарабатывать. А как настроить свою площадку на оптимальную прибыль и бесперебойность, я расскажу в следующей статье.

Удачи в свершениях!

Подборка онлайн конвертеров шрифтов

Szen — Tue, 29 Jul 2014 10:00:38 GMT

Ни для кого не секрет, что для полноценного отображения дизайнерского макета на WEB-страничке могут потребоваться сторонние шрифты. Для того, чтобы кроссбраузерно подключить данные шрифты не достаточно одного шрифтового файла. Для этого нужно 4 файла одного и того же шрифта разного типа. Чтобы получить все 4 типа файла из одного можно воспользоваться онлайн конвертерами шрифтов.

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

Webfont Generator

Ссылка на ресурс: перейти

Webfont Generator меня приятно удивил. Он позволяет загружать и обрабатывать несколько шрифтов одновременно. Есть 3 варианта генерации. Первый самый простой и он конвертирует шрифты с настройками по-умолчанию. Второй вариант оптимизированный. В третьем варианте можно подобрать требуемые настройки генерации шрифта. На выходе мы получим архив с конвертированными шрифтами. Возможна генерация шрифтов типа TTF, EOT, WOFF и SVG.

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

Язык онлайн сервиса - английский.

Web Font Generator

Ссылка на ресурс: перейти

Простенький сервис конвертации шрифтов. Может создать шрифты типа TTF, EOT, WOFF и SVG из шрифтов формата TTF или OTF. Возможна конвертация только одного шрифта одновременно.

На выходе получаем архив с шрифтами и подготовленным файлом css для подключения к странице.

Сервис очень шустрый и выполняет свою работу очень быстро.

Язык интефейса - английский.

font-face generator

Ссылка на ресурс: перейти

Еще один шустрый конвертер шрифтов. Можно скармливать ему шрифты типа TTF, OTF или PostScript. На выходе получим файлы формата TTF, EOT, WOFF, SVG и CSS файл стилей с описание подключения данных шрифтов в архиве. Сервис может обрабатывать файлы размером до 0,5 Мб. Если зарегистрироваться на сервисе, то можно заливать шрифты размером до 2 Мб. Более крупные файлы - платно.

Настроек сервис не имеет. Только кнопка конвертации. Интерфейс - английский.

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

На этом я заканчиваю свое поветсвование.

Удачи в свершениях!

Где взять шрифт для сайта (подборка каталогов)

Szen — Tue, 10 Jun 2014 11:10:49 GMT

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

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

Так ответим на вопрос: "Где взять шрифт для сайта?".

1. iFONT.RU

Достаточно крупный каталог шрифтов. Простой интерфес, грузится достаточно быстро. Больше сказать нечего.

Количество шрифтов: более 10 000.
Разбивка шрифтов: категории и подкатегории.
Сортировка: по алфавиту, популярности и просмотрам.
Фильтрация: по количеству и размеру.
Рейтинги: топ 50.
Информация о лицензии: есть.
Предварительный просмотр: скрин и раскладка.
Формат файлов: TTF.
Язык сайта: русский.
Ссылка на каталог.

2. FONTS.by

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

Количество шрифтов: более 10 000.
Разбивка шрифтов: категории и подкатегории.
Сортировка: нету.
Фильтрация: все шрифты / только кириллические.
Рейтинги: нету.
Информация о лицензии: есть.
Предварительный просмотр: скрин и раскладка.
Формат файлов: TTF.
Язык сайта: русский.
Ссылка на каталог.

3. Шрифты Онлайн

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

Количество шрифтов: более 10 000.
Разбивка шрифтов: категории.
Сортировка: нету.
Фильтрация: по категории, кириллические / латинские, бесплатные / некоммерческие.
Рейтинги: нету.
Информация о лицензии: есть.
Предварительный просмотр: скрин и раскладка.
Формат файлов: TTF.
Язык сайта: русский.
Ссылка на каталог.

4. Open Font Library

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

Количество шрифтов: 500.
Разбивка шрифтов: категории.
Сортировка: нету.
Фильтрация: по лицензии.
Рейтинги: нету.
Информация о лицензии: есть.
Предварительный просмотр: скрин и раскладка на разном фоне.
Формат файлов: архивом OTF, TTF.
Язык сайта: русский.
Ссылка на каталог.

5. WebFont.ru

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

Количество шрифтов: 500.
Разбивка шрифтов: нету.
Сортировка: нету.
Фильтрация: по типу, кириллические / латинские, теги.
Рейтинги: нету.
Информация о лицензии: да.
Предварительный просмотр: скрин.
Формат файлов: CSS - готовый стиль с включением EOT, WOFF, TTF.
Язык сайта: русский.
Ссылка на каталог.

6. dafont.com

Англоязычный сайт с большим количеством шрифтов. Можно ввести и проверить отображение своего текста. К сожалению, не годится для кириллических символов. Только цифры и латиница.

Количество шрифтов: более 10 000.
Разбивка шрифтов: категории и подкатегории, имя автора.
Сортировка: по имени,, популярности и новизне.
Фильтрация: по размеру и лицензии.
Рейтинги: популярнось.
Информация о лицензии: есть.
Предварительный просмотр: скрин и раскладка.
Формат файлов: архивом TTF.
Язык сайта: английский, французский, испанский, итальянский, португальский.
Ссылка на каталог.

7. 1001 Free Fonts

Второй англоязычный каталог шрифтов. Ничего необычного в нем не заметил. Простой дизайн, примочек нет.

Количество шрифтов: более 10 000.
Разбивка шрифтов: категории.
Сортировка: по названию, новизне, рейтингу и закачкам.
Фильтрация: по алфавиту, категории, тегам.
Рейтинги: по популярности.
Информация о лицензии: есть.
Предварительный просмотр: .
Формат файлов: TTF.
Язык сайта: английский.
Ссылка на каталог.

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

На этом все.

Удачи в свершениях!

Свои глобальные настройки (переменные) на UCOZ сайте

Szen — Tue, 15 Apr 2014 09:05:33 GMT

На днях возникла необходимость применения своих глобальных настроек (переменных) на сайте под управлением CMS UCOZ. В системе не реализована возможность использования полей, не предусмотренных системой. Но иногда возникает необходимость вносить такие переменные.

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

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

Понятное дело, можно сделать такое разграничение и при помощи встроенных в систему UCOZ переменных и условных операторов. Но если баннеры размещены в разных шаблонах сайта, то смена рекламных групп займет много времени. А "быстрая замена" может не сработать в некоторых шаблонах. Поэтому, будем применять к сайту свои переменные.

Что нам потребуется для подобного извращения:

Естественно, сайт на конструкторе UCOZ.
Модуль "Редактор страниц".
Модуль "Пользователи" с уже обдуманными и заведенными группами пользователей. Параметр необязательный, но нужный для поставленной выше задачи.
Прямые руки и алгоритмический (программистический) склад ума.

Все добыли? Теперь можно продолжать.

Создаем файл настроек

Для начала создаем любой текстовый файл, даем ему любое название и задаем расширение xml, например, options.xml . Учтите то, что файлу нужно задать кодировку UTF-8, так как UCOZ отдает содержимое именно в этой кодировке. Иначе возможно появление каракулей или иероглифов вместо русских символов в переменной. Если кириллических или других, отличных от латинского, буковок не предполагается, то можно оставить кодировку как есть. Я обычно юзаю для таких случаев Notepad2.

В полученный файл пишем следующее:

Code

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

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

Залитый файл настроек UCOZ

Создаем страницу глобальных настроек

Приступаем к созданию страницы редактирования настроек.

Заходим в панель управления. Идем по пути: "Редактор страниц" - "Управление страницами сайта", нажимаем кнопку "Добавить страницу".

Размечаем, кому можно редактировать глобальные переменные, и убираем галочку с пункта "Добавить ссылку на страницу в главное меню сайта". Логично, что доступ оставляем только администраторам.

Задаем странице любое название. Например: глобальные настройки сайта.

Параметры страницы настроек UCOZ

Далее в содержимом страницы прописываем форму для редактирования прав. Код может быть таким:

Code

ВАЖНО! У создаваемой формы должен быть ID. У значимых полей формы должен быть задан атрибут name, и он должен быть уникальным в пределах данной формы.

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

Code

Функция _uMyOptions.init(id, file) выполняет следующую работу:

Загружает настройки из файла FILE в форму ID во время загрузки страницы.
Сохраняет введенные глобальные переменные из формы ID в файл FILE.

Логично, что id - это id формы, а file - это путь и имя файла от корня сайта.

Теперь можно сохранить страницу и открыть ее. Смотрим, что мы натворили.

Страница глобальных настроек UCOZ сайта

На данном этапе поля формы останутся пустыми. Это нормальное поведение, так как файл настроек пока пустой. Сейчас уже можно попробовать поставить галочки и сохранить настройки. Если все сделано правильно, то при обновлении страницы опции должны отметиться так, как Вы их сохранили.

Используем глобальные переменные

Выдергивать параметры из файла настроек мы будем встроенным в UCOZ импортом удаленного кода. Создадим его.

Заходим в панель управления и проходим по следующему пути: "Дизайн" - "Импорт удаленного кода". На открывшейся странице жмем кнопку "Добавить импорт удаленной страницы". В поле "URL адрес страницы для импортирования кода" вставляем ссылку на наш файл настроек. Поле "Частота обновления кеш файла" ставим возможное минимальное значение. Обычно оно равняется 3 часам. Жмем кнопку "Добавить". Импорт готов.

Теперь запоминаем код импорта. Обычно это $RCODE_n$, где n - номер импорта. Если импорт у Вас один, то код выглядит так: $RCODE_1$. Из него и будем вытаскивать наши переменные и их значения.

Для получения значения переменной можно использовать 2 метода. Один используется для вывода значения переменной на странице (скажем, рекламный код), второй для использования в условных операторах.

Вывод на странице

Для вывода значения глобальной переменной на странице используется достаточно длинный код. Выглядит он так:

Code

') + len('')), 0, strpos(substr($RCODE_1$, strpos($RCODE_1$, '') + len('')), ''))?>

Вместо текста name в коде ставим название поля формы (атрибут name элементов формы). Меняем во всех 5-и местах кода. Название переменной name обязательно пишем в нижнем регистре.

Использование в условных операторах

Для использования в условных операторах можно ограничиться упрощенным кодом:

Code

value') != -1)?>

Тут также текст name в коде меняем на имя элемента формы (атрибут name). Вместо текста value используем проверяемое значение. Название переменной пишем в нижнем регистре, а value - учитывать регистр ввода в форму.

Этот вариант лучше всего использовать для

Завершение задачи

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

Code

ok') != -1 && $GROUP_ID$ == 4)
|| (strpos($RCODE_1$, 'ok') != -1 && $GROUP_ID$ == 3)
|| (strpos($RCODE_1$, 'ok') != -1 && $GROUP_ID$ == 1)
|| (strpos($RCODE_1$, 'ok') != -1 && $GROUP_ID$ == 0))?>
Код рекламного блока...

Теперь отображением рекламы можно управлять только с одной страницы сайта.

Закругляемся

Мы научились использовать свои собственные глобальные переменные на сайте UCOZ. Стоит иметь ввиду несколько минусов такого подхода. Значение переменных не очень динамичны. Так как использовался удаленный импорт, изменения в файле будут видны только через 3 часа. Можно форсировать данную задержку. Для этого нужно войти в панель управления на страницу удаленного импорта, открыть импорт на редактирование и сохранить, не внеся никаких изменений.

Также помните, что файл настроек может содержать не более 1000 символов. В принципе, этого должно хватить с лихвой.

На этой ноте заканчиваю.

Удачи в свершениях!

Скрипт плавающего блока в сайдбаре

Szen — Wed, 26 Mar 2014 17:08:44 GMT

Для повышения количества кликов по рекламе нужно, чтобы она была постоянно на виду. Если же размещать рекламу по середине страницы в плавающем блоке, то кликов станет много, но пользователей станете терять, и они больше не вернутся. В добавок, за такое от серьезных компаний (таких как Google AdSense и Яндекс Директ) можно пожизненный бан получить. Лучшим решением будет разместить рекламу там, где ему положено - в сайдбаре, а в случае прокрутки страницы держать ее на виду.

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

Скрипт плавающего блока требует наличия подключенного jQuery на сайте, и создан в виде плагина. Я постарался максимально упростить его и сделать более универсальным. Если кто еще не знает, как подключить jQuery к странице, напоминаю. В теле HEAD Вашей страницы нужно разместить код следующего вида:

Code

Также помним, что владельцам сайтов на UCOZ подключать не нужно. Он подключен по умолчанию.

После объявления jQuery нужно подключить сам плагин. Делается это следующим кодом:

Code

Теперь создадим блок, в котором можно разместить рекламный баннер или еще что-нибудь. В теле BODY прописываем следующее:

Code

Тут какой-либо контент

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

Code

Это был простейший способ вызова. Данная функция также обладает своими параметрами. Синтаксис у нее такой:

Code

$('#block').fixedblock(
  options,
  callbackdown,
  callbackup
);

Параметр options это объект, который может принимать значение {speed: 800}. Это скорость анимации в миллисекундах. Также можно вписывать свои параметры для передачи их callback функциям.

Параметр callbackdown - это функция, которая выполняется каждый раз, когда блок будет доходить до верхней кромки браузера во время прокрутки страницы вниз. Функция может содержать 2 параметра. Первый - это блок, к которому привязана функция fixedblock, второй - это параметры, переданные функции fixedblock.

Параметр callbackup- это функция, которая выполняется каждый раз, когда блок будет возвращаться на свое место во время прокрутки страницы вверх. Функция может содержать 2 параметра. Первый - это блок, к которому привязана функция fixedblock, второй - это параметры, переданные функции fixedblock.

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

Данное плавающее меню создано следующим кодом (в коде пропущено подключение jQuery, но оно нужно):

Code

Пункт 1

Пункт 2

Пункт 3

Пункт 4

Пункт 5

На этом все.

Удачи в свершениях!

Как загрузиться с DVD, USB Flash (флешки) или USB HDD

Szen — Thu, 27 Feb 2014 05:31:40 GMT

Данная инструкция повествует о том, как можно загрузиться с внешнего носителя, будь то CD, DVD, USB Flash или USB HDD на том или ином компьютере. Такая загрузка требуется при установке операционной системы с внешнего носителя или проведении восстановительных работ на компьютере.

На компьютерах (системный блок, нетбук, ноутбук, моноблок) загрузкой управляет вшитая в систему операционная система ввода вывода, называемая BIOS. Учтите: большинство старых моделей компьютеров не умеют загружаться с внешних носителей, и не все из них умеют загружаться с USB носителей.

На компьютерах старых модификаций можно загрузится с внешнего привода (обычно CD, DVD или Floppy) только изменив в BIOS приоритет загрузки. В новых компьютерах (после 2005 года выпуска) есть возможность загрузится с внешнего носителя не меняя приоритет приводов.

Для начала рассмотрим, как можно попасть в BIOS.

Во время старта компьютера на экране монитора отображается так называемый Post Screen. Это информация о результатах POST опроса компьютера BIOS. В это время система определяет подключенные к компьютеру устройства и подготавливает базовые драйвера для работы с ними. Во время POST опроса и можно открыть BIOS для дальнейшей его настройки.

POST Screen

Для того, чтобы войти в BIOS, во время старта компьютера нужно нажать определенную клавишу на клавиатуре. Самой стандартной клавишей является [DEL]. Во время отображения POST Screen внизу экрана можно увидеть следующую надпись: "Press DEL to run Setup". Это означает, что для входа в BIOS Setup нужно нажать на клавишу [DEL]. Некоторые производители компьютеров решили не идти по стандартам, поэтому Вы можете наткнуться на компьютер, в котором для входа в BIOS Setup нужно нажать другую клавишу, отличную от [DEL]. Список клавиш входа в BIOS для компьютеров популярных производителей можно увидеть ниже:

ABIT: [Del]
Acer (Aspire, Altos, Extensa, Ferrari, Power, Veriton, TravelMate): [F2] или [Del]
Acer (старые модели): [F1] или [Ctrl]+[Alt]+[Esc]
ASRock: [F2] или [Del]
ASUS: [Del]
BIOSTAR: [Del]
Chaintech: [Del]
Compaq (Deskpro, Portable, Presario, Prolinea, Systempro): [F10]
Compaq (старые модели): [F1], [F2], [F10], или [Del]
Dell (Dimension, Inspiron, Latitude, OptiPlex, Precision, Vostro, XPS): [F2]
Dell (старые и редкие модели): [Ctrl]+[Alt]+[Enter] или [Fn]+[Esc] или [Fn]+[F1] или [Del] или [Reset] дважды
ECS (Elitegroup): [Del] или [F1]
eMachines (eMonster, eTower, eOne, S-Series, T-Series): [Tab] или [Del]
eMachines (некоторые старые модели): [F2]
Foxconn: [Del]
Fujitsu (Amilo, DeskPower, Esprimo, LifeBook, Tablet): [F2]
GIGABYTE: [Del]
Hewlett-Parkard (HP Alternative, Tablet PC): [F2] или [Esc] или [F10] или [F12]
Hewlett-Parkard (OmniBook, Pavilion, Tablet, TouchSmart, Vectra): [F1] Intel: [F2]
Lenovo (3000 Series, IdeaPad, ThinkCentre, ThinkPad, ThinkStation): [F1] или [F2]
Lenovo (старые модели): [Ctrl]+[Alt]+[F3], [Ctrl]+[Alt]+[Ins] или [Fn]+[F1]
MSI (Micro-Star): [Del]
Pegatron: [F2], [F10] или [Del]
Samsung: [F2]
Sony (VAIO, PCG-Series, VGN-Series): [F1], [F2] или [F3]
Toshiba (Portege, Satellite, Tecra): [F1] или [Esc]

Как только Вы попадаете в BIOS нужно найти раздел Advanced или Boot, и там найти пункт Boot Priority. В этом пункте и нужно выставить Ваш внешний девайс как элемент загрузки #1. После окончания операций не забудьте выставить Ваш системный диск как первое устройство, иначе система будет грузиться с Вашего внешнего носителя. Сохраняются изменения нажатием клавиши [F10] в BIOS, и согласием на изменения (обычно [ENTER]). Также учтите, что в BIOS не работает мышка. Перемещаться по пунктам можно при помощи клавиш-стрелок, а менять значения клавишой [Enter], [PgDown] или [PgUp].

Boot Device Priority

В новых компьютерах вместо BIOS может открыться UEFI. Это графический интерфейс BIOS Setup. В нем уже работает мышь.

Интерфейс UEFI

Если же у Вас новый компьютер, то не стоит лишний раз залезать в BIOS. Вы можете случайно поменять не те параметры, и в результате система может перестать вообще грузиться. Можно загрузится с DVD, USB Flash или USB HDD не входя в BIOS. Для этого нужно нажать определенную горячую клавишу во время старта компьютера:

Acer: [Esc] или [F12] или [F9]
Asrock: [F11]
Asus: [Esc] или [F8]
Compaq: [Esc] или [F9]
Dell: [F12]
ECS: [F11]
Fujitsu Siemens: [F12]
Gigabyte: [F12]
HP: [Esc] или [F9]
Intel: [F10]
Lenovo: [F12]
MSI (Micro-Star): [F11]
Packard Bell: [F8]
Samsung: [Esc]
Sony Vaio: [F11]
Toshiba: [F12]

В открывшемся меню остается только выбрать нужное устройство (клавишами-стрелками) и нажать [Enter].

Меню загрузки с внешнего носителя

Учтите, компьютер может загрузится только с загрузочного DVD, USB Flash или USB HDD. Если загрузочных данных на носителе нет, то система попытается загрузится с другого устройства, в зависимости от приоритета.

На этом все. Удачи в свершениях!

Установка Windows 7

Szen — Tue, 25 Feb 2014 08:18:35 GMT

В эпоху компьютерной эры многие пользователи до сих пор не умеют устанавливать операционную систему. По идее, данная операция не представляет определенной сложности. Она достаточно проста. Особенно, если Вы устанавливаете операционную систему семейства Windows. Докажем это на примере установки Windows 7.

Причины установки Windows 7 на компьютер могут быть разные. Первая - это выход из строя большинства системных файлов операционной системы. Они могут быть испорчены каким-либо вирусом, либо повреждением жесткого диска, на который установлена система. Второй причиной установки Windows 7 может стать миграция. Мигрировать можно по-разному, как с более поздней на более раннюю (Windows XP -> Windows 7), либо обратно (мигрировать с Windows 8 на Windows 7). В остальных случаях можно восстановить или подчистить систему.

Перед установкой стоит решить, пират Вы или нет.

Осмотрите ваш системный блок (ноутбук, моноблок). Если на вашем системнике есть наклейка с ключом продукта, то у Вас имеется OEM лицензия от производителя. Часто сам диск с дистрибутивом покупателям не выдают. В этом случае нужно обратиться к производителю вашего компьютера или фирме-продавцу, и получить диск с дистрибутивом.

Лицензионная наклейка Windows 7

Если наклеек нету, то можно сходить в ближайший IT магазин и купить диск с лицензионным дистрибутивом. Не стоит покупать такие диски на рынке: там крайне редко продают лицензионные диски. Лучше идти в специализированный магазин.

Если же Вы скачали Windows 7 из интернета в виде образа диска, то это уже пиратка. Даже, если на вашем компьютере есть наклейка, и Вы скачали именно ту же версию, что на стикере и ввели оттуда ключ продукта, то Вы все равно будете считаться пиратом. Нарезать образ лучше всего на DVD-R диск на самой малой скорости. Тогда бороздки на диске будут прорезаны боле глубоко и качественно.

Сам процесс установки Windows 7 начинается с того, что Вы вставляете диск с дистрибутивом в ваш DVD-привод. Если у Вас нетбук или отсутствует привод, то нужно будет его докупить. Существует множество как внутренних, так внешних приводов. Стоят они не очень дорого.

Далее, в BIOS выставляем загрузку с привода. BIOS открывается так: при загрузке компьютера нажимаем кнопку [DEL] на клавиатуре. На некоторых компьюютерах для входа в BIOS используется кнопка [F8]. Далее нужно найти пункт под названием Boot Priority и выставить как первое устройство для загрузки Ваш DVD-привод. На новых компьютерах можно загрузится с привода без внесения изменений в BIOS. Для этого во время загрузки компьютера нужно нажимать кнопку [ESC] или [F1] или [F8], и выбрать Ваш привод. Также вы можете воспользоваться информацией из статьи загрузка компьютера с внешнего носителя.

Если все сделано правильно, то при загрузке Windows появится окно следующего вида, на котором нуж но будет на жать на любую кнопку:

Установка Windows 7, этап 1

Далее, начнется загрузка графической оболочки установки Windows 7.

Установка Windows 7, этап 2

Когда графическая оболочка установки Windows 7 загрузится, нужно выбрать язык и нажать далее.

Установка Windows 7, этап 3

В следующем окне нужно нажать на кнопку "Установить".

Установка Windows 7, этап 4

В окне лицензионного соглашения читаем его и, если согласны, ставим галочку на пункте "Я принимаю условия лицензии" и жмем "Далее".

Установка Windows 7, этап 5 (лицензионное соглашение)

В окне выбора типа установки выбираем "Полная установка".

Установка Windows 7, этап 6 (тип установки)

Далее откроется окно выбора диска для установки Windows 7. Для начала нужно настроить диски. Для этого жмем "Настройка диска".

Установка Windows 7, этап 7

В окне настройки диска выбираем раздел диска 0 и удаляем его. Так дклаем с каждым разделом диска 0. Учтите, все данные на этих дисках будут удалены. Далее, выбираем диск 0 и нажимаем на ссылку "Создать". Если размер диска больше 200 гигобайт, то прописываем размер 100000 мб. Этого должно хватить для стандартного пользователя. Если же диск меньше, то лучше оставить в поле то значениние, которое прописано по умолчанию. Автоматически будет создан еще один раздел размером в 100 мегабайт. Это будет системный диск с утилитами восстановления Windows 7. Если остался неразмеченный раздел на диске 0, то жмем создать и подтверждаем создание раздела. Форматируем его.

Установка Windows 7, этап 8

На этом этапе настройка разделов диска закончена. Теперь выбираем второй раздел (на нем не должно быть метки SYSTEM) и нажимаем "Далее". Начнется установка Windows на Ваш компьютер. Во время установки компьютер 1 раз перезагрузится. Ждем появления окна ввода пароля.

Установка Windows 7, этап 9 (ввод пароля)

При желании, можем ввести пароль, но для домашнего компьютера это необязательно. Можно просто нажать на кнопку "Далее". Откроется окно ввода лицензионного ключа. Тут нужно ввести ключ продукта, который написан на наклейке на системнике, либо на диске с дистрибутивом. Также можно оставить поле пустым и ввести ключ позже.

Установка Windows 7, этап 10 (ввод ключа)

В окне защииты системы Windows 7 рекомендуется выбрать первый пункт.

Установка Windows 7, этап 11

Далее, устанавливаем параметры даты и времени и жмем "Далее".

Установка Windows 7, этап 12 (дата/время)

Все. Теперь Windows 7 установлена на Ваш компьютер.

Установленный Windows 7

Теперь для полноценной работы операционной системы нужно установить драйвера для устройств, и можно пользоваться.

Ка мы убедились, установка Windows 7 на Ваш компьютер не представляет особой сложности. С этим может справится даже тот, кто столкнулся с компьютерами совсем недавно.

На этом все. Удачи в свершениях!

Миграция с Windows 8 на Windows 7

Szen — Fri, 21 Feb 2014 05:58:51 GMT

С недавнего времени в компьютерных магазинах стали продавать компьютеры с предустановленной операционной системой Windows 8. Операционка эта, конечно же, хороша, но не для стандартного домашнего компьютера. Смысл от нее есть только тогда, когда Ваш девайс поддерживает управление пальцами (то есть имеет тачскрин). Поэтому будем, так сказать, производить rollback: сносить Windows 8 и устанавливать Windows 7.

Хочу заметить, что первые несколько этапов, выполняемых непосредственно до процесса установки Windows 7, нужно выполнить при миграции на любую другую операционную систему, будь то Windows XP, Linux, Ubuntu и т. п. с Windows 8.

Если Windows 8 установлена на Ваш компьютер, и вы хотите ее удалить, то нужно будет выполнить следующие действия:

Отключить в BIOS secure boot.
Поменять разметку диска с GPT на MBR.

Теперь обо всем по порядку.

Для начала нужно отключить secure boot в BIOS. Дело в том, что если в BIOS включен Secure Boot, то грузиться смогут только подтвержденные операционные системы. Таковой и является Windows 8.

Перезагружаем компьютер. В Windows 8 с этим могут возникнуть некоторые проблемы, так как в ней нет панели "Пуск" и кнопки выключения/перезагрузки компьютера. При нажатии на кнопку питания компьютера, он просто уходит в гибернацию. Решаем эту проблему следующим образом. Нажимаем сочетание клавиш [CTRL]+[ALT]+[DEL]. Находим в правом нижнем углу кнопку выключения, жмем ее и выбираем перезагрузку.

Выключение Windows 8

Во время загрузки компьютера зажимаем кнопку [DEL] на клавиатуре. Ждем запуска BIOS. Дальнейшие действия выполняются по-разному, в зависимости от версии BIOS. Главное помнить - нужно найти Secure Boot или UEFI Boot и переключить его в Disable или Legacy Boot. Вариации ниже в картинках.

Hewlett-Packard Legacy Support

ASROCK UEFI Secure Boot

Aptio Setup Secure Boot

Legacy Boot

ASUS UEFI OS Type

Aptio Setup Secure Boot

Aptio Setup Boot Mode

Если в UEFI вы не можете найти нужный параметр, то перейдите в расширенный режим. Для этого нужно выбрать Advanced Mode.

UEFI Advanced Mode

С загрузкой разобрались. Теперь нужно сменить таблицу раздела диска с GPT на MBR.

Вы можете воспользоваться любой программой, которая может работать с разделами дисков. Но я рекомендую воспользоваться стандартной утилитой diskpart, которая доступна во время запуска установки Windows 7. О ней и поговорим.

Запускаем установку Windows 7. Для загрузки с другого носителя можно изменить параметр Boot Priority в BIOS или во время загрузки компьютера зажать одну из перечисленных кнопок на клавиатуре: [ESC], [F1] или [F8]. Клавиша, которую нужно нажимать, зависит в основном от производителя компьютера. Подсказка: при загрузке компьютера посматривайте в нижнюю часть экрана, там иногда показано, что надо жать (нас интересует Boot Other Device).

На первом же экране установки Windows 7 нужно нажать клавиши [Shift]+[F10]. Откроется командная строка, в которой можно воспользоваться утилитой diskpart.

Начинаем работу с запуска утилиты. Для этого вводим команду "diskpart" и жмем [Enter]. Далее, получаем список дисков. Для этого используется команда "list disk". Смотрим столбец GPT. Если там нет звездочек (отметок), то преобразовывать ничего не нужно. Если же отметка есть, то нужно выбрать диск с отметкой. Делаем это командой "select disk 0". В качестве номера диска вместо цифры 0 выбираем номер диска с отметкой. Теперь чистим диск. Выполняем команду "clean". И конвертируем таблицу разделов в MBR. Используем команду "convert MBR". Операцию нужно повторить для всех дисков с отметкой GPT.

Работа с утилитой diskpart

Закрываем консоль. Теперь независимы от Windows 8.

Теперь можно спокойно приступать к установке операционной системы, которую разберем в другом уроке.

На этом все. Удачи в свершениях!

Скрипт кулинарного калькулятора

Szen — Sat, 01 Feb 2014 11:00:57 GMT

Частенько в кулинарных рецептах так бывает, что, скажем сахара, нужно добавить 200 г. А как отмерить данное количество, колько ложек или стаканов нужно добавить, не понятно. В этом может помочь кулинарный калькулятор.

Предлагаю Вашему вниманию скрипт кулинарного калькулятора. Он может расчитать вес или объем того или иного кулинарного продукта. Таким образом, можно будет легко расчитать, сколько ингредиента добавить в рецепт.

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

Установка кулинарного калькулятора

Итак, перейдем к процессу установки. Для начала нужно скопировать следующий код:

Code

Здесь расположен кулинарный калькулятор от cookerz.ru .

Включите выполнение JavaScript чтобы его увидеть!

Этот код можно разместить в любом месте Вашего сайта (в боковом сайде, под рецептами и т. д.). Ширину блока можно задавть любую при помощи стилей. Данный код создает кулинарный калькулятор шириной в 300 пикселей. Размеры можно задавать как в пикселях, так и в процентах. Если Вы хотите, стобы блок кулинарного калькулятора растягивался автоматически, то просто нужно убрать из стилей заданную ширину или прописать style = "width:100%;".

Функция создания блока cookCalcInit() может иметь 1 аргумент. Это id блока, в котором должен появиться кулинарный калькулятор. По умолчанию этот id = "cookCalc". Если вы хотите, чтобы кулинарный калькулятор появился в блоке с id = "block1", то вызывать функцию нужно будет так:

Code

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

Стилевое оформление кулинарного калькулятора

По умолчанию, все элементы скрипта размещаются в контейнере с ID = cookCalc. Если же вы прописали требуемый контейнер, то используйте его ID. Я же буду описывать стили с ID по умолчанию.

В стилях следует прописать следующие строчки:

Code

#cookCalc input,
#cookCalc textarea,
#cookCalc select {
  display: inline-block;
  border: 1px solid #777;
  background: #FFF;
  vertical-align: middle;
  outline: none;
  border-radius: 1px;
  -moz-border-radius: 1px;
  -webkit-border-radius: 1px;
  -ms-border-radius: 1px;
  -o-border-radius: 1px;
}
#cookCalc input[type="text"],
#cookCalc select {
  background:#FFF;
  background: linear-gradient(to top, #FFF, #DDD);
  background: -moz-linear-gradient(bottom, #FFF, #DDD);
  background: -webkit-linear-gradient(bottom, #FFF, #DDD);
  background: -ms-linear-gradient(bottom, #FFF, #DDD);
  background: -o-linear-gradient(bottom, #FFF, #DDD);
}
#cookCalc input[type="submit"] {
  background: #FFF;
  background: linear-gradient(to top, #DDD, #FFF);
  background: -moz-linear-gradient(bottom, #DDD, #FFF);
  background: -webkit-linear-gradient(bottom, #DDD, #FFF);
  background: -ms-linear-gradient(bottom, #DDD, #FFF);
  background: -o-linear-gradient(bottom, #DDD, #FFF);
}
#cookCalc input: focus,
#cookCalc textarea: focus,
#cookCalc select: focus {
  border-color: #FF5300;
  outline: none;
}

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

Пример работы кулинарного калькулятора

И напоследок, рабочий пример данного скрипта:

Здесь расположен кулинарный калькулятор от cookerz.ru .
Включите выполнение JavaScript чтобы его увидеть!

На этом все. Удачи в свершениях!