Sidebar #8

« Older   Newer »
 
  Share  
.
  1. whatthehell.
     
    .

    User deleted


    CXzIMCw
    clicca la foto per visualizzare l'anteprima
    un grazie per il tutorial va al Tiger Dirty

    PRELEVI? AVVISA QUI!



    -- modificare il contenuto e le immagini
    -- cambiare colori e dimensioni
    -- modificare il codice in modo eccessivo
    -- rimuovere i credits
    -- usarla come base

    In COLORI E STILI va
    CODICE
    #corposidebar {position: fixed; top: 100px; right: 20px; height: 240px; width: 200px; background-color: #000000; padding: 5px; border: 3px double #E4FF00; border-radius: 0 50px 0 50px}
    #title {padding: 1px; color: #E4FF00; text-align: center; font-size: 25px; font-family: skinnychick; margin-top: -1px}

    .round
    {width: 150px; height: 50px; border-radius: 100%; opacity: 0.7; -webkit-transition: opacity 0.6s linear; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out}

    .round:hover
    {border-radius: 0; opacity: 1}

    .link a {background-color: #C3D907; border-radius: 40%; width: 50px; height: 50px; text-transform: lowercase; float: left; text-align: center; display: inline-block; margin: 5px 9px 1px 0; color: #FFF; font-size: 11px; font-family:calibri, helvetica, sans-serif; font-weight: bold; text-decoration: none; line-height: 50px;
    -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; transition-property: transform; overflow:hidden}

    .link a:hover {background-color: #E4FF00; width: 50px; height: 50px; text-transform: lowercase; float: left; text-align: center; display: inline-block; margin: 5px 9px 1px 0; color: #FFF; font-size: 11px; font-family:calibri, helvetica, sans-serif; font-weight: bold; text-decoration: none; line-height: 50px; -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -o-transform:rotate(-10deg)}

    #desc {padding: 5px; color: #EBFF3E; text-align: center; font-size: 11px; font-family: arial; font-style: italic; margin-top: 2px; line-height: 10px; height: 80px}

    #credits {padding: 25px; color: #083C6A; text-align: center; font-size: 10px; font-family: calibri; font-style: italic; margin-top: 2px}


    In CODICE HTML IN CIMA A TUTTE LE PAGINE
    CODICE
    <div id="corposidebar">
    <div id="title">#title</div>
    <img class="round" src="http://i.imgur.com/DB5DiyN.png">
    <div>
    <div class="link"><a href="http://6sidebarmarti.forumfree.it/">link</a></div>
    <div class="link"><a href="http://6sidebarmarti.forumfree.it/">link</a></div>
    <div class="link"><a href="http://6sidebarmarti.forumfree.it/">link</a></div>
    <div id="desc">testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo</div>
    <div id="credits"><span style=color:#ffffff>sidebar © <a href="http://rainbow-girls.forumfree.it/?act=Profile&MID=9145896"><b>whatthehell.</b></span> </a> <a href="http://rainbow-girls.forumfree.it/"><span style=color:#ffffff>°°°</span></a>
    </div>
    </div>
    </div>


    Se prelevate, o comunque gradite... Commentate! :)
     
    Top
    .
0 replies since 21/8/2013, 13:05   65 views
  Share  
.