资讯专栏INFORMATION COLUMN

博客园css定制

XboxYan / 667人阅读

摘要:博客园定制博客园定制选择模板代码如下广告屏蔽背景颜色左页签文章微软雅黑宋体黑体右页签博客名隐藏反对隐藏链接下划线导航自学第一周前端,可能有许多不到位之处。请各位大佬指正。。。

博客园css定制 博客园css定制 选择模板SimplClear

代码如下:

/* 广告屏蔽 */ #ad_t2 { display: none; .c_ad_block { display: none; /*背景颜色*/ body { background: rgba(12,100,129,1) url( /cnblogs html-css/o_2.jpg ) fixed no-repeat; background-position: 50% 5%; background-size: cover; /*左页签*/ #main { margin: 0 auto; width: 50%; height: 515px; background-color: rgba(245,245,245,0.7); padding: 10px; padding-left: 1%; padding-right: 1%; margin-top: 50px; margin-bottom: 200px; margin-left: 9%; box-shadow: 0 2px 6px rgba(100,100,100,0.3); float: left; overflow-y: scroll ; border-radius: 4px 4px 4px 4px; /*文章*/ .postTitle { border-left: 8px solid rgba(121,169,232,1); margin-left: 220px; margin-bottom: 10px; font-size: 20px; float: right; width: 100%; clear: both; border-bottom: 1px dashed rgba(197,197,197,1.00); border-top: 1px solid rgba(119,119,119,1.00); .postTitle a:link, .postTitle a:visited, .postTitle a:active { color: rgba(94,142,234,1.00); transition: all 0.4s linear 0s; .postTitle a:hover { margin-left: 30px; color: #0f3647; text-decoration: none; .postCon { float: right; line-height: 1.5em; width: 100%; clear: both; padding: 10px 0; .post { margin-top: 15px; box-shadow: 0 2px 6px rgba(100,100,100,0.3); .c_b_p_desc { /*background: url(images/posted_time.png) no-repeat 0 1px;*/ color: #757575; float: left; width: auto; clear: both; text-align: left; font-family: 微软雅黑 , 宋体 , 黑体 ,Arial; font-size: 13px; padding-right: 20px; margin-top: 20px; line-height: 1.8; padding-bottom: 35px; .cnblogs_code { background: rgba(255,255,255,0) .cnblogs_code div { background: rgba(255,255,255,0) .cnblogs_code_toolbar { background: rgba(255,255,255,0) /*右页签*/ #rightmenu { margin: 0 auto; width: 25%; height: 515px; background-color: rgba(245,245,245,0.7); padding: 10px; padding-left: 1%; padding-right: 1%; margin-top: 50px; margin-bottom: 50px; margin-right: 9%; box-shadow: 0 2px 6px rgba(100,100,100,0.3); float:right; overflow-y: scroll ; overflow-x: auto; border-radius: 4px 4px 4px 4px; #rightmenu h3 { background-color: rgba(121,169,232,1); margin-bottom: 0px; padding-left: 15px; #footer { display: none; /*博客名*/ #header { height: 100px; clear: both; color: rgba(245,245,245,0); #header h1 { font-size: 36px; font-weight: bold; line-height: 1.8em; margin-top: 10px; width: 150px; float: left; #tagline { float: right; display: block; /*隐藏反对*/ .buryit { display: none .diggit { float: right /*隐藏链接下划线*/ a:link {text-decoration:none;} a:visited {text-decoration:none} a:hover {text-decoration:none} a:active {text-decoration:underline} /*导航*/ #my_links { height: 120px; box-shadow: 0 2px 6px rgba(100,100,100,0.3); margin-bottom: 15px; #my_links h3 { float: left; height: 120px; width: 20px; text-align: center; word-break: break-all; margin-bottom: 0px; margin-top: 0px; padding-left: 0px #my_links ul { padding-left: 0px; float: right; display: block; width: 150px; list-style-type: none; margin-bottom: 0px; margin-top: 0px; #my_links a:link, #navList a:visited, #navList a:active{ color: #000; font-size: 18px; font-weight: bold; /*?*/ .newsItem, .catListEssay, .catListLink, .catListNoteBook, .catListTag, .catListPostCategory, .catListPostArchive, .catListImageCategory, .catListArticleArchive, .catListView, .catListFeedback, .mySearch, .catListComment, .catListBlogRank, .catList, .catListArticleCategory ,#blog-calendar background: rgba(255, 255, 255, 0.5); margin-bottom: 35px; word-wrap: break-word; }

自学第一周前端,可能有许多不到位之处。请各位大佬指正。。。

/cnblogs html-css/6947472.html /cnblogs html-css/80151468

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/882.html

相关文章

  • 博客申请及页面定制CSS

    摘要:二博客园申请及开通权限遇到的第一个问题就是填写申请博客理由,问度娘要了一个回答粘贴上居然被拒了,无奈只好自己写了打算在博客里记录下的新技能和遇到的问题解决方案,帮自己沉淀同时也分享给他人,还望审核员此次能够予以通过。一、背景   刚刚工作满一年,感觉到工作后在学习方面和之前还是有些不一样的:在校会有系统的整理归纳基础知识和逐步学习的一个过程,最后考试进行比较全面的知识掌握程度检测;而在工作上...

    Kyxy 评论0 收藏0
  • 博客css定制

    摘要:博客园定制博客园定制选择模板代码如下广告屏蔽背景颜色左页签文章微软雅黑宋体黑体右页签博客名隐藏反对隐藏链接下划线导航自学第一周前端,可能有许多不到位之处。请各位大佬指正。。。博客园css定制 博客园css定制 选择模板SimplClear 代码如下: /* 广告屏蔽 */ #ad_t2 { display: none; .c_ad_block { display: no...

    Backache 评论0 收藏0
  • 博客代码黑色主题高亮设置

    摘要:之前做了博客园自定义样式的相关设置,博客园界面变得顺眼一点了。但是代码块还是看着比较变扭,习惯黑色主体编辑器的我,颜控的我,不能忍啊。 碎碎念: 貌似现在喜欢写博客之前先叨叨一下。。。。之前做了《博客园自定义样式》的相关设置,博客园界面变得顺眼一点了。 但是代码块还是看着比较变扭,习惯黑色主体编辑器的我,颜控的我,不能忍啊。所以还是改改改。 小提示:具体的操作实现参考GitHub:h...

    Blackjun 评论0 收藏0
  • 前端小白也能快速学会的博客博客美化全攻略

    摘要:前端小白也能快速学会的博客园博客美化全攻略呦,博客园的自我修养是什么第一条,别只顾收藏和偷师呀,记得点推荐或关注本人喔美化方法论简介一般而言,需要选一个默认的,然后在该基础上调整。或者也可进博客园园子页面,发状态博客园团队,申请开通权限。 前端小白也能快速学会的博客园博客美化全攻略 A呦V,博客园er的自我修养是什么?第一条,别只顾收藏和偷师呀,记得点推荐或关注本人喔~ 美化方法论简...

    StonePanda 评论0 收藏0
  • 设置博客标题样式

    摘要:博客园设置博客设置,点击页面上的权限申请,然后填写申请的理由,耐心等几分钟,再刷新一下,页面就会显示支持代码,博客园也会在用户邮箱给你发送是否开通权限的邮件。1.向博客园申请js权限  我们需要进入博客园自定义博客模板的页面,向博客园管理团队申请页面运行js的权限。【博客园】->【设置】->【博客设置】,点击页面上的js权限申请,然后填写申请的理由,耐心等几分钟,再刷新一下,页面就会显示支持...

    番茄西红柿 评论0 收藏0

发表评论

0条评论

XboxYan

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<