Вредные советы
Как вытащить ссылки на картинки из HTML с помошью PHP
Есть задача, надо из HTML элемента вытащить ссылки на картинки. Есть например код:
<p><img align="left" alt="" src="images/stories/342_2121.jpg" /></p>
<p>Уважаемые покупатели!<br />
Мы рады представить Вам новую версию нашего сайта!</p>
Наша задача вытащить ссылку на картинку, и удалить данный HTML тег. Используем регулярные выражения:
Колонки одинаковой высоты на JQuery
Задача: Есть допустим несколько блоков div, которым надо сделать одинаковую высоту, не зависимо от содержимого.
Решение: В интернете много всяких решений. Но мне понравилось одно на JQuery. Делается просто и со вкусом. И так кодим. Для начала создаем структуру
<div>
<div class="first column">1<br/></div>
<div class="second column">1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/></div>
</div>
Храните мелкие картинки в CSS
Храните мелкие картинки, которые нельзя засунуть в спрайты, в data:image base64 в CSS — это экономит кучу запросов к вебсерверу.
.some_background {
background-image: url("data:image/ТИП;base64,КОД");
}
Javascript печать HTML страницы
При создании очередного сайта столкнулся с задачей печати HTML страницы. На странице была информация о проекте (коттеджи) и нужно было по клику распечатать. Для решения идеально подходит Javascript. И так создаем такую структуру:
<div id="print-content">
Содержимое для печати
</div>
Обязательно задаем идентификатор. Содержмиое может быть любым. Далее напишем небольшую функцию для печати web страницы.
Название классов, идентификаторов и прочих элементов
Всегда переводите названия классов и идентификаторов на английский язык. Почему? А чисто эстетически выглядит лучше. Для примера:
<form method="post" action="index.php" id="order_tour">
выглядит лучше, чем
<form method="post" action="index.php" id="zakaz-tura">
Все таки английский язык и его буквы больше предназначены для них, чем для ужасной транслитерации русского языка.
Замена кавычек на русские
Есть негласные правила, что кавычки в русском языке могут быть только двух типов.
Создание табов в Joomla стандартным функционалом
Довольно часто приходится создавать табы при верстке шаблонов для Joomla, для отображения максимума информации при использовании минимума места. Есть много плагинов и прочих решений, но я не люблю использовать их, так как чаще всего разработчик не дописал решение и вряд ли это доделает.
В API Joomla уже описан класс Jpane, благодаря которому можно создавать довольно простые табы. Делается это довольно просто. Рассмотрим код:
Добавление поля в форму контактов
В формe стандартного компонента контактов com-contact необходимо добавить поле для ввода, например телефоны.
Ищем файл.
Находится она в файле [b]default_form.php[/b]. Тут возможно что форма находится в одном из следующих мест.
а: components\com_contact\views\contact\tmpl\
б: templates\Название вашего шаблона\html\com_contact\contact\
Если все таки файл находится в по пути б. То трогаем его, если нет. То создаем такие папки и переносим файл из пути а
Добавляем поля в форму контактов.
После строк
<label for="contact_subject">
<?php echo JText::_( 'Message subject' );?>:
</label>
<br />
<input type="text" name="subject" id="contact_subject" size="30" class="inputbox" />
Добавляем следующие
<label for="contact_subject">
<?php echo JText::_( 'Telefon' );?>:
</label>
<br />
<input type="text" name="tel" id="contact_tel" size="30" class="inputbox" />
Обращаем внимание на название name и идентификатор id. Оба должны быть уникальными