WebSite X5Help Center

 
Janusz S.
Janusz S.
User

Jak wstawić przycisk CSS  pl

Автор: Janusz S.
Просмотрено 2019, Подписчики 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.

Размещено
8 Ответы - 2 Полезно
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 

Читать больше
Размещено От Darek J.
Janusz S.
Janusz S.
User
Автор

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?

Читать больше
Размещено От Janusz S.
Janusz S.
Janusz S.
User
Автор

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

Читать больше
Размещено От 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.

Читать больше
Размещено От 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.

Читать больше
Размещено От 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

Читать больше
Размещено От 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.

Читать больше
Размещено От Bogdan P.
Aleksander K.
Aleksander K.
User

Wszystko działa jak należy. Pozdrawiam

Читать больше
Размещено От Aleksander K.