Jak wstawić przycisk CSS
Автор: Janusz S.
Просмотрено 1921,
Подписчики 2,
Размещенный 0
Witam, posiadam wersje professional 12.
I jedno konkretne pytanie, jak krok po kroku mam wstawić przycisk zrobiony na stronie podanej niżej.
Najważniejsze żebym mógł go wstawić w zawartość strony. Ale jeżeli sie da to dobrze by było gdyby w nagłówku też sie dało.
http://css3buttongenerator.com/
Z góry dzięki za pomoc.
Размещено
Witaj Janusz
Wstawiasz takiego buttona na stronę jako [kod html]
Wpisujesz <div class="btn">jakiś tekst</div>
a w zakładce zaawansowane wklejasz wygenerowany kod
Pozdrawiam
Автор
Dzięki wielkie, wygląd działa. Ale pojawiły sie kolejne dwa pytania.
1. Przycisk jest na całą szerokość kolumny w której sie znajduje, da sie zmienić jego szerokość bez robienia nowych kolumn?
2. Jak mam teraz do niego podpiąć link?
Автор
Z linkiem sobie poradziłem, z szerokośćią też ale kiedy dodałem ten link to coś sie zepsuło
Witaj Janusz,
.btn{
padding: 15px 40px;
}
<a href="#AdresStrony"><div class="btn">Twój Przycisk</div></a>
Możesz sobie to przetestować tutaj
Pozdrawiam.
Witam.
Wstawiam do komórki obiekt html i dalej zgodnie ze wskazówkami Darka kod html i w zaawansowanych wygenerowany kod przycisku. Wszystko działa super. Wstawiam drugi przycisk w kolejnej kolumnie czy wierszu z innym wygenerowanym kodem i o dziwo przycisk wychodzi taki sam jak poprzedni pomimo tego że kod napewno jest inny. Próbowałem kilkakrotenie zmianiać kod i za kazdym razem oba przyciski są takie same. Gdzie popełniam błąd.
Witaj Aleksander
Jeżeli chcesz mieć dwa lub więcej "innych" buttonów to musisz je odpowiednio nazwać
np btn1, btn2... itd
Jeżeli już zmienisz nazwę, tak jak w przykładzie class, to w stylach css też musisz pozmieniać
dla przykładu:
button 1 - <div class="btn1">jakiś tekst</div>
w CSS będzie .btn1
button 2 - <div class="btn2">jakiś tekst</div>
w CSS będzie .btn2 ... itd
Pozdrawiam
Do obiektu "kod html" wstaw w zakładce kod html np:coś takiego
<a target="_blank" href="http://www.onet.pl"><button class="odnosnik">Onet</button></a>
to jest przycisk z odsyłaczem do strony onetu.
W zakładce zaawansowane wstaw np: taki kod css
.odnosnik
{
background-color:green;
width:150px;
height:40px;
border-color:darkgrey;
border-radius:10px;
border-width:4px;
font-size:15px;
box-shadow: 15px 15px 10px #888888;
cursor:pointer;
}
.odnosnik:hover
{
background-color:black;
color:white;
border-color:white;
font-size:20px;
border-color:blue;
}
i masz jakiś tam przycisk z odnośnikiem.
Powodzenia.
Wszystko działa jak należy. Pozdrawiam