Menu utente sparso.

« Older   Newer »
 
  Share  
.
  1. JackGaunt
     
    .

    User deleted



    GuSLW
    Hematolog


    Amministrazione > Grafica > Codice HTML
    HTML
    <!-- SFONDO DEL MENU -->
    <div class="menuwrapback"></div>


    Amministrazione > Grafica > Colori e Stili
    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 credits

    Menu Utente creato da JackGaunt
    per la sua skinه Hematolog.

    CODICE
    <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">&#1607; 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
     
    Top
    .
  2. Eluana
     
    .

    User deleted


    Cloud Skin
    è una skin che sto creando =) e mi paiceva come ci stava
     
    Top
    .
  3. JackGaunt
     
    .

    User deleted


    benissimo
     
    Top
    .
  4. 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
     
    Top
    .
  5.  
    .
    Avatar

    persa, nel mare

    Group
    Member
    Posts
    7,600

    Status
    Anonymous
    ecco qua, la userò qui!
     
    Top
    .
4 replies since 9/9/2012, 12:12   392 views
  Share  
.
Top