| Главная » Статьи » Уроки по Укос |
| Веб Мастеру [2] | Ликбез [2] |
| Партнерки [2] | Полезности [11] |
| Уроки по Укос [7] | Фоны [1] |
| Windows [4] | WordPress [1] |
| Мои статьи [3] | 3 [0] |
Как добавить свой текст в дизайн сайта, что бы его было видно на любой странице сайта?Небольшой урок начинающему ВебМастеру.Чтобы нужный текст был виден везде и всем на вашем сайте, часто такой текст размещают в футере (подвале) сайта.
Как разместить нужную информацию в коде сайта и не сломать код?1. Сразу заходим в Панель Управления сайтом (далее ПУ)ПУ - Дизайн - Управление дизайном - нижняя часть сайта - вам откроется страница с HTML кодом нижней части вашего сайта.  На фото HTML код низ (футер) сайта В каждой теме (дизайне) сайта Код HTML конечно разный, но суть одна. Код выглядит примерно так же в каждой теме (дизайне) сайта. Не стоит сразу пугаться кучи непонятных значков, но с ними нужно быть поаккуратнее, иначе у вас может что нибудь вообще исчезнуть, или сайт "поведет". Поэтому перед тем как начать что либо редактировать или добавлять в любой код, рекомендуется сохранить оригинал HTML этой страницы в обычном блокноте. Тогда если что то и пойдет не по плану, то всегда можно будет восстановить оригинал. Совет: На каждой странице в редакторе шаблонов на Укосе есть функция - Восстановить стандартный шаблон - эта функция вам поможет, но только в том случае, если у вас еще ничего не было изменено в дизайне сайта, иначе при нажатии на эту кнопку, все ваши ранее внесенные изменения просто исчезнут. 2. Что НЕЛЬЗЯ трогать в коде - Во первых, нельзя разбивать-дробить код и вставлять лишнее внутрь этого кода. Например <td valign="top" style="padding:10px;"></td> Внутри такого кода <...можно изменять-добавлять значения стиля.../> и т.д., но вставлять в этот код, другой HTML код категорически не стоит. То, что находится в этих скобках <...kod, teg .../> это уже тег, который работает и вставлять туда лишнее не надо. Еще, если часто код очень длинный, и его хочется перенести на следующую строку, что бы лучше его видно было, то: То, что находится в этих тегах <.../> разрывать так же нужно аккуратно (а лучше их пока, не трогать, не разрывать), иначе сайт так же может "поломаться" или его "поведет" Поэтому после каждого изменения, сохраняйтесь и проверяйте-обновляйте страницу сайта, что бы сразу заметить если что то "поломалось" и тогда можно будет просто отменить последние изменения Для того что бы получить начальные знания по этим HTML тегам, рекомендую легкий и простой учебник по HTML для чайников скачать его можно здесь на сайте - 1. Мини-Учебник по HTML во вторых, даже случайно, не удалите вот этот тег - $POWERED_BY$, а то Укос сильно обидится и закроет ваш сайт навсегда. 3. Ну а теперь самое интересное, начинаем вставлять то, что нам хочется в низ сайта.  Самый простой способ для начинающих, это просто вставить текст просто выше всех кодов и тегов.Просто опускаем интером весь код на несколько строчек ниже и ставим свой текст, сохраняем и идем посмотреть что у нас получилось. Совет: Между "родным" кодом дизайна и вашим вставленным текстом (кодом), рекомендуется оставить несколько пустого места, что бы они для вас не сливались в одно общее целое. Можно вставить просто текст безо всяких тегов, тогда он будет отображаться, тем стилем который установлен у вас на сайте по умолчанию. На фото это первый вариант текста. Ниже расположен второй вариант - здесь текст уже отредактирован в редакторе т.к. мне захотелось. Как сделать текст с ХТМЛ кодом, быстро и просто. Вы думаете я хорошо знаю ХТМЛ коды и пишу их от руки? нет, я их вообще не знаю... Это можно сделать проще: На сайте выбираем функцию -
Таким же способом можно поставить
Вот что у нас получится в результате двух вариантов добавления текста с тегами и просто с текстом по умолчанию.Картинка слилась с фоном сайта, но ее все таки видно )) Для наглядности, посмотрим код низа сайта который стоит сейчас на сайте. Стрелка 1 - это код двух установленных информеров $MYINF_3$ и $MYINF_4$
Почему код для этих двух информеров такой длинный? т.к. если разместить теги информеров просто рядом, то они будут видны одной длинной колонкой. А что бы они были рядом для этого и нужна таблица.
Оформление конечно может быть абсолютно разным, на ваш вкус и желание. Здесь просто пример. Если информеры создать в 2-3 колонки, то можно будет их просто расположить рядом и не использовать таблицу. Тогда можно использовать сразу несколько разных информеров $MYINF_1$ $MYINF_2$ $MYINF_10$..... они сами расположатся в 2-3 колонки. Стрелка 2 - Это код текста, который находится внизу нашего сайта. Так же добавлен и отредактирован через форму добавления материалов на сайте. Стрелка 3 - Это "родной" основной код низа сайта, который стоит по умолчанию. В данном дизайне в него просто не нужно было лезть и что то менять. Хотя иногда и можно и нужно, например внизу для экономии места можно разместить все меню сайта. Еще два кода установленных внизу сайта
И в этом случае я не стала лезть в основной код футера. Так же интером опустилась на несколько строк ниже основного кода сайта и просто вставила код баннера и код картинки вверх. Код ссылки - картинки вверх [ <a href="#">
     
Есть также и код картинки "Вниз", но он работает не на всех сайтах Укоса, видимо это зависит от выбранного дизайна сайта. На этом сайте, код "Вниз" не работает. [ <a href="#footer"> При копировании и добавлении кода к себе на сайт, скобки [.....] нужно удалить. Еще ниже стоит код БаннераКод баннера на сайт с иконками закрыт тегами - <noindex>....</noindex> это для оптимизации сайта, что бы не было лишних исходящих ссылок с вашего ресурса. Здесь на сайте эти два кода расположены в одну строку, что бы они были не рядом, а друг над другом, нужно между ними поставить тег <br> это перенос на другую строку. такой тег ставится часто между кодами и любой информацией. если редактировать код стразу в - добавлении материалов, то этот и другие нужные теги выставятся сами.
Здесь рассмотрены самые простые и доступные варианты размещения дополнительных кодов в HTML коде сайта. | |
|
| |
| Просмотров: 14785 | Комментарии: 1 | Рейтинг: 5.0/ 2 |
| Всего комментариев: 1 | ||
| ||
Внимание!
Все файлы и программы взяты с интернет пространства.
Администрация сайта не несет никакой ответственности за использование и последствия данных программ и файлов