Помогите кто может

Сообщений: 155 Регистрация: Июл 2013

7 Августа 2013 13:19

Нужно прикрепить к левому нижнему углу сайта картинку так что бы она там зафиксировалась и была на всех страницах. На скриншоте 1) фон сайта. 2) страница сайта. 3) место куда нужно прикрепить картинку. Для примера сайт http://www.xlpharmacy.com/ (не реклама) на котором это реализовано, но только в правом нижнем углу.

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

Прикрепленные файлы

07-08-2013_13·06·49.png (148.55 КБ) [ Скачать ]

Изменено: Априори - 7 Августа 2013 13:20

Хороший заработок на сайте

Александр

Сообщений: 433 Регистрация: Ноя 2012

7 Августа 2013 14:23

<а class="botlink" href="#"><img src="путь к картинке" /></a>
ставить сразу после открывающего тега body или перед закрывающим.
Стили:
.botlink{display:block; position:absolute; left:0; bottom:0}

Изменено: Александр - 7 Августа 2013 14:25

Априори

Сообщений: 155 Регистрация: Июл 2013

7 Августа 2013 14:38

Александр, не получилось(. При обновлении страницы нужная мне картинка мелькает за логотипом. Пробовал размещать и сразу после body и перед закрывающимся /body .

Feanorr

Сообщений: 565 Регистрация: Янв 2013

7 Августа 2013 14:48

Прилепленному блоку задаешь стили: #fixblok {backgroud-img:url (___); адрес картинки начиная с http://
position:fixed; фиксируем относительно экрана
bottom:10px; отступ снизу
left:10px; отступ слева
z-index: 999; располагать поверх всех картинок
width: x ; height: x;}. высота и ширина задается в пикселях, наличие- обязательно.

сам блок сделай так:
< a href=# > < div id="fixblok" > < / div> < / a>

Feanorr

Сообщений: 565 Регистрация: Янв 2013

7 Августа 2013 14:49

ну и разместить сразу после < body > до всего остального.

Априори

Сообщений: 155 Регистрация: Июл 2013

7 Августа 2013 15:11

Feanorr, все сделал как написали, но результатов вообще никаких нет.

Feanorr

Сообщений: 565 Регистрация: Янв 2013

7 Августа 2013 15:18

значит сделали неправильно smile:confused:

больше нечего сказать...

Starik

Сообщений: 3634 Регистрация: Дек 2011

7 Августа 2013 15:19

Цитата
Априори пишет: все сделал как написали, но результатов вообще никаких нет

Не забывайте, когда вносите изменения в стили сбразывайте кэш. Т.к. страница грузится из него.

Априори

Сообщений: 155 Регистрация: Июл 2013

7 Августа 2013 15:22

кеш чистил. ссылку на картинку вставил через http прямо в скобочки. высоту и ширину картинки указал в пикселях 68px 147px. и сразу после body вставил < a href=ссылка на нужную страницу > < div id="fixblok" > < / div> < / a> убрав пробелы. Правильно или что то не то сделал?

Feanorr

Сообщений: 565 Регистрация: Янв 2013

#10

7 Августа 2013 15:43

Скиньте кусок кода, который получился и css. Исправим прям тут smile;)

Априори

Сообщений: 155 Регистрация: Июл 2013

#11

7 Августа 2013 15:52

#fixblok {
backgroud-img:url(http://сайт/wp-content/uploads/2013/08/16+.png);
position:fixed;
bottom:10px;
left:10px;
z-index: 999;
width: 63px;
height: 93px;
}

</head>
<body>
<a href=" ссылка "> <div id="fixblok">< /div> < /a>

<script type="text/javascript">

Пробелы поставил специально тут.

Feanorr

Сообщений: 565 Регистрация: Янв 2013

#12

7 Августа 2013 16:01

мда.. .тут все ок, значит дело в другом месте. Киньте в личку ссылку на сайт, скажу в чем ошибка.

Априори

Сообщений: 155 Регистрация: Июл 2013

#13

7 Августа 2013 16:05

Отправил))

Starik

Сообщений: 3634 Регистрация: Дек 2011

#14

7 Августа 2013 16:05

z-index: 999; Может быть младшим слоем, гляньте в стилях нет ли показателя со значением 1000 и более. Возможно он перекрывает картинку и ее не видно.

Априори Сообщений: 155 Регистрация: Июл 2013	#15 7 Августа 2013 16:11 Нашел. Несколько раз встречается menu li:hover { z-index: 10000; white-space: normal; } Как поступить в этом случае ? (извините за навязчивость, не понимаю этого).

Похожие темы:

31.03.2025 20:38	Финансовая диета: самозапрет на покупки может стать реальностью
22.06.2023 13:08	Новый закон может заставить YouTube уйти из России — даже блокировать не придется
04.02.2023 09:13	Помогите придумать самый интересный вопрос
27.01.2023 20:16	Криптомайнинг в жилых домах может попасть под полный запрет
27.01.2023 11:33	Налог на майнинг может составить от 7 до 20%

Читают тему (гостей: 1, пользователей: 0, из них скрытых: 0)

Новые темы	Объявления	Свободное общение
13:53 AviTool - мощный инструмент для автоматизации работы с Avito 17:01 Absence в Армении 23:19 Ребята подскажите какими сервисами и прогами вы пользуетесь для SEO продвижения? 19:30 Индексация страниц 20:28 Dao.AD: Монетизация и покупка Push/Pops/Inpage и Video трафика! 14:50 Какую выбрать тему/нишу для сайта? 18:32 Gambling Craft - гемблинг по белому	20:19 BestX24 - быстрый и безопасный обменник криптовалют и электронных денежных средств 12:50 GoodsMoney.io 09:45 Резидентные Прокси Ротационные BACKCONNECT США Европа Микс 19:49 Комплексный прогон по трастовым сайтам, статейное размещение. Рост НЧ-СЧ, Тиц-пр. 15:42 WebKazna. Обмены криптовалют. Доставка наличных. 14:42 SOCKS5 приватные прокси на 30 дней для PayPal 14:42 Google Voice аккаунты для бесплатных SMS и звонков	10:59 Ням-ням! - 8 деликатесов, которые когда-то ели только бедные люди 20:17 Точные прогнозы на футбол 12:23 150+ хакерских поисковых систем и инструментов 08:38 Накрутка поисковых подсказок 17:41 Стряхнуть обыденность - об Агасфере 10:54 Добро пожаловать в цифровой мир... 22:39 Топ-5 способов использовать мобильные прокси для бизнеса: подробный обзор