Премини към съдържанието

Препоръчан отговор


Здравейте! Може ли малко помощ относно един floating бутон. 

Успех да сложа такъв на сайта ми, но тряба да ностроя още няколко неща, предполагам от style.css 

Ето ги: 

1. Как да го направя да се появява само на конкретни страници. Знам как да го изключа от дадени страници с командата: .page-id-123 #floatingbox {display:none;} , но нещо не се сещам как да направя обратното - да е изключен за всички страници, но само за някои да е активен. Защото в смисъл той си е по принцип div таг, който сложих в header.php на темата - <div id="floatingbox">
<a href="http://novapsihologiq.com/контакти/>контакти</a>/</div> 

и по този начин го прилага за всички страници, но аз искак да го прилага само за конкратни

2. Това мисля че е по-лесно: как мога да го наравя да се появява само след скролване на страницата до определено ниво. Къде трябва да му задам колко пиксела в style.css файла. 

Иначе ето CSS кода за самия бутон:

#floatingbox {
position: fixed;
right: 1px;
top: 200px;
width:40px;
height:40px;
z-index:9999;
-moz-transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
padding:10px;
 }
 
 
 #floatingbox a {
  font-family: Arial;
  color: #ffffff;
  font-size: 16px;
  background: #e04226;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}

#floatingbox a:hover {
  background: #e04226;
  text-decoration: none;
}

 

 

Благодаря!

Сподели този отговор


Линк към този отговор
Сподели в други сайтове

Регистрирайте се или влезете в профила си за да коментирате

Трябва да имате регистрация за да може да коментирате това

Регистрирайте се

Създайте нова регистрация в нашия форум. Лесно е!

Нова регистрация

Вход

Имате регистрация? Влезте от тук.

Вход

×

Информация

Поставихме бисквитки на устройството ви за най-добро потребителско изживяване. Можете да промените настройките си за бисквитки, или в противен случай приемаме, че сте съгласни с нашите условия за ползване.