Sidebar #3 {Ashley Benson PLL}

« Older   Newer »
 
  Share  
.
  1. maybe;
     
    .

    User deleted


    Sidebar #3 {Ashley Benson PLL}

    8VMs0fi

    Anteprima disponibile in questo forum.

    Potete:
    - modificare le immagini, il testo e adattare le misure.

    Non potete:
    - alterare i codici o usarli come base per creare un'altra sidebar;
    - utilizzare la mia sidebar come base per creare i vostri codici;
    - prelevare qualsiasi cosa dalla sidebar!
    - togliere i credits.

    PRELEVI? AVVISA QUI!

    Da inserire in COLORI E STILI:

    CODICE
    #sidebar {position: fixed; top: 120px; left: 5px; background-color: #FFF; width: 200px; height: 294px; padding: 5px; border: 2px dotted #75BEED}

    #titolo {padding: 1px; color: #FBC7F5; text-align: center; font-size: 20px; font-family: georgia; font-style: italic; margin-top: -3px}

    .round
    {width: 200px;
    height: 158px;

    border-radius: 6%;
    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 0 0 0;
    opacity: 1}

    .link a {background-color: #D2EDFA; width: 200px; height: 15px; text-transform: lowercase; float: left; text-align: center; margin: 2px 0 0 0; color: #FAC5EE; font-size: 11px; font-family:calibri, helvetica, sans-serif; font-weight: bold; text-decoration: none; line-height: 15px; -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}

    .link a:hover {background-color: #DFE7FA; color: #59AFFF}

    #desc {padding: 5px; font-family: calibri; font-size: 11px; line-height: 10px; text-align: justify; color: #59AFFF; height: 33px; overflow: auto}

    #stringa {text-align: center; font-size: 13px; font-family: calibri; border-top: 1px dotted #75BEED; border-bottom: 1px dotted #75BEED; margin-top: 4px; color: #FBC7F5}

    #credits {font-family: calibri; text-align: center; font-size: 9px; color: #75BEED}


    Da inserire in CODICI HTML NELLA HOMEPAGE:

    CODICE
    <div id="sidebar">
      <div id="sidebar">
       <div id="titolo">#titolo</div>
       <img class="round" src="http://i.imgur.com/bbOmQ1u.png">
       <div>
    <div class="link"><a href="link">link 1</a></div>
    <div class="link"><a href="link">link 2</a></div>
    <div class="link"><a href="link">link 3</a></div>

         <div id="desc"> qui il testo qui il testo qui il testo qui il testo qui il testo qui il testo qui il testo qui il testo qui il testo qui il testo qui il testo qui il testo qui il testo qui il testo qui il testo qui il testo qui il testo qui il testo qui il testo qui il testo qui il testo</div>
         <div id="stringa">bla, bla, bla</div>
         <div id="credits"><div class="link"><a href="http://xoxogossipgirlitalian.forumfree.it/?act=Profile&MID=10228582">© maybe;</a></div>


    Edited by whatthehell. - 19/8/2013, 16:14
     
    Top
    .
0 replies since 18/8/2013, 23:36   75 views
  Share  
.