用我的html编码创建我自己的自定义tumblr主题

时间:2013-12-24 01:51:16

标签: jquery html css tumblr

我阅读了Tumblr关于如何制作自己主题的说明。但我没有看到任何关于如何合并您自己的html文件以制作自定义tumblr主题的说明。例如,我希望这个div成为我的自定义主题的标题博客:

HTML:

<body>
    <h1>
        <span id="NEW">NEW</span><br>
        <span id="MEDIA">MEDIA</span><br>
        <span id="NEWB">NEWB</span><br>
    </h1>
    <h2>Do's and Dont's for Emerging Digital Media Professionals</h2>
</body>

CSS:

h1 {
    position: absolute;
    left: 14px;
    bottom: 36px;
    margin-bottom: 15px;
    line-height: 40px;
}

#NEW {
    font-family: Broadway;
    font-size: 80px;
    color: #880303;
    display: none;
}

#MEDIA {
    font-family: Impact;
    font-size: 60px;
    color: #494545;
    letter-spacing: 11px;
    display: none;
}

#NEWB {
    font-family: Showcard Gothic;
    font-size: 70px;
    color: black;
    display: none;
}

h2 {
    position :absolute;
    bottom: 0px;
    left: 14px;
    font-family: Britannic Bold;
    letter-spacing: 1px;
}

jQuery的:

$(document).ready(function() {
    $('#NEW').delay(250).fadeIn(1000);
    $('#MEDIA').delay(850).fadeIn(1000);
    $('#NEWB').delay(1600).fadeIn(1000);
});
});

0 个答案:

没有答案