Перейти к содержанию
JetLi

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

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

Добрый день! Очень хочется добавить закладку сбоку на сайт, к примеру значек фэйсбук, это вообще реально, или нет ? 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 и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.