Centar za edukaciju-BiH


switch Lista naslova: CSS Primjeri

#31 19.03.2019 22:23
zxz Van mreze
Administrator
Registrovan od:03.02.2009
Postovi:10,610


Predmet:Seletovani red druge boje
PreuzmiIzvorni kôd (HTML):
  1. <META NAME="generator" CONTENT="toniarts easyhtml v.2.4">
  2. <TITLE>tabela</TITLE>
  3. body {
  4.   font: normal medium/1.4 sans-serif;
  5. }
  6. table {
  7.   border-collapse: collapse;
  8.   width: 100%;
  9. }
  10. th, td {
  11.   padding: 0.25rem;
  12.   text-align: left;
  13.   border: 1px solid #ccc;
  14. }
  15. tbody tr:hover {
  16.   background: yellow;
  17. }
  18. </HEAD>
  19. <table class="zebra">
  20. <col>
  21. <col>
  22. <col>
  23. <col>
  24. <tr>
  25.     <th>Ime</th>
  26.     <th>Prezime</th>
  27.     <th>Ime oca</th>
  28.     <th>Tel</th>
  29.     <th>Mjesto</th>
  30. </tr>
  31. <tr>
  32.     <td>Marko</td>
  33.     <td>Markovic</td>
  34.     <td>Pero</td>
  35.     <td>234-675</td>
  36.     <td>Kukumgrad</td>
  37. </tr>
  38. <tr>
  39.     <td>Mujo</td>
  40.     <td>Mujic</td>
  41.     <td>Haso</td>
  42.     <td>333-233</td>
  43.     <td>Kukumgrad</td>
  44. </tr>
  45. <tr>
  46.     <td>Zil</td>
  47.     <td>Kar</td>
  48.     <td>Vern</td>
  49.     <td>888-388</td>
  50.     <td>Vodston</td>
  51. </tr>
  52. <tr>
  53.     <td>Mili</td>
  54.     <td>Milivojevic</td>
  55.     <td>Milojko</td>
  56.     <td>469-984</td>
  57.     <td>Malinjak</td>
  58. </tr>
  59.  
  60. </BODY>
  61. </HTML>

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

#32 29.04.2019 20:34
zxz Van mreze
Administrator
Registrovan od:03.02.2009
Postovi:10,610


Predmet:Uvecanje pri prelasku misem preko objekta
PreuzmiIzvorni kôd (HTML):
  1. <META NAME="generator" CONTENT="toniarts easyhtml v.2.4">
  2. <TITLE>Title of your page</TITLE>
  3.  div {
  4.   display: flex;
  5.   justify-content: center;
  6.   align-items: center;
  7.   width: 150px;
  8.   height: 150px;
  9.   float:left;
  10. }
  11.  
  12. .prvi {
  13.   background:blue;
  14. }
  15.  
  16. .prvi:hover {
  17.   border: 5px solid black;
  18. }
  19.  
  20. .drugi {
  21.   margin-left: 10px;
  22.   background:red;
  23. }
  24. </HEAD>
  25. <div class="prvi">A</div>
  26. <div class="drugi">B</div>
  27. </BODY>
  28. </HTML>

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

#33 18.11.2019 17:21
zxz Van mreze
Administrator
Registrovan od:03.02.2009
Postovi:10,610


Predmet:Oblik misa
Oblici misa:
PreuzmiIzvorni kôd (CSS):
  1. .alias {cursor: alias;}
  2. .all-scroll {cursor: all-scroll;}
  3. .auto {cursor: auto;}
  4. .cell {cursor: cell;}
  5. .context-menu {cursor: context-menu;}
  6. .col-resize {cursor: col-resize;}
  7. .copy {cursor: copy;}
  8. .crosshair {cursor: crosshair;}
  9. .default {cursor: default;}
  10. .e-resize {cursor: e-resize;}
  11. .ew-resize {cursor: ew-resize;}
  12. .grab {cursor: grab;}
  13. .grabbing {cursor: grabbing;}
  14. .help {cursor: help;}
  15. .move {cursor: move;}
  16. .n-resize {cursor: n-resize;}
  17. .ne-resize {cursor: ne-resize;}
  18. .nesw-resize {cursor: nesw-resize;}
  19. .ns-resize {cursor: ns-resize;}
  20. .nw-resize {cursor: nw-resize;}
  21. .nwse-resize {cursor: nwse-resize;}
  22. .no-drop {cursor: no-drop;}
  23. .none {cursor: none;}
  24. .not-allowed {cursor: not-allowed;}
  25. .pointer {cursor: pointer;}
  26. .progress {cursor: progress;}
  27. .row-resize {cursor: row-resize;}
  28. .s-resize {cursor: s-resize;}
  29. .se-resize {cursor: se-resize;}
  30. .sw-resize {cursor: sw-resize;}
  31. .text {cursor: text;}
  32. .url {cursor: url(myBall.cur),auto;}
  33. .w-resize {cursor: w-resize;}
  34. .wait {cursor: wait;}
  35. .zoom-in {cursor: zoom-in;}
  36. .zoom-out {cursor: zoom-out;}

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

Stranice (4):1,2,3,4


Sva vremena su GMT +01:00. Trenutno vrijeme: 6: 52 am.