>
Категории вопросов
Задать вопрос +

Основное

Контент-модули

Продвижение сайта

Управление сайтом

Доп. модули

Вебмастеру

Похожие вопросы



Как вставить картинку в логотип сайта

голоса: 0

Хочу вставить картинку в в верхную часть сайта. Как сделать чтобы она начиналась сразу после слов "развлекательный сайт" и заканчивалась до слова "поиск", и как убрать фон во круг картинку которая сейчас добавлена на в верхней части сайта.

В верхней части сайта прописал 

<style>
 .layer2 {
 position: relative;
 bottom: 15px;
 right: 15px; 
 height: 32px;
 }
 </style>
 </head>
 <body>
 <div class="layer2">
 <a href="ваша ссылка"><img src="http://syperport.ucoz.net/1/logotype.png" width="265" height="47" alt="Картинка" /></a>
 </div>

 width="265" height="47" отвечатет за размер изображение, если их убрать то картинка становиться по умолчанию, если ставлю то появляется рамка. Подскажите, пожалуйста, как можно изменить данный код или можете предложить ваш вариант. И как можно сделать чтобы при нажатии на эту картинку открывалась бы моя ссылка.

Адрес сайта http://syperport.ucoz.net/
| Автор: | Категория: Дизайн сайта
Изменение категории | | Автор: Yuri_Geruk

Ответов: 1

голоса: 0
 
Лучший ответ

1. В стилях найти строку номер 100:

.logo h1 a {
 font-size: 27px;
 color: #fff;
 text-decoration: none;
 }

добавить выделенное.

2. После ваши стили, что между тегов <style></style> удалите и в таблицу стилей добавьте:

.layer2 {
    position: relative;
    bottom: 20px;
    right: 45px;
    height: 32px;
}

3. Я в вашем сообщении выделил красным как ссылку добавить чтобы фото было кликабельным.

4. Чтобы сделать форму поиска на уровне, в стили добавьте:

.poi-st form {
    position: relative;
    top: 16px;
}

| Автор:
Выбор ответа лучшим | | Автор: Павел пупу
Подскажите ,пожалуйста, как убрать рамку во круг картинки http://syperport.ucoz.net/1/2/bezymjannyj1.png
| Автор:
Павел пупу,

В стили добавить:

.layer2 img {box-shadow:inherit;}

| Автор:
Yuri_Geruk,
После этих изменений перестала работать строка поиска. Подскажите ,пожалуйста, что некорректно было сделано.
| Автор:
Павел пупу,

Нет, не из-за этих, перестало из-за ваших:

.layer2 {
    position: relative;
    bottom: 20px;
    right: 5px;
    height: 32px;
}

замените их на:

.layer2 {
    height: 45px;
}

далее стили:

.poi-st form {
 position: relative;
 top: 16px;
}

замените на:

.poi-st form {
 position: relative;
 top: 23px;
}

| Автор:
...