Перейти к публикации
Поиск в
  • Дополнительно...
Искать результаты, содержащие...
Искать результаты в...

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


 Поделиться

Рекомендованные сообщения

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

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

post-23081-0-56259600-1351527427_thumb.png

Ссылка на комментарий
Поделиться на других сайтах


<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>

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

Ссылка на комментарий
Поделиться на других сайтах


В шаблоне, если ето дефолтний то здесь 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>
Сделайте картинку вместо заливки и привяжите силку
Вы конечно простите меня за мои не далёкие знания, но раскажите по подробнее, как вставить картинку и ссылку привязать ? Заранее спасибо!
Ссылка на комментарий
Поделиться на других сайтах


Делаете картинку(например в фотошопе), припустим назвади ее 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>

<style type="text/css">

.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>

<a href="http://www.facebook.com/pages/ProFFitlv/168295743308503" class="add_comment"></a>

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

Изменено пользователем JetLi
Ссылка на комментарий
Поделиться на других сайтах


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

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

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

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

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

post-23081-0-56539500-1351594456_thumb.png

Ссылка на комментарий
Поделиться на других сайтах


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

Всё, я понял в чем ошибка. Спасибо вам еще рас за помощь!
Ссылка на комментарий
Поделиться на других сайтах


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

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

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


<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>
Короч по анологии пути для картинки пропишите...
Спасибо вам большое, вы меня выручили! :)
Ссылка на комментарий
Поделиться на других сайтах


Создайте аккаунт или войдите в него для комментирования

Вы должны быть пользователем, чтобы оставить комментарий

Создать аккаунт

Зарегистрируйтесь для получения аккаунта. Это просто!

Зарегистрировать аккаунт

Войти

Уже зарегистрированы? Войдите здесь.

Войти сейчас
 Поделиться

  • Сейчас на странице   0 пользователей

    • Нет пользователей, просматривающих эту страницу.
×
×
  • Создать...

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.