promo

Наши курсы

Создание сайтов с платным доступом

membership

Комплексный курс по созданию качественных сайтов с платным доступом от А до Я.

Узнать подробнее

Создание и Администрирование сайтов на Joomla

joomla

Полный курс для новичков в создании сайтов.
Раскрыты все нюансы CMS Joomla.

Узнать подробнее

Создание интернет-магазина под ключ

magazin

Создайте свой интернет-магазин на самой популярной и гибкой
системе управления сайтами Joomla.

Узнать подробнее

"Мастерская Joomla"

Хотите получать до 4 актуальных видеоуроков по Joomla в месяц?

Подпишитесь на рассылку!

Смотреть последний выпуск

Ваш e-mail: *
Ваше имя: *
4-ый выпуск: "Мастерская Joomla" - Оформление Печать E-mail
04.05.2009 16:06

Сегодня мы с Вами займемся Оформлением Вашего сайта или магазина.

 
Содержание

1. Профессиональное оформление, для неПрофессионалов

2. Создаем иконку сайта - favicon

3. Интересное расширение - Всплывающие подсказки

 

 

1. Профессиональное оформление, для не Профессионалов!

3890_cd_typocss_logoОднажды я загорелся сделать красивые текстовые блоки на сайте, но не хотел открывать Dreamveawer и "рисовать в css". Хотел найти просто, чтобы нажал вставил и готово - текст в каком-нибудь сером овале. Во многих современных шаблонах уже есть предустановленные шаблоны типографии, но не всегда они устраивают и иногда хочется нечто большего.

Представляю Вашему вниманию плагин (мамбот) Core Design TypoCSS. Данный плагин позволяет за пару секунд придать Вашему контенту профессиональный дизайн.

 

 
Плагин не является бесплатным и приобретается по подписке (т.е. можно скачивать и другие расширения от данного разработчика в течении определенного промежутка времени) и стоит 30 евро/3 мес. Кто не хочет покупать, сможет найти в Яндексе и скачать.
 

Итак, что нужно сделать по шагам:
  • Установить плагин (мамбот) и опубликовать его;
  • Перед нужным текстом(абзацем) поставить переменную (посмотреть переменные можно в инструкции) и в конце его закрыть.

The video (Video ID: 56) is not available

nav_down

Скачать инструкцию с шаблонами

Скачать видео в полном качестве (38 Мб)


2.Создаем иконку сайта - favicon.

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

Один из качественных сервисов для создания favicon. По сравнению с остальными сайтами, сжимает более качественно, а так же предлагает выбор из фавиконов.
http://www.favicon.cc/
04.05

Чтобы подробно узнать как создать favicon и назначить его сайту смотрите видеоурок.

nav_down

Скачать видео в полном качестве (34 Мб)

3. Интересное расширение - Всплывающие подсказки

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

Недавно вышло качественное и очень простое расширение для создания всплывающих подсказок.

Использовать очень просто:

1. Устанавливаем и публикуем Мамбот/плагин

2. Вставляем в текст следующую конструкцию: скачать

Заголовок всплывающей подсказки

nav_down

Скачать конструкцию

Скачать расширение

 

Просмотры: 22938

Комментарии (40)

Подписаться на RSS-ленту комментариев данной статьи
...
0
спасибо большое! видео - супер. я как раз ломал голову, над подобными вещами. думаю сейчас справлюсь.
павел , Май 05, 2009
...
0
Очень интересно,во всяком случае для меня-новичка.Посмотрю,спасибо
Владимир , Май 05, 2009
...
0
Спасибо очень толково "разжевано"...
Сергей , Май 05, 2009
...
0
Спасибо, для начинающих - супер.
Bars , Май 05, 2009
...
0
Спасибо. Радует сопровождение материала программами, favicon мне знаком.
Татьяна , Май 06, 2009
...
0
А у меня буквица не хочет работаться с русским текстом..
пишу {typography dropcap} Изменились {/typography}
На выходе Изменились без изменения..

vitia , Май 06, 2009
...
0
Насчет буквицы не экспериментировал. Скорей всего сайт должен быть в кодировке UTF-8.
Александр Куртеев , Май 06, 2009
...
0
Спасибо за понятное обяснение. Мне нравятся Ваши уроки. Отдельное спасибо за плагины, модули. Очень приятно иметь профессионального, толкового преподавателя.
Тамара , Май 06, 2009
...
0
для Joomla есть компонент Phoca Favicon здесь можно скачать http://www.phoca.cz/download/c...-component, а как им пользоваться есть здесь http://offtop.oxnull.net/index.php/topic,54.0.html
Dron , Май 06, 2009
...
0
Спасибо за новые материалы. Очень хорошее сопровождение курсов.
Абсолютная практическая польза от каждого видео.
Однако ж, присоединяюсь к vitia, что надо сделать, что бы кириллица отображалась? И еще там же есть плагины plg_content_cd_magictabs с шикарными эффектами, вот только не понятно, как в эти таблицы вставлять текст? Не подскажите, Александр?
Еще раз спасибо за поддержку,с наилучшими пожеланиями, Борис
Борис , Май 12, 2009
...
0
Да с кириллицей и буквице туговато в этом расширении.

А плагин magic tabs - это уже другое расширение. Если будет интерес, в одном из выпусков рассмотрю расширения с вкладками.

Чтобы в magic tabs вставить вкладки и текст нужно написать следующим образом:
{magictabs}
Вкладка 1::Ваш текст 1.
||||
Вкладка 2::Ваш текст 2.
||||
Вкладка 3::Ваш текст 3.
{/magictabs}
Это простая форма. Для того, чтобы применить различные эффекты после {magictabs .. } вставляйте стиль, который указан в демке.
Александр Куртеев , Май 19, 2009
...
0
Здравствуйте! Подскажите,где мне взять плагин plg_content_cd_typocss_1.0.6.zip,скачать
Валерий , Май 24, 2009
...
0
В яндексе введите : plg_content_cd_typocss_1.0.6
сразу выдаст ;-)
Александр Куртеев , Май 27, 2009
...
0
Извините, подскажите пожалуйсто расширение данного плагина коментария. очень понравился.
Виталий , Июнь 12, 2009
...
0
Компонент - JomComment
Александр Куртеев , Июнь 15, 2009
...
0
Спасибо за такие классные уроки но я всё же не могу найти этот плагин. Яndex и google нечего не выдаёт все пересылают на оф сайт, помогите найти этот плагин плиз очень надо.
vadya , Июнь 19, 2009
...
0
Так мне кто-то поможет в поиску этого плагина ?
vadya , Июнь 22, 2009
...
0
Александр я не пойму, зачем было создавать видеоурок и недавать на него материал? Где можно скачать плагин Core Design TypoCSS дайте силку?
vadya , Июнь 24, 2009
...
0
Где можно скачать (мамбот) Core Design TypoCSS ?
Анатолий , Июль 02, 2009
...
0
Александр, надеюсь после отпуска, выложите ссылку на Core Design TypoCSS!
Евгений1 , Июль 03, 2009
...
0
Вопрос еще актуальный
vadya , Июль 09, 2009
...
0
Хорошо.
Воспользовался поиском. Ссылку на сайт где скачать предоставляю. Но комментарий с ссылкой будет вскоре удален.

http://design4free.org/modules/sborka-moduley-i-plaginov-ot-greatjoomla.com.html#comment-2116
Александр Куртеев , Июль 13, 2009
...
0
К сожалению по ссылке http://design4free.org/modules...mment-2116 всё умерло!!!
Евгений1 , Июль 13, 2009
...
0
Большое спасибо ifolder еще работает!
vadya , Июль 14, 2009
...
0
Спасибо !!!!! Все отлично работает.
Наталья , Сентябрь 03, 2009
...
0
Ссылка на плагин всплывающей подсказки не работает
Зоя , Ноябрь 02, 2009
...
0
plg_content_cd_typocss_1.0.6 если кому нужен, у меня есть, пишите.
сергей , Ноябрь 03, 2009
...
0
Ссылка на расширение НЕРАБОТАЕТ smilies/sad.gif
Илья , Ноябрь 10, 2009
...
0
Спасибо. Побольше бы таких людей !!smilies/smiley.gif
Тим , Ноябрь 28, 2009
...
0
Ссылку исправил. Спасибо!
Александр Куртеев , Декабрь 09, 2009
...
0
А работает-ли этот плагин с компонентом К2?
rusic , Декабрь 16, 2009
...
0
На К2 плагин не проверялся. Если есть желание можете занятся этим вопросом а потом с нами поделитесь результатами.
Дмитрий Маршалец , Декабрь 20, 2009 | url
...
0
ОК, попробую!smilies/wink.gif
rusic , Декабрь 21, 2009
...
0
В общем, с компонентом К2 этот плагин работает, по крайней мере я пробовал использовать различные варианты конструкций боксов и цитат. Но вот один вопрос возник: не получается создавать конструкцию в конструкции, т.е., например, если текст заключен в бокс и внутри хочется создать цитату. Пробовал написать так: {typography box_white} Основной текст
{typography quote_life} Текст цитаты {/typography}
{typography quote_design} Ваш текст {/typography} {/typography}
Или без последнего закрытия тега {/typography}. Но так выводится только бокс. Можете подсказать, как можно такое сделать или возможно их использование только раздельно?
rusic , Декабрь 28, 2009
...
0
Хм. Похоже только раздельно. Либо в модуле менять название тегов. Спасибо за информацию smilies/wink.gif
Дмитрий Маршалец , Декабрь 28, 2009 | url
...
0
уроки отличные, жаль тока ничего невидно, один звук идёт
вла , Февраль 05, 2010
...
0
неполучается инсталировать joomla 1.5.14 rus. опишите весь путь с начала, если нетрудно. спасибо!
вла , Февраль 05, 2010
...
0
Посмотрел сейчас уроки - видео нормально показывает. Попробуйте скачать.

Урок по установке Joomla http://www.alex-kurteev.ru/besplat...yuter.html
Александр Куртеев , Февраль 05, 2010
...
0
Спасибо Александр, отличный урок!
Алексей , Февраль 12, 2010
...
0
Расстраивает только что у TypoCSS нельзя использовать "блок в блоке", может быть есть аналоги с такой функцией?
zimmet , Февраль 03, 2011

Написать комментарий

меньше | больше

busy