-
.
Request graphics
Link forum: https://vanessa.forumfree.it/
Skin: mobile
Stile: Stellato
Tonalità: Scure
Paletta:
Pattern:
Font:
Altre descrizioni personali: Non ti ho messo altre cose perchè a me piacerebbe simile a questa https://vanessa.forumfree.it/. -
.
Ok molto semplice direi
Ti fa piacere se uso il pattern per personalizzare qualche particolare?. -
.
Sisi Anzi, sei molto brava, quindi mi fido . -
.
Troppo carina e gentile
Perfetto, chiedo il permesso a Lügiæ e se mi da l'ok di prendere spunto dal suo lavoro, mi metto all'opera:). -
.
Grazie e fai pure con calma . -
.
Buon pomeriggio Eluned
Ti mostro un po' cosa ho fatto fino ad ora, ho ancora tanto da sistemare e modificare, ma iniziamo a capire se ho rispecchiato cosa desideravi, se qualcosa non è di tuo gradimento segnalami tutto
https://elunedffmobile.forumfree.it/. -
.
Ohhh sii assolutamente, stai procedendo bene *-* No no prosegui pure... . -
.Ohhh sii assolutamente, stai procedendo bene *-* No no prosegui pure...
Buona domenica Eluned 😊
Ottimo ne sono davvero felice 😍
Continuo con i lavori, ti chiedo solo un piacere, se puoi passare dal forum prova e commentare anche con un semplice up una discussione e lasciare un voto a caso nel sondaggio. Così mi regolo con alcune cose 😊. -
.
Fatto . -
..
-
.
Ciao Eluned 😊
La skin è finita, ho da sistemare solo delle piccolezze, ma devo farlo da pc.
Se vuoi fare un giro per le varie sezioni, msg, profilo ecc ...per farmi sapere se qualcosa non ti piace, io sono qui. -
.
E' tutto perfetto Assolutamente nulla di cambiare *___* . -
.
Buongiorno Eluned
La skin mobile è pronta
Ti passo di seguito il codice e lascio il topic aperto per qualche giorno, usandola potresti trovare qualche errore che così io non vedo, se capita mi farai sapere qui che sistemiamo
Naturalmente puoi modificare i colori dei gruppi come preferisci
Se hai dubbi o domande io sono qui
Ecco il codice:SPOILER (clicca per visualizzare)CODICE/* FFMOBILE DEFAULT SKIN */
/* https://connieportfolio.forumfree.it/ */
/* SKIN REALIZZATA DA CONNIE */
/* IN ESCLUSIVA PER IL https://vanessa.forumfree.it */
/* GRAZIE A https://iconarchive.com/ */
/* LA VERSIONE DESKTOP DI QUESTA SKIN LA TROVATE SUL FORUM https://eventhedarkestnightwillend.forumfree.it */
body {font: 14px/150% 'Roboto', Trebuchet MS, Tahoma, Sans-serif; color: #605A54; background-color: #141414; background-image: url("https://i.imgur.com/4GHIn7g.png")}
a {color: #3B3C34; text-decoration: none} a:hover {color: #5F5A53; -webkit-transition: all 600ms ease-in-out; -moz-transition: all 600ms ease-in-out; -ms-transition: all 600ms ease-in-out; -o-transition: all 600ms ease-in-out; transition: all 600ms ease-in-out}
.last-post a *, .web * {font-weight: normal; font-family: century perpetua; letter-spacing: 1px; text-shadow: 0 0 2px #1F1513; color: #9E6D63 !important}
.footer {background-color: #141414; color: #5F5A53}
.footer a {font-size: 11px; font-family: century perpetua; font-weight: normal; text-shadow: 0 0 2px #1F1513; color: #3B3C34}
.footer a:hover {text-shadow: 0 0 2px #1F1513; color: #5F5A53}
/* MODIFICHE EXTRA */
#spinner {border: 0}
#pathspinner {stroke: #9E6D63}
.last-post {white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 85%}
.avatar, .sidebar .avatar {padding: 3px; border: 4px solid #2B282A; background: transparent; box-shadow: none !important; border-radius: 100%}
.avatar img {opacity: 0.5; max-height: 25px; min-width: 25px}
.topic .online {display: none}
.topic .offline {display: none}
.topic .anonimo {display: none}
.tagboard .list-group > * {background: transparent; margin: 5px; border: 0; font-family: century perpetua; font-size: 11px}
.tagboard a {font-weight: bold; font-family: century perpetua; letter-spacing: 1px; text-shadow: 0 0 2px #1F1513; color: #9E6D63 !important}
.underheader a {font-size: 11px; border-bottom: 0; text-shadow: 0 0 2px #1F1513; color: #5F5A53 !important}
.underheader a:hover {border-bottom: 0; color: #141414 !important}
.underheader .current a {border-bottom: 0 !important}
/* SIDEBAR */
.sidebar {background-color: #605A54; background-image: url("https://i.imgur.com/ysOEYGB.png")}
.sidebar a {font-weight: bold; text-shadow: none; color: #141414}
.sidebar li {line-height: normal; letter-spacing: 1px; text-shadow: 0 0 2px #5F5A53; color: #141414}
.side_title {background-color: #2B282A; letter-spacing: 1px; text-shadow: 0 0 2px #1F1513; color: #9E6D63; font-weight: bold; font-family: georgia; font-size: 15px; border-bottom: 5px solid #141414}
.submenu > li, .login > li, #ff_links, .search {border-bottom: 5px solid #141414}
#ff_links, .search {border-top: 5px solid #141414}
/* menu utente */
.menu > li {letter-spacing: 1px; text-shadow: 0 0 2px #5F5A53; color: #141414}
.menu .nickname {font-weight: bold; font-size: 15px !important; text-shadow: 0 0 2px #1F1513; color: #141414; font-family: georgia !important}
.sidebar em {font-weight: bold; color: #141414; background-color: #2B282A}
/* login */
.login input {color: #9E6D63; border: 1px solid #141414}
.login input[type=submit] {background: #141414; color: #605A54; font-weight: bold} .login input[type=submit]:hover {background: #2B282A; color: #141414}
/* cerca */
.search {background-color: #141414}
.search input {color: #5F5A53}
/* NAV */
.menuwrap_bg {background-color: #2B282A}
.menuwrap em {background-color: #2B282A}
/* nome forum */
#nav-title span {text-align: center; text-transform: uppercase; letter-spacing: 1px; text-shadow: 0 0 2px #1F1513; color: #5F5A53; font-size: 15px; font-weight: normal; font-family: century perpetua}
/* HEADER, LOGO */
.header {background: #2B282A}
.logo {padding-top: 8px; background-position: center center; background-repeat: no-repeat; background-size: contain}
/* SEZIONI */
.board, .forum, .topic {background-color: #141414; padding-bottom: 2px}
.list-group > *, .stats_bottom li, .u_info dl {background-color: #141414; border: 4px solid #2B282A; padding: 8px; margin: 4px}
.stats_list > li:last-child {border-bottom: 4px solid #2B282A}
.title {text-align: center; font-weight: normal; font-size: 14px; border: 4px solid #141414; font-family: century perpetua; text-transform: uppercase; letter-spacing: 1px; text-shadow: 0 0 2px #1F1513; color: #5F5A53; padding: 12px; margin: 0; background: #2B282A}
.web a {font-family: georgia; font-size: 15px; font-weight: normal} .web a:hover {font-style: italic; letter-spacing: 2px; color: #5F5A53 !important}
.forum .web a {font-size: 17px}
/* mantenere "!important" per evitare problemi di visualizzazione */
.desc, .desc * {color: #605A54 !important}
.last-post {color: #605A54}
.board .last-post a, .board .last-post a * {font-size: 14px !important; font-weight: normal}
.forum .last-post {margin-top: 7px}
.topics, .replies, .views {font-size: 12px; color: #535353}
.topic .timeago {color: #141414}
.no-time {font-style:italic; color: #5F5A53}
.popupago {text-align: center; background-color: #2B282A; color: #5F5A53; border-radius: 0}
span.timeago {display: block; width: 85%; background-color: #3B3C34; margin: 10px 0 5px 0; font-family: georgia; text-align: center; text-shadow: 0 0 2px #1F1513; color: #5F5A53 !important}
/* sottosezioni */
.sub-link {font-size: 13px; color: #605A54}
/* .on, .annuncio, .importante */
.on {box-shadow: 0 0 2px #9E6D63; border: 5px solid #9E6D63}
.annuncio {background-color: #2B282A; border: 4px solid #2B282A; margin: 4px; padding: 4px; outline: 1px dashed #2B282A; background-image: url("https://i.imgur.com/ysOEYGB.png")}
.importante {background-color: #2B282A; border: 4px solid #3B3C34; margin: 4px; padding: 4px; outline: 1px dashed #2B282A; background-image: url("https://i.imgur.com/ysOEYGB.png")}
#forum .forum .annuncio .web > a:before {content:" "; font-size: 0; background: url('https://icons.iconarchive.com/icons/custom-icon-design/flatastic-1/24/alert-icon.png'); background-size: cover; height: 24px; width: 24px; display: inline-block; vertical-align: middle; opacity: 0.3}
#forum .forum .importante .web > a:before {content:" "; font-size: 0; background: url('https://icons.iconarchive.com/icons/kyo-tux/phuzion/24/Sign-Alert-icon.png'); background-size: cover; height: 24px; width: 24px; display: inline-block; vertical-align: middle; opacity: 0.3}
#forum .forum .annuncio .web a {text-shadow: 0 0 2px #1F1513; color: #C9A78E !important}
#forum .forum .importante .web a {text-shadow: 0 0 2px #1F1513; color: #C9A78E !important}
/* SELEZIONE RIGA: Moderazione */
li.selected {background-color: #141414 !important; border: 2px solid #9E6D63 !important} .selected *, .selected .web *, .selected .desc, .selected .desc *, .selected .last-post * {color: #9E6D63 !important}
/* MESSENGER */
#mp-option label, #mp-delete {background-color: #141414; color: #9E6D63; font-weight: bold; font-size: 14px}
#mp-option label {border-right: 2px solid #9E6D63}
/* DISCUSSIONI, ARTICOLI */
.post {border: 0}
.details a, .cancelled {font-size: 18px; font-weight: bold; color: #09C}
.cancelled {padding-left: 5px; font-weight: normal; color: #9E6D63}
.topic .group {text-align: center; color: #1F1513; font-size: 12px; font-family: century perpetua; letter-spacing: 1px; background-color: #605A54; padding: 5px; width: 50%; margin: 15px 0 0 0}
.color {font-weight: bold; color: #605A54; text-align: justify}
.color a {font-weight: bold; text-decoration: underline}
.edit {font-size: 10px; font-style: italic; color: #666; opacity: 0.5}
.topic .option, .article .option {font-size: 12px; font-family: century perpetua; letter-spacing: 1px; background-color: #5D5A54 !important; padding: 5px; border: 2px solid #2B282A}
.topic .like {color: #5D5A54}
/* 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-color: #F2DEDE; font-size: 11px; font-family: century perpetua; color: #B94A48; border-color: #EED3D7}
.info {background-color: #9E6D63; font-size: 11px; font-family: century perpetua; color: #141414; border-color: #9E6D63}
.success {background-color: #5F5A53; font-size: 11px; font-family: century perpetua; color: #141414; border-color: #5F5A53}
.alert a {color: #141414; text-decoration: none; font-weight: bold}
.info a {color: #141414; text-decoration: none; font-weight: bold}
.success a {color: #141414; text-decoration: none; font-weight: bold}
/* allegati */
.attachment {text-align: center; position: relative}
.attachment > a {display: inline-block; padding: 2px; background-color: #9E6D63; outline: 4px solid #5D5A54; outline-offset: 4px}
/* popup moderazione post */
.topic .pop ul {background-color: #141414; border: 2px solid #141414; box-shadow: 0 0 5px rgba(0, 0, 0, .2)}
.topic .pop li, .pop #t_like {border-color: #5F5A53} .topic .pop li:last-child {border: 0}
.topic .pop a {font-family: georgia; letter-spacing: 1px; font-size: 14px; color: #9E6D63} .topic .pop a:hover {color: #5F5A53}
/* ONLINE, OFFLINE, ANONIMO */
.online {background-color: #6FC400}
.offline {background-color: #E74C3C}
.anonimo {background-color: #BDC3C7}
/* SONDAGGIO */
.poll-bar {background-color: #5D5A54; border-radius: 0; color: #141414}
.poll-bar div {background-color: #8D8B87; border-radius: 0; color: #5D5A54}
.poll-max .poll-bar div {background-color: #9E6D63}
/* PAGINAZIONE */
.pages, .pages .nolink:hover {border: 1px solid #2B282A; background-color: #141414 !important}
.pages li a {color: #9E6D63; font-size: 17px; box-shadow: 1px 0 0 #141414, inset 1px 0 0 #141414}
.pages li > a:first-child {box-shadow: -1px 0 0 #141414}
.pages li a:hover {background-color: #2B282A}
/* CITAZIONI, SPOILER e CODICI annidati */
.quote_top {margin: 10pt 0 0; border-bottom: 3px solid #9E6D63; text-align: center; font-size: 11px; font-family: century perpetua; text-transform: uppercase; letter-spacing: 1px; color: #9E6D63; padding-left: 7px; background-color: #141414}
.code_top {margin: 10pt 0 0; border-bottom: 3px solid #5F5A53; text-align: center; font-size: 11px; font-family: century perpetua; text-transform: uppercase; letter-spacing: 1px; color: #5F5A53; padding-left: 7px; background-color: #141414}
.code {font-family: 'Courier New', Sans-serif}
.quote_top a {padding: 0 10px; background: transparent url('//img.forumfree.net/index_file/q.png') center no-repeat; text-decoration: none}
.quote {padding: 5px 5px 5px 10px; margin-top: 0; font-size: 9pt; line-height: 120%; color: #141414; background-color: #9E6D63; border-bottom: 2px solid #141414}
.code {padding: 5px 5px 5px 10px; margin-top: 0; font-size: 9pt; line-height: 120%; color: #141414; background-color: #5F5A53}
.quote {text-align: justify}
/* PROFILO */
header.profile {padding: 15px 0; color: #FFF; background-color: #2B282A}
.profile .avatar {padding: 3px; border: 4px solid #9E6D63; background: transparent; box-shadow: none !important; border-radius: 100%}
.u_nick {font-size: 25px; font-weight: normal; letter-spacing: 1px; text-shadow: 0 0 2px #1F1513; color: #9E6D63; font-family: georgia}
.u_group {font-size: 15px}
.u_stats > table td {border-left: 2px solid #2B282A}
.profile .title, li.u_info, li.u_signature, li.u_friends {margin: 0 7px; border: 2px solid #141414}
.profile .title {margin-top: 7px; padding: 3px 8px; font-weight: bold; border-bottom: 4px solid #2B282A}
.u_info dl {padding: 4px 7px} .u_info dl:last-child {border-bottom: 4px solid #2B282A}
/* miniature avatar amici */
.friend_avatar {border: 1px solid #9E6D63; border-radius: 0}
.friend_avatar img {border-radius: 0}
.friend_nickname {background: #9E6D63; color: #141414; font-size: 10px; line-height: 15px; text-align: center; border-radius: 0 0 0 0}
/* STATISTICHE */
.stats {background-color: #141414; border-bottom: 4px solid #141414; text-align: center; text-shadow: 0 0 2px #1F1513; color: #5F5A53; font-size: 11px; font-family: century perpetua}
.groups_list {padding: 10px 5px}
.user_online a:before, .groups_list a:before {color: #5F5A53}
.stats_list {text-align: left} .stats_list > li {background-color: #1F1513; padding: 3px 10px; font-weight: bold}
/* COLORI GRUPPI */
.male {color: #5CA0D1} .female {color: #CC6688}
.utente {font-weight: normal; color: #9E6DAA}
.box_utente .details {background-color: #605A54; background-image: url("https://i.imgur.com/ysOEYGB.png")}
.box_utente .details > a {font-family: georgia; font-size: 18px; font-weight: normal; color: #9E6DAA; text-shadow: 0 0 2px #1F1513; margin-top: 15px}
.daconvalidare {font-weight: normal; color: #00DDAA}
.box_daconvalidare .details {background-color: #605A54; background-image: url("https://i.imgur.com/ysOEYGB.png")}
.box_daconvalidare .details > a {font-family: georgia; font-size: 18px; font-weight: normal; color: #00DDAA; text-shadow: 0 0 2px #1F1513; margin-top: 15px}
.amministratore {font-weight: normal; color: #FFF}
.box_amministratore .details {background-color: #605A54; background-image: url("https://i.imgur.com/ysOEYGB.png")}
.box_amministratore .details > a {font-family: georgia; font-size: 18px; font-weight: normal; color: #FFF; text-shadow: 0 0 2px #1F1513; margin-top: 15px}
.moderatore {color: #63A4BA; font-weight: normal}
.box_moderatore .details {background-color: #605A54; background-image: url("https://i.imgur.com/ysOEYGB.png")}
.box_moderatore .details > a {font-family: georgia; font-size: 18px; font-weight: normal; color: #63A4BA; text-shadow: 0 0 2px #1F1513; margin-top: 15px}
.gruppo1 {color: #9E6D63; font-weight: normal}
.box_gruppo1 .details {background-color: #605A54; background-image: url("https://i.imgur.com/ysOEYGB.png")}
.box_gruppo1 .details > a {font-family: georgia; font-size: 18px; font-weight: normal; color: #9E6D63; text-shadow: 0 0 2px #1F1513; margin-top: 15px}
.gruppo2 {color: #00668C; font-weight: normal}
.box_gruppo2 .details {background-color: #605A54; background-image: url("https://i.imgur.com/ysOEYGB.png")}
.box_gruppo2 .details > a {font-family: georgia; font-size: 18px; font-weight: normal; color: #00668C; text-shadow: 0 0 2px #1F1513; margin-top: 15px}
.gruppo3 {color: #965700; font-weight: normal}
.box_gruppo3 .details {background-color: #605A54; background-image: url("https://i.imgur.com/ysOEYGB.png")}
.box_gruppo3 .details > a {font-family: georgia; font-size: 18px; font-weight: normal; color: #965700; text-shadow: 0 0 2px #1F1513; margin-top: 15px}
/* INPUT e BOTTONI */
.codebuttons, .forminput, .textinput, #allegati input {font-weight: bold; font-family: century perpetua; font-size: 1em; margin: 3px; padding: 2px 5px; background-color: #5D5A54; color: #141414; border: 0; border-radius: 0}
/* 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: #141414; text-shadow: 0 0 2px #1F1513; color: #5F5A53; border: 1px solid #141414; border-radius: 0}
.codebuttons:hover, #send-button:hover {background: #3B3C34; border-color: #3B3C34; color: #5D5A54}
.textinput {margin: 10px 0; font-size: 14px}
/* bagliore azzurro */
.textinput:focus {outline: none; border-color: #5D5A54; box-shadow: 0 0 2px #5D5A54}
#mod_options {color: #141414; border: 1px solid #5D5A54; padding: 3px}
#send-button {background: #141414; font-size: 15px; color: #5D5A54; font-weight: bold}
.buttons a {padding: 7px 0; background-color: #5D5A54; color: #141414; font-weight: bold; font-size: 14px}
.buttons a:hover {background-color: #141414; color: #5D5A54}
a.new-topic {background-color: #141414; font-family: georgia; letter-spacing: 1px; text-shadow: 0 0 2px #1F1513; color: #9E6D63}
a.new-topic:hover {background-color: #141414; color: #5D5A54}
a.reply {background-color: #141414; font-family: georgia; letter-spacing: 1px; text-shadow: 0 0 2px #1F1513; color: #5F5A53}
a.reply:hover {background-color: #141414; color: #9E6D63}
a.delete {background-color: #C25554; color: #FFF}
a.delete:hover {background-color: #A53635}
.only-back a {border: 1px solid #5D5A54}
/* NOTIFICHE */
.ff-modal {border: 4px solid #2B282A; background-color: #5F5A53 !important; text-align: center !important; font-family: georgia; border-bottom: 4px solid #2B282A; color: #2B282A !important; border-radius: 0 !important}
#notifications-mode button {color: #9E6D63 !important; border-radius: 0 !important; background-color: #2B282A !important}
#notifications-mode button.active {border-radius: 0 !important; color: #141414 !important; background-color: #9E6D63 !important}
#notifications-mode button.active, #notifications-mode button[data-mode]:hover {border-radius: 0 !important; background: #141414 !important; color: #9E6D63 !important}
#notifications-empty, #notifications-modal .notification-container:not(.readed) .notification-row {padding: 2px; color: #9E6D63 !important; background: #141414 !important}
#notifications-modal .notification-container:not(.readed) {background: transparent !important}
#notifications-modal .timeago {color: #9E6D63 !important; padding: 2px 15px 2px 15px; background: transparent !important}
.notification-container .dropbtn {background: #9E6D63 !important}
.tippy-box[data-theme~=light] {border-radius: 0 !important; background-color: #141414 !important}
.tippy-box[data-theme~=light][data-placement^=left]>.tippy-arrow:before {border-left-color: #141414 !important}
.tippy-box[data-theme~=light][data-placement^=bottom]>.tippy-arrow:before {border-bottom-color: #141414 !important}
.notification-container .dropdown-content a {border-radius: 0 !important; color: #5F5A53 !important; background: #2B282A !important}
.notification-container .dropdown-content a:hover {color: #141414 !important; background: #9E6D63 !important}
#notifications-modal .notification-container:not(.readed) .notification-text {text-shadow: 0 0 2px #1F1513; color: #5F5A53 !important; transition: all .5s ease}
#notifications-modal .notification-container.readed .notification-text {text-shadow: 0 0 2px #1F1513; color: #141414 !important; transition: all .5s ease}
#notifications-more {box-shadow: 0 0 2px 4px #2B282A !important; background-color: #5F5A53 !important}
#notifications-modal .plus-button:after, .plus-button:before {box-shadow: 0 0 1px 1px #2B282A !important; background-color: #2B282A !important}
Edited by Connie - 15/9/2021, 14:38. -
.
L'ho messa e mi sembra perfettissima... a te come sembra? Sennò da parte mia è perfetta *__* Grazie infinite per il tempo e la pazienza. . -
.L'ho messa e mi sembra perfettissima... a te come sembra? Sennò da parte mia è perfetta *__* Grazie infinite per il tempo e la pazienza.
Ciao Eluned faccio un bel giro sul tuo pf e ti dico ...ma vedo che già tu sei soddisfatta e mi fa molto piacere.