Пятница, 25.07.2025, 04:07


Вниз Главная Регистрация RSS
Приветствую Вас, Гость


Радио ТРАНС
Игротека
Наш опрос
Оцените мой сайт
Всего ответов: 89
Статистика
Яндекс.Метрика Яндекс.Метрика

Онлайн всего: 1
Гостей: 1
Пользователей: 0
Друзья сайта
Главная » Статьи » Уроки по Укос

Как добавить текст в HTML Код сайта


Веб Мастеру [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. Ну а теперь самое интересное, начинаем вставлять то, что нам хочется в низ сайта.

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

Совет:
Между "родным" кодом дизайна и вашим вставленным текстом (кодом), рекомендуется оставить несколько пустого места, что бы они для вас не сливались в одно общее целое.

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

Ниже расположен второй вариант - здесь текст уже отредактирован в редакторе т.к. мне захотелось.

Как сделать текст с ХТМЛ кодом, быстро и просто.


Вы думаете я хорошо знаю ХТМЛ коды и пишу их от руки? нет, я их вообще не знаю...
Это можно сделать проще:

На сайте выбираем функцию -
  • Добавить материал, в поле добавления материала пишем наш текст (ставим картинку, ссылку и т.д.) и
  • оформляем его так как нам нужно.
  • Затем открываем редактор исходного кода
  • Копируем получившийся готовый HTML код и вставляем его в HTML редактор низа сайта
на фото это хорошо видно.

Таким же способом можно поставить
  • любую картинку
  • сделать текст с активной ссылкой
  • Можно сделать таблицу с рамкой
  • изменить фон под вашим текстовым сообщением
  • и т.д. и т.п.

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

Картинка слилась с фоном сайта, но ее все таки видно ))




Для наглядности, посмотрим код низа сайта который стоит сейчас на сайте.



  Стрелка 1 - это код двух установленных информеров $MYINF_3$ и $MYINF_4$
  • Информер $MYINF_3$ "Самое популярное" это информер каталога файлов, сортировка установлена по популярности 1 колонка.
  •  Информер $MYINF_4$ "Новое на сайте" - так же информер каталога файлов, сортировка по дате добавления материалов - 1 колонка.
  • Можно создавать и другие информеры для каталога статей, блога и т.д.

Почему код для этих двух информеров такой длинный?

Потому что эти 2 тега информеров, расположены в таблице и весь остальной код, это код таблицы и  использованного шрифта.
т.к. если разместить теги информеров просто рядом, то они будут видны одной длинной колонкой.
А что бы они были рядом для этого и нужна таблица.
  • Поэтому для удобства (в форме добавления материалов) создается таблица из 2 двух столбцов и 2 ячеек.
  • В эту таблицу вставляем коды информеров и сопровождающий текст
  • Копируем полученный HTML код и вставляем в код низа сайта.

Оформление конечно может быть абсолютно разным, на ваш вкус и желание. Здесь просто пример.

Если информеры создать в 2-3 колонки, то можно будет их просто расположить рядом и не использовать таблицу.

Тогда можно использовать сразу несколько разных информеров

$MYINF_1$

$MYINF_2$

$MYINF_10$.....

они сами расположатся в 2-3 колонки.

Стрелка 2 - Это код текста, который находится внизу нашего сайта.

Так же добавлен и отредактирован через форму добавления материалов на сайте.

Стрелка 3 -  Это "родной" основной код низа сайта, который стоит по умолчанию.

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

Хотя иногда и можно и нужно, например внизу для экономии места можно разместить все меню сайта.

Еще два кода установленных внизу сайта

Плюс в дизайне сайта в самом низу стоит маленький баннер, на сайт где можно сделать иконку для своего сайта и стрелка "Вверх"

И в этом случае я не стала лезть в основной код футера.

Так же интером опустилась на несколько строк ниже основного кода сайта и просто вставила код баннера и код картинки вверх.

Код ссылки - картинки вверх

[ <a href="#">
 <img src="http://img-fotki.yandex.ru/get/26/50730026.8b/0_128187_1d2bae0d_XS.jpg"
 alt="Вверх" height="64" width="64"></a> ]


knopka_vverkh 0.png foot 1.pngfoot.png

  • Что бы установить другую картинку нужно изменить в коде - Адрес картинки, остальной код работает на любом сайте. 
  • Также нужно будет изменить в коде на размеры реальной картинки, здесь картинка 64 на 64 - height="64" width="64"
  • Код Вниз, с другой картинкой, ее размеры 32 на 64 - height="32" width="64"

Есть также и код картинки "Вниз", но он работает не на всех сайтах Укоса, видимо это зависит от выбранного дизайна сайта.

На этом сайте, код "Вниз" не работает.

[ <a href="#footer">
    <img src="http://img-fotki.yandex.ru/get/4424/50730026.81/0_12297b_7c679b90_XS"
    alt="Вниз" align="left" height="32" width="64"></a> ]

При копировании и добавлении кода к себе на сайт, скобки [.....]  нужно удалить.

Еще ниже стоит код Баннера

Код баннера на сайт с иконками закрыт тегами - <noindex>....</noindex> это для оптимизации сайта, что бы не было лишних исходящих ссылок с вашего ресурса.

Здесь на сайте эти два кода расположены в одну строку, что бы они были не рядом, а друг над другом, нужно между ними поставить тег <br> это перенос на другую строку.

такой тег ставится часто между кодами и любой информацией.

если редактировать код стразу в - добавлении материалов, то этот и другие нужные теги выставятся сами.


Здесь рассмотрены самые простые и доступные варианты размещения дополнительных кодов в HTML коде сайта.




Категория: Уроки по Укос | Добавил: Fantom (18.02.2012)
Просмотров: 14785 | Комментарии: 1 | Рейтинг: 5.0/ 2
Всего комментариев: 1
1 roknabaalko  
0
СПАСИБО!!!
Очень полезная инфа!
Это то что я давно ищу!!!!

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]

 

Новое на сайте

 

Самое популярное

 

 Коды скрипты

Случайная статья

  • Чудо ферма \ Virtual farm 150
  • Именем короля 3. Коллекционное издание 146
  • Cities XL Platinum 2013 131
  • Браузер Maxthon 259
  • Download Master 5.12.1.1283 245
  • RIFT – многопользовательская онлайн игра 266
  • Улесье. Коллекционное издание 197
  • Будущее настоящего прошлого_скачать 400
  • Darck Orbit – браузерная игра 268
  • Articles – лучшая Wikipedia в кармане 238
  • iSendSMS - для отправки SMS и MMS 294
  • Lunascape 6.2 Универсальный браузер 250
  • Графический редактор PhotoFiltre 239
  • XnView Full-один из лучших просмотрщиков -конверторов графических файлов 297
  • Редактор Inedita 239

  • Govorilka 3.1 Rus Говорун_Скачать бесплатно 30178
  • FrontPage 2003 Русская версия 11781
  • Игра "Фараон и Клеопатра" скачать бесплатно 7077
  • Новый Супер Марио 4415
  • Mozilla Firefox 8.0.1 - русская версия скачать 4280
  • Игра в Длинные нарды 4086
  • Медитация для привлечения Любви 3831
  • Сборник_Программа настроев Г.Н.Сытина скачать 2969
  • FFrontPage 2007 Русская версия 2933
  • Авто выключение компьютера_WinMend Auto Shutdown 2717
  • Астрон Дизайн - 3D моделирование Вашего дома 2172
  • Спец эффекты с ВебКамерой 2161
  • Штука - игра в карты 1844
  • Программа для быстрого создания Flash-анимации 1626
  • Если хочешь быть счастливым - Литвак Михаил 1622

  • Часы на ваш сайт,блог 367
  • Как сделать топ пользователей,по количеству файлов,и постов 676
  • Вид комментариев для темных дизайнов от Артема Малкова 642
  • Адаптация чата iChat для uCoz 687
  • Красивый блок радио для ucoz 724
  • Изменённый вид опроса 729
  • Новый вид кто онлайн для ucoz 742
  • Девушка-модель на Ваш баннер со статистикой сайта uCoz 674
  • Радио v.2 для сайта 325
  • Скрипт Наша кнопка 414
  • Cоц. закладки для сайта 751
  • Вид материалов для каталога статей от сайта megafact 347
  • Новое меню от Diz-cs 982
  • Кнопки вверх и вниз с функцией запоминания позиции 480
  • Радио для сайта 362
  • Мини профиль с временем суток и функциональным меню 707
  • Sony Ericsson Aino U10i 2814
  • Универсальная статистика 412
  • Перевод на другие языки для uCoz 702
  • Новая форма опроса для ucoz 457
  • Быстрый подъем вверх страницы 398
  • Информер - Новое на сайте 357
  • Простое раздвижное меню для uCoz 417
  • Светлый мини-чат для uCoz 778
  • Помощь сайту webmoney 730
  • Статистика сайта для системы ucoz 737
  • Плеер онлайн радио Kiss FM 729
  • Топ пользователей для сайта ucoz 319
  • Простой мини профиль для uCoz 742
  • Красивая кнопка вверх для блога, сайта 395
  • Радио на вашем сайте 782
  • Информер последних комментариев 781
  • Лента комментариев 397
  • Вид комментариев не использующий картинки всё в CSS стиле 634
  • Информер "Отправить СМС" 392
  • Кнопка рейтинга + и - 797
  • Детские телефоны Какой выбрать малышу? 1421
  • Флеш Часы для uCoz 810
  • Сегодня нас посетило N человек для uCoz 774
  • Новый, светлый мини-чат как на Zagruzka-Plus для uCoz 796
  • Скрипт статистика сайта для uCuz 785
  • Отображаем информацию ваш браузер на uCoz 438
  • 7 каналов радиостанций высочайшего уровня на любой вкус! 639
  • Удобный информер для файлов ucoz 371
  • Флэш игра для вашего сайта 780
  • Стильное оповищение Войти или зарегестрироватся 738
  • Проверка на вирусы [Dr.Web] 835
  • Белый плеер с плейлистом 944
  • Информер с плавным обновлением коментариев 742
  • Аудиоплеер с плейлистом для mp3 музыки 805
  • Скрипт Переводчик от Microsoft 829
  • Скрипт - свежие скриншоты для Ucoz 761
  • Статистика сайта для uCoz 537
  • Статистика посетителей для uCoz 411
  • Информер - лучшие пользователи (топ пользователей) для uCoz 652
  • Вид комментариев для uCoz v.5 685
  • Новый Топ пользователей с аватарами для Ucoz 760
  • Еще один вид опросов 712
  • Полная статистика Ucoz 324
  • Игровое онлайн радио Tort.FM 413
  • Блок нужные программы 324
  • Стрелка вверх 506
  • Steel Battalion Heavy Armor Новая жизнь Kinect 1110
  • Топ файлов с картинками 410
  • Скрипт красивая просилка регистрации для uCoz 379
  • Плеер онлайн радио для сайтов UCOZ и DLE 327
  • Серый Мини-Чат для uCoz 345
  • Обзор электронной читалки Aluratek Libre Air 1276
  • Вертящиеся часы для сайта 468
  • Новый вид соотношения гостей и пользователей 802
  • Уникальный скрипт кнопки Вверх - Вниз, с автоматической прокруткой для чтения 393
  • Скрипт синий мини-профиль + форма входа для uCoz 408
  • Бесплатная отправка СМС 402
  • Не большой блок, отпавить смс с вашего сайта 419
  • Мини-профиль для ucoz 504
  • Отличные Flash часы для сайта 354
  • Летающая птичка твиттера 728
  • Flash радио для сайта 332
  • Полная статистика для сайта в ajax окне 329
  • Вид информера 718
  • Пожертвование на развитие сайта. 782
  • Палец вверх (поднятие страници) 706
  • Скрипт для uCoz информер популярных файлов на сайте 493
  • Светлый юкозовский мини профиль 706
  • Скрипт кнопки на верх для вашего сайта 805
  • Скрипт топ пользователей по кол. сообщений на форуме для uCoz 376
  • Код аудио плеера для ucoz 734
  • Набор файловиков. (выдвижное меню) 717
  • Админ всегда онлайн для Ucoz 373
  • Новый вид комментариев v.1.0 + Модер-панель для uCoz 726
  • Игра на мышление 321
  • Виджет социальных закладок 436
  • Флэш игра для сайта 767
  • Android-планшет, PocketBook A 10 2699
  • Информер лучшие файлы 426
  • Перевод сайта на 7 языков 320
  • Кнопка "Вверх" для сайта или блога 720
  • Оригинальная боковая панелька 564
  • Скрипт-Информер "Топ Аплоадеров (Пользователей)" для Ucoz 353
  • Код он-лайн радио пост рок 745
  • Кнопка наверх в виде ракеты с эффектом огня 733

  • Топ пользователей для сайта ucoz 319
  • Коте для вашего сайта 320
  • Перевод сайта на 7 языков 320
  • Игра на мышление 321
  • Скрипт набор персонала для ucoz 324
  • Блок нужные программы 324
  • Полная статистика Ucoz 324
  • Последние комментарии ucoz 324

  • Графический редактор GIMP 242
  • Cities XL Platinum 2013 131
  • Hotel Giant 2 /Доходный Дом 2 278
  • Браузерная онлайн игра MyLands 208
  • Darck Orbit – браузерная игра 268
  • Генератор дорвеев JakoDorgen 3 359
  • Сборник_Программа настроев Г.Н.Сытина скачать 2969


  • Внимание!

    ВСЕ скачанные файлы с интернета, (и с нашего сайта, так же) перед запуском на своем компьютере рекомендуется ОБЯЗАТЕЛЬНО проверить Вашей антивирусной программой!
    Все файлы и программы взяты с интернет пространства.
    Администрация сайта не несет никакой ответственности за использование и последствия данных программ и файлов

    Вверх Главная Регистрация RSS
    Приветствую Вас, Гость