Sidebar #2

« Older   Newer »
 
  Share  
.
  1.  
    .
    Avatar

    Senior Member

    Group
    michael✰
    Posts
    62,209
    Location
    Sala comune di Grifondoro

    Status
    Offline

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



    -- 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; left: 10px; height: 290px; width: 200px; background-color: #FFFFFF; padding: 5px; border: 1px dotted #000000; border-radius: 0 50px 0 50px; font-size: 11px; font-family:calibri, helvetica, sans-serif; font-weight: bold; text-decoration: none}

    .round
    {width: 150px; height: 150px; 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}

    .link1 a {width: 40px; border-radius: 100%; height: 40px; text-transform: lowercase; float: left; text-align: center; display: inline-block; margin: 3px; color: #FFF; font-size: 11px; font-family:calibri, helvetica, sans-serif; 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; box-shadow: inset 0 0 75px 75px #D75A71, 0 0 0#D75A71}

    .link1 a:hover {color: #000000; background-color: transparent; font-weight: bold; box-shadow: inset 0 0 35px 35px transparent, 0 0 75px 50px transparent}



    In CODICE HTML IN CIMA A TUTTE LE PAGINE
    CODICE
    <div id="corposidebar">

    <img class="round" src="http://i.imgur.com/EgoHBCt.png">
    <div id="sidebar">
    <div class="link1"><a href="http://2sidebarmarti.forumfree.it/">http</a></div>
    <div class="link1"><a href="http://2sidebarmarti.forumfree.it/">http</a></div>
    <div class="link1"><a href="http://2sidebarmarti.forumfree.it/">http</a></div>
    <div class="link1"><a href="http://2sidebarmarti.forumfree.it/">http</a></div>
    </div>
    <br>
    <div style="width:200px;height:40px;overflow-y: scroll; border:;">
    <i>Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquid ex ea commodi consequat. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint obcaecat cupiditat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum
    </i></div>
    <br>

    sidebar © <a href="http://rainbow-girls.forumfree.it/?act=Profile&MID=9145896"><b>whatthehell.</b></a> <a href="http://rainbow-girls.forumfree.it/">°°°</a>
    </div>
    </div>


    Se prelevate, o comunque gradite... Commentate! :)
     
    Top
    .
  2. Stilinski.
     
    .

    User deleted


    Hey! Mi piace questa sidebar, me la frego e la metto sul mio Portfolio, se ti serve il link per controllare eccolo qua XXX :3
     
    Top
    .
  3.  
    .
    Avatar

    Senior Member

    Group
    michael✰
    Posts
    62,209
    Location
    Sala comune di Grifondoro

    Status
    Offline
    Ho visto, mi piace :3 E oh,anche tu sei una fan di Teen Wolf *-* <3
     
    Top
    .
  4.  
    .
    Avatar

    "A secret makes a woman woman"


    Group
    Member
    Posts
    2,998
    Location
    Stanza 707

    Status
    Offline
    Prelevo questa sidebar per questo forum!
     
    Top
    .
3 replies since 18/8/2013, 19:00   186 views
  Share  
.
Top