Scribd Logo
Загрузить

Добро пожаловать в Scribd!

  • Tumblr Layout

    Загружено:

    ayagi eris
    16 просмотров10 страниц

    Оригинальное название

    tumblr layout.docx

    Авторское право

    © © All Rights Reserved

    Доступные форматы

    DOCX, PDF, TXT или читайте онлайн в Scribd

    Этот документ был вам полезен?

    Это неприемлемый материал?

    Пожаловаться на этот документ

    Авторское право:

    © All Rights Reserved
    Скачайте в формате DOCX, PDF, TXT или читайте онлайн в Scribd
    Отметить как неприемлемый контент
    16 просмотров10 страниц

    Tumblr Layout

    Загружено:

    ayagi eris

    Авторское право:

    © All Rights Reserved
    Скачайте в формате DOCX, PDF, TXT или читайте онлайн в Scribd
    Отметить как неприемлемый контент
    из 10

    <!

    DOCTYPE html>

    <html>

    <head>

    <link href='https://fonts.googleapis.com/css?
    family=Lato:400,300italic,300,700,700italic,400italic' rel='stylesheet'
    type='text/css'>

    <style>

    body {

    font-family: 'Lato', sans-serif;

    ::-webkit-scrollbar-thumb {

    height:auto;

    background-color: #333;

    z-index: 9999;

    ::-webkit-scrollbar {

    height:6px;

    width:6px;

    padding:4px;

    background: transparent;

    background-color: transparent;

    }
    body {

    font-family: 'Lato', sans-serif;

    ::-moz-selection { /* Code for Firefox */

    color: #fff;

    background: #333;

    ::selection {

    color: #fff;

    background: #333;

    #s-m-t-tooltip{

    position:fixed;

    margin-top: 15px;

    z-index:99999999999999999999;

    padding-top: 2px;

    padding-left: 5px;

    padding-bottom: 2px;

    border: solid 1px #ccc;

    padding-right: 5px;

    font-size:9px;

    text-transform:uppercase;
    background: #fff; color: #999;

    #container {

    width: 350px;

    height: 350px;

    border: solid 1px #ccc;

    position: fixed;

    left: 50%;

    top: 50%;

    color: #999;

    margin-left: -175px;

    margin-top: -175px;

    #title {

    font-size: 30px;

    font-weight: 100;

    position: absolute;

    color: #555;

    top: -40px;

    left: -3px;

    z-index: 9;
    position: absolute;

    #showlinks {

    position: absolute;

    cursor: help;

    font-size: 20px;

    font-weight: 100;

    color: #555;

    top: -30px;

    right: 0px;

    z-index: 9;

    .links {

    position: absolute;

    bottom: -20px;

    right: 0px;

    text-align: right;

    margin-right: -120px;

    -moz-transition-duration:1.5s;

    -webkit-transition-duration:1.5s;
    -o-transition-duration:1.5s;

    #fade {

    display: none;

    .slide {

    margin-right: 0px;

    -moz-transition-duration:1.5s;

    -webkit-transition-duration:1.5s;

    -o-transition-duration:1.5s;

    .links a {

    text-align: right;

    font-size: 14px;

    text-transform: ;

    margin-left: 10px;

    padding-bottom: 2.5px;

    text-decoration: none;

    color: #555;

    -moz-transition-duration:0.5s;

    -webkit-transition-duration:0.5s;

    -o-transition-duration:0.5s;
    }

    .links a:hover {

    #facts {

    #facts li {

    padding: 10px;

    border-bottom: solid 1px #ccc;

    list-style: none;

    font-size: 12px;

    color: #333;

    font-weight: 700;

    #contentscroll {

    overflow-x: hidden;

    overflow-y: scroll;

    height: 100%;

    #abouttext {

    padding: 10px;
    font-size: 11px;

    line-height: 150%;

    </style>

    </head>

    <body>

    <div id="container">

    <div id="title">about me</div>

    <div id="contentscroll">

    <div id="facts">

    <li> erin </li>

    <li> </li>

    <li> Hallym University </li>

    <!--- add more if you want or change the facts to what you want --->

    </div>
    <div id="abouttext">

    <!--- do not add text for your about over this --->

    demo01

    <br><br> <!--- add <br> for breaks --->

    demo02

    <!--- do not add text for your about under this --->

    </div>

    </div>

    <div id="showlinks"><a title="click to show links"></a></div>

    <div class="links">

    <div id="fade">

    <a href="/">Home</a>

    <a href="https://www.tumblr.com/dashboard">Dash</a>

    <a href="http://sethscodes.tumblr.com/">Credit</a>

    </div>

    </div>
    </div>

    </body>

    <script src="//code.jquery.com/jquery-1.11.3.min.js"></script>

    <script src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script>

    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"
    type="text/javascript"></script>

    <script type="text/javascript">

    $(document).ready(function(){

    $("#showlinks").click(function(){

    $(".links").toggleClass('slide');

    $("#fade").fadeToggle(500);

    });

    });

    </script>

    <script
    src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>

    <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-
    tooltips.js"></script>

    <script>
    (function($){

    $(document).ready(function(){

    $("a[title]").style_my_tooltips({

    tip_follows_cursor:true,

    tip_delay_time:30,

    tip_fade_speed:300,

    attribute:"title"

    });

    });

    })(jQuery);

    </script>

    </html>

    Вам также может понравиться