-
JackGaunt.
User deleted
Hematolog
Amministrazione > Grafica > Codice HTMLHTML<!-- SFONDO DEL MENU -->
<div class="menuwrapback"></div>
Amministrazione > Grafica > Colori e StiliSPOILER (clicca per visualizzare)CODICE/* MENU principale */
/* Barra esterna */
.menuwrap {font-family: verdana, tahoma, arial, sans-serif; margin-left: 50px}
.menuwrapback {background: url("http://digilander.libero.it/rocker9067rocher9067/Senza%20titolo-1.png") no-repeat scroll 0% 0% transparent;
height: 500px;
position: fixed;
z-index: 1; top: 0;
width: 100%; z-index: 0}
.menuwrap li {line-height: 2.6em; padding-left: 4px; padding-right: 4px}
.menuwrap a {margin: 0; padding: 0; font-size: 0}
/*.menuwrap a:hover {border: 0; text-shadow: 0 0 0 black}
.menuwrap .icon a {padding: 0 6px}
*/
.menuwrap a:hover {font-weight:normal}
.menuwrap > .left {position: absolute; width: 120px;
top: 10px; left: 80px; border-radius: 5px; overflow: hidden; height: 130px}
/*-moz-transition: width 1s ease 0s; -webkit-transition: width 1s ease 0s; -o-transition: width 1s ease 0s; -ms-transition: width 1s ease 0s; transition: width 1s ease 0s; */
/*.menuwrap > .left:hover {background: #AF292D; width: 540px} */
.menuwrap > .left:hover {position: absolute; width: auto; top: 10px; left: 80px; background: #AF292D}
.menuwrap > .left:hover > li:first-child > a > .avatar {position:absolute; opacity: 0.7; line-height: normal; overflow: hidden; width: 100px; height: 100px; top: 10px; left: 12px; opacity: 1; z-index: 9}
.menuwrap > .left > li:first-child > a > .avatar {position:absolute; opacity: 0.7; line-height: normal; overflow: hidden; width: 100px; height: 100px; top: 12px; left: -48px; border: 2px solid rgba(0, 0, 0, 0.2); z-index: 9; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; border-radius: 10px}
.menuwrap > .left > li:first-child {-webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -moz-transform: scale(0.7) rotate(-5deg); -webkit-transform: scale(0.7) rotate(-5deg)}
.menuwrap > .left:hover > li:first-child {-webkit-transform: scale(1) rotate(0deg); -moz-transform: scale(1) rotate(0deg)}
.menuwrap > .left > li:first-child > a > .nick {padding-left: 100px;
font-family: dosis;
font-size: 26px;
padding-top: 0;
line-height: 40px;
height: 800px;
background: none;
color: rgb(255, 255, 255);
letter-spacing: -1px}
.menuwrap > .left > li:first-child:hover > a > .nick {letter-spacing: -2px}
.menuwrap .left li.menu:nth-child(2) {height: 40px;
background: url("http://digilander.libero.it/rocker9067rocher9067/zJFGp.png") no-repeat scroll 0% 0% transparent;
position: absolute;
top: 16px;
left: -10px;
width: 36px;
-moz-transform: scale(0.75) rotate(-5deg); -webkit-transform: scale(0.75) rotate(-5deg); -o-transform: scale(0.75) rotate(-5deg); -ms-transform: scale(0.75) rotate(-5deg); transform: scale(0.75) rotate(-5deg)}
.menuwrap .left li.menu:nth-child(3) {width: 36px;
height: 40px;
background: url("http://digilander.libero.it/rocker9067rocher9067/5IdFU.png") no-repeat scroll 0% 0% transparent;
position: absolute;
top: 36px;
left: -9px;
-moz-transform: scale(0.75) rotate(-5deg); -webkit-transform: scale(0.75) rotate(-5deg); -o-transform: scale(0.75) rotate(-5deg); -ms-transform: scale(0.75) rotate(-5deg); transform: scale(0.75) rotate(-5deg)}
.menuwrap .left li.menu:nth-child(4) {width: 36px;
height: 40px;
background: url("http://digilander.libero.it/rocker9067rocher9067/KFzVg.png") no-repeat scroll 0% 0% transparent;
position: absolute;
top: 56px;
left: -8px;
-moz-transform: scale(0.75) rotate(-5deg); -webkit-transform: scale(0.75) rotate(-5deg); -o-transform: scale(0.75) rotate(-5deg); -ms-transform: scale(0.75) rotate(-5deg); transform: scale(0.75) rotate(-5deg)}
.menuwrap .left li.menu:nth-child(5) {width: 36px;
height: 40px;
background: url("http://digilander.libero.it/rocker9067rocher9067/oi3iF.png") no-repeat scroll 0% 0% transparent;
position: absolute;
top: 76px;
left: -7px;
-moz-transform: scale(0.75) rotate(-5deg); -webkit-transform: scale(0.75) rotate(-5deg); -o-transform: scale(0.75) rotate(-5deg); -ms-transform: scale(0.75) rotate(-5deg); transform: scale(0.75) rotate(-5deg)}
.menuwrap .left:hover li.menu:nth-child(n) {position:static; -moz-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1)}
.menuwrap .left li.menu:nth-child(1) ul {width: 80%}
.menuwrap .left li.menu:nth-child(2) ul {left: -360px;
width: 700%;
padding: 0 0 0 122px;
z-index: 4 !important}
.menuwrap .left li.menu:nth-child(3) ul {left: -400px;
width: 830%;
padding: 0 0 0 122px;
z-index: 4 !important}
.menuwrap .left li.menu:nth-child(4) ul {left: -440px;
width: 870%;
padding: 0 0 0 122px;
z-index: 4 !important}
.menuwrap .left li.menu:nth-child(5) ul {left: -480px;
width: 900%;
padding: 0 0 0 122px;
z-index: 4 !important}
.menuwrap .left li.menu:nth-child(5) a {font-size: 12px; line-height: 10px}
.menuwrap .left {position: absolute; top: 10px; left: 85px; border-radius: 5px}
.menuwrap .left:hover {position: absolute; top: 10px; left: 85px; border-radius: 5px}
.menuwrap .left:hover li {background: #AF292D}
.menuwrap .left li.menu ul {left: 0; background: none}
.menuwrap > .left:hover > li.menu:nth-child(2) {background: #AF292D url(http://digilander.libero.it/rocker9067rocher9067/zJFGp.png)}
.menuwrap > .left:hover > li.menu:nth-child(3) {background: #AF292D url(http://digilander.libero.it/rocker9067rocher9067/5IdFU.png)}
.menuwrap > .left:hover > li.menu:nth-child(4) {background: #AF292D url(http://digilander.libero.it/rocker9067rocher9067/KFzVg.png)}
.menuwrap > .left:hover > li.menu:nth-child(5) {background: #AF292D url(http://digilander.libero.it/rocker9067rocher9067/oi3iF.png)}
.menuwrap > .left:hover > li.menu:last-child {border-radius: 0 5px 0 0}
.menuwrap .left li.menu {width: 350px; overflow:visible}
.menuwrap .left li.menu ul {left: 0; width: 100%; padding: 2px 2px 2px 122px; z-index: 4 !important}
.menuwrap a {color:transparent; text-shadow:none}
.menuwrap .left li.menu ul li ul {top: 20px; width: 70% !important;
position:absolute; left: 12px !important}
.menuwrap .left li.menu ul li ul a {padding: 1px 4px !important}
.menuwrap .right li.menu ul {position: absolute;
width: 242px;
border: 0 none;
border-radius: 0 0 5px 5px;
background: none repeat scroll 0% 0% rgba(255, 255, 255, 0.3);
right: 0;
text-align: right;
top: 31px;
padding: 19px}
.menu ul {position: absolute;
border: 0 none;
border-radius: 0 0 5px 5px;
top: 40px}
.menuwrap > .left:hover:before {position: absolute;
border: 0 none; content:"coded by JackGaunt for Hematolog"; color: #7F3234;
border-radius: 0 0 5px 5px; font-size: 7pt; line-height: 12px;
bottom: 0; right: 0}
.menu li a {font-size: 12px;
color: rgb(170, 170, 170);
margin: 0;
float: left;
padding: 2px 4px !important}
#m_up a {padding: 0 11px 0 0}
#c_up {position: absolute; right: 10px; bottom: 10px; opacity: .5; z-index: 9}
#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: #CCC}
/* numero msg e link REGISTRATI*/
.menuwrap em {padding: 2px; color: rgb(204, 204, 204); text-shadow: none; background: none repeat scroll 0% 0% rgb(17, 17, 17); border-radius: 4px; position: absolute; top: 8px; left: 31px; display: inline; font-size: 8px; line-height: 10px}
.menuwrap .left li:nth-child(1) em {left: 260px; font-size: 12px; line-height: 20px; letter-spacing: 2px; padding: 2px 5px}
.menuwrap .nick {margin-left: .6em; text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3), 1px 1px 0 rgba(255, 255, 255, 0.3)}
.menuwrap form {padding: 0 11px 0 5px}
.menuwrap .right li form.search input {background:rgba(0, 0, 0, 0.5)}
/* MENU contestuale(dropdown) */
.menu li {line-height: 1.4em; text-shadow: none; border-top: 0}
.menu li strong {padding: 0 20px 0 0; color: rgba(77, 10, 12, 0.8); text-align:right}
.menu li a {padding: 2px 6px !important; font-size: 12px; margin: 0 3px 0 3px; color: rgba(73, 9, 11, 0.85); text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.1), 1px 1px 0 rgba(255, 255, 255, 0.1)}
.menu li a:hover, .menu li:hover > a {background: rgba(0, 0, 0, 0.1); border-radius: 5px; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 1px 1px 0 rgba(0, 0, 0, 0.5) inset; color: #FFF; text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.1), 1px 1px 0 rgba(255, 255, 255, 0.1)}
.right .menu ul {margin-left: -2em}
.right .menu li strong {color: #AAA}
.menuwrap a {padding: 0; font-size: 0; margin: 0 3px 0 3px}
.right .menu li a {color: #333}
/* IMPORTANTE */
.topic > .menuwrap > .left > .menu ul, .blog > .menuwrap > .left > .menu ul {width: 440px !important}
.menuwrap .right li.menu ul {width: 242px}
/* SUB MENU contestuale(dropright) */
/* Sposta msg pvt */
.submenu.alternative ul {padding-left: 12px;
position: absolute !important;
line-height: 40px !important;
top: 16px !important}
.submenu.alternative li {line-height: 16px !important}
.submenu.alternative li:first-child {position:relative !important; left: -100px !important}
.submenu.alternative li:nth-child(2) {position:relative !important; left: -95px !important}
/* LOGIN VELOCE */
.menuwrap label, .menuwrap form a {padding: 0; font-size: 10px}
.menuwrap label:hover {color: #000}
.menuwrap ul.left li.login {-webkit-transform: scale(1) rotate(0deg); -moz-transform: scale(1) rotate(0deg); padding-top: 10px;
padding-left: 1px; width: 110px; height: 90%; border-radius: 5px; background: #AF292D; -moz-transition: none; -o-transition: none; -ms-transition: none; transition: none}
.menuwrap ul.left:hover li.login {-webkit-transform: scale(1) rotate(0deg); -moz-transform: scale(1) rotate(0deg)}
.menuwrap input {border: 0 solid black; padding: 0; border-radius: 4px; font: 11px verdana, arial, sans-serif; color: #000; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 1px 1px 0 rgba(0, 0, 0, 0.5) inset}
.menuwrap input:hover {cursor: pointer}
.menuwrap input:focus {cursor: default}
.menuwrap input {position:relative; line-height: 1px; width: 100px}
.menuwrap input[type=submit] {color: rgb(204, 204, 204); text-shadow: none; background: none repeat scroll 0% 0% rgb(17, 17, 17); width: 100px}
.menuwrap > .left > .login form > *:nth-child(4) {position:absolute; top: 5px; left: 5px}
.menuwrap > .left > .login form > *:nth-child(5) {position:absolute; top: 25px; left: 5px}
.menuwrap > .left > .login form > *:nth-child(6) {position:absolute; top: 25px; left: 5px}
.menuwrap > .left > .login form > *:nth-child(7) {position:absolute; top: 45px; left: 5px; width: 105px}
.menuwrap > .left > .login form a {position: relative;
top: 50px;
color: rgba(73, 9, 11, 0.85);
left: 0; width: 95px; text-align:center;
line-height: 20px;
display: block; letter-spacing: -1px}
.menuwrap > .left > .login form a:hover {color:rgba(255, 255, 255, 0.8); letter-spacing: -1px}
.menuwrap > .left > .login form a em {position: absolute;
left: -3px;
top: -10px;
width: 95px !important; letter-spacing: 1px}
/* CERCA */
.menuwrap .search input {padding-right: 20px; color: #333; background: url(http://i.imgur.com/DFGOb.png) no-repeat 96% -12%}
.menuwrap .search input:hover {color: #333}
.menuwrap .search input:focus {color: #000}
.menuwrap .right {width: 280px; background:rgba(255, 255, 255, 0.2); border-radius: 0 0 0 5px}
.menuwrap .right:hover {background:rgba(255, 255, 255, 0.4); border-radius: 0}
codice creato da JackGaunt.MACCHIA DI SANGUE SULLO SFONDO
Per rimuovere lo sfondo, ovvero la macchia di sangue rosso, basta andare in:
Amministrazione > Grafica > Colori e Stili
e cancellare:CODICE.menuwrapback {background: url("http://digilander.libero.it/rocker9067rocher9067/Senza%20titolo-1.png") no-repeat scroll 0% 0% transparent;
height: 500px;
position: fixed;
z-index: 1; top: 0;
width: 100%; z-index: 0}
Amministrazione > Grafica > Codice HTML
cancellare ancora:HTML<!-- SFONDO DEL MENU -->
<div class="menuwrapback"></div>
!Importante : Aggiungere nei creditsCODICE<div style="background:rgba(0,0,0,0.5); border-radius:5px; width:250px; padding:5px" align="center"><i>Menu Utente creato da <a href="http://forumdesigner.forumfree.it/?act=Profile&MID=4602329" style="font-size:11pt; letter-spacing:2px">JackGaunt</a><br><span style="letter-spacing:1px">per la sua skin</span><a href="http://hematolog.skin.forumcommunity.net/" style="font-size:11pt; letter-spacing:4px">ه Hematolog</a>.</span></i></div>INDICATE CORTESEMENTE I NOMI E LINK DEI FORUM SU CUI APPLICATE IL CODICE!
Edited by JackGaunt - 14/9/2012, 21:51. -
Eluana.
User deleted
Cloud Skin
è una skin che sto creando =) e mi paiceva come ci stava. -
JackGaunt.
User deleted
benissimo . -
Shadow Angel Jubie.
User deleted
Molto bello!L'ho usato in questo forum di prova dove sto creando una skin per un forum
Forum prova
Non sono ancora bene come creare la skin e se ci starà meglio questo menù o un'altro però per ora ci sta benissimo e credo proprio di usarlo =) successivamente se lo userò posterò il link del forum vero e proprio ok? =3. -
.
ecco qua, la userò qui! .