zoukankan      html  css  js  c++  java
  • [Journal]我是如何DIY博客的

    全部过程都是在“管理->设置”中完成的。

    “标题”-这里填入你的$ID$也可以插入一个图片的链接。

    “子标题”-这里填入你的个性签名$or$座右铭。

    “博客皮肤”-推荐使用$SimpleMemory$,很简约,方便我们进行$css$定制。

    “页面定制css代码”-这里填入的代码是对整个页面进行$css$渲染,下面给出的是我的模板,其中大部分参考了rvalue的代码,我做了一些修改。

    body {
        color: #000;
        background: url(http://images.cnblogs.com/cnblogs_com/jstztzy/1059584/o_%e5%a3%81%e7%ba%b839.jpg) fixed;
        background-size: cover;
        background-repeat: repeat;
        font-family: "微软雅黑","Helvetica Neue",Helvetica,Verdana,Arial,sans-serif;
        font-size: 12px;
        min-height: 101%;
    }
    #blogTitle h1 {
        font-size: 50px;
        font-family: Consolas;
        font-weight: bold;
        font-style: italic;
        margin-top: 20px;
    }
    .catListTitle {
        margin-top: 21px;
        margin-bottom: 10.5px;
        text-align: left;
        border-left: 10px solid rgba(82, 168, 236, 0.8);
        padding: 5px 0 5px 10px;
        background-color: rgba(245,245,245,0.3);
    }
    #home {
        margin: 0 auto;
         65%;
        min- 950px;
        background-color: rgba(255,255,255,0.8);
        padding: 30px;
        margin-top: 50px;
        margin-bottom: 50px;
        box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);
    }
    .newsItem, .catListEssay, .catListLink, .catListNoteBook, .catListTag, .catListPostCategory, .catListPostArchive, .catListImageCategory, .catListArticleArchive, .catListView, .catListFeedback, .mySearch, .catListComment, .catListBlogRank, .catList, .catListArticleCategory {
        background: none;
        margin-bottom: 35px;
        word-wrap: break-word;
    }
    #blog-calendar td {
        font-size: 12px;
        font-family: Consolas;
    }
    .input_my_zzk {
        border: 1px solid #ccc;
        background: none;
         100%;
        height: 25px;
        padding-right: 30px;
        padding-left: 5px;
        outline: 0;
    }
    .CalDayHeader {
        background: rgba(245,245,245,0.3) !important;
        font-weight: 100;
        color: #5E5F63;
    }
    .CalTitle {
        background: none;
         100%;
        height: 25px;
        text-align: center;
        font-size: 14px;
        font-weight: bold;
        padding: 5px 0;
        color: #FFF;
    }
    .CalTitle td {
        background: rgba(245,245,245,0.3) !important;
        border: 0px !important;
        color: #5E5F63;
        font-family: "Comic Sans MS";
    }
    a:link {
        color: cornflowerblue;
    }
    a:visited {
        color: cornflowerblue;
    }
    a:hover {
        color:cadetblue;
    }
    a:active {
        color:black;
    }
    .CalTodayDay {
        background: rgba(247,247,247,0.3) !important;
        color: #FFF;
        font-weight: bold;
    }
    .cnblogs_code {
        background-color: rgba(247,247,247,0.3);
        font-family: Consolas !important;
        font-size: 12px!important;
        border: 1px solid #ccc;
        padding: 5px 10px;
        overflow: auto;
        margin: 5px 0;
        color: #000;
    }
    .cnblogs_code div {
        background-color: rgba(247,247,247,0.3);
    }
    .cnblogs_code_collapse {
        border-right: gray 1px solid;
        border-top: gray 1px solid;
        border-left: gray 1px solid;
        border-bottom: gray 1px solid;
        background-color: rgba(247,247,247,0.3);
        padding: 2px;
    }
    blockquote {
        background: rgba(247,247,247,0.3);
        border: 2px solid #efefef;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 5px;
        padding-bottom: 5px;
        margin-top: 10px;
        margin-bottom: 10px;
    }
    div.commentform input.author, div.commentform input.email, div.commentform input.url {
        background-image: url(http://static.cnblogs.com/images/icon_form.gif);
        border: 1px solid white !important;
        padding: 4px 4px 4px 30px;
         300px;
        font-size: 13px;
        background-color: rgba(247,247,247,0.3);
    }
    #comment_form_container .comment_textarea {
         362px;
        height: 200px;
        font-size: 13px;
        padding: 8px;
        margin-bottom: 10px;
        color: #555;
        border: 1px solid white;
        border-radius: 3px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        background-color: rgba(247,247,247,0.3);
    }
    .cnblogs_code pre {
    font-family: Consolas !important;
    font-size: 12px!important;
    word-wrap: break-word;
    white-space: pre-wrap;
    }
    .cnblogs_code span {
    font-family: Consolas !important;
    font-size: 12px!important;
    line-height: 1.5!important;
    }
    div#cnblogs_c2 {
    display: none;
    }
    div#cnblogs_c1 {
    display: none;
    }
    div#under_post_news {
    display: none;
    }
    div#ad_t2 {
    display: none;
    }
    div#under_post_kb {
    display: none;
    }
    .feedbackItem {
        margin: 10px 5px 0px;
        padding: 5px;
        box-shadow: 0 0 10px 0 #AAA;
    }
    #topics .postTitle {
        font-size:230%;
    }
    .postTitle a:link, .postTitle a:visited, .postTitle a:active {
        color: #21759b;
        transition: all 0.4s cubic-bezier(0, 0, 0.12, 1) 0s;
    }
    #cnblogs_post_body h2 {
        border-left: 10px solid rgba(82, 168, 236, 0.3);
        background: rgba(247,247,247, 0.3);
        padding: 3px 10px;
    }
    #cnblogs_post_body h3{
        border-left: 5px solid rgba(0, 235, 255, 0.3);
        padding: 2px 5px;
        background: rgba(247,247,247,0.3);
    }
    #cnblogs_post_body h4{
        border-left: 5px solid rgba(222, 101, 114,0.3);
        padding-left: 5px;
        background: rgba(247,247,247,0.3);
    }
    #cnblogs_post_body h1{
        background: rgba(247,247,247,0.3);
        border-left: 15px solid rgba(0, 122, 255, 0.3);
        padding: 3px 10px;
        font-size: 175%;
        border-right: 15px solid rgba(0, 122, 255, 0.3);
    }
    .buryit {
        display: none;
    }
    #div_digg {
        float: right;
        position: fixed;
         auto;
        bottom: 10px;
        left: 70%;
        margin-bottom: 10px;
        background: rgba(247,247,247,0.3);
        margin-right: 30px;
        font-size: 12px;
        box-shadow: 0 0 10px 0 #AAA;
        padding: 10px;
        border: 2px solid rgba(82, 168, 236, 0.8);
        text-align: center;
        margin-top: 10px;
    }
    textarea {
        background: rgba(247,247,247,0.3);
    }
    

    “博客侧边栏公告”-这里填入一些自我介绍和博客说明。我还添加了博客时钟和访客统计,这两个直接去BlogClockAmazing Counters的网站上获取链接丢过来就行。(注意:需要先申请支持$JS$代码)

    “页首Html代码”-这里我填入了对于$LaTex$公式支持的一段代码,原理根据$LaTex$公式的分隔符划分将公式并丢到$MathJax$网站上去编译然后把图片丢回来:

    <script type="text/x-mathjax-config">
      MathJax.Hub.Config({tex2jax: {inlineMath: [['$','$'], ['\\(','\\)']]}});
    </script>
    <script type="text/javascript"
      src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML">
    </script>
    

    “页脚Html代码”-这里我暂时没有进行定制。

  • 相关阅读:
    第二次项目冲刺(Beta阶段)--第六天
    Struts2+Hibernate简单整合
    Struts中Action的相关知识点
    struts基础配置
    servlet基础及过滤器简介
    JSP中验证码问题
    mybatis中插入数据(id为主键的情况)以及查询数据
    Mybatis基础配置及使用
    JDBC访问数据库
    Mysql中的一些基本操作
  • 原文地址:https://www.cnblogs.com/jstztzy/p/7399921.html
Copyright © 2011-2022 走看看