Как вставить сбоку закладку ?

JetLi · 29 жовтня 2012

Добрый день! Очень хочется добавить закладку сбоку на сайт, к примеру значек фэйсбук, это вообще реально, или нет ? Opencart 1.5.3.1 Сайт: www.proffit.lv

Заранее спасибо!

JetLi · 30 жовтня 2012

<style type="text/css">
.add_comment {
  display:block;
  width:30px;
  height:150px;
  background:#be0000;
  position:fixed;
  left:0;
  top:200px;
}
</style>

<a href="#" class="add_comment">q</a>

Спасибо большое, толкьо не подскажите куда конкретно это вписать ?

JetLi · 30 жовтня 2012

В шаблоне, если ето дефолтний то здесь catalog/view/theme/default/template/common/header.tpl

после тега
<body>
вставте например следующее:
<style type="text/css">
.add_comment {
  display:block;
  width:30px;
  height:150px;
  background:#be0000;
  position:fixed;
  left:0;
  top:42%;
}
</style>

<a href="#" class="add_comment">q</a>
Сделайте картинку вместо заливки и привяжите силку

Вы конечно простите меня за мои не далёкие знания, но раскажите по подробнее, как вставить картинку и ссылку привязать ? Заранее спасибо!

JetLi · 30 жовтня 2012

Делаете картинку(например в фотошопе), припустим назвади ее f.png и розмера у нее 100*30px заливаете в папку catalog/view/theme/default/image

тогда код будет следующий:
<style type="text/css">
.add_comment {
  display:block;
  width:30px;
  height:100px;
  background:url(../images/f.png);
  position:fixed;
  left:0;
  top:42%;
}
</style>

<a href="#" class="add_comment"></a>
Вместо # в строке
<a href="#" class="add_comment"></a>
ставите свою силку, например
<a href="www.example.com/contacts.html" class="add_comment"></a>

.add_comment {

display:block;

width:50px;

height:50px;

background:url (/public_html/catalog/view/theme/bershka/image/facebook1.png);

position:fixed;

left:0;

top:42%;

}

</style>

Спасибо вам большое, но я добавил вот этот код, и чего-то не видно картинки.

Змінено 30 жовтня 2012 користувачем JetLi

JetLi · 30 жовтня 2012

background:url (/public_html/catalog/view/theme/bershka/image.facebook1.jpg);

ет что за самоделка? )

незнаю куда ви ее закинули но путь неправильно прописан... пробуйте так:

background:url (http://домен сайта/catalog/view/theme/bershka/image.facebook1.jpg);

Отлично! Спасибо вам большое, всё получилось! Только вот картинка получилась на белом фоне, как-то можно изменить цвет фона ? Или можно просто картинку в фотошопе на другом фоне сделать и всё ?

JetLi · 30 жовтня 2012

Отлично! Спасибо вам большое, всё получилось! Только вот картинка получилась на белом фоне, как-то можно изменить цвет фона ? Или можно просто картинку в фотошопе на другом фоне сделать и всё ?

Всё, я понял в чем ошибка. Спасибо вам еще рас за помощь!

JetLi · 30 жовтня 2012

Картинку png делаете и фон убираете в фотошопе с картинки....

Да пожалуйста! )

А как, к примеру, добавить сразу 2 закладки туда ? например, ещё и ссылку на твиттер!

JetLi · 30 жовтня 2012

<style type="text/css">
.add_comment {
  display:block;
  width:30px;
  height:100px;
  background:url(../images/f.png);
  position:fixed;
  left:0;
  top:37%;
}
.add_comment2 {
  display:block;
  width:30px;
  height:100px;
  background:url(../images/t.png);
  position:fixed;
  left:0;
  top:45%;
}
</style>

<a href="#" class="add_comment"></a>
<a href="#" class="add_comment2"></a>

Короч по анологии пути для картинки пропишите...

Спасибо вам большое, вы меня выручили! :)

Вхід

Как вставить сбоку закладку ?

Recommended Posts

JetLi

Надіслати

Поділитися на інших сайтах

JetLi

Надіслати

Поділитися на інших сайтах

JetLi

Надіслати

Поділитися на інших сайтах

JetLi

Надіслати

Поділитися на інших сайтах

JetLi

Надіслати

Поділитися на інших сайтах

JetLi

Надіслати

Поділитися на інших сайтах

JetLi

Надіслати

Поділитися на інших сайтах

JetLi

Надіслати

Поділитися на інших сайтах

Створіть аккаунт або увійдіть для коментування

Створити обліковий запис

Вхід

Зараз на сторінці 0 користувачів

Покупцям

Розробникам

Корисна інформація

Останні розширення

Ваші замовлення

ocStore

Шаблони

OpenCart.Pro

Important Information