Advanced Member
- Group
- Pizzette
- Posts
- 2,639
- Location
- provenienza
- Status
- Anonymous
|
|
ϟ Autori: sotired (skin base di jasoo) Termini di utilizzo: ϟ Lasciate i credits. ϟ Non usate la skin come base per creare le vostre ϟ il logo NON è incluso nelle parti prelevabili. ϟ Non cambiate i css in modo vistoso ϟ Non cambiate i colori della skin senza PRIMA averci chiesto il permesso. ϟ Per eventuali modifiche chiedete in questo topic!ϟ Per prelevare avvisa qui!
INSERITE I CODICI IN AMMINISTRAZIONE > GRAFICA > MOBILE/APP
Volete inserire una tabella in homepage nella versione mobile intonata alla skin? Inserite questo (credits già presenti)
CODICE HTML
CODICE <div class="table"><div class="ttitle">prova titolo tabella</div> <div class="ttable">inserisci quello che vuoi in questa tabella, bla bla bla<br><br><div style="text-transform: uppercase; font-size: 11px"><span style="font-weight: bold">fiorenzo</span> skin mobile © <a href="https://fuckyeah.blogfree.net/?act=Profile&MID=388924">sotired</a></div></div></div>
se NON volete la tabella, inserite i credits
CODICE <div style="text-transform: uppercase; font-size: 11px"><span style="font-weight: bold">fiorenzo</span> skin mobile © <a href="https://fuckyeah.blogfree.net/?act=Profile&MID=388924">sotired</a></div>
COLORI E STILI
CODICE /* FIORENZO MOBILE SKIN sotired */
.table {margin: 0; background: #FFF; padding: 10px}
.ttable {background: #FFF; margin-left: 5px; margin-right: 5px; margin-bottom: 5px; padding: 8px; box-shadow: 5px 0 #D4B9B2, -5px 0 #D4B9B2, 0 5px #D4B9B2, 5px 5px #D4B9B2, -5px 5px #D4B9B2}
.ttitle {text-align: left; font-weight: normal; font: 11px calibri; text-transform: uppercase; color: #D4B9B2; padding: 8px; background: transparent; border-bottom: 1px dotted #D4B9B2; margin: 5px 5px 0 5px; outline: none; box-shadow: 5px 0 #D4B9B2, -5px 0 #D4B9B2, 0 -5px #D4B9B2, 5px -5px #D4B9B2, -5px -5px #D4B9B2}
body {font: 14px/150% 'Roboto', Trebuchet MS, Tahoma, Sans-serif; color: #333; background: url(https://i.imgur.com/TBMp7Pv.png), #FFF}
a {color: #11464E; text-decoration: none}
.last-post a *, .web * {color: #DBB69C !important}
.footer {color: #333}
.footer a {font-weight: bold; color: #333}
/* SIDEBAR */
.sidebar {background: #E7DAD1}
.sidebar a, #openmod {color: #FFF; font: 11px calibri; padding: 3px !important; text-transform: uppercase; text-align: left}
.sidebar li {line-height: normal; color: #FFF; background: #DBB69C; margin: 0 5px 0 5px}
.side_title, .side_title.side_close {background: #E7DAD1; color: #FFF; text-align: left; font-weight: normal; text-transform: uppercase; font-size: 11px}
.submenu > li sptrong {background: transparent; color: #67556F; text-align: left; font-weight: normal; text-transform: uppercase; font-size: 11px}
.side_title#st1 {background: #E7DAD1}
.side_title#st2 {background: #D4B9B2}
.side_title#st3 {background: #DBB69C}
.side_title#st4 {background: #837B92}
.side_title#st6 {background: #67556F}
.submenu > li {margin-bottom: 2px}
.login > li, #ff_links, .search {border-bottom: 1px solid #DDD}
#ff_links, .search {border-top: 0}
li.user_details {margin: 0; width: 240px !important}
.frequented_sites {width: 238px !important}
/* menu utente */
.menu > li {color: #999}
.menu .nickname {font-weight: bold; font-size: 18px; color: #FFF}
.sidebar em {font-weight: bold; color: #FFF; background-color: #FFF}
/* login */
.login input {color: #000; border: 1px solid #DDD}
.login input[type=submit] {background: #FFF; color: #000; font-weight: bold} .login input[type=submit]:hover {background: #FFF}
/* cerca */
.search {background-color: #67556F; color: #FFFFFF; margin: 10px 0 10px 0}
.search input {-webkit-text-fill-color: #FFFFFF !important}
/* NAV */
.menuwrap_bg {background-color: #E7DAD1}
.menuwrap em {background-color: #E7DAD1}
/* nome forum */
#nav-title span {color: #999; font-size: 12px; text-transform: uppercase; font-weight: normal}
/* TAGBOARD */
.list-group .tagboard-list {background: #FFF; margin: -5px -5px 0 -5px; outline: none; box-shadow: 5px 0 #D4B9B2, -5px 0 #D4B9B2}
.tme {background: #FFF !important; box-shadow: none !important; outline: none !important; font-size: 12px}
.tme a {color: #45513F}
.list-group .tagboard-list li {padding: 4px 8px}
.tagboard form {background: #D4B9B2; outline: none}
/* HEADER, LOGO */
.header {background: #D4B9B2}
.underheader a {top: -3px; text-shadow: none; font-size: 11px; letter-spacing: 0}
.underheader a:hover {text-decoration: none}
.logo {padding-top: 8px; background-position: center center; background-repeat: no-repeat; background-size: cover}
/* SEZIONI */
.list-group {padding: 5px 20px; box-shadow: none; margin: 0 10px; background: #FFF}
.list-group > * {background-color: #837B92; padding: 8px; outline: 5px solid #E7DAD1; box-shadow: 10px 0 #D4B9B2, -10px 0 #D4B9B2, 10px -5px #D4B9B2, -10px -5px #D4B9B2}
.list-group > .g_last {box-shadow: 10px 0 #D4B9B2, -10px 0 #D4B9B2, 0 10px #D4B9B2, 10px 10px #D4B9B2, -10px 10px #D4B9B2}
.send li {background: #D4B9B2 !important; outline: none}
.send .title {background: #FFF !important}
.stats_bottom li, .u_info dl {padding: 8px}
.stats_list > li:last-child {border-bottom: 0}
.title {text-align: left; font-weight: normal; font: 11px calibri; text-transform: uppercase; color: #D4B9B2; padding: 8px; background: #FFF; border: none; border-bottom: 1px dotted #D4B9B2; margin: 25px -5px 5px -5px; outline: none; box-shadow: 5px 0 #D4B9B2, -5px 0 #D4B9B2, 0 -5px #D4B9B2, 5px -5px #D4B9B2, -5px -5px #D4B9B2}
.topic .title, .forum .title {margin: 10px 0 0 0}
.web a {font-size: 13px; font-weight: normal; text-transform: uppercase} .forum .web a {font-size: 13px; color: #FFF !important}
/* mantenere "!important" per evitare problemi di visualizzazione */
.desc, .desc * {color: #CCC !important; font-size: 10px; text-transform: uppercase}
.last-post {color: #11464E; font-size: 11px !important; padding: 1px 10px; background: #FFFFFF; text-transform: uppercase; margin-bottom: 5px}
.list-group > .g_last .last-post {margin-bottom: 0}
.board .last-post a, .board .last-post a * {font-size: 11px !important; font-weight: normal; color: #11464E !important}
.forum .last-post {margin-top: 3px}
.topics, .replies, .views {font-size: 8px; letter-spacing: 2px; text-transform: uppercase; color: #F7F7F7; background: #DBB69C; padding: 0 4px; margin-bottom: 4px}
.replies {margin-left: -4px} .replies:before, .timeago:before {display: none}
span.timeago {font-size: 9px; color: #999 !important} .topic .timeago {color: #666}
.no-time {font-style:italic; color: #999}
.popupago {text-align: center; background-color: #DBB69C; color: #FFF; border-radius: 5px}
/* sottosezioni */
.sub-link {font-size: 10px; text-transform: uppercase; color: #FFF}
/* .on, .annuncio, .importante */
.on {background: #67556F}
.annuncio {background: #DBB69C} .importante {background: #DBB69C}
/* SELEZIONE RIGA: Moderazione */
li.selected {background-color: #D4B9B2 !important} .selected *, .selected .web *, .selected .desc, .selected .desc * {color: #FFF !important}
/* MESSENGER */
#mp-option label, #mp-delete {background: #D4B9B2; color: #FFF; font-weight: bold; font-size: 14px}
#mp-option label {border-right: 0 solid #DDD}
/* DISCUSSIONI, ARTICOLI */
.post {background: #FBFBFB; outline: none; box-shadow: 5px 0 #D4B9B2, -5px 0 #D4B9B2} li.post {margin: 0}
li.top {outline: none; margin: 5px -5px; box-shadow: 5px 0 #D4B9B2, -5px 0 #D4B9B2}
li.bottom {margin: 0 -5px 10px -5px; border-top: 5px solid #E7DAD1; outline: none; box-shadow: 5px 0 #D4B9B2, -5px 0 #D4B9B2, 0 5px #D4B9B2, 5px 5px #D4B9B2, -5px 5px #D4B9B2} li.bottom .buttons {padding-top: 8px !important}
.topic li.top {outline: none; margin: 0; padding-bottom: 1px; box-shadow: 5px 0 #D4B9B2, -5px 0 #D4B9B2}
.topic li.bottom {outline: none; border: none; margin: 0 0 10px 0; padding-bottom: 1px; box-shadow: 5px 0 #D4B9B2, -5px 0 #D4B9B2, 0 5px #D4B9B2, 5px 5px #D4B9B2, -5px 5px #D4B9B2}
.details a {background: linear-gradient(to right, #FAACA8, #DDD6F3); text-align: center; font-size: 8px; text-transform: uppercase; color: #FFF; outline: 5px solid #F7F7F7; width: 200px}
.topic .details > a {margin-left: 40px}
.topic .avatar {padding: 0 !important; box-shadow: none; position: absolute; z-index: 1; width: 50px; height: 50px; margin: -5px 5px 0 0}
.avatar {border: 5px solid #F7F7F7}
.cancelled a {color: #CCC}
.cancelled {padding-left: 5px; font-weight: normal; color: #444}
.topic .group {color: rgba(0, 0, 0, .5); font-size: 10px; text-transform: uppercase; letter-spacing: 1px; margin: -3px 0 0 63px}
.color {text-align: justify}
.color a {color: #5A4A61; font: 11px calibri; text-transform: uppercase; padding: 2px; letter-spacing: 1px}
.edit {font-size: 10px; font-style: italic; letter-spacing: 1px; color: #CCC}
.topic .option, .article .option {background: #FBFBFB; font-size: 11px; text-transform: uppercase}
.topic .like {color: #666}
/* etichette, firma ffmobile*/
.tags, .ffmsign {font-size: smaller; font-style: italic}
.tags {margin-bottom: 0}
.tags a, .ffmsign a {text-decoration: none; font-weight: normal}
/* alert, info, success */
.alert {background: #67556F; border: 2px solid #56475D}
.info, .success {background: #56475D; border: 2px solid #67556F}
.alert, .info, .success {color: #FFF}
.alert a, .info a, .success a {color: #000}
/* allegati */
.attachment {text-align: center; position: relative}
.attachment > a {display: inline-block; padding: 7px}
/* popup moderazione post */
.topic .pop ul {background-color: #FBFBFB; border: 1px solid rgba(0, 0, 0, .3)}
.topic .pop li, .pop #t_like {border-color: rgba(0, 0, 0, .3)} .topic .pop li:last-child {border: 0}
.topic .pop a {background: transparent; outline: none; font-size: 10px; color: #333; width: auto}
/* ONLINE, OFFLINE, ANONIMO */
.online, .offline, .anonimo {z-index: 1; width: 5%; height: 3px; top: 53px; left: 60px; border: 3px solid #F7F7F7}
.online {background-color: #6FC400}
.offline {background-color: #E74C3C}
.anonimo {background-color: #BDC3C7}
/* SONDAGGIO */
.poll-bar {background-color: #837B92; border-radius: 4px 22px/22px 4px; color: #000}
.poll-bar div {background-color: #67556F; border-radius: 4px 22px/22px 4px; color: #000}
.poll-max .poll-bar div {background-color: #D4B9B2}
.poll li {background: #FBFBFB !important; outline: none; margin: 0; box-shadow: 5px 0 #D4B9B2, -5px 0 #D4B9B2}
.poll li:first-child {margin-top: 10px; box-shadow: 5px 0 #D4B9B2, -5px 0 #D4B9B2, 0 -5px #D4B9B2, -5px -5px #D4B9B2, 5px -5px #D4B9B2}
.poll li:last-child {box-shadow: 5px 0 #D4B9B2, -5px 0 #D4B9B2, 0 5px #D4B9B2, 5px 5px #D4B9B2, -5px 5px #D4B9B2}
/* PAGINAZIONE */
.pages, .pages .nolink:hover {border: 2px solid #D4B9B2; background-color: #FFF !important}
.pages li a {color: #666; font-size: 17px; box-shadow: 1px 0 0 #D4B9B2, inset 1px 0 0 #D4B9B2}
.pages li > a:first-child {box-shadow: -1px 0 0 #D4B9B2}
.pages li a:hover {background-color: #EEE}
/* CITAZIONI, SPOILER e CODICI annidati */
.quote, .code {padding: 10px; font-weight: normal; color: #FFF; text-align: justify; background: #D4B9B2; border: 5px solid #C8AFA8}
.quote_top a {padding: 0 10px; background: transparent url('//img.forumfree.net/index_file/q.png') center no-repeat; text-decoration: none}
.quote_top, .code_top {margin: 10pt 0 0; font-size: 11px; color: #000; padding-left: 7px; letter-spacing: 1px}
.quote_top b, .code_top b {font-weight: normal}
.spoiler .code .quote, .spoiler .code .code, .quote .quote, .quote .code {background: #837B92; border: 5px solid #787186}
.spoiler .code .quote_top, .spoiler .code .code_top {color: #FFF}
/* PROFILO */
header.profile {padding: 15px 0; color: #FFF}
.profile .avatar {border-radius: 90px; border-width: 5px; margin-bottom: 20px; background-color: #FFF}
.u_nick {font-size: 25px; font-weight: bold; color: #FFF}
.u_group {font-size: 15px}
.u_stats {margin: 7px 5px; box-shadow: none; background: #FFF}
.u_stats > table td {border-left: 2px solid #E7DAD1}
.profile .online {display: none}
.profile li.bottom {outline: none; border: none; box-shadow: none; margin: 6px 2px}
li.u_info, li.u_signature, li.u_friends {background: #FFF; margin: 0 7px; box-shadow: none}
.profile .title {margin: 5px 2px; padding: 3px 8px; font-weight: bold; border-bottom: 0; box-shadow: none; outline: none}
.u_info dl {padding: 4px 7px} .u_info dl:last-child {border-bottom: 0}
/* miniature avatar amici */
.friend_avatar {border: 1px solid #8A8A8A; border-radius: 5px}
.friend_avatar img {border-radius: 5px}
.friend_nickname {display: none; background: #F7F7F7; color: #000; font-size: 10px; line-height: 15px; text-align: center; border-radius: 0 0 3px 3px}
/* STATISTICHE */
.stats {background: #FFF; text-align: left; color: #666; margin: 5px 10px; text-transform: uppercase}
.user_online, .stats_bottom {background: #FFF}
.stats_list {display: flex; flex-wrap: wrap; font-size: 11px; text-transform: uppercase; justify-content: space-between} .stats_list > li {padding: 3px 10px; font-weight: bold} .stats_list span {margin-left: 2px}
.stats .title, .user_online, .stats_bottom {box-shadow: none !important; outline: none}
.stats .title a {color: #666}
.groups_list {padding: 10px 5px}
.user_online a:before, .groups_list a:before {display: none}
.stats_list {text-align: left} .stats_list > li {padding: 3px 10px; font-weight: bold}
/* COLORI GRUPPI */
.male {color: #5CA0D1} .female {color: #CC6688}
.amministratore {color: #7CAE73; font-weight: bold}
.moderatore {color: #63A4BA; font-weight: bold}
.utente, .daconvalidare, .topmembers {font-size: 9px; margin: 0 3px}
.online_users .details a {outline: none}
.online_users .where a {font-size: 11px; background: none; outline: none}
.gruppo1 {background: #67556F; color: #FFF; padding: 2px 4px; border-radius: 4px 22px / 22px 4px; margin: 0 3px; font-size: 9px}
.gruppo2 {background: #837B92; color: #FFF; padding: 2px 4px; border-radius: 4px 22px / 22px 4px; margin: 0 3px; font-size: 9px}
.gruppo3 {background: #DBB69C; color: #FFF; padding: 2px 4px; border-radius: 4px 22px / 22px 4px; margin: 0 3px; font-size: 9px}
.gruppo4 {background: #D4B9B2; color: #FFF; padding: 2px 4px; border-radius: 4px 22px / 22px 4px; margin: 0 3px; font-size: 9px}
.gruppo5 {background: #E7DAD1; color: #FFF; padding: 2px 4px; border-radius: 4px 22px / 22px 4px; margin: 0 3px; font-size: 9px}
.box_gruppo .details > a {color: #11464E}
/* INPUT e BOTTONI */
.codebuttons, .forminput, .textinput, #allegati input {font-size: 12px; margin: 3px; padding: 5px 8px; background-color: #F0F0F0; color: #0D0D0D; border-radius: 3px}
.textarea {border: 2px solid #FFF !important}
/* mantenere separato il selettore per evitare problemi di visualizzazione */
#allegati input::-webkit-file-upload-button {font-size: 1em; margin: 3px; padding: 5px 8px; background-color: #F0F0F0; color: #222; border: 1px solid #CCC; border-radius: 3px}
.textinput {margin: 10px 0; font-size: 16px}
/* bagliore azzurro */
.textinput:focus {outline: none; border-color: #FFF; box-shadow: 0 0 2px #FFF}
#mod_options {color: #777; border: 1px solid #CCC; padding: 3px}
#send-button {background: #67556F; color: #FFF}
#send-button, #preview-button {font-size: 11px; text-transform: uppercase}
.buttons a {padding: 7px 0; background-color: #F0F0F0; color: #666; text-transform: uppercase; font-size: 11px}
a.new-topic {background-color: #D4B9B2; color: #FFF}
a.reply {background: #67556F; color: #FFF}
.only-back a {border: 1px solid #BBB} |
|
ϟ Autori: sotired (skin base di jasoo)