-
mjsgirl.
User deleted
Salve!
Ho creato da qualche mese il mio forum ( http://michaeljacksonunofficialforum.forumcommunity.net/ ) e stavo rinnovando la grafica, ma ho bisogno di aiuto!
Vorrei mettere uno sfondo alle sezioni, ovvero questa parte:
Ma non so proprio come fare! Potreste darmi una mano?
Nella parte "colori e stili" delle impostazioni ci sono questi codici, ma non ci capisco nulla :/HTML/* font */
@font-face {font-family: 'Bitter';
font-style: normal;
font-weight: 400;
src: local('Bitter-Regular'), url(http://themes.googleusercontent.com/static/fonts/bitter/v4/SHIcXhdd5RknatSgOzyEkA.woff) format('woff')}
@font-face {font-family: 'Bitter';
font-style: normal;
font-weight: 700;
src: local('Bitter-Bold'), url(http://themes.googleusercontent.com/static/fonts/bitter/v4/evC1haE-MsorTl_A7_uSGT8E0i7KZn-EPnyo3HZu7kw.woff) format('woff')}
@font-face {font-family: 'Bitter';
font-style: italic;
font-weight: 400;
src: local('Bitter-Italic'), url(http://themes.googleusercontent.com/static/fonts/bitter/v4/eMS0tViDqryBl0EG1pqFZfesZW2xOQ-xsNqO47m55DA.woff) format('woff')}
/* MENU principale */
.menuwrap {font-size: 11px; font-family: century gothic; background-color: ##E3E3FF; box-shadow: 0 1px 2px rgba(0, 0, 0, .1); -moz-box-shadow: -2px 1px 2px rgba(0, 0, 0, .1)}
.menuwrap li {line-height: 2.1em; text-shadow: -1px -1px 0 rgba(0, 0, 0, .2)}
.menuwrap a {margin: 0; padding: 0 11px; font-size: 11px; color: #A6AB96; text-decoration: none}
.menuwrap a:hover {color: #111; border: 0}
.menuwrap .icon a {padding: 0 6px}
#m_up a {padding: 0 11px 0 0}
#c_up {position: absolute; right: 10px; bottom: 10px; opacity: .5}
#f_up {position: fixed; bottom: 20px; right: 1%; opacity: .9}
.p_up:hover, #c_up:hover, #f_up:hover {opacity: 1; text-decoration: none; border: 0}
/* esci e news */
.menuwrap b {color: #111}
/* numero msg e link REGISTRATI */
.menuwrap em {background: rgba(255, 255, 255, .2); border: 1px solid rgba(0, 0, 0, .1); box-shadow: 0 1px 1px rgba(0, 0, 0, .1), inset 0 1px rgba(255, 255, 255, .3); border-radius: 4px; font: 11px cambria; opacity: .6; padding: 2px}
.menuwrap #nick {margin-left: .6em}
.menuwrap form {padding: 0 11px 0 5px}
/* MENU contestuale(dropdown) */
.menu > a:hover, .menu:hover > a {color: #111}
.menu ul {width: 15em; background: #ABAE96; border: 2px solid rgba(0, 0, 0, .1); box-shadow: 0 1px 5px rgba(0, 0, 0, .5)}
#right .menu ul {margin-left: 1em}
.menu li {padding: 3px 4px; line-height: 106%; text-shadow: none; border-bottom: 1px dashed}
.menu li:first-child {padding-top: 0}
.menu li strong {padding: 3px 8px; color: #000}
.menu li a {padding: 1px 15px !important; font-size: 12px; color: #967065 !important}
.menu li a:hover, .menu li:hover > a {color: #AFA98B !important; background: #111; border-radius: 4px 4px 0 0}
/* SUB MENU contestuale(dropright) */
/* Sposta msg pvt */
.submenu.alternative ul {border-top: 1px solid #080808; margin-top: -2px}
.submenu.alternative li:first-child {padding: 3px 4px; border-top: 0}
/* LOGIN VELOCE */
.menuwrap label, .menuwrap form a {padding: 0; font-size: 10px}
.menuwrap label:hover {color: #FFF}
.menuwrap input {padding: 3px; font: 11px verdana, arial, sans-serif; color: rgba(255, 255, 255, .3); background: rgba(0, 0, 0, .1); border: 1px solid rgba(0, 0, 0, .2); border-radius: 4px; box-shadow: 0 1px 0 rgba(0, 0, 0, .1)}
.menuwrap input:hover {cursor: pointer; background: rgba(255, 255, 255, .4)}
.menuwrap input:focus {cursor: default; outline: none}
.menuwrap input[type=submit] {padding: 2px; border-radius: 4px;
background: rgba(255, 255, 255, .2); border: 1px solid rgba(0, 0, 0, .1); box-shadow: 0 2px 6px rgba(0, 0, 0, .5), inset 0 1px rgba(255, 255, 255, .3), inset 0 10px rgba(255, 255, 255, .2), inset 0 10px 20px rgba(255, 255, 255, .25), inset 0 -15px 30px rgba(0, 0, 0, .2)}
/* CERCA */
.menuwrap .search input {padding-right: 20px; color: #CCC; background: rgba(0, 0, 0, .1)}
.menuwrap .search input:hover {background-color: rgba(0, 0, 0, .5)}
/* SCRITTE ESTERNE */
.nav {font-family: trebuchet ms; font-size: 7pt; font-weight: bold; text-shadow: 1px 1px 1px #825C54; color: #000000}
.navsub {font-family: trebuchet ms; font-size: 7pt; font-weight: bold; text-shadow: 1px 1px 1px #825C54; color: #000000}
/* DIMENSIONI FORUM */
.skin_tbl_width, .skin_tbl, .border {width: 60%}
.stats {width: 50%}
.header_width {width: 100%}
.skin_tbl_border {border: 0}
/* DICHIARAZIONE BASE */
body {background-color: #000000; font-family: arial, sans-serif; font-size: 10px; color: #C6C6FF; font-weight: bold; line-height: 9px}
table, div {font-size: 10px; font-family: arial, sans-serif; line-height: 9px; color: #674740}
a, a:active {color: #A9AF97; text-decoration: none}
a:hover {font-style: italic; transition: all 2s; -moz-transition: all 2s; -webkit-transition: all 2s; -o-transition: all 2s; -moz-transition-duration: 2s}
/* COLORI LISTA UTENTI ATTIVI */
.amministratore {color: #FF7171; font-weight: bold}
.moderatore {color: #008BC2; font-weight: bold}
.utente {}
.daconvalidare {color: #008000}
.gruppo1 {color: #B980FF; font-weight: bold}
.gruppo2 {color: #80A9FF; font-weight: bold}
.gruppo3 {color: #95DDFF; font-weight: bold}
.gruppo4 {color: #9FEF50; font-weight: bold}
.gruppo5 {color: #FFF000; font-weight: bold}
.gruppo6 {color: #FFB56A; font-weight: bold}
/* BARRA ATTORNO AL FORUM */
.mtitle {text-transform: uppercase; text-align: center; font-size: 10px; color: #B7BEA9; font-family: arial; font-weight: bold; text-shadow: 1px 1px 1px black; letter-spacing: 5px; margin-top: 10px}
.mback {height: 4px}
.mback_center {background-image: url(http://skin.forumfree.net/2210/top.png); background-position: bottom; background-repeat: repeat-x}
.mback_left {width: 0; background-image: url(http://skin.forumfree.net/2210/top.png); background-position: bottom; background-repeat: repeat-x}
.mback_right {width: 0; background-image: url(http://skin.forumfree.net/2210/top.png); background-position: bottom; background-repeat: repeat-x}
.msub {height: 4px}
.msub_center {background-image: url(http://skin.forumfree.net/2210/bottom.png); background-position: top; background-repeat: repeat-x}
/* SEZIONI FORUM */
.skin_tbl_border {background-color: #000000}
.mainbg {background-color: #000000}
.title {background-color: #000000; border-bottom: 0; font-weight: bold; text-transform: uppercase; font-family: trebuchet ms; font-size: 6.5pt}
.desc {color: #825C54; line-height: 100%}
.aa, .bb, .cc, .xx, .yy, .zz, .ww {background-image: url(http://i57.tinypic.com/312jx1c.jpg)}
.web a {font-size: 9pt; color: #ABBBA6; text-transform: lowercase; font-family: georgia; text-align: right; background-image: url(http://i57.tinypic.com/312jx1c.png); background-repeat: no-repeat; background-position: left; padding-left: 16px}
.web a:hover {color: #734A4B; background-image: url(http://i59.tinypic.com/14joydc.png); background-repeat: no-repeat; background-position: left; padding-left: 16px; padding-left: 0}
.board .foot {display: none}
.forum .title2, .foot, .row2 {height: 20px; font-weight: bold; background-color: #1C1CFF; border: 0}
/* TAG BOARD */
.tag .ww {border: 0; background-image: none; background-color: #000000; font-family: arial, sans-serif; font-size: 7.5pt; color: #A9AF97; border-bottom: 1px dotted #000000}
.tag .aa {border: 0; background-image: none; background-color: #000000; font-family: arial, sans-serif; font-size: 7.5pt; color: #A9AF97; border-bottom: 1px dotted #000000}
.tag .ww a {font-family: arial; color: #825C54; font-size: 8pt}
.tag .aa a {font-family: arial; color: #825C54; font-family: 8pt}
.tag .ww a:hover, .tag .aa a:hover {letter-spacing: 3px}
/* STATISTICHE */
.stats .border {border: 0}
.skin_tbl_border {color: #8B9E8A}
.stats .title2 {text-align:center; color: #8A605A; font-size: 11px; font-weight: bold; text-transform: uppercase; letter-spacing: 3px; background-color: #000000; border: 0}
.sunbar {background-color: #8A605A; color: #A0A98E}
.highlight {color: #8B9E8A; text-transform: uppercase}
/* DISCUSSIONE */
.left_top, .right_top, .left_bottom, .right_bottom {height: 25px; color: #A7B79B; background-repeat: repeat-x; background-color: #000000}
.nick {font-weight: bold; font-size: 11pt; color: #E6A881}
.nick a {font-weight: bold}
.left, .right {background-color: #000000}
.quote_top {text-align: right; font-weight: bold; font-size: 11pt; text-transform: lowercase; font-family: georgia; background-image: url(http://skin.forumfree.net/2210/header-r.png); background-repeat: no-repeat; background-position: right; padding-right: 16px; margin-bottom: 2px}
.code_top {text-align: left; font-weight: bold; font-size: 11pt; text-transform: lowercase; font-family: georgia; background-image: url(http://skin.forumfree.net/2210/header-l.png); background-repeat: no-repeat; background-position: left; padding-left: 16px; margin-bottom: 2px}
.code {border-bottom: 1px dotted #A9AF97; color: #A9AF97; background: #242424; font-size: 7pt; padding: 4px; font-family: verdana, san serif, trebuchet ms; line-height: 6pt}
.quote {color: #242424; background-color: #A9AF97; border: 1px dotted; font-size: 10pt; font-family: times new roman; font-style:italic; padding: 10px; outline: 2px solid #111111; line-height: 100%; font-weight: bold}
.color b {font-weight: 900; color: #BF867B}
.color i {font-family: palatino linotype}
.color u {color: #5A6950}
.color {font-size: 9pt; line-height: 105%; text-shadow: 1px 0 rgba(255, 255, 255, .1); font-family: 'bitter', serif; text-align: justify}
.color a:hover {text-decoration: none}
.fancyborder {border-bottom: 1px dashed #734A4B}
.row1, .row2, .title2 {background-color: #000000; color: #727E65; border: 0}
.sep {height: 1px; border-top: 1px dashed #111111}
.edit {font-size: 7px; font-style: italic; color: #AAAAAA}
.bottomborder {border-bottom: 1px dashed #000000}
.bar_left {width: 3px; height: 5px; background-image: url(http://skin.forumfree.net/2210/cawsfcv.png); background-repeat: no-repeat}
.bar {height: 5px; background-image: url(http://skin.forumfree.net/2210/3vffwzz.png); background-repeat: repeat-x}
.bar_right {width: 3px; height: 5px; background-image: url(http://skin.forumfree.net/2210/qtu7kkd.png); background-repeat: no-repeat}
.blog .right > div {overflow-x: hidden !important}
.blog .right > div + div {overflow-x: auto !important}
.right > div {overflow-x: hidden !important}
.right > div + div {overflow-x: auto !important}
.left {padding: 6px !important; padding-left: 10px !important}
.avatar1_top {border: 1px dotted rgba(255, 255, 255, .3); padding: 4px; outline: 4px solid #111111; background: url(http://skin.forumfree.net/2210/pmt0jhk.png)}
.avatarn_top {background-image: none}
.avatar1_bottom {background-image: none}
.avatarn_bottom {height: 20px}
/* MESSENGER */
.msg_txt a:hover {text-decoration: none}
.msg_main, .row1 {background-color: #000000; border-bottom: 1px dashed #825C54}
.row3 {background-color: #000000; border-bottom: 1px dashed #1C1C1C}
.title3, .darkbar {background-color: #000000; font-weight: bold; color: #A9AF97}
.title3 {border: 0}
.msg .details p {color: #A9AF97; font-size: 10px; line-height: 100%}
.msg .details {font-size: 7.5pt}
.info {color: #D0AC91; font-size: 7.5pt}
.alert {color: #D0AC91; font-size: 7.5pt}
.msg .darkline {border-bottom: 1px solid #A9AF97}
/* PROFILO UTENTI */
.pagetitle {font-size: 18px; font-style: italic; font-family: georgia; font-weight: bold; line-height: 120%; color: #A9AF97}
.profile .row1 {background: #000000; padding: 0}
.profile .title2 {color: #000000; text-transform: uppercase; background-color: #A0AB92; background-repeat: repeat-x}
.profile .title2 a {color: #6F302B; text-decoration: none; font-family: georgia}
.profile .title2 a:hover {font-family: georgia; color: #A0AB92; font-style: italic}
.profile .bottomborder {border-bottom: 1px dotted #D6A1A7}
.profile .skin_tbl_border {background: #000000}
/* INPUT */
.textinput {border: 0; background: #1C1C1C; font-size: 11px; color: #825C54; font-family: verdana, helvetica, sans-serif; vertical-align: middle; border-radius: 4px}
.forminput {border: 1px dotted #000000; font-size: 10px; color: #825C54; font-family: verdana, helvetica, sans-serif; vertical-align: middle; background-color: #1C1C1C}
.input {background-color: #1C1C1C; font-size: 10px; color: #A9AF97; font-family: verdana, helvetica, sans-serif; vertical-align: middle}
.codebuttons {border: 0; background-color: #1C1C1C; font-size: 10px; color: #A9AF97; font-family: arial; vertical-align: middle; border-radius: 5px; border: 1px #020202}
.codebuttons:hover {color: #80625B}
/* bottoni minori(cancella, modifica, citazione) e bottoni messenger(amico, cancella, rispondi */
.ltbut {background: rgba(255, 255, 255, .2); border: 1px solid rgba(0, 0, 0, .1); box-shadow: 0 1px 1px rgba(0, 0, 0, .1), inset 0 1px rgba(255, 255, 255, .3); border-radius: 4px; font: 11px cambria; opacity: .6; padding: 2px; margin: 2px}
.ltbut:hover {background: rgba(255, 255, 255, .2); border: 1px solid rgba(0, 0, 0, .1); box-shadow: 0 1px 1px rgba(255, 255, 255, .3), inset 0 1px rgba(0, 0, 0, .1); border-radius: 4px; padding: 2px; margin: 2px}
Aiutatemi, vi prego!.