Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [CSS][HTML] Button z przezroczystym tłem
DonPolaczek
post 24.02.2015, 00:05:58
Post #1





Grupa: Zarejestrowani
Postów: 64
Pomógł: 0
Dołączył: 19.01.2015

Ostrzeżenie: (0%)
-----


Witam, zacznę od tego że chciałbym aby mój przycisk miał całkiem przezroczyste tło z jakiegoś koloru obramowaniem.
Przepraszam za pomyłkę w temacie chodzi o pole tekstowe z przezroczystym tłem.
No i definiuję w html taki prosty kod:
  1. <div class="wycena-adres-witryny"><input type="text" value="Wpisz adres swojej strony lub wpisz ?brak strony?" style="background-color:transparent;"/></div>

Następnie dodaje do klasy css zaokrąglenie w taki o to sposób:
  1. .wycena-adres-witryny {
  2. border-radius: 50px;
  3. -moz-border-radius: 50px;
  4. -webkit-border-radius: 50px;
  5. border: 3px solid #800000;
  6. }

Niestety brak pożądanego rezultatu jakieś sugestie?

Ten post edytował DonPolaczek 24.02.2015, 00:07:43
Go to the top of the page
+Quote Post
Neymar11
post 24.02.2015, 00:11:30
Post #2





Grupa: Zarejestrowani
Postów: 73
Pomógł: 0
Dołączył: 20.02.2015
Skąd: localhost

Ostrzeżenie: (10%)
X----


daj mu style="background: rgb(0,0,0,255);"
pozdro wink.gif


--------------------
  1. if (!mysql_select_db($conn, 'baza'))
  2. {
  3. mysql_ssie('bardzo');
  4. or die("Uzywaj MySQLi lub PDO!");
  5. }


Cytat
Prawdziwy programista ma grupe krwi C
Transfuzja mozliwa tylko po skompilowaniu lub wykonaniu kodu...
Go to the top of the page
+Quote Post
DonPolaczek
post 24.02.2015, 00:21:24
Post #3





Grupa: Zarejestrowani
Postów: 64
Pomógł: 0
Dołączył: 19.01.2015

Ostrzeżenie: (0%)
-----


Niestety dalej jest to szare kwadratowe obramowanie co prawda mniejsze ale jest...
Go to the top of the page
+Quote Post
Neymar11
post 24.02.2015, 00:43:26
Post #4





Grupa: Zarejestrowani
Postów: 73
Pomógł: 0
Dołączył: 20.02.2015
Skąd: localhost

Ostrzeżenie: (10%)
X----


Ej ale tb chodzi o to ze txtbox jest przezroczysty i ma kolorowa ramke?

z widku css

background: transparent;
border: 3px solid kolor


--------------------
  1. if (!mysql_select_db($conn, 'baza'))
  2. {
  3. mysql_ssie('bardzo');
  4. or die("Uzywaj MySQLi lub PDO!");
  5. }


Cytat
Prawdziwy programista ma grupe krwi C
Transfuzja mozliwa tylko po skompilowaniu lub wykonaniu kodu...
Go to the top of the page
+Quote Post
DonPolaczek
post 24.02.2015, 01:16:06
Post #5





Grupa: Zarejestrowani
Postów: 64
Pomógł: 0
Dołączył: 19.01.2015

Ostrzeżenie: (0%)
-----


Dokładnie tak. Ale standardową ramkę muszę usunąć. Aby była zaokrąglona.

Ten post edytował DonPolaczek 24.02.2015, 01:17:19
Go to the top of the page
+Quote Post
ilidir
post 24.02.2015, 08:33:36
Post #6





Grupa: Zarejestrowani
Postów: 183
Pomógł: 14
Dołączył: 27.09.2014

Ostrzeżenie: (0%)
-----


border: 0px;
Go to the top of the page
+Quote Post
phpion
post 24.02.2015, 08:36:38
Post #7





Grupa: Moderatorzy
Postów: 6 072
Pomógł: 861
Dołączył: 10.12.2003
Skąd: Dąbrowa Górnicza




Tło ustawiasz dla przycisku*, ale obramowanie ustawiasz już dla diva. Przenieś deklarację stylu obramowania do przycisku.

* W sumie to nie przycisk jak napisałeś, a pole tekstowe.
Go to the top of the page
+Quote Post
jaca121212
post 24.02.2015, 09:10:59
Post #8





Grupa: Zarejestrowani
Postów: 256
Pomógł: 16
Dołączył: 21.12.2014

Ostrzeżenie: (0%)
-----


nie wem czy ci o taki efekt chodziło ale sprawdź to <div class="wycena-adres-witryny"><input type="text" id="input" value="Wpisz adres swojej strony lub wpisz ?brak strony?" /></div>
<style>
.wycena-adres-witryny {
width:100%;
height:30px;
margin:5px;
padding:0px;
border-radius: 50px;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
border: 3px solid #800000;
}
.wycena-adres-witryny input{
color:red;
width:90%;
height:30px;
margin-left:20px;
margin-top:0px;
margin-right:20px;
margin-bottom:0px;
padding:0px;
border:2px solid gray;
background-color: rgba(195, 87, 242, 0.2);
}

</style>
Go to the top of the page
+Quote Post
Neymar11
post 24.02.2015, 12:48:17
Post #9





Grupa: Zarejestrowani
Postów: 73
Pomógł: 0
Dołączył: 20.02.2015
Skąd: localhost

Ostrzeżenie: (10%)
X----


Ej chłopacy jemu chodzi chyba o to żeby kolor z diva przenikał na textbox wink.gif
To inputowi background-opacity: 1


--------------------
  1. if (!mysql_select_db($conn, 'baza'))
  2. {
  3. mysql_ssie('bardzo');
  4. or die("Uzywaj MySQLi lub PDO!");
  5. }


Cytat
Prawdziwy programista ma grupe krwi C
Transfuzja mozliwa tylko po skompilowaniu lub wykonaniu kodu...
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 27.04.2025 - 06:12