Чат сообщества
Внимание! Данный раздел закрыт и доступен только для чтения в связи с запуском нового проекта uВопросы, на котором Вы можете найти ответ или задать любой интересующий вопрос по системе uCoz. Задавайте вопросы, ищите ответы и помогайте найти ответы другим пользователям системы! Получайте баллы и открывайте новые достижения. Подробнее в блоге...
Архив - только для чтения | |
| Модератор форума: Shеriff, JonMagon, Yuri_G |
| Сообщество uCoz Архивариус Вопросы новичков (первые шаги в системе) Шапка сайта |
| Шапка сайта |
|
Здравствуйте.
Подскажите пожалуйста, как можно разместить в шапке сайта, например, эмблему футбольного клуба, и чтобы эта эмблема была кликабельна (т.е. при нажатии на эмблему осуществлялся переход на главную)? Заранее благодарю. http://ballfootball.ucoz.com - Сайт болельщиков мадридского "Реала"
|
|
|
|
Цитата 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 - Сайт болельщиков мадридского "Реала"
|
|
Цитата 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> |
|
Цитата с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 - Сайт болельщиков мадридского "Реала"
|
|
GamilkarBarka, если вы про то, что при загрузке сначала проявляется белый фон, а потом картинка шапки, то добавьте в css черный цвет:
Цитата #header { width: 1100px; height: 221px; background: #000 url('/img/header.jpg') no-repeat; font-size: 12px; } |
|
Цитата сondor ( )GamilkarBarka, если вы про то, что при загрузке сначала проявляется белый фон, а потом картинка шапки, то добавьте в css черный цвет Нет-нет. Когда открываешь/обновляешь страницу сайта, все надписи, включая и горизонтальное меню, какие-то блеклые, нечеткие. Обновляется слайд, и все надписи принимают нужные контуры, становятся четкими. Если вернуть на место мой код, то почему-то все нормально. Посмотрите сами. http://ballfootball.ucoz.com - Сайт болельщиков мадридского "Реала"
|
|
Цитата сondor ( )GamilkarBarka, не заметил разницы, она не существенная, отображается одинаково. Вот как она выглядит у меня: Скрин с проблемой - http://pixs.ru/showimage/problemPNG_3764199_12778999.png Скрин с четкими надписями после обновления слайда - http://pixs.ru/showimage/problemsol_7097173_12779027.png Может это с компом связано  http://ballfootball.ucoz.com - Сайт болельщиков мадридского "Реала"
|
|
Цитата сondor ( )GamilkarBarka, через какой браузер наблюдаете проблему? Firefox. Неужели в этом все дело? Если вернуть мой код (который вы подкорректировали - касательно absolute/relative), то все отображается нормально. http://ballfootball.ucoz.com - Сайт болельщиков мадридского "Реала"
|
|
Спрошу в этой теме дабы не "плодить" тему. Сайт: http://atamanskay.ucoz.ru/ . И вот такой вопрос: можно ли какими нибудь манипуляциями поменять ему шапку? Буду очень благодарен, если подскажите как это сделать. Если нельзя, то пожалуйста подскажите какой-либо такой же простой шаблон, но с возможностью отредактировать шапку. Спасибо.
|
|
Цитата 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
|
| |||