Косячим: Верстка текста.

Основные ошибки при верстке текста (контента) на сайте.

Несемантическая верстка

  • Списки

    Неверно:

     - Пункт один;&lt;br&gt;<br /> - Пункт два;&lt;br&gt;<br /> - Пункт три.&lt;br&gt;<br /> &lt;br&gt;<br /> 1. Пункт один;&lt;br&gt;<br /> 2. Пункт два;&lt;br&gt;<br /> 3. Пункт три. 

    Верно:

       
    • Пункт один;
    •  
    • Пункт два;
    •  
    • Пункт три.
    1. Пункт один;
    2.  
    3. Пункт два;
    4.  
    5. Пункт три.
  • Параграфы

    Неверно:

    Параграф один. <br><br>

    Параграф два.

    Верно:

    Параграф один.

    <code><br />
  • Параграф два.

Заголовки

Неверно:

<code><span style="text-size: 24px;">Заголовок</span><br />

Подзаголовок

<code><br />

Подзаголовок

Верно:

Заголовок
<code><br />

Подзаголовок
<code><br />

Подзаголовок


Встречаются и другие ошибки, но эти зачастили. Советую загуглить запрос «семантическая верстка». Там конечно рассказано про CSS, но все те правила нужно использовать и при верстке текстов. Основной смысл такой — если делаем спискок, то делает его тегом списка, если делаем заголовок, то тегом заголовка и т.д.



Перенос предлогов
на новую строчку

  • Используем непереносимый пробел

    Ошибочно:

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

    Грамотно:

    В&nbsр;чащах юга жил&nbsр;бы цитрус? да, но&nbsр;фальшивый экземпляр!

Для этого есть специальные утилиты, например «Реформатор»



Картинки без отступов

У любой картинки в тексте должен быть отступ, поэтому нам необходимо создать всего-лишь одно правило на CSS. Если блок с вашим контентом имеет id="content", то правило будет выглядеть так:

  • Отступы у картинки
     #content img {margin: 20px;} 


Тег readmore в неположенном месте

Если вы поставите тег readmore в случайном месте, то все открытые до него теги будут закрыты тегами верстки, что в свою очередь на 99% перекосит весь дизайн сайта, особненно если вы используете div в верстке текста.

  • Тег readmore

    Ошибочно:

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

    Грамотно:

    В чащах юга жил бы цитрус?



    да, но фальшивый экземпляр!



Делайте верно, и оно будет красивым.

P.S. Скопировали — вставили текс из WORD — бросьте в себя камень, бейте себя по рукам, наймите здоровенного мужика с волосатыми руками, который будет стучать вам по голове, когда вы делаете это. Так делать нельзя ни в коем случае.

Обновление Joomla! 1.5 до Joomla! 3.0

В этой статье Я хочу подробно описать миграцию с Joomla! 1.5 на Joomla! 3.0 на примере своего же собственного сайта. Еще совсем недавно он работал на Joomla! 1.5, однако с выходом Joomla! 3.0 у меня появилась навязчивая идея ее опробовать. И не так просто поставить на локалхост и потыкать, а реально запустить на ней сайт. Кроме моего сайта добровольцев не было, поэтому сразу после выхода Joomla! 3.0.1 Я начал думать как мне лучше обновиться. И не просто обновиться, а обновиться так, чтобы сохранились все адреса материалов и категорий, не говоря уже о них самих. Для этого нужно было сохранить все ID материалов, категорий и прочего. Иными словами обновиться правильно и без мусора в базе данных, который мог бы появиться при обновлении с помощью компонента JUpgrade. То есть Я хотел если не идеального обновления, то почти. Мне нужен был только перенос материалов, категорий и ссылок с сохранением всех URL и ID. В общем если вы так же хотите чистого сайта на Joomla! 3.0, но с вашими

Обработка изображений или фантазии дизайнера

Недавно заказали верстку каталога недвижимости, ничего сложного, кроме одного момента — формирование превью изображений в категории, материале и модулях, т.к. в качестве каталога использовался FLEXIcontent, то описание сделаю именно для него, хотя для com_content схема действий будет аналогичная.

Для работы данного решения потребуется библиотека GD2, по этому рекомендую заранее узнать стоит она у хостера или нет.

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

Как добавить расширение в JED

Начнем с теории, что есть такое JED? 

JED — Joomla! Extensions Directory, т. е по русски, это каталог расширений Joomla. Сейчас он насчитывает более 10 000 расширений, и почти все разработчики расширений joomla стремятся в него попасть и на мой взгляд он того стоит, чтоб стремиться туда попасть. Если проводить аналогии это как каталог Яндекса, определенный показатель качества расширения, но если честно этот показатель весьма условный, однако все таки показатель, и пожалуй самый главный плюс, это мощный инструмент для продвижения расширения на англоязычный рынок.

Ликбез по созданию и расширению меню

1) Создание меню. 

  • Создаем меню через менеджер меню в панели администратора ( Крестик «Создать», заполняем все поля, «Сохранить»).
  • Выбираем в списке  созданное меню, жмем «Создать», из списка выбираем нужный пункт, пишем заголовок, псевдоним, сохраняем.
  • Создаем еще несколько пунктов.

В панели администратора заходим в менеджер модулей ( Расширения => модули ), над списком модулей находим кнопку «Новый» ( Крестик ). На открывшейся странице находим пункт «Меню», жмем на него. Слева в верхней строчке пишем название модуля, оно же будет заголовком, выводящимся на странице. Варианты включить и выключить для отображения заголовка ( показать или скрыть его на странице сайта ), включить или отключить модуль. Выбыраем из списка позицию шаблона, в которой будет выведено меню (например «top» или «left»). Ниже: выбор группы пользователей, для которых показывать меню, дополнительные стили для меню.

Справа видим выпадающий список со всеми меню, выбираем по

Смена action в form средствами jquery

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

Mootools VS JQuery а почему не совместить?

Я думаю, все очень часто сталкивались с тем, что нужно было подключить сторонние  JSскрипты. И тут возникала проблема что подключенный скрипт не работает.

Конечно, одни советую отключать Mootools, но зачем же? Ведь много компонентов используют его, да и разработчики joomlaне зря его используют тоже. 

Так тут один выход – совмещать эти библиотеки. Возникает вопрос как? Тут на помощь нам приходит

 jQuery.noConflict();

Использовать его нужно при подключении Вашего стороннего скрипта

<script type="text/javascript" src=".js">jQuery.noConflict();</script>

И еще обязательно использовать это перед тем где Вы подключаете

<jdoc:include type="head" />

Ведь именно здесь joomlaподключить все необходимые библиотеки для себя.

Также можно использовать следующие варианты:

1.  Для jQuery кода вместо $ использовать jQuery

JQuery("divspan").hide();

2.  Вместо jQuery использовать другое имя:

Выбираем CMS

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

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

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

Joomla для бизнеса? Выберите Joomla для бизнеc сайта!

Я лично создал не один сайт на joomla всего около 50-ти штук. А так же руководил созданием примерно такого же количества сайтов. И как сказали бы некоторые, я знаю толк в яблочных огрызках (это применительно к joomla). Но статья будет не об продукции Apple, а о наших суровых буднях и почему создавать сайт на Joomla хорошо, хорошо именно для бизнеса.

Я буду перечислять факты по ходу статьи и давать к ним комментарии. А досточтимой публике уж судить на сколько они объективны.

25 дней после запуска или есть ли жизнь в сообществе.

И так без шуток прошло 25 дней с момента первой публикации в коллективных блогах нашего небольшого сообщества. Что мы сделали за эти 25 дней? Что появилось нового на проекте? И вообще, какие успехи и поражения испытал проект.

И так 29 августа nightguard

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