#1 2013-12-30 18:46:53

SamerLP
Člen
Registrován: 2013-07-25
Příspěvky: 497

[Vyřešeno] CSS3 button

Zdravím mám taký problém chcem sa spýtať chcem si na web dať CSS tlačítko takéto tu je link kde ho spravím: http://css3gen.com/button-generator/
ale neviem ja chcem dávať do príspevku cez HTML a neviem kde si dole je ten kód ktorý treba dať do style.css pravdepodobne poradíte prosím ako to tam dám aby to šlo prosím?

Offline

#2 2013-12-30 20:13:31

Trade
Endora rádce
Místo: Česká republika
Registrován: 2013-01-22
Příspěvky: 3,596
Web

Re: [Vyřešeno] CSS3 button

Do souboru wp-content/themes/styl/style.css vložíte

.button {
color: rgb(230, 230, 230);
font-size: 20px;
padding: 20px;
text-shadow: 0px -1px 0px rgba(30, 30, 30, 0.8);
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
background: rgb(210, 20, 20);
background: -moz-linear-gradient(90deg, rgb(210, 20, 20) 30%, rgb(250, 20, 20) 70%);
background: -webkit-linear-gradient(90deg, rgb(210, 20, 20) 30%, rgb(250, 20, 20) 70%);
background: -o-linear-gradient(90deg, rgb(210, 20, 20) 30%, rgb(250, 20, 20) 70%);
background: -ms-linear-gradient(90deg, rgb(210, 20, 20) 30%, rgb(250, 20, 20) 70%);
background: linear-gradient(0deg, rgb(210, 20, 20) 30%, rgb(250, 20, 20) 70%);
-webkit-box-shadow: 0px 2px 1px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    0px 2px 1px rgba(50, 50, 50, 0.75);
box-shadow:         0px 2px 1px rgba(50, 50, 50, 0.75);
}

.
Při psaní příspěvku editor přepnete na HTML a vložíte tam

<a href="odkaz" class="button">Klikni!</a>

.


Kontaktujte nás | FAQ
Email: fk@endora.cz

Offline

#3 2013-12-30 21:21:01

SamerLP
Člen
Registrován: 2013-07-25
Příspěvky: 497

Re: [Vyřešeno] CSS3 button

ide ale pozrite tu: http://www.craftguild.8u.cz/ dal som to do príspevku infected a tam to neni vidieť prečo? len tu kuk: http://www.craftguild.8u.cz/nova-hra-infected/#more-216? prosím pomožte

Offline

#4 2013-12-30 21:24:30

JF
Endora rádce
Místo: ....nice u Plzně
Registrován: 2010-06-22
Příspěvky: 11,939

Re: [Vyřešeno] CSS3 button

Ja tam ten button vidím. Obnovte stránku stlačením CRTL+F5, prípadne si premažte cache vašeho prehliadača.


Ján Fačkovec - Endora.cz by Webglobe
Email, Web, Webadmin, Webmail, Nápověda, Ceník

Offline

#5 2013-12-30 21:52:26

SamerLP
Člen
Registrován: 2013-07-25
Příspěvky: 497

Re: [Vyřešeno] CSS3 button

už aj ja to vidím dobre a prosím ako ho presuniem z lavej strany na pravu prosím?

Offline

#6 2013-12-30 21:55:35

Trade
Endora rádce
Místo: Česká republika
Registrován: 2013-01-22
Příspěvky: 3,596
Web

Re: [Vyřešeno] CSS3 button

V souboru style.css si do třídy .button přidejte

float:right;

.


Kontaktujte nás | FAQ
Email: fk@endora.cz

Offline

#7 2013-12-30 21:59:05

SamerLP
Člen
Registrován: 2013-07-25
Příspěvky: 497

Re: [Vyřešeno] CSS3 button

Aha dobre díky myslím že to je asi všetko možete dať prosím za vyriešené

Offline

Zápatí

Založeno na FluxBB | CZ a SK