Avko 20.05.2020 18:15
Predmet:može li se stilizirat PREGLEDAJ polje/dugme

Zanima me dali se moze sa css-om nekako izmjeniti ono polje "PREGLEDAJ", neke komplicirane metode upotrebom javascript koda me za sada ne zanimaju jer sam pocetnik
recimo:
-prilagoditi velicina tako da se ispuni celija sa njime
-promijeniti boju, font slova

mirsadz 20.05.2020 20:02
Predmet:Re: može li se stilizirat PREGLEDAJ polje/dugme

Posto nisam bas u toku, ali ako se radi o input elementu, moze se editovati u css-u. Nacin je slijedeci:

PreuzmiIzvorni kôd (CSS):
  1. input[type=text]
  2. {
  3.   width: 100%;
  4.   padding: 12px 20px;
  5.   margin: 8px 0;
  6.   box-sizing: border-box;
  7. }

bitno je samo u type napisati zeljeni element.

zxz 20.05.2020 20:09
Predmet:Re: može li se stilizirat PREGLEDAJ polje/dugme

Sve moze a i ono sto nemoze moze samo ja neznam kako.
Evo ti pogledaj ovo i bit ce ti jasnije puno.
Bar mislim tako.
Ako nije jasno pitaj
Moze se objekat formatirati i po imernu.
Ovdje je primjer samo po tipu.
PreuzmiIzvorni kôd (HTML):
  1. <!DOCTYPE html>
  3.         <head>
  4.         <style>
  5. /*ovo vazi za cijelu klasu*/   
  6.         .klasa_1
  7.         {
  8.         color:black;
  9.         width:600px;
  10.         font:25px;
  11.         background:#0159fe;    
  12.         font-family: "Lucida Console", Courier, monospace;
  13.         }
  14.         /*vazi samo za tipove dole navedene*/  
  15.         .klasa_1 input[type=text],input[type=date],input[type=file]    
  16.         {
  17.         width:240px;
  18.         font:15px;
  19.         background:#0eecf1;
  20.         font-family: Arial, Helvetica, sans-serif;             
  21.         }      
  22.         /*vazi samo za tip button*/    
  23.         .klasa_1 input[type=button]    
  24.         {
  25.         width:40px;
  26.         font:15px;
  27.         background:#fb3504;
  28.         font-family: Arial, Helvetica, sans-serif;             
  29.         }
  30.         /*samo za labelu*/
  31.         .klasa_1 label
  32.         {
  33.         font:31px;
  34.         width:140px;
  35.         background:#3cfc03;    
  36.         color:#e9f40b; 
  37.         }      
  38.         </style>
  39.                 <meta charset="utf-8">
  40.                 <title></title>
  41.         </head>
  42.         <body>
  43.         <div class="klasa_1">
  44.         <label >Ime i prezime</label>
  45.         <input type="text" />
  46. <!--    pasvord nema svoju klasu pa ce uzeti samo opste podatke iz klasa_1-->
  47.         <input type="password" />
  48.         </div>
  49.         </body>
  50. </html>

Avko 21.05.2020 10:27
Predmet:Re: može li se stilizirat PREGLEDAJ polje/dugme

Proucavao sam ovo gore, sada su mi neke stvari jasnije, a za neke sam potvrdio sumnje.
Zanima me u ovome gore primjeru kako povecati slova u labelama.
Ja sam pokusavao ovdje, mijenjajuci font sa 31px na vise, ali nisam nista napravio

PreuzmiIzvorni kôd (Text):
  1.  .klasa_1 label
  2.             {
  3.                   font:31px;
  4.                   width:140px;
  5.                   background:#3cfc03;    
  6.                   color:#e9f40b;  
  7.             }      

zxz 21.05.2020 18:26
Predmet:Re: može li se stilizirat PREGLEDAJ polje/dugme

Probaj ovako:
font:12px Lucida ;

Avko 21.05.2020 19:58
Predmet:Re: može li se stilizirat PREGLEDAJ polje/dugme

to radi.
zanimljivo.

zxz 21.05.2020 21:15
Predmet:Re: može li se stilizirat PREGLEDAJ polje/dugme

Znaci mozes u css napraviti klasa_1 Klasa_2 itd i za svaku odrediti objekte kako ce izgledati.
Ukoliko neke stvari vrede za sve klase mozes ih ispred odredit i ne pisati ih u klasama napr textarea ili button,

Avko 26.05.2020 10:52
Predmet:Re: može li se stilizirat PREGLEDAJ polje/dugme

danas sam otkrio nesto zanimljivo.

Imamo dvije table, jednoj je class="tabla prva" a drugoj je class="tabla druga".
Table imaju redove tr i stupce td.

PreuzmiIzvorni kôd (Text):
  1. <table class="tabla prva">
  2.                 <tr>
  3.                         <td>
  4.                                 <p> 1. STUPAC PRVE TABLE</p>
  5.                          </td>
  6.                         <td>
  7.                                 <p> 2. STUPAC PRVE TABLE</p>
  8.                         </td>
  9.                 </tr>
  10.         </table>
  11.         <table class="tabla druga">
  12.                 <tr>
  13.                         <td>
  14.                                 <p> 1. STUPAC DRUGE TABLE</p>
  15.                          </td>
  16.                         <td>
  17.                                 <p> 2. STUPAC DRUGE TABLE</p>
  18.                         </td>
  19.         </table>

CSS:

ako zelimo djelovati na obe table napisacemo:

table {
width: 100%; /* razvucemo tablu na cijeli ekran */
}

kada zelimo djelovati na sve stupce prve table napisacemo:

.prva td {
width: 20%; /* stupac uzima 20% velicine cijele table */
}

utjecemo na paragraf druge table

.druga p{
width: 200px;
border: 1px solid #000000;
overflow: hidden;
}

znaci, nije potrebno drugoj tabli davati drugo ime ako se css-ovi u nekim djelovima podudaraju.
To cu probati iskoristiti.

zxz 26.05.2020 13:00
Predmet:Re: može li se stilizirat PREGLEDAJ polje/dugme

Da to sam ti negdje gore i napisao.
Znaci ono sto je uopsteno ide na vrh i vazi za sve.

Avko 27.05.2020 08:24
Predmet:Re: može li se stilizirat PREGLEDAJ polje/dugme

Citiraj zxz:
Da to sam ti negdje gore i napisao.
Znaci ono sto je uopsteno ide na vrh i vazi za sve.

ovdje se radi o necemu drugome. U jednom class-u su dva imena odvojena razmakom.
CSS prepoznaje dali ime koje smo naveli odgovara lijevom ili desnom dijelu class-a

znaci class="tabla lijevo"
ili
class="tabla desno"
css je:

.lijevo{

}

ili

.desno{

}