Webboard

Webboard > Wsparcie MyBB > Style, szablony i grafika > Jak zrobić przycisk np. Akcja "Dziękuję za pomoc".
Pełna wersja: Jak zrobić przycisk np. Akcja "Dziękuję za pomoc".
Aktualnie przeglądasz uproszczoną wersję forum. Kliknij tutaj, by zobaczyć wersję z pełnym formatowaniem.

zZzGaming

13.12.2016, 23:47
Jak zrobić podobny przycisk? Sam już trochę zrobiłem ale nie działa tak jak bym chciał. Więc o pomoc zwracam się do was.

Akcja "Dziękuję za pomoc"

Divir

13.12.2016, 23:59
Pokaż co zrobiłeś.

Możesz to zrobić w ACP jako zwykły MyCode.

zZzGaming

14.12.2016, 00:06
Wiem ale chodzi mi o to że ona się nie ściemnia i nwm jak to zrobić

.modbtn a, .profile-signature .modbtn a {
   font-size: 13px;
   width: 100%;
   padding: 7px;
   margin: 4px;
}
.mod-rep a {
   background: seagreen;
   color: #fff;
}
.modbtn a {
   font-size: 17px;
   width: 60%;
   padding: 15px;
   margin: 15px auto;
   display: block;
   border-radius: 3px;
   text-align: center;
}

Sepowaty

14.12.2016, 00:11
Musisz zrobić hovera, który będzie zmieniał kolor tła na ciemniejszy.

zZzGaming

14.12.2016, 00:29
Możesz mi pomóc w ulepszeniu tego kodu?

Poftorek

14.12.2016, 00:41
Na przykład:

.mod-rep a:hover {
background: seagreen;
color: #fff;
}

http://www.w3schools.com/cssref/sel_hover.asp

zZzGaming

14.12.2016, 01:00
Dodaję ten przykładowy kod i coś nie działa.

Poftorek

14.12.2016, 01:03
Zmień sobie kolor, nawet nie patrzysz co wklejasz, a co jeśli podałbym Ci wirusa? :)

zZzGaming

14.12.2016, 01:06
Na ten temat się znam xDD
Wpisuję tam ten przcisk.
<div class="modbtn mod-rep"><a href=""><i class="fa fa-thumbs-o-up"></i> Akcja "Dziękuję za pomoc"</a></div>


A ten kod zrobiłem tak
.modbtn a, .profile-signature .modbtn a {
  font-size: 13px;
  width: 100%;
  padding: 7px;
  margin: 4px;
}
.mod-rep a {
  background: seagreen;
  color: #fff;
}
.modbtn a {
  font-size: 17px;
  width: 60%;
  padding: 15px;
  margin: 15px auto;
  display: block;
  border-radius: 3px;
  text-align: center;
}
.mod-rep a:hover {
  background: #006E68;
  color: #fff;
}

Poftorek

14.12.2016, 01:14
No i fajnie ;) https://jsfiddle.net/z6g9ysz0/

zZzGaming

14.12.2016, 01:17
Wiesz jestem początkującym w HTML i CSS :)
W poście jak to wstawię to się to nie zmienia xD

Poftorek

14.12.2016, 01:28
To znaczy co wstawisz? Ten kod? Jakim prawem ma Ci zadziałać? Stwórz nowy lub usuń cache.

zZzGaming

14.12.2016, 01:29
A dobrze
Webboard > Wsparcie MyBB > Style, szablony i grafika > Jak zrobić przycisk np. Akcja "Dziękuję za pomoc".