Vydělávej až 160.000 Kč měsíčně! Akreditované rekvalifikační kurzy s garancí práce od 0 Kč. Více informací.
Hledáme nové posily do ITnetwork týmu. Podívej se na volné pozice a přidej se do nejagilnější firmy na trhu - Více informací.

Diskuze: Bootstrap 3 input opacity

Aktivity
Avatar
Neaktivní uživatel:6.2.2015 16:21

Hoj, mám takový problém.
Potřebují pomoci Bootstrap 3 udělat input na search který bude na 60% opacity, ale aby text v něm byl na 100% opacity.

Celej input jsem sice dal na 60%, ale aby byl font vidět na 100% nevím jak udělat.

  • Bych potřeboval aby glyphicon byla v inputu v levo, vím jak jí dat v pravo, ale v levo to prostě nejde, na internetu jsou classky které už v bootstrapu nejsou nebo jsou přejmenované :D

Budu vděčný za rady.
Přikládám img jak by to mělo vypadat.

Díky

Odpovědět
6.2.2015 16:21
Neaktivní uživatelský účet
Avatar
Odpovídá na Neaktivní uživatel
Neaktivní uživatel:6.2.2015 16:22

Ještě img jak mi to vypadá teď...
Glyphicon jsem zatím dal pryč jelikož mi tam překáží když nevím jak ji strčit do leva.

Nahoru Odpovědět
6.2.2015 16:22
Neaktivní uživatelský účet
Avatar
Neaktivní uživatel:6.2.2015 16:48

Tak to opacity jsem vyřešil tak že jsem ho všude dál 1,0, a jen změnil background-color na světlejší.

S tím glyphicon furt nevím jak na to :(

Nahoru Odpovědět
6.2.2015 16:48
Neaktivní uživatelský účet
Avatar
xpoproci
Člen
Avatar
xpoproci:6.2.2015 17:49

Skús to dať ako background-image toho textboxu nastav na no-repeat a prispôsob padding.

Nahoru Odpovědět
6.2.2015 17:49
Motto
Avatar
Honza Bittner
Tvůrce
Avatar
Odpovídá na Neaktivní uživatel
Honza Bittner:6.2.2015 18:04

Ta opacity se dělá pomocí rgba() funkce v background.

Zjisti si jak se ta lupa vypisuje (element, :before, :after... ?) a poté jen změň pozici...

Využívej Dev Tools v Chromu, což je opravdu užitečný nástroj. ;)

Akceptované řešení
+20 Zkušeností
+2,50 Kč
Řešení problému
Nahoru Odpovědět
6.2.2015 18:04
FIT ČVUT alumnus :-) Sleduj mě na https://twitter.com/tenhobi a ptej se na cokoli na https://github.com/tenhobi/ama.
Avatar
Odpovídá na Honza Bittner
Neaktivní uživatel:6.2.2015 18:17

rgba není funkce :D

Nahoru Odpovědět
6.2.2015 18:17
Neaktivní uživatelský účet
Avatar
Ori I
Člen
Avatar
Odpovídá na Neaktivní uživatel
Ori I:6.2.2015 18:31

slovičkárenie :D :D

 
Nahoru Odpovědět
6.2.2015 18:31
Avatar
Honza Bittner
Tvůrce
Avatar
Odpovídá na Neaktivní uživatel
Honza Bittner:6.2.2015 20:08

Sorry, už jsem "zblblý" z Sassu, kde to jest funkce...

Je pak krása využívat hexa barvy

color: rgba(#000, 0.2);

... :)

Nahoru Odpovědět
6.2.2015 20:08
FIT ČVUT alumnus :-) Sleduj mě na https://twitter.com/tenhobi a ptej se na cokoli na https://github.com/tenhobi/ama.
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 8 zpráv z 8.