WebSite X5Help Center

 
Janusz S.
Janusz S.
User

Jak wstawić przycisk CSS  pl

Autor: Janusz S.
Visited 1562, Followers 2, Udostępniony 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.

Posted on the
8 ODPOWIEDZI - 2 USEFUL
Darek J.
Darek J.
User

Witaj Janusz smile

Wstawiasz takiego buttona na stronę jako [kod html]
Wpisujesz <div class="btn">jakiś tekst</div>
a w zakładce zaawansowane wklejasz wygenerowany kod smile

Pozdrawiam smile 

Czytaj więcej
Posted on the from Darek J.
Janusz S.
Janusz S.
User
Autor

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?

Czytaj więcej
Posted on the from Janusz S.
Janusz S.
Janusz S.
User
Autor

Z linkiem sobie poradziłem, z szerokośćią też ale kiedy dodałem ten link to coś sie zepsuło 

Czytaj więcej
Posted on the from Janusz S.
J. Kozak
J. Kozak
User

Witaj Janusz,

  1. Aby ustawić konretną szerokość przycisku to w ustawieniach zaawansowanych musisz dodać opcję padding to stylów przycisku, np:

    .btn{
    padding: 15px 40px;
    }

  2. Jeżeli chodzi o podpięcie linku to wystarczy iż cały przycisk umieścisz w kodzie <a href="#TwójAdres"></a>, czyli:

    <a href="#AdresStrony"><div class="btn">Twój Przycisk</div></a>

Możesz sobie to przetestować tutaj

Pozdrawiam.

Czytaj więcej
Posted on the from J. Kozak
Aleksander K.
Aleksander K.
User

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.

Czytaj więcej
Posted on the from Aleksander K.
Darek J.
Darek J.
User

Witaj Aleksander smile

Aleksander K.
...Próbowałem kilkakrotenie zmianiać kod i za kazdym razem oba przyciski są takie same. Gdzie popełniam błąd.

Jeżeli chcesz mieć dwa lub więcej "innych" buttonów to musisz je odpowiednio nazwać smile

np btn1, btn2... itd wink

Jeżeli już zmienisz nazwę, tak jak w przykładzie class, to w stylach css też musisz pozmieniać wink

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 smile

Pozdrawiam smile

Czytaj więcej
Posted on the from Darek J.
Bogdan P.
Bogdan P.
User

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.

Czytaj więcej
Posted on the from Bogdan P.
Aleksander K.
Aleksander K.
User

Wszystko działa jak należy. Pozdrawiam

Czytaj więcej
Posted on the from Aleksander K.