Четверг, 25.04.2024, 09:01
Главная Регистрация RSS
Приветствую Вас, Гость



Облако тегов
Реклама
Поиск
Реклама
Главная » 2012 » Февраль » 12 » CSS Tab Designer Бесплатная программа для создания меню сайта
CSS Tab Designer является хорошей программой для создания меню сайта. Это генератор горизонтальных и вертикальных CSS меню. Для работы в программе не требуются знания CSS, весь процесс создания меню происходит при помощи визуального редактора. Программа содержит большое количество шаблонов меню, поэтому вам достаточно изменить название пунктов меню, задать каждому пункту ссылку и сохранить меню.

Функции программы CSS Tab Designer

#1. Редактирование меню при помощи визуального редактора с одновременным просмотром результата.

#2. Содержит очень красивые вертикальные и горизонтальные шаблоны меню.

#3. Для работы программы не требуется установки дополнительных компонентов, достаточно просто установить программу.

#4. Меню, генерируемое программой, создается только с использованием CSS и HTML.

#5. Код, генерируемый программой, является кроссбраузерным (совместимым для разных браузеров)

#6. Полностью бесплатная программа.



В качестве примера рассмотрим создание меню в программе.

Для начала в окошке Tab Styles необходимо выбрать тот шаблон который вы желаете использовать в качестве меню и кликнуть по ссылке "Fill with samples" которая находится с лева в окне "Tasks".




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




В результате загрузится окно в котором вы можете задать название и ссылку для данного пункта меню.

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

В качестве примера рассмотрим создание меню в программе.

Для начала в окошке Tab Styles необходимо выбрать тот шаблон который вы желаете использовать в качестве меню и кликнуть по ссылке "Fill with samples" которая находится с лева в окне "Tasks".

1

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

2

В результате загрузится окно в котором вы можете задать название и ссылку для данного пункта меню.

3

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

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

Для того чтобы сохранить меню, выберите пункт "File" >> "Generate HTML & Images", дайте имя и сохраните HTML файл, с изображением использующимся для создания меню, в папку на вашем компьютере.

7

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

Сам CSS код при помощи которого оформлено меню находится между тегами <style> </style>, а HTML код который создает структуру меню между тегами <body> и </body>.

Для интеграции меню на страницы своего сайта скопируйте CSS код и добавьте его в файл стилей своего сайта, а также скопируйте HTML код и добавьте на страницы сайта.

Скачать программу можно здесь

При копировании обязательно указывайте источник: Vebmaster.3dn.ru
01:49
CSS Tab Designer Бесплатная программа для создания меню сайта
Просмотров: 16584 | Добавил: TYOM | Рейтинг: 4.0/3
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Последние файлы

 
[06.11.2015][Скрипты для ucoz]
Плейлист для фильмов или сериалов UCOZ (0)
[09.05.2012][Шаблоны для ucoz]
Шаблон Millenium (14)
[12.02.2012][Программы]
Программа Intro Banner Maker v2.9 Скачать бесплатно (30)
[12.02.2012][Программы]
Adobe Photoshop CS5.1 Extended 12.1.0 Update 2 (x32/x64) RUS Скачать (11)
[12.02.2012][Программы]
Бесплатная программа для создания меню сайта CSS Tab Designer (1)
[24.12.2011][Шаблоны для ucoz]
Флуд-контроль для форума (1)
[10.07.2011][Шаблоны для ucoz]
Шаблон Mistic v.2 (2)
[08.07.2011][Шаблоны для Joomla]
GK Gamebox v1.0.5 (2)
[08.07.2011][Шаблоны для ucoz]
Улучшенная версия шаблона "Kiks" (1)
[05.07.2011][Шаблоны для ucoz]
Шаблон Cinema World для ucoz (2)
Последние статьи

[12.07.2013]
Adobe Photoshop CS 6 Extended. Новые возможности (0)
[12.02.2012]
Как сделать собственный баннер через фотошоп? (1)
[12.02.2012]
Как сделать баннер для своего сайта самому (1)
[12.02.2012]
Онлайн генераторы баннеров и логотипов (7)
[12.02.2012]
CSS Tab Designer Бесплатная программа для создания меню сайта (0)
[12.02.2012]
Меню сайта в uCoz – как его создать или изменить? (2)
[10.02.2012]
Как раскрутить сайт бесплатно? (0)
[10.02.2012]
Как сменить дизайн на сайте Ucoz (0)
[10.02.2012]
Как создать сайт на юкозе? (4)
[08.02.2012]
Как установить иконку favicon.ico в ucoz? (1)
Последние видео уроки и скрипты


[05.11.2015][Cкрипты]
Переключатель сериалов для ucoz (0)
[05.11.2015][Cкрипты]
Переключатель сериалов для ucoz (0)
[13.09.2014]
Кнопка рейтинга + и - (0)
[06.09.2014]
Красивая статистика для uCoz (0)
[06.09.2014]
Вид комментариев ucoz с круглым Avatar (0)
[06.09.2014]
Up на подобии как в вк (0)
[31.08.2014]
Cоц. закладки для сайта (0)
[31.08.2014]
Кнопка наверх в виде ракеты с эффектом огня (0)
[29.08.2014]
Полный мини-чат для uCoz (0)
[30.03.2014]
Радио для сайта (0)