最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
问答文章1 问答文章501 问答文章1001 问答文章1501 问答文章2001 问答文章2501 问答文章3001 问答文章3501 问答文章4001 问答文章4501 问答文章5001 问答文章5501 问答文章6001 问答文章6501 问答文章7001 问答文章7501 问答文章8001 问答文章8501 问答文章9001 问答文章9501
当前位置: 首页 - 科技 - 知识百科 - 正文

马马虎虎搞个博客样式_html/css

来源:懂视网 责编:小采 时间:2020-11-27 15:56:04
文档

马马虎虎搞个博客样式_html/css

马马虎虎搞个博客样式_html/css_WEB-ITnose:弄了半个晚上的时间,总算马马虎虎搞好了博客的样式。 整个博客是蓝色的基调,比较激情,我喜欢。 比较郁闷的是,rightmenu 和 main都是position:absolute 布局的。要添加一个footer,还真是被恶心到不行,现在虽然做成了position:fixed的,但
推荐度:
导读马马虎虎搞个博客样式_html/css_WEB-ITnose:弄了半个晚上的时间,总算马马虎虎搞好了博客的样式。 整个博客是蓝色的基调,比较激情,我喜欢。 比较郁闷的是,rightmenu 和 main都是position:absolute 布局的。要添加一个footer,还真是被恶心到不行,现在虽然做成了position:fixed的,但

弄了半个晚上的时间,总算马马虎虎搞好了博客的样式。

整个博客是蓝色的基调,比较激情,我喜欢。

比较郁闷的是,rightmenu 和 main都是position:absolute 布局的。要添加一个footer,还真是被恶心到不行,现在虽然做成了position:fixed的,但标签和随笔增多的时候,肯定会覆盖一部分内容。没有js权限, 暂时先放着吧。

footer的代码:MyFooter部分直接插入了内联的Css样式,懒得修改了,过段时间肯定要把footer去掉。

1 2 

知识改变命运,码农拯救人生

3

ohmygirl@2014

4

同时去掉了文章底部烦人的推广链接和广告banner。看着清净了不少。

1 /* advertise */2 #site_nav_under,#ad_under_post_holder,#under_post_news,#google_ad_c2,#under_post_kb{3 width:0;4 height:0;5 display:none;6 overflow:hidden;7 }

博客主题部分的css代码为:

 1 /* header */ 2 #header{ 3 border:1px solid #044e97; 4 background:#0078d8 repeat; 5 box-shadow:0 0 5px; 6 } 7 h1{ 8 background: none; 9 border-bottom:0 none; 10 } 11 #main{ 12 margin-top:5px; 13 border-right:0 none; 14 min-height:1040px; 15 } 16 #Header1_HeaderTitle{ 17 color:white; 18 font-weight:bold; 19 font-size:24px; 20 text-shadow:1px 5px 1px #000; 21 } 22 #Header1_HeaderTitle:hover{ 23 color:#fca021; 24 } 25 #tagline{ 26 color:white; 27 } 28 p.date{ 29 background: none repeat scroll 0 0 #0078d8; 30 border-bottom: 1px solid #aaa; 31 border-radius: 5px; 32 color: white; 33 font-size: 14px; 34 font-weight: bold; 35 margin: 10px 10px 0 50px; 36 padding: 10px; 37 } 38 .postFoot, p.postFoot{ 39 padding-bottom:2px; 40 border-bottom:1px solid #0078d8; 41 } 42 .postTitle{ 43 padding:5px 0; 44 } 45 .postTitle a{ 46 font-size:15px; 47 padding:2px 0; 48 } 49 .post h2{ 50 border-bottom: 1px dashed #0078d8; 51 font-size: 1em; 52 margin-top: 10px; 53 padding: 0 0 10px; 54 } 55 .c_b_p_desc_readmore:hover{ 56 color:#faa123; 57 } 58 #cb_post_title_url{ 59 font-size:18px; 60 } 61 #MySignature{ 62 border: 1px dashed #0078d8; 63 display: block; 64 padding: 5px; 65 } 66 #green_channel{ 67 border: 1px dashed #0078d8; 68 } 69 70 /* right menu */ 71 #rightmenu{ 72 border:1px solid #0078d8; 73 background:#0078d8; 74 border-radius:10px; 75 } 76 #rightmenu ul{ 77 background:white; 78 } 79 #rightmenu li{ 80 background: none repeat scroll 0 0 #3385ff; 81 border: 1px solid #3385ff; 82 border-radius: 5px; 83 color: white; 84 margin: 10px; 85 padding: 5px; 86 width: 150px; 87 } 88 #rightmenu li a{ 89 color:white; 90 padding-left:10px; 91 } 92 #rightmenu li:hover{ 93 background:#317ef3; 94 } 95 #rightmenu h3{ 96 color:white; 97 padding:2px 0 5px 10px; 98 font-size:18px; 99 border:0 none;100 }101 102 #blog-calendar{103 background:white;104 }105 div.commentform{106 margin-bottom:100px;107 }108 /* advertise */109 #site_nav_under,#ad_under_post_holder,#under_post_news,#google_ad_c2,#under_post_kb{110 width:0;111 height:0;112 display:none;113 overflow:hidden;114 }115 116 /* calendar */117 .Cal{118 border:0 none;119 width:100%;120 height:200px;121 font-size:14px;122 }123 .CalTitle{124 font-size:15px;125 }126 .CalTodayDay{127 background:#0078d8;128 }129 .CalTodayDay a u{130 color:#fc6700;131 text-decoration:none;132 }133 134 /* footer */135 #footer{136 display:none;137 }138 #myFooter{139 border:1px solid #044e97;140 box-shadow: 0 0 5px #044e97;141 }142 #myFootText{143 font-size:20px;144 color:white;145 width:100%;146 text-align:center;147 margin-top:10px;148 }149 #myFootCopy{150 font-size:15px;151 color:white;152 width:100%;153 text-align:center;154 margin-top:10px;155 }

声明:本网页内容旨在传播知识,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

文档

马马虎虎搞个博客样式_html/css

马马虎虎搞个博客样式_html/css_WEB-ITnose:弄了半个晚上的时间,总算马马虎虎搞好了博客的样式。 整个博客是蓝色的基调,比较激情,我喜欢。 比较郁闷的是,rightmenu 和 main都是position:absolute 布局的。要添加一个footer,还真是被恶心到不行,现在虽然做成了position:fixed的,但
推荐度:
标签: 样式 博客 html
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top