Prikazi cijelu temu 04.03.2015 19:23
zxz Van mreze
Administrator
Registrovan od:03.02.2009
Lokacija:Tuzla


Predmet:Tabovi
Primjer pravljenja tabova na stranici.
css mozete prebaciti u vas tekstualni fajl css.
PreuzmiIzvorni kôd (HTML):
  3. <style type="text/css">
  4. #tablist{
  5. padding: 3px 0;
  6. margin-left: 0;
  7. margin-bottom: 0;
  8. margin-top: 0.1em;
  9. font: bold 12px Verdana;
  10. }
  11.  
  12. #tablist li{
  13. list-style: none;
  14. display: inline;
  15. margin: 0;
  16. }
  17.  
  18. #tablist li a{
  19. text-decoration: none;
  20. padding: 3px 0.5em;
  21. margin-left: 3px;
  22. border: 1px solid #778;
  23. border-bottom: none;
  24. background: white;
  25. }
  26.  
  27. #tablist li a:link, #tablist li a:visited{
  28. color: navy;
  29. }
  30.  
  31. #tablist li a:hover{
  32. color: #000000;
  33. background: #C1C1FF;
  34. border-color: #227;
  35. }
  36.  
  37. #tablist li a.current{
  38. background: lightyellow;
  39. }
  41.  
  42. <script type="text/javascript">
  43.  
  44. var selectedtablink=""
  45. var tcischecked=false
  46.  
  47. function handlelink(aobject){
  48. selectedtablink=aobject.href
  49. tcischecked=(document.tabcontrol && document.tabcontrol.tabcheck.checked)? true : false
  50. if (document.getElementById && !tcischecked){
  51. var tabobj=document.getElementById("tablist")
  52. var tabobjlinks=tabobj.getElementsByTagName("A")
  53. for (i=0; i<tabobjlinks.length; i++)
  54. tabobjlinks[i].className=""
  55. aobject.className="current"
  56. document.getElementById("tabiframe").src=selectedtablink
  57. return false
  58. }
  59. else
  60. return true
  61. }
  62.  
  64. <TITLE>Title of your page</TITLE>
  65. </HEAD>
  67.  <ul id="tablist">
  68. <li><a class="current" href="http://www.icentar.ba/showforum.php?id=41" onClick="return handlelink(this)">Java skript</a></li>
  69. <li><a href="http://www.icentar.ba/showforum.php?id=37" onClick="return handlelink(this)">C++</a></li>
  70. <li><a href="http://www.icentar.ba/showforum.php?id=49" onClick="return handlelink(this)">Access</a></li>
  71. <li><a href="http://www.icentar.ba/docs.php?id=4" onClick="return handlelink(this)">Procitajte pravila</a></li>
  72. </ul>
  73. <iframe id="tabiframe" src="http://www.icentar.ba" width="98%" height="350px"></iframe>
  74. </BODY>
  75. </HTML>
Podrška samo putem foruma, jer samo tako i ostali imaju koristi od toga.