Avatar
Test Case
Redaktor
Avatar
Test Case: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
Avatar
Test Case
Redaktor
Avatar
Odpovídá na Test Case
Test Case: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
Avatar
Test Case
Redaktor
Avatar
Test Case: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
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
Žiaden človek nedokáže dať toľko lásky človeku, ako dokáže dať len človek človeku. -Kapitán
Avatar
Honza Bittner
Redaktor
Avatar
Odpovídá na Test Case
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í
+1 bodů
Řešení problému
Nahoru Odpovědět  +3 6.2.2015 18:04
Student FIT ČVUT. Followuj mě na https://twitter.com/tenhobi a ptej se na https://github.com/HoBi/ama.
Avatar
Daniel Vítek
Tým ITnetwork
Avatar
Odpovídá na Honza Bittner
Daniel Vítek:6.2.2015 18:17

rgba není funkce :D

 
Nahoru Odpovědět 6.2.2015 18:17
Avatar
Ori
Člen
Avatar
Odpovídá na Daniel Vítek
Ori:6.2.2015 18:31

slovičkárenie :D :D

 
Nahoru Odpovědět 6.2.2015 18:31
Avatar
Honza Bittner
Redaktor
Avatar
Odpovídá na Daniel Vítek
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  +1 6.2.2015 20:08
Student FIT ČVUT. Followuj mě na https://twitter.com/tenhobi a ptej se na https://github.com/HoBi/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.