Стиль маркировочного списка

Чтобы составить список, используют тег <li> внутри <ul> или <ol>:
<ul>
	<li>1 элемент списка.</li>
	<li>2 элемент списка.</li>
	<li>3 элемент списка.</li>
</ul>

<ol>
	<li>элемент списка.</li>
	<li>элемент списка.</li>
	<li>элемент списка.</li>
</ol>

В этом случае, браузер отобразит списки стандартного вида:
  • 1 элемент списка.
  • 2 элемент списка.
  • 3 элемент списка.


  1. элемент списка.
  2. элемент списка.
  3. элемент списка.

Чтобы изменить марке, установите тегу <ul> CSS свойство list-style-type:
ul {
	list-style-type: disc;
}

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

Если необходимо изменить цвет маркера, используйте свойство:
li::marker {
	color: #008800;
}

Вместо зеленного цвета (#008800) можете написать любой другой.

Можно использовать свою картинку, как маркер. И для этого существует свойство:
li {
	list-style-image: url('marker.png');
}

Где marker.png - это Ваша картинка....

Как избавиться от всплывающей подсказке при наборе текста в поле (input type="text")

Чтобы запретить появление всплывающей подсказки с возможными вариантами текста, используйте атрибут autocomplete, со значением: off.

Пример:
<input type="text" name="title" autocomplete="off">
...

Ограничение на количество символов в текстовом поле (input type="text")

Чтобы ограничить поле на количество вводных символов существует атрибут maxlength, который не позволит написать символов больше, чем указано в его значении:
<input type="text" name="title" maxlength="25">

В данном случае, в поле нельзя записать более 25 символов.

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

Как получить первые | последние несколько элементов массива на PHP

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

Пример получения первых трех элементов массива:
$array = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
$array = array_slice($array, 0, 3);

Теперь переменная $array содержит в себе массив:
Array
(
    [0] => 1
    [1] => 2
    [2] => 3
)

Чтобы получить следующие три элемента, меняем ноль на три:
$array = array_slice($array, 3, 3);

И получаем:
Array
(
    [0] => 4
    [1] => 5
    [2] => 6
)

Получаем последние три элемента:
$array = array_slice($array, 7, 3);

Итог:
Array
(
    [0] => 8
    [1] => 9
    [2] => 10
)

Как Вы могли заметить, функция array_slice обнуляет ключи элементов. Если Вам необходимо сохранить порядковые номера ключей, укажите четвертым параметром true:
$array = array_slice($array, 7, 3, true);

В этом...

Программы для WebМастера

В данной статье собираю список программ необходимых для ВебМастера. Программы, которыми постоянно пользуюсь сам.

Редактор кода Notepad++
Ни одна работа с файлами движка не обходится без редактора кода. Для себя я выбрал, отличную, на мой взгляд программу - Notepad++. Данным редактором можно пользоваться совершенно бесплатно. Русский язык присутствует. Разработчики не бросают свой проект, и постоянно выпускают обновления.

Сайт программы Notepad++ | Скачать Notepad++

Пара инструкций для Notepad++, что могут оказаться полезными:
- Тема: Как в Notepad++ отключить создание резервных копий (Файлы с расширение.bak)
- Тема: Как сравнить два файла в Notepad++

Менеджер FTP FileZilla
Чтобы заливать файлы на сервер и обратно, потребуется менеджер FTP. Ранее я пользовался Total Commander, пока не попробовал FileZilla, которая мне показалась в разы удобнее, и пользуюсь ей до сих пор. Программа распространяется бесплатно, и русский язык на борту.

Сайт программы FileZilla | Скачать FileZilla

Собственно и...