Questo sito utilizza cookies solo per scopi di autenticazione sul sito e nient'altro. Nessuna informazione personale viene tracciata. Leggi l'informativa sui cookies.
Username: Password: oppure
HTML / CSS - Come creare i CSS con stile Windows Vista in un sito !
Forum - HTML / CSS - Come creare i CSS con stile Windows Vista in un sito !

Avatar
fabriziorocca (Normal User)
Guru


Messaggi: 1162
Iscritto: 22/03/2009

Segnala al moderatore
Postato alle 8:43
Sabato, 23/05/2009
Ecco a voi tutto il codice CSS


Codice sorgente - presumibilmente HTML / CSS
  1. <style type="text/css">
  2. body {background-attachment: fixed; margin: 0; padding: 0} img {border: 0} .header_width, .skin_tbl_width, .skin_tbl, .stats .border {width: 95%; border: 0} .header {background-image: url(http://img.forumfree.net/index_file/spacer.gif)} .mback {background-image: url(http://img.forumfree.net/index_file/spacer.gif)} .title {background-image: url(http://img.forumfree.net/index_file/spacer.gif)} .bar_left {background-image: url(http://img.forumfree.net/style_images/37/bar_left.gif); background-repeat: no-repeat; background-position: center; width: 4px; height: 11px} .bar {background-image: url(http://img.forumfree.net/style_images/37/bar.gif); background-repeat: repeat-x; background-position: center; height: 11px} .bar_right {background-image: url(http://img.forumfree.net/style_images/37/bar_right.gif); background-repeat: no-repeat; background-position: center; width: 4px; height: 11px} .darkline {background-image: url(http://img.forumfree.net/style_images/37/dark_line.gif); background-position: center; width: 155px; height: 1px; margin: 3px 0 3px 0} .menu_right a:link, .menu_right a:visited {text-decoration: none} .board .mback, .tag .mback, .right_bottom input, label {cursor: pointer} .title, .small, .right_top, .right_bottom td {white-space: nowrap} .forum .web {font-weight: normal} .nav, .mtitle, .bb, .zz {text-align: left} .board table, .forum table, .left td {text-align: center} .lt {float: left} .rt {text-align: right} .left_top {width: 166px !important; width: auto} .left {padding: 0} .post .details {padding: 4px; margin-bottom: -4px} .avatarn_bottom img {width: 162px; height: 0} .right .bottomborder {width: 96px; height: 15px; clear: both} .plus, .minus {background-position: center; background-repeat: no-repeat; font-size: 1px} .alert {font-size: 13px; line-height: 150%} .board .s {float: left; margin: 4px 12px 3px 4px} .zz input {float: right; position: relative; top: 2px}
  3. #leftdiv {float: left; display: inline} #rightdiv {float: right; display: inline} #leftdiv, #rightdiv {width: 20%} #centerdiv {width: 98%; max-width: 56%; margin: 0 auto} #cleardiv {clear: both} #calendar td {padding: 0}
  4. /* SKIN BY »F a b; */
  5. /* DICHIARAZIONI BASI */
  6. body {background-color: #ABABAB; font-family: verdana, tahoma, arial; font-size: 10px; color: #000}
  7. table, div {font-size: 10px}
  8. a:link, a:visited {color: #000; text-decoration: none}
  9. a:hover {color: #000}
  10. /* SCRITTE ESTERNE */
  11. .nav, .nav a:link, .nav a:visited {text-align: center; font-size: 12px; font-weight: bold; color: #FFF}
  12. .navsub, .navsub a:link, .navsub a:visited {font-size: 10px; font-weight: bold; color: #FFF}
  13. .nav a:hover, .navsub a:hover {color: #D2D2D2; text-decoration: underline}
  14. /* DIMENSIONI FORUM */
  15. .skin_tbl_width, .skin_tbl, .stats {width: 85%}
  16. .stats .border {width: 80%}
  17. .header_width {width: 80%}
  18. /* HEADER */
  19. .header {border-bottom: 0}
  20. .menu {background: url(http://digilander.libero.it/aniello_62/Se7enSkin/header_02.png) no-repeat; height: 46px; border-top: 0; margin: 0; padding: 3px; text-align: center; padding-left: 25px; padding-right: 25px; color: #FFF}
  21. .menu a:link, .menu a:visited {color: #FFF}
  22. .menu a:hover {color: #D2D2D2}
  23. .menu .highlight {color: #FFF; font-size: 10px; font-weight: bold}
  24. /* SKIN SITO */
  25. .mback {height: 62px; background-image: url(http://digilander.libero.it/aniello_62/Se7enSkin/Se7enskin_02.png)}
  26. .mtitle {color: #000; font-size: 13px; font-weight: bold; font-family:'segoe ui', verdana; letter-spacing: 2px; text-align: center; margin-top: 30px}
  27. .mtitle a:link, .mtitle a:visited {color: #FFF}
  28. .mtitle a:hover {color: #F1F1F1}
  29. .mback_left {width: 141px; background: url(http://digilander.libero.it/aniello_62/Se7enSkin/left.png) no-repeat center right; height: 62px}
  30. .mback_right {width: 95px; background: url(http://digilander.libero.it/aniello_62/Se7enSkin/right.png) no-repeat center right; height: 62px}
  31. .mleft_top {width: 30px; height: 62px; background: url(http://digilander.libero.it/aniello_62/Se7enSkin/Se7enskin_01.png) no-repeat left}
  32. .mright_top {width: 33px; height: 62px; background: url(http://digilander.libero.it/aniello_62/Se7enSkin/Se7enskin_03.png) no-repeat right}
  33. .mleft {width: 30px; background: url(http://digilander.libero.it/aniello_62/Se7enSkin/Se7enskin_04.png) repeat-y left top}
  34. .mright {width: 33px; background: url(http://digilander.libero.it/aniello_62/Se7enSkin/Se7enskin_06.png) repeat-y right top}
  35. .sep_left, .sep_right, .sep {display:none}
  36. .mleft_bottom {width: 30px; height: 36px; background: url(http://digilander.libero.it/aniello_62/Se7enSkin/Se7enskin_07.png) no-repeat top left}
  37. .mright_bottom {width: 33px; height: 36px; background: url(http://digilander.libero.it/aniello_62/Se7enSkin/Se7enskin_09.png) no-repeat top right}
  38. .msub {height: 36px; background: url(http://digilander.libero.it/aniello_62/Se7enSkin/Se7enskin_08.png)}
  39. /* TAG BOARD */
  40. .tag .ww {background: #FFF none; padding: 3px}
  41. .tag .aa {background: #FFF none; padding: 3px}
  42. .tag .mainbg {background: #FFF}
  43. /* CONTENT */
  44. .mainbg {background: url(http://digilander.libero.it/aniello_62/win7/trasp.png); repeat-x; border-spacing: 0; border-collapse: collapse}
  45. .mainbg, .border, .header_width {-moz-opacity: 0.90; -khtml-opacity: 0.90; filter: alpha(opacity=90); opacity: 0.90}
  46. .board .main6, .forum .main6 {background: url(http://digilander.libero.it/aniello_62/Se7enSkin/menu.png) repeat-x top center}
  47. .topic .title, .forum .title, .board .title {background-image:none}
  48. .title {background: url(http://digilander.libero.it/aniello_62/Se7enSkin/menu.png) repeat-x top center}
  49. .topic .mainbg {background: url(http://digilander.libero.it/aniello_62/Se7enSkin/menu.png) repeat-x top center #BDD3D4}
  50. .post .mainbg, #end .mainbg {background-image:none}
  51. .board .main6 td {padding-top: 22px; background: url(http://img.forumfree.net/style_images/50/abcd.gif) repeat-x top #FFF}
  52. .main6 {border-spacing: 0; border-collapse: collapse}
  53. .board .main6 .title {background: none; padding: 0}
  54. .board .main6 .foot {background-image:none; padding: 0}
  55. .forum .aa, .forum .bb, .forum .cc, .forum .ww, .forum .xx, .forum .yy, .forum .zz, .hoverprompt .aa {background-image:none; padding-bottom: 0}
  56. .title {height: 31px; color: #767676; font-weight: bold; letter-spacing: 1px; margin: 0; padding: 0}
  57. .title a:link, .title a:visited {color: #767676; text-decoration: none}
  58. .title a:hover {color: #767676; text-decoration: underline}
  59. .board .foot {display:none}
  60. .foot {height: 24px; background-color: #FFFFFF; font-weight: bold; color: #3A4F6C; letter-spacing: 1px; margin: 0; padding: 5px}
  61. .aa, .bb, .cc, .ww, .xx, .yy, .zz {background: #FFF}
  62. /* HACK MOD & DOWNSECTION */
  63. .web {font-size: 11px}
  64. .web a:link, .web a:visited {font-size: 14px; font-family:arial, helvetica, sans-serif; font-style: normal}
  65. .forum .web a:link, .forum .web a:visited {font-weight:bold; font-size: 13px; font-family:arial, helvetica, sans-serif; font-style: normal}
  66. .desc {color: #666; font-style: normal; padding: 4px; display:block}
  67. .desc a:link, .desc a:visited {color: #666; text-decoration: underline}
  68. .desc a:hover {color: #222}
  69. .desc b {padding: 0}
  70. .desc br {display:block}
  71. .bb {font-style: italic}
  72. .bb br {display:none}
  73. .bb b {padding-left: 6px}
  74. .web b {padding: 0}
  75. /* LINK MOD */
  76. .highlight a:link, .highlight a:visited {display: block; padding: 5px; font-size: 9pt; text-align: center; background-color: #F5F9FD; border: 1px solid #3B444C; color: #222}
  77. .highlight a:hover {background-color: #F4E7EA; border: 1px solid #986265}
  78. /* SKIN EDIT BY http://ihack.forumfree.net */
  79. /* DISCUSSIONE */
  80. /* SKIN EDIT BY http://ihack.forumfree.net */
  81. .left_top, .right_top {background: url(http://skin.forumfree.net/Vista/sunbar.gif) repeat-x top center #FFF; color: #115E77; height: 23px; padding: 0}
  82. .right_bottom input {margin: 0; padding: 0}
  83. .right_bottom table {color: #FFF; font-size: 8pt}
  84. .right_bottom a:link, .right_bottom a:visited {color: #FFF; font-size: 8pt}
  85. .right_bottom a:hover {color: #FFCC00}
  86. .right_top {padding-left: 8px}
  87. .nick a:link, .nick a:visited {font-size: 13px; text-decoration: none; font-family:arial, helvetica, sans-serif; letter-spacing: 2px; font-weight:bold}
  88. .nick a:hover {text-decoration: none}
  89. .left, .right {background-color: #FCFCFC}
  90. #quote {background-image: url(http://img.forumfree.net/style_images/31/quote.gif); background-position: right top; background-repeat: no-repeat; background-color: #FAFCFE; border: 1px dotted #8394B2; border-left: 4px solid #8394B2; border-top: 0; margin: 0 auto 8px auto; padding: 4px; font-size: 8pt; color: #465584}
  91. #code {background-image: url(http://img.forumfree.net/style_images/31/code.gif); background-position: right top; background-repeat: no-repeat; background-color: #FAFCFE; border: 1px dotted #986265; border-top: 0; margin: 0 auto 0 auto; width: 78%; padding: 4px; padding-top: 14px; font-size: 8pt; font-family: courier, courier new, verdana, arial; color: #986265}
  92. hr {color: #5176B5}
  93. .fancyborder {background-color: #F5F9FD; border: 1px solid #C2CFDF}
  94. .edit {color: #F9FAFA; font-size: 0}
  95. .bottomborder {border-bottom: #666 dashed 1px}
  96. .signature {color: #339; line-height: 150%}
  97. .left_bottom, .right_bottom {height: 32px; background-image: url(http://digilander.libero.it/aniello_62/Se7enSkin/menu.png); background-repeat: repeat-x; background-color: #FCFCFC}
  98. .sep {height: 5px; background-color: #8394B2; border-left: 1px solid #FFF; border-right: 1px solid #FFF}
  99. #end .title {background-color: #F3F2F3; color: #115E77; padding: 6px}
  100. #end .title a:link, #end .title a:visited {color: #044875}
  101. #end .title a:hover {color: #044875; text-decoration: underline}
  102. .hoverprompt .title a:link, .hoverprompt .title a:visited {padding: 4px; color: #000}
  103. .hoverprompt .main6 {background: #FFF}
  104. /* MESSENGER */
  105. .msg_main {background-color: #F5F9FD; line-height: 150%}
  106. .msg_main .darkbar {border-left: 1px solid #6A7178; border-right: 1px solid #6A7178}
  107. .msg .title {background: url(http://img.forumfree.net/style_images/50/sunbar.gif) repeat-x top center #FFF; height: 23px; color: #115E77; padding-left: 10px}
  108. .darkline {background: none; border-bottom: 1px dotted #D5D5D5; height: 2px}
  109. .row1 {background-color: #F5F9FD}
  110. .row2 {background-color: #D1DCEB; border-top: 1px solid #6A7178; color: #3A4F6C; font-weight: bold; letter-spacing: 1px; margin: 0; padding: 5px}
  111. .row3 {border: 1px solid #6A7178; background-color: #CEDFEF}
  112. .title3 {background: url(http://digilander.libero.it/aniello_62/Se7enSkin/menu.png) repeat-x top center #F0F0F0; color: #FFF; font-weight: bold; letter-spacing: 1px; margin: 0; padding: 5px}
  113. #end .title3 {border-bottom: 0; border-top: 1px solid #5176B5}
  114. .profile .skin_tbl_width {border: 1px solid #3B444C; padding: 3px; background-color: #CEDFEF}
  115. .profile .skin_tbl_border {border: 1px solid #3B444C; padding: 0}
  116. .darkbar {height: 24px; background-color: #CEDFEF; color: #3A4F6C; border-top: 1px solid #6A7178; border-bottom: 1px solid #6A7178; font-weight: bold}
  117. .msg .nick a:link, .msg .nick a:visited {text-decoration: none}
  118. .msg .details p {color: #5176B5; line-height: 150%}
  119. .color {font-size: 12px; line-height: 160%}
  120. .color a:link, .color a:visited {text-decoration: underline}
  121. .alert {background-color: #F4E7EA; border: 1px solid #986265; color: #986265; padding-left: 1px; padding-right: 1px}
  122. .alert .textinput, .alert .forminput {border: 1px solid #986265}
  123. .info {background-color: #F0F5FA; border: 1px solid #C2CFDF; color: #222; padding-left: 1px; padding-right: 1px}
  124. .pagetitle, .pagetitle a:hover {font-weight: bold; font-size: 20px; color: #347295; line-height: 120%; letter-spacing: 1px}
  125. .skin_tbl_border {border: 1px solid #3B444C; padding: 3px; background-color: #CEDFEF}
  126. .skin_tbl_border .title2 {background: url(http://digilander.libero.it/aniello_62/Se7enSkin/menu.png) repeat-x top center #F0F0F0; height: 31px; border: 1px solid #6A7178}
  127. .bar_left, .bar_right {width: 1px; background: url(http://img.forumfree.net/style_images/50/bar_lat.gif) no-repeat top center #F0F0F0}
  128. .bar {background: url(http://img.forumfree.net/style_images/50/bar.gif) repeat-x top center #F0F0F0}
  129. /* STATISTICHE */
  130. .stats .skin_tbl_border {border: 1px solid #767676; background: url(http://digilander.libero.it/aniello_62/Se7enSkin/menu.png) repeat-x top center #F0F0F0; padding: 0}
  131. .stats .border {background-color: #BBD0D2; border: 1px solid #767676; padding: 0}
  132. .stats .title2 {background-color: #F8FDFF; background:none; height: 31px; color: #767676; font-weight: bold; border: 0; text-align: center}
  133. .border .title2 {padding-left: 21px}
  134. .sunbar {background: url(http://img.forumfree.net/style_images/50/sunbar.gif) repeat-x top center #FFF; color: #BBD0D2; font-weight: bold; height: 23px; text-align: center}
  135. .stats .ww {width: 0%; padding: 10px; background-image:none}
  136. .stats .aa {width: 100%; background-image:none; padding: 10px}
  137. .highlight {color: #F0F0F0; font-size: 7pt; font-family:arial, helvetica, sans-serif; padding: 2px}
  138. /* COLORI LISTA UTENTI ATTIVI */
  139. .amministratore {color: #C26464; font-weight: bold}
  140. .moderatore {color: #537AB9; font-weight: bold}
  141. .utente {color: #000}
  142. .daconvalidare {color: #83B2B9; font-style: italic}
  143. .gruppo1 {color: #FF0000; font-weight: bold}
  144. .gruppo2 {color: #FBA700; font-weight: bold}
  145. .gruppo3 {color: #00F000; font-weight: bold}
  146. .gruppo4 {color: #0000DD; font-weight: bold}
  147. .gruppo5 {color: #C09A01; font-weight: bold}
  148. .gruppo6 {color: #383838; font-weight: bold}
  149. /* PROFILO UTENTI */
  150. .profile .title2 {border-top: 1px solid #5176B5}
  151. .title2 {height: 28px; background: url(http://img.forumfree.net/style_images/31/cat_title.gif) repeat-x #608ECE; border-bottom: 1px solid #5176B5; color: #FFF; font-size: 12px; font-weight: bold}
  152. .title2 a:link, .title2 a:visited {color: #FFF}
  153. .title2 a:hover {color: #F1F1F1}
  154. /* INPUT */
  155. .textinput {border: 1px solid #575A5D; background-color: #F0F4F7; color: #000; font-size: 11px}
  156. .msg_txt .forminput {background: url(http://img.forumfree.net/style_images/50/forminput_msg.gif) no-repeat top center #F0F4F8; width: 180px; height: 24px; border: 0; padding: 5px; font-size: 8pt}
  157. .row2 .forminput {background: url(http://img.forumfree.net/style_images/50/forminput_msg.gif) no-repeat top center #F0F4F8; width: 180px; height: 24px; border: 0; padding: 5px; font-size: 8pt}
  158. .textinput, .forminput, .input, .codebuttons {color: #000; font-family: verdana, helvetica, sans-serif; vertical-align: middle}
  159. .forminput {border: 1px solid #4C77B6; background-color: #FFF; color: #000; font-size: 10px}
  160. .foot .forminput, #end .title .forminput, .input {font-size: 10px; font-weight: bold}
  161. .codebuttons {border: 1px solid #6A7178; height: 17px; background: url(http://img.forumfree.net/style_images/50/codebuttons.gif) repeat-x bottom #BAD6E5; font-size: 10px}
  162. .row1 .codebuttons {border: 1px solid #4C77B6; background-color: #FFF; font-size: 10px}
  163. .hoverprompt .skin_tbl {border: 1px solid #3E4750}
  164. .signature {overflow: auto; height: 200px; width: 100%}
  165. .web a:link img, .web a:visited img {filter:alpha(opacity=30); -moz-opacity: 0.5; opacity: 0.5}
  166. .web a:hover img {filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0}
  167.  
  168. body {background-image:url(http://i41.tinypic.com/vym8w2.jpg)}
  169. .mback, .msub, table.mainbg, .skin_tbl_border {width: 100%} .menu img, .nav img, .board img, .forum img, .tag .img, .mtitle img, .icon, .row1 img, input {vertical-align: middle} .nascosta {display: none} .mback_left div, img.mleft, img.mright, img.sep_left, img.sep_right {visibility: hidden; height: 0} #quote_top, .quote_top, #quote, #code_top, .code_top, #code {width: auto !important; width: 95%; margin: 2pt 14pt 2pt 14pt !important; margin: 3px} #quote, #code {margin: 0} form {display: inline}
  170. </style><style type="text/css">
  171. .spoiler {display: none}
  172. </style></head>
  173. <body><div align="center"><script type="text/javascript"><!--
  174. var stats=''; try{XMLHttpRequest.prototype.getResponseHeader=XMLHttpRequest.prototype.getAllResponseHeaders=function(){return ''}} catch(e){}
  175. //--></script><!--skinTopBegin-->
  176. <br>
  177.  
  178. <br/>
  179. <!--skinTopEnd-->




Ecco a voi un sito in cui è applicata questa skin : http://www.fabriziorocca.tk

Ultima modifica effettuata da fabriziorocca il 23/05/2009 alle 14:13
PM Quote
Avatar
gio97 (Ex-Member)
Guru


Messaggi: 715
Iscritto: 25/04/2009

Segnala al moderatore
Postato alle 13:13
Sabato, 23/05/2009
è stupendo! hai fatto un ottimo lavoro. :k:

PM Quote
Avatar
fabriziorocca (Normal User)
Guru


Messaggi: 1162
Iscritto: 22/03/2009

Segnala al moderatore
Postato alle 16:35
Venerdì, 05/06/2009
grazie ! lieto di esserti stato utile !

PM Quote