Внимание! Данный раздел закрыт и доступен только для чтения в связи с запуском нового проекта uВопросы, на котором Вы можете найти ответ или задать любой интересующий вопрос по системе uCoz. Задавайте вопросы, ищите ответы и помогайте найти ответы другим пользователям системы! Получайте баллы и открывайте новые достижения. Подробнее в блоге...

Перейти на новый сайт помощи по uCoz


  • Страница 1 из 2
  • 1
  • 2
  • »
Архив - только для чтения
Модератор форума: Shеriff, JonMagon, Yuri_G  
Сообщество uCoz » Архивариус » Вопросы новичков (первые шаги в системе) » Шапка сайта
Шапка сайта
GamilkarBarka
Сообщений: 46
Репутация: 5

Сообщение # 1 | 22:57:25
Здравствуйте.
Подскажите пожалуйста, как можно разместить в шапке сайта, например, эмблему футбольного клуба, и чтобы эта эмблема была кликабельна (т.е. при нажатии на эмблему осуществлялся переход на главную)?
Заранее благодарю.

http://ballfootball.ucoz.com - Сайт болельщиков мадридского "Реала"
zloykitaec7
Сообщений: 474
Репутация: 143

Сообщение # 2 | 23:32:01
<a href="/"><img src="Ссылка на лого" alt="Logo\Название сайта"></a>

GamilkarBarka
Сообщений: 46
Репутация: 5

Сообщение # 3 | 08:25:03
Цитата zloykitaec7 ()
<a href="/"><img src="Ссылка на лого" alt="Logo\Название сайта"></a>

Я сделал так: 
Код
<a href="Партнерская ссылка, куда осуществляется переход" target="_blank"><img style="position: absolute; top: 50px; right: 100px; border: 1px solid #ddad22;" src="Ссылка на изображение баннера" alt="" /></a>

В любом случае спасибо.

Добавлено (30 Июн 2014, 08:17:27)
---------------------------------------------
А вот такой вопрос появился. Сделал, как указано выше. НО при разных расширениях экрана эмблема сдвигается. Как сделать, чтобы при разных расширениях экрана эмблема находилась на нужном месте?
Вот код самой эмблемы в шапке сайта:


Код
<a href="http://ballfootball.ucoz.com/" target=""><img style="position: absolute; top: 45px; right: 925px; border: 0px solid #ddad22;" src="http://ballfootball.ucoz.com/emb.png" alt="" /></a>

Добавлено (30 Июн 2014, 08:25:03)
---------------------------------------------
Или так лучше: когда я захожу на сайт как гость, то вижу, что эмблема сдвинулась чуть ниже и немного "лезет" на горизонтальное меню сайта. Если залогиниться, то, при появлении админ-бара, эмблема становится на свое место. Как это объяснить и возможно ли исправить, чтобы гость и админ видели эмблему на нужном месте?


http://ballfootball.ucoz.com - Сайт болельщиков мадридского "Реала"
volviknik
Сообщений: 106
Репутация: 13

Сообщение # 4 | 10:38:44
Цитата GamilkarBarka ()
чтобы гость и админ видели эмблему на нужном месте?
Я проверяю, как смотрится сайт, после редактирования, выбором пункта в админ-баре Пользователи ---> Смотреть сайт как... ----> выбираешь группу
сondor
Сообщений: 4661
Репутация: 1528

Сообщение # 5 | 11:07:11
Цитата GamilkarBarka ()
А вот такой вопрос появился. Сделал, как указано выше. НО при разных расширениях экрана эмблема сдвигается. Как сделать, чтобы при разных расширениях экрана эмблема находилась на нужном месте?


GamilkarBarka, вы используете в стилях абсолютное позиционирование элемента: position: absolute

Цитата
<a href="Партнерская ссылка, куда осуществляется переход" target="_blank"><img style="position: absolute; top: 50px; right: 100px; border: 1px solid #ddad22;" src="Ссылка на изображение баннера" alt="" /></a>


Тогда при этом элемент в который помещен данный код должен иметь относительное позиционирование.
Пример:

Цитата
<div style="position:relative;">
<a href="Партнерская ссылка, куда осуществляется переход" target="_blank"><img style="position: absolute; top: 50px; right: 100px; border: 1px solid #ddad22;" src="Ссылка на изображение баннера" alt="" /></a>
</div>
GamilkarBarka
Сообщений: 46
Репутация: 5

Сообщение # 6 | 11:28:27
Цитата сondor ()
Тогда при этом элемент в который помещен данный код должен иметь относительное позиционирование.Пример:

Цитата
<div style="position:relative;">
<a href="Партнерская ссылка, куда осуществляется переход" target="_blank"><img style="position: absolute; top: 50px; right: 100px; border: 1px solid #ddad22;" src="Ссылка на изображение баннера" alt="" /></a>
</div>

Спасибо. Сделал как вы сказали. Вроде получилось. НО при обновлении страницы надписи горизонтального меню как бы становятся размытыми/нечеткими. С чем это связано?
Вот сайт: http://ballfootball.ucoz.com/

http://ballfootball.ucoz.com - Сайт болельщиков мадридского "Реала"
сondor
Сообщений: 4661
Репутация: 1528

Сообщение # 7 | 11:35:52
GamilkarBarka, если вы про то, что при загрузке сначала проявляется белый фон, а потом картинка шапки, то добавьте в css черный цвет:

Цитата
#header {
width: 1100px;
height: 221px;
background: #000 url('/img/header.jpg') no-repeat;
font-size: 12px;
}
GamilkarBarka
Сообщений: 46
Репутация: 5

Сообщение # 8 | 11:42:01
Цитата сondor ()
GamilkarBarka, если вы про то, что при загрузке сначала проявляется белый фон, а потом картинка шапки, то добавьте в css черный цвет

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

http://ballfootball.ucoz.com - Сайт болельщиков мадридского "Реала"
сondor
Сообщений: 4661
Репутация: 1528

Сообщение # 9 | 11:45:10
GamilkarBarka, не заметил разницы, она не существенная, отображается одинаково.
GamilkarBarka
Сообщений: 46
Репутация: 5

Сообщение # 10 | 11:49:55
Цитата сondor ()
GamilkarBarka, не заметил разницы, она не существенная, отображается одинаково.

Вот как она выглядит у меня:
Скрин с проблемой - http://pixs.ru/showimage/problemPNG_3764199_12778999.png

Скрин с четкими надписями после обновления слайда - http://pixs.ru/showimage/problemsol_7097173_12779027.png

Может это с компом связано wacko

http://ballfootball.ucoz.com - Сайт болельщиков мадридского "Реала"
сondor
Сообщений: 4661
Репутация: 1528

Сообщение # 11 | 11:51:03
GamilkarBarka, через какой браузер наблюдаете проблему?
GamilkarBarka
Сообщений: 46
Репутация: 5

Сообщение # 12 | 11:53:29
Цитата сondor ()
GamilkarBarka, через какой браузер наблюдаете проблему?

Firefox. Неужели в этом все дело?

Если вернуть мой код (который вы подкорректировали - касательно absolute/relative), то все отображается нормально. wacko

http://ballfootball.ucoz.com - Сайт болельщиков мадридского "Реала"
сondor
Сообщений: 4661
Репутация: 1528

Сообщение # 13 | 13:21:56
GamilkarBarka, очевидно, что мозилла чуть по другому обрабатывает свойства.
dmstarchikov
Сообщений: 4
Репутация: 0

Сообщение # 14 | 19:59:50
Спрошу в этой теме дабы не "плодить" тему. Сайт: http://atamanskay.ucoz.ru/ . И вот такой вопрос: можно ли какими нибудь манипуляциями поменять ему шапку? Буду очень благодарен, если подскажите как это сделать. Если нельзя, то пожалуйста подскажите какой-либо такой же простой шаблон, но с возможностью отредактировать шапку. Спасибо.
GamilkarBarka
Сообщений: 46
Репутация: 5

Сообщение # 15 | 08:58:54
Цитата dmstarchikov ()
Спрошу в этой теме дабы не "плодить" тему. Сайт: http://atamanskay.ucoz.ru/ . И вот такой вопрос: можно ли какими нибудь манипуляциями поменять ему шапку? Буду очень благодарен, если подскажите как это сделать. Если нельзя, то пожалуйста подскажите какой-либо такой же простой шаблон, но с возможностью отредактировать шапку. Спасибо.

Можно. В CSS:


Код
.header {
    width: 100%;
    min-height: 228px;
    text-align: center;
    background-image: url('http://atamanskay.ucoz.ru/100_38182.jpg');
    position: relative;
}

http://ballfootball.ucoz.com - Сайт болельщиков мадридского "Реала"
Сообщение отредактировал GamilkarBarka - Четверг, 10 Июл 2014, 08:59:56
Сообщество uCoz » Архивариус » Вопросы новичков (первые шаги в системе) » Шапка сайта
  • Страница 1 из 2
  • 1
  • 2
  • »
Поиск: