Sajtkarta

Med sajtkartan kan redaktören skapa trevliga överblicksbilder över webblösningen. Det går att bestämma vilken struktur som skall visas och hur djupt i strukturen man skall gå vid visning.

Sajtkarta

 

Klasser som används:

  • dxSiteMap

  • dxSiteMapLev1top

  • dxSiteMapLev1

  • dxSiteMapLev2top

  • dxSiteMapLev2

  • ...osv

Exempel på stilar för ovanstånde sajtkarta:

  1. C#
  1. .dxSiteMapLev1top,
  2. .dxSiteMapLev2top,
  3. .dxSiteMapLev3top,
  4. .dxSiteMapLev4top
  5. {
  6. list-style-type: none;
  7. padding:0em;
  8. margin:0em
  9. }
  11. .dxSiteMapLev1top
  12. {
  13. margin:0.14em;
  14. }
  16. .dxSiteMapLev1 a
  17. {
  18. display:block;
  19. font-size: 0.8em;
  20. text-decoration: none;
  21. font-weight:bold;
  22. font-family:verdana, arial, helvetica;
  23. background-color:#e5e5e5;
  24. color:#075CCE;
  25. padding: 0.4em;
  26. margin-top: 0.1em;
  27. margin-bottom: 0.1em;
  28. }
  30. .dxSiteMapLev2 a,
  31. .dxSiteMapLev3 a,
  32. .dxSiteMapLev4 a
  33. {
  34. font-size: 0.65em;
  35. padding: 0em;
  36. margin-top: 0.1em;
  37. margin-bottom: 0.1em;
  38. background-color:#ffffff;
  39. color:#075CCE;
  40. }
  42. .dxSiteMapLev2 a,
  43. .dxSiteMapLev3 a
  44. {
  45. display: block;
  46. padding-left:0.6em;
  47. padding-top:0.3em;
  48. padding-bottom:0.3em;
  49. text-decoration:none;
  50. font-weight:bold;
  51. border-left:solid 0.6em #d0cfcf;
  52. overflow:visible;
  53. }
  55. .dxSiteMapLev2 a
  56. {
  57. margin-left:0.6em;
  58. }
  60. .dxSiteMapLev3 a
  61. {
  62. margin-left:1.2em;
  63. }
  65. .dxSiteMapLev4 a
  66. {
  67. margin-left:1.8em;
  68. }
  70. .dxSiteMapLev1 a:active,
  71. .dxSiteMapLev1 a:focus,
  72. .dxSiteMapLev1 a:hover
  73. {
  74. background-color:#f77434;
  75. color:#ffffff;
  76. }
  78. .dxSiteMapLev2 a:active,
  79. .dxSiteMapLev2 a:focus,
  80. .dxSiteMapLev2 a:hover,
  81. .dxSiteMapLev3 a:active,
  82. .dxSiteMapLev3 a:focus,
  83. .dxSiteMapLev3 a:hover
  84. {
  85. color:#f77434;
  86. border-left:solid 0.6em #f77434;
  87. background-color:#e5e5e5;
  88. }