Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> kawałek kodu
mylovelyengland
post
Post #1





Grupa: Zarejestrowani
Postów: 12
Pomógł: 0
Dołączył: 19.10.2015

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

Czy mógłby mi ktos wytłuamczyć ten kawałek kodu co do czego sie odnosi i co dziedziczy po czym które właściwości niby proste a mam problem (IMG:style_emoticons/default/smile.gif) 

[HTML] pobierz, plaintext 
  1. <!DOCTYPE html>
  2. <html>
  3.   <head>
  4.     <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  5.     <title>Pseudoklasy: hover active focus</title>
  6.     <style type="text/css">
  7.       input {
  8.         padding: 6px 12px 6px 12px;
  9.         border: 1px solid #665544;
  10.         color: #ffffff;}
  11.       input.submit:hover {
  12.         background-color: #665544;}
  13.       input.submit:active {
  14.         background-color: chocolate;}
  15.       input.text {
  16.         color: #cccccc;}
  17.       input.text:focus {
  18.         color:#665544;}
  19.     </style>
  20.   </head>
  21.  
  22.   <body>
  23.  
  24.     <form>
  25.       <input type="text" class="text" value="Wpisz adres email..." />
  26.       <input type="submit" class="submit" />
  27.     </form>
  28.  
  29.   </body>
  30. </html>
[HTML] pobierz, plaintext


Najbardziej mi chodzi o input.text i input (IMG:style_emoticons/default/smile.gif)
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi (1 - 1)
markonix
post
Post #2





Grupa: Zarejestrowani
Postów: 2 707
Pomógł: 290
Dołączył: 16.12.2008
Skąd: Śląsk

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

Podstawy CSS.

Input - po prostu do elementu HTML input..

input.submit - j/w tylko z klasą submit.

input.submit:hover - j/w tylko po najechaniu

input.submit:active - j/w tylko przy kliknięciu (trzymaniu przycisku)

input.text - input z klasą text

input.text:focus - input z klasą text gdy jest aktywny.
Go to the top of the page
+Quote Post
« Następny starszy · Po stronie przeglądarki · Następny nowszy »
 

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

 

Tryb wyświetlania: Przełącz na: Standardowy · Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 23.08.2025 - 19:18
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn