Centar za edukaciju-BiH



#1 20.05.2020 18:15
Avko Van mreze
Administrator
Registrovan od:28.05.2014
Postovi:4,696


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
zivot je moja domovina.
↑  ↓

#2 20.05.2020 20:02
mirsadz Van mreze
Administrator
Registrovan od:26.05.2011
Postovi:48


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.
↑  ↓

#3 20.05.2020 20:09
zxz Van mreze
Administrator
Registrovan od:03.02.2009
Postovi:10,611


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>
  2.         <head>
  3.         <style>
  4. /*ovo vazi za cijelu klasu*/   
  5.         .klasa_1
  6.         {
  7.         color:black;
  8.         width:600px;
  9.         font:25px;
  10.         background:#0159fe;    
  11.         font-family: "Lucida Console", Courier, monospace;
  12.         }
  13.         /*vazi samo za tipove dole navedene*/  
  14.         .klasa_1 input[type=text],input[type=date],input[type=file]    
  15.         {
  16.         width:240px;
  17.         font:15px;
  18.         background:#0eecf1;
  19.         font-family: Arial, Helvetica, sans-serif;             
  20.         }      
  21.         /*vazi samo za tip button*/    
  22.         .klasa_1 input[type=button]    
  23.         {
  24.         width:40px;
  25.         font:15px;
  26.         background:#fb3504;
  27.         font-family: Arial, Helvetica, sans-serif;             
  28.         }
  29.         /*samo za labelu*/
  30.         .klasa_1 label
  31.         {
  32.         font:31px;
  33.         width:140px;
  34.         background:#3cfc03;    
  35.         color:#e9f40b; 
  36.         }      
  37.         </style>
  38.                 <meta charset="utf-8">
  39.                 <title></title>
  40.         </head>
  41.         <body>
  42.         <div class="klasa_1">
  43.         <label >Ime i prezime</label>
  44.         <input type="text" />
  45. <!--    pasvord nema svoju klasu pa ce uzeti samo opste podatke iz klasa_1-->
  46.         <input type="password" />
  47.         </div>
  48.         </body>
  49. </html>

Podrška samo putem foruma, jer samo tako i ostali imaju koristi od toga.
↑  ↓

#4 21.05.2020 10:27
Avko Van mreze
Administrator
Registrovan od:28.05.2014
Postovi:4,696


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.             }      

zivot je moja domovina.
↑  ↓

#5 21.05.2020 18:26
zxz Van mreze
Administrator
Registrovan od:03.02.2009
Postovi:10,611


Predmet:Re: može li se stilizirat PREGLEDAJ polje/dugme
Probaj ovako:
font:12px Lucida ;
Podrška samo putem foruma, jer samo tako i ostali imaju koristi od toga.
↑  ↓

#6 21.05.2020 19:58
Avko Van mreze
Administrator
Registrovan od:28.05.2014
Postovi:4,696


Predmet:Re: može li se stilizirat PREGLEDAJ polje/dugme
to radi.
zanimljivo.
zivot je moja domovina.
↑  ↓

#7 21.05.2020 21:15
zxz Van mreze
Administrator
Registrovan od:03.02.2009
Postovi:10,611


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,
Podrška samo putem foruma, jer samo tako i ostali imaju koristi od toga.
Ovaj post je ureden 1 puta. Posljednja izmjena 24.05.2020 18:01 od strane Avko. ↑  ↓

#8 26.05.2020 10:52
Avko Van mreze
Administrator
Registrovan od:28.05.2014
Postovi:4,696


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.
zivot je moja domovina.
Ovaj post je ureden 1 puta. Posljednja izmjena 26.05.2020 10:54 od strane Avko. ↑  ↓

#9 26.05.2020 13:00
zxz Van mreze
Administrator
Registrovan od:03.02.2009
Postovi:10,611


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.
Podrška samo putem foruma, jer samo tako i ostali imaju koristi od toga.
↑  ↓

#10 27.05.2020 08:24
Avko Van mreze
Administrator
Registrovan od:28.05.2014
Postovi:4,696


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{

}
zivot je moja domovina.
Ovaj post je ureden 1 puta. Posljednja izmjena 27.05.2020 08:26 od strane Avko. ↑  ↓

Stranice (2):1,2


Sva vremena su GMT +01:00. Trenutno vrijeme: 4: 02 pm.