首页 > 其他分享 >我的博客美化

我的博客美化

时间:2023-08-04 11:34:31浏览次数:27  
标签:none color 博客 width font margin display 美化

image

页面定制css

#HistoryToday {
      display: none;
}
#under_post_card2 {
      display: none;
}
#under_post_card1 {
      display: none;
}
#cnblogs_c1 {
      display: none;
}
#opt_under_post {
      display: none;
}
#cnblogs_ch {
      display: none;
}
#blog_post_info_block{
      display: none;
}
#ad_text_under_commentbox {
     display: none;
}
.navbar {
     display: none;
}
.postDesc{
     display: none;
}
#navigator {
     display: none;
}
#blogTitle {
     display: none;
}
#sideBar{
     display: none;
}
#footer{
    display: none;
}
#homepage_top_pager{
    display: none;
}
#home {
    margin: 50px auto auto auto;
    width: 90%;
}
.comment_textarea{
    width: 100%;
}
#myNavigator {
    background-color: #0db0b8;
    height: 60px;
    clear: both;
    margin-top: 60px;
    position: relative;
    border-radius: 20px;
    width: 90%;
    margin-left: 5%;
}
#myNavList {
    float: left;
    width: 100%;
    border-radius: 10px;
    display: flex;
    text-align: center;
    justify-content: center;
    font-size: 20px;
    margin-top: 15px;
}
li {
    margin-right: 200px;
}
a:hover {color:red;}
#main {
  border-radius: 50px;
  margin-bottom: 50px;
}
#mainContent {
  border-radius: 50px;
  width: 90%;
  margin: 5%;
}
#sideBar {
  display: none;
}
#commentform_title{
    text-shadow: 1px 1px 1px #ccc;
    letter-spacing: 0.1em;
    font-family: "Helvetica Neue", Arial, sans-serif;
    font-weight: bold;
    font-style: italic;
    font-size: 16px;
    color: #333;
}
#commentform_title a {
    display: none;
}
#btn_comment_submit{
    display: inline-block;
    padding: 10px 20px;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    color: #ffffff;
    background-color: #0077cc;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
    width: 100px;
    height: 50px;
}
#btn_comment_submit:hover {
    background-color: #005ea6;
}

首页html 代码

 <div id="myNavigator">
 <ul id="myNavList">
      <li>
        <a id="blog_nav_sitehome" class="menu" href="https://www.cnblogs.com/" style="text-decoration: none;">
          博客园</a
        >
      </li>
      <li>
        <a
          id="blog_nav_myhome"
          class="menu"
          href="https://www.cnblogs.com/wyxqlgl/"
        style="text-decoration: none;">
          首页</a
        >
      </li>
      <li>
        <a
          id="blog_nav_newpost"
          class="menu"
          href="https://i.cnblogs.com/EditPosts.aspx?opt=1"
        style="text-decoration: none;">
          新随笔</a
        >
      </li>
      <li>
        <a id="blog_nav_admin" class="menu" href="https://i.cnblogs.com/" style="text-decoration: none;">
          管理</a
        >
      </li>
    </ul>
</div>

就此完结 没有别的设置了 简单明了

标签:none,color,博客,width,font,margin,display,美化
From: https://www.cnblogs.com/wyxqlgl/p/17605425.html

相关文章

  • 关于博客首页
    基于博皮“SimpleMemory”进行的修改需要JS权限,没有的请先申请权限相关文档链接:点击前往点波关注再走呗......
  • 项目实战-前后端分离博客系统
    项目实战-前后端分离博客系统1.项目介绍纯后端讲解完整的前台后台代码编写主流技术栈(SpringBoot,MybatisPlus,SpringSecurity,EasyExcel,Swagger2,Redis,Echarts,Vue,ElementUI....)完善细致的需求分析由易到难循序渐进2.创建工程​ 我们有前台和后台两套系统。两套系统......
  • 使用 Elasticsearch2.1 实现博客站内搜索
    一直以来,为了优化本博客站内搜索效果和速度,我使用bing的 site:本着不折腾就浑身不自在的原则,我最终还是使用 Elasticsearch 搭建了自己的搜索服务。Elasticsearch是一个基于Lucene构建的开源、分布式、RESTful搜索引擎,很多大公司都在用,程序员的好伙伴Github的搜索也用的......
  • Typecho建站:腾讯云轻量应用服务器搭建博客网站教程
    腾讯云轻量应用服务器自带Typecho应用模板镜像,腾讯云提供的Typecho模板镜像是基于CentOS7.664位操作系统,并已预置Nginx、PHP、MariaDB软件程序,使用Typecho应用模板可以快速搭建博客、企业官网、电商及论坛等各类网站。腾讯云服务器网分享使用腾讯云轻量应用服务器Typecho应用模板......
  • 基于JAVA的博客平台设计与实现
    随着互联网技术的快速发展,利用博客平台实现用户资讯的发布管理成为很多互联网公司研究的热门话题。通过对博客平台系统的网站功能需要进行讨论研究,这种资讯发布非常符合资讯发展的潮流,博客平台的实现将会对当前网站的信息推广产生不可估量的巨大浏览提升。正是鉴于此种对潜在用户主......
  • 最适合个人博客做的6种内容!你get了吗
    很多朋友私信looklook说自己很想试着开创一个属于自己的个人博客,但是又不知道从哪里下手比较好,不知道网友们喜欢看什么。今天looklook就从内容出发,把大家比较常在个人博客分享的内容列举出来,希望可以给到大家一个参考。推荐的个人博客内容1.记录生活:许多博主将博客视为日记本,用来记......
  • 博客园上传MD
     目录1、原因2、功能3、环境4、配置5、运行6、发布 1、原因最近在博客园重新开始发表博客。但是,自己不习惯博客园的默认编辑框,更喜欢Typora的markdown格式编写,因为它给我的第一印象就是简单方便,轻量极。所以现在我写文章都是在Typora中编写好之后,再复制到博......
  • halo博客从1.X迁移到2.X注意事项
    前言官方的迁移教程很详细:https://docs.halo.run/getting-started/migrate-from-1.x但是从我看官方文档到完成数据迁移,途中也吃了不少亏(昨天弄到半夜),所以写出这篇文档,避免更多的人踩坑本教程只针对于halo1.5/1.6Sakura主题迁移到halo2.8的踩坑记录,也许其他主题并不一样。且随......
  • 手把手教你从零开始搭建个人博客
    随着技术的进步和用户需求的变化,个人博客的形式和内容一直在不停地演变。为了给读者提供更丰富、有趣的阅读体验,搭建个人博客的网站一直在寻找更好的优化方法。所以现在出现了一批功能更完善的个人博客搭建软件,今天looklook就以HelpLook为例,一步步教大家怎么去搭建一个属于自己的个......
  • Hexo博客使用valine评论系统无效果及终极解决方案
    注意事项有一些博主valine评论系统无效果,有一些原因:1、很大程度是因为next的版本升级导致某些参数设置不同2、valine评论是基于LeanCloud,还有一个文章阅读次数功能也是用LeanCloud,两者会有一点冲突之后会给出一些解决方案评论系统选择Hexo可用的评论系统有很多,如下: 来必......