Kinogam--[原创]Blog皮肤代码 CSS+DIV

Magonik 发表于 2007/11/22 15:26:33

<SCRIPT language=javascript src="uploadfile/20081212111320780.JPG"> </SCRIPT><SCRIPT language=javascript>(function(){ /**//*Use Object Detection to detect IE6*/ var m = document.uniqueID /**//*IE*/ && document.compatMode /**//*>=IE6*/ && !window.XMLHttpRequest /**//*<=IE6*/ && document.execCommand; try{ if(!!m){ m("BackgroundImageCache", false, true) /**//* = IE6 only */ } }catch(oh){};})();</SCRIPT><SCRIPT language=javascript>$(function(){ $("#adsense1").remove();});$(function(){ $(".kinosh .shtitle").toggle(function(){ $(this).find("span").html("-"); $(this.parentNode).find(".shcontent").show("normal"); }, function(){ $(this.parentNode).find(".shcontent").hide("normal"); $(this).find("span").html("+"); });});$(function(){s("setsibebar").onclick=hidesidebar; });$(function(){var bs = document.getElementById("sidebarcontrol").getElementsByTagName("b"); for(i=0;i<bs.length;i++) bs[i].onclick=function(){ setSize(this.getAttribute("size"),document.getElementById("content")); }});function s(el){ return document.getElementById(el); } function hidesidebar(){ s("content").style.paddingRight="0px"; $("#menu").hide("slow"); this.onclick=showsidebar; this.innerHTML="显示菜单"; } function showsidebar(){ s("content").style.paddingRight="215px";$("#menu").show("slow"); this.onclick=hidesidebar; this.innerHTML="隐藏菜单"; } function del_space(s) { for(i=0;i<s.length;++i) { if(s.charAt(i)!=" ") break; } for(j=s.length-1;j>=0;--j) { if(s.charAt(j)!=" ") break; } return s.substring(i,++j); } function Verifycomment() { v = del_space(document.commentform.commenttopic.value); if (v.length == 0) { alert("您忘了填写题目!"); return false; } v = del_space(document.commentform.UserName.value); if (v.length == 0) { alert("您忘了留下名字!"); return false; } submits(); if (document.commentform.edit.value == "") { alert("内容不能为空!"); return false; } return true; } function setSize(size,stylefield) {var date=new Date(); var expireDays=9999; date.setTime(date.getTime()+expireDays*24*3600*1000); document.cookie=size+";expire="+date.toGMTString(); stylefield.className=size; }</SCRIPT> <STYLE type=text/css> /*1)Main********************************/ *{margin:0;padding:0;font-size:12px; color:#333; } a{ text-decoration:none; color:#333;} body{ background:url("uploadfile/2007111611258130.GIF") repeat-x; }#container{_padding:0 110px; _width:100%; }div[id='container']{margin:0 110px; } .small *{font-size:12px;} .normal *{font-size:14px;} .big *{font-size:18px;} /*2)Header********************************/ #header { } #top_banner{ height: 38px; } #top_banner span{ position:absolute; right:160px; background:url(uploadfile/20071116112537102.GIF) no-repeat; width: 110px; height: 25px; } #logo_search{ position:relative;margin-top:-38px;margin-bottom:10px;height:116px;/*background:url( uploadfile/20081224153752207.GIF) no-repeat bottom 30px; vertical-align:bottom;*//* background:url( uploadfile/2008229225511982.PNG) no-repeat bottom 30px; height:28px; padding:0 20px 10px 0; vertical-align:bottom; */ } /*兼容FIREFOX处理*/ div[id="logo_search"]{ background:url(uploadfile/20081224153752207.GIF) no-repeat 30px 0px;/*background:url(uploadfile/2008229225511982.PNG) no-repeat 30px 0px; */} #logo_search .searchfield{ position:absolute; top:52px; right:22px;/*right:128px;*/ } #logo_search input{ vertical-align:bottom; } #user_control{ margin:0 18px; background:#10356c url(uploadfile/2007111611379855.GIF) no-repeat top left; color:#fff; height:51px; } #user_control #bar{ overflow:hidden; height:51px; padding-top:25px; background:url(uploadfile/20071116113720134.GIF) no-repeat top right; } #user_control ul{ float:left; font-size:13px; font-weight:bold; height:26px; background:url(uploadfile/20071116112544173.GIF) no-repeat left bottom; list-style-type:none; padding:0 0 0 10px; } #user_control ul li{ float:left; clear:right; background:url(uploadfile/20071116114731638.GIF) no-repeat top right; margin:0 2px; } #user_control ul li.selected{ background:url(uploadfile/20071116114521284.GIF) no-repeat top right; } #user_control ul li a{ padding: 6px; display:block; max-height:14px; text-decoration:none; color:#fff; background:url(uploadfile/20071116114649706.GIF) no-repeat top left; } #user_control ul li a:hover{background:url(uploadfile/20071116114649706.GIF) no-repeat top left; } #user_control ul li.selected a:hover{ background:url(uploadfile/20071116114437377.GIF) no-repeat top left; } #user_control ul li.selected a{ background:url(uploadfile/20071116114437377.GIF) no-repeat top left; color:#333; } #user_control ol{ float:right; height:26px; width:300px; background:url(uploadfile/20071116112557597.GIF) no-repeat right bottom; list-style-type:none; } #user_control ol li{ float:right; line-height:26px; margin:0 3px;color:#fff; } #user_control ol li a{ color:#fff; font-weight:bold; } /*3)Main********************************/ .sidebarcontrol{ position:absolute; right:128px; margin-top:10px; } .sidebarcontrol b{background:#ffc;cursor:pointer; border:1px solid #ccc; margin-right:5px; padding:2px;width:10px; } .sidebarcontrol span{cursor:pointer;color:#bbb; font-size:14px; font-weight:bold; } #main{ padding:30px 18px 0 18px;overflow:hidden; } #menu{ position:absolute; right:128px; width:210px; height:100%; } #menu .related{ padding-top:16px; margin-bottom:5px; } #menu .related dl{ padding-left:10px; padding-bottom:16px; } #menu .related dt{ font-size:14px; font-weight:bold; } #menu .menu1{ background:url(uploadfile/2007111616649828.GIF) no-repeat top; } #menu .menu1 dl{ background:url(uploadfile/2007111616721995.GIF) no-repeat bottom; } #menu .menu2{ padding-top:12px; margin-bottom:5px; background:url(uploadfile/200711161688317.GIF) no-repeat top; } #menu .menu2 dl{ padding-left:10px; padding-bottom:16px; background:url(uploadfile/2007111616838253.GIF) no-repeat bottom; } #menu .menu2 dt{ font-size:14px; font-weight:bold; } #menu .menu2 dt a{ line-height:15px; vertical-align:middle; width:90%; margin-bottom:4px; } #menu a:hover{background:#ccc; } #content{ padding:20px 0; background:url(uploadfile/20071116161138914.GIF) repeat-x top; padding-right:215px; overflow:hidden; } #content table[border]{ width:100%; } #content table td{ padding:3px; } /*4)Footer********************************/ #footer{ margin:0 18px; background:url(uploadfile/20071116161138914.GIF) repeat-x top; } </STYLE><STYLE type=text/css>.kinosh{width:100%;_width:500px;margin:5px 0;}.kinosh .sh{border:1px solid #bbb;background:#eee;padding:5px;}.kinosh .shtitle{cursor:pointer;clear:both;}.kinosh .shtitle span{float:left;width:15px;height:15px;padding:0 0 3px 5px;border:1px solid #ccc;background:#fff;overflow:hidden;}.kinosh .shcontent{display:none;margin-top:10px;background:#fff;border:1px solid #ccc;padding:5px;}</STYLE><DIV id=container><DIV id=header><DIV id=top_banner><SPAN></SPAN></DIV><DIV id=logo_search><IMG style="VISIBILITY: hidden; VERTICAL-ALIGN: bottom; HEIGHT: 38px"> <DIV class=searchfield>$show_search$ </DIV></DIV><DIV id=user_control><DIV id=bar><UL><LI class=selected><A href="blog.asp?name=kinogam">Kinogam Blog</A></LI><LI><A href="index.asp">本站首页</A></LI><LI><A href="user_index.asp">管理页面</A></LI><LI><A href="user_index.asp?action=postnew">写新日志</A></LI></UL><OL><LI><A href="http://www.myjavaserver.com/~kinogam/html5test.html">HTML5测试页面</A></LI><LI><A href="http://home.goofar.com/kinogam/">GOOFAR</A></LI><LI><A href="http://www.myjavaserver.com/~kinogam/xmlxsl/index.xml">MYJAVASERVER</A></LI><LI>个人空间:</LI></OL><DIV></DIV></DIV></DIV><DIV class=sidebarcontrol id=sidebarcontrol>字体大小设置:<B size="small">小</B><B size="normal">中</B><B size="big">大</B>      <SPAN id=setsibebar>隐藏菜单</SPAN> </DIV><DIV id=main><DIV id=menu><DIV class="related menu1"><DL><DT>公告</DT><DD>$show_placard$</DD></DL></DIV><DIV class="related menu1"><DL><DT>联系方式</DT><DD><IMG src="uploadfile/2008129172827400.PNG"></DD></DL></DIV><DIV class=menu2><DL><DT>专题分类</DT><DD>$show_subject$</DD></DL></DIV><DIV class=menu2><DL><DT>日志更新</DT><DD>$show_newblog$</DD></DL></DIV><DIV class=menu2><DL><DT>最新评论</DT><DD>$show_comment$</DD></DL></DIV><DIV class=menu2><DL><DT>留言</DT><DD>$show_newmessage$</DD></DL></DIV><DIV class=menu2><DL><DT>Blog信息</DT><DD>$show_info$</DD><DD>$show_xml$</DD></DL></DIV><DL></DL></DIV><DIV class=content id=content>$show_log$ </DIV><DIV style="CLEAR: both"></DIV></DIV><DIV id=footer> </DIV></DIV></DIV>

阅读全文(3636) | 回复(1) | 编辑 | 精华

回复:[原创]Blog皮肤代码 CSS+DIV
软件技术

Kinogam发表评论于2007/11/25 17:01:05

http://kinogam.blogger.org.cn这边的才是最新的代码……这个副blog的旧了。

个人主页 | 引用回复 | 主人回复 | 返回 | 编辑 | 删除

» 1 »

发表评论：

昵称：
密码：
主页：
标题：

验证码： (不区分大小写,请仔细填写,输错需重写评论内容！)