首页 > 其他分享 >【简洁】【皮肤美化】博客园页面美化 主文章加宽

【简洁】【皮肤美化】博客园页面美化 主文章加宽

时间:2023-09-20 23:46:24浏览次数:34  
标签:color 博客园 width important background shadow margin 美化 页面

选择:Bluesky皮肤

再加入的css:

#home {
    background-color: #e6e6e6;
}
#top_nav{
background-color: #e6e6e6;
}
#navigator, #under_post_card1, #ad_t2 , #nav_right, #nav_left, #cnblogs_c1, #under_post_card2, #HistoryToday, #green_channel, .author_avatar{
display:none;
}
#header{
    background-color: #e6e6e6;
 height:118px !important;
 width:1543px;
}


.diggnum{
  color: #fff !important;
  }
  .burynum{
color:#fff !important;
} 

#main{
    margin-top: 90px;
}
#blogTitle{
    display:block !important;
    text-align:center;
    font-size: 17px;
    color:#000;
}
#Header1_HeaderTitle{
    color:#000;
    font-weight:bold;
}

.login_tips, .login_tips a{

    color: #dad6d6;
}
#home>#main {
    margin-top: 107px !important;
    background-color: #f5f5f5 !important;
    margin-bottom: 0 !important;
}
#navigator, #blogTitle, #home>#main, #footer {
    width: 1543px !important;
    position: relative !important;
    margin: 0 auto !important;
}

#sideBar {
    width: 315px !important;
    padding: 40px;
    display: inline-block;
    overflow: hidden;
    color: #2d2d2d;
}

#mainContent {
    width: 1112px !important;
    background: #fff;
    box-shadow: 0 0 8px #999;
    -moz-box-shadow: 0 0 8px #999;
    -web-kit-shadow: 0 0 8px #999;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -web-kit-shadow: 6px;
    float: left;
    display: inline-block;
}
#body{
    overflow-x:auto;
    white-space:nowrap;
}

  

标签:color,博客园,width,important,background,shadow,margin,美化,页面
From: https://www.cnblogs.com/liuguiqing/p/17718847.html

相关文章

  • 基于Unet+opencv实现天空对象的分割、替换和美化
      传统图像处理算法进行“天空分割”存在精度问题且调参复杂,无法很好地应对云雾、阴霾等情况;本篇文章分享的“基于Unet+opencv实现天空对象的分割、替换和美化”,较好地解决了该问题,包括以下内容:1、基于Unet语义分割的基本原理、环境构建、参数调节等2、一种有效的天空分割数......
  • 歌手页面收藏功能之本地存储localstorage之save
    收藏功能:一、本地存储代码,array-storage.js:importstoragefrom'good-storage' functioninsertArray(arr,val,compare){ constindex=arr.findIndex(compare) if(index>-1){  //index>-1说明val在arr中存在  return } arr.unshift(val)......
  • IIS报错:HTTP 错误 404.2 - Not Found 由于Web服务器上的”ISAPI和CGI限制”列表设置,无
     解决方法:  ......
  • Hello 博客园!
    过去两年我也曾在不经意间路过博客园,短暂地驻足后又离开,也不知道各个网站的弯弯绕绕,今天算是第一次正式见面,就从“HelloWorld!”开始吧。前几天从B站博客园要被“劣币驱逐良币”的言论,过来小小地支持一下,别的也暂不多写了。总之,本来我也想找个好地方记录和分享一下自己的学习笔......
  • 企业微信内置应用的h5页面,内部按钮关闭页面
    以下内容非原创,遇到这个问题,查到这位大佬的做法,所以记录下来,以便于之后自己查阅。原文链接:https://blog.csdn.net/qq_22182989/article/details/125674826遇到的问题:在做vue项目时,需求是要在微信环境内。微信h5页面要求前端控制退出时关闭页面功能。如果是在微信外其他浏览器......
  • 页面层次拖拽效果
    <!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <htmlxmlns="http://www.w3.org/1999/xhtml"> <headrunat="server"> <......
  • dedebiz内容页面获取当前页面路径的标签
    dedebiz获取当前页面路径的标签,仅在内容页使用,栏目页没有效果的。{dede:fieldname='arcurl'/}在栏目页想获取当前栏目的路径及名称的话,就要用下面这个标签。{dede:type}<ahref="[field:typelink/]">[field:typename/]</a>{/dede:type}获取网站所有栏目名称及路径列......
  • 知名IT网站博客园陷入绝境
    我是卢松松,点点上面的头像,欢迎关注我哦!博客园陷入生死存亡的绝境。5月份知名IT开发者网站发布文章称“博客园网站遇到困难了:寻求捐助”,并开通了捐助渠道。4个月过去了,好像效果并不明显,随后几个月的时间里,博客园仅仅依靠用户捐助、天使投资和少量会员费用苦苦支撑。而在昨天,博客园再......
  • HarmonyOS 管理页面跳转及浏览记录导航
    历史记录导航使用者在前端页面点击网页中的链接时,Web组件默认会自动打开并加载目标网址。当前端页面替换为新的加载链接时,会自动记录已经访问的网页地址。可以通过forward()和backward()接口向前/向后浏览上一个/下一个历史记录。在下面的示例中,点击应用的按钮来触发前端页面的后......
  • springMvc页面跳转---重定向和转发
    准备工作1.导入json依赖点击查看代码<!--jsp需要依赖!jstl--><dependency><groupId>jakarta.servlet.jsp.jstl</groupId><artifactId>jakarta.servlet.jsp.jstl-api</artifactId><version>3.......