Войти

Авторизация

Логин:
Пароль:
Забыли пароль?
Регистрация
Сайт пользователей Artisteer и Themler. Официальный торговый представитель.

[РЕШЕНО] Вопрос по верхнему колонтитулу

Посетитель
spiroksi
Сообщений: 3
1144 дня назад
Добрый день всем!
Делаю сайт-визитку на HTML. Нужно вставить номера телефонов в верхний колонтитул. Добавляю текстовое поле. А как текст в нем написать - ничего не могу найти. Помогите, плииз.
Постоянный участник
artnikov
Медаль За активное участие в жизни сайта.
Сообщений: 479
119 дней назад
spiroksi:
Нужно вставить номера телефонов в верхний колонтитул
Доброго дня. Исходник дайте...? Или адрес сайта, если в сети. Если нет, то сделайте проще: Откройте страницу в браузере у себя и сохраните страницу как HTML(целиком), положите в архив и выложите здесь. Минут через пятнадцать все сделаем. look
Редактировалось: 1 раз (Последний: 7 февраля 2013 в 16:01)
Постоянный участник
sagus85
Медаль
Сообщений: 287
4 дня назад
spiroksi:
Добавляю текстовое поле. А как текст в нем написать - ничего не могу найти.
А просто два раза кликнуть на это текстовое поле и написать?
Я так пишу. smoke
Посетитель
spiroksi
Сообщений: 3
1144 дня назад
Вот примерно так
Постоянный участник
artnikov
Медаль За активное участие в жизни сайта.
Сообщений: 479
119 дней назад
spiroksi:
Вот примерно так
Извините, я по рисунку не нарисую, мне нужен файл html и css scratch
Посмотрите выше, я написал, что необходимо для вставки блока... sad
Редактировалось: 1 раз (Последний: 7 февраля 2013 в 19:03)
Постоянный участник
alavira
Медаль
Сообщений: 168
72 дня назад
Хм... Так Вы уже использовали встроенные функции, добавления надписей в хедере,
То что с лева написано, теперь только или в ручную. Или сделать в фотошопе картинку с прозрачным фоном и надписью
номеров. И вставить как картинку, расположив где надо. Это самый простой вариант.

Если же надо именно текстом, то в ручную, надо найти, можно фаербагом:
а) код этого блока в уже экспортированном шаблоне, и узнать класс этого блока.
б) найти этот класс примерно это будет так

<div class="art-object796916175-text"></div>

В него вставить Ваш номер тел. так: <div class="art-object796916175-text"> Тел. 7656765435</div>

с) открыть файл css найти там этот селектор у меня получилось, art-object796916175 и в него добавить параметры для текста примерно так:

color: #FA6114 !important;
font-family: Arial,'Arial Unicode MS',Helvetica,Sans-Serif;
font-size: 36px;
font-style: normal;
font-weight: normal;
margin: 0;
padding: 20px;
text-decoration: none;
text-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
white-space: nowrap;

Где color: #FA6114 цвет текста
font-size: 36px; размер текста
padding: 20px; отступы сверху, снизу и с боков.(регулировать под себя)
text-shadow: 0 2px 3px rgba(0, 0, 0, 0.3); это украшение текста- тень (не обязательно)
white-space: nowrap; не переносить текст на другую строку (не обязательно)

Я думаю так smile
Посетитель
spiroksi
Сообщений: 3
1144 дня назад
Спасибо! ПОМОГЛО!
alavira:

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

Если же надо именно текстом, то в ручную, надо найти, можно фаербагом:
а) код этого блока в уже экспортированном шаблоне, и узнать класс этого блока.
б) найти этот класс примерно это будет так

<div class="art-object796916175-text"></div>

В него вставить Ваш номер тел. так: <div class="art-object796916175-text"> Тел. 7656765435</div>

с) открыть файл css найти там этот селектор у меня получилось, art-object796916175 и в него добавить параметры для текста примерно так:

color: #FA6114 !important;
font-family: Arial,'Arial Unicode MS',Helvetica,Sans-Serif;
font-size: 36px;
font-style: normal;
font-weight: normal;
margin: 0;
padding: 20px;
text-decoration: none;
text-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
white-space: nowrap;

Где color: #FA6114 цвет текста
font-size: 36px; размер текста
padding: 20px; отступы сверху, снизу и с боков.(регулировать под себя)
text-shadow: 0 2px 3px rgba(0, 0, 0, 0.3); это украшение текста- тень (не обязательно)
white-space: nowrap; не переносить текст на другую строку (не обязательно)

Я думаю так smile
|
Перейти на форум:

Реклама