Pharaoh

评论

#1楼  2006-02-23 14:50 lovesanni      

漂亮   回复  引用  查看    

#2楼 [楼主] 2006-02-24 09:15 Pharaoh      

/*
powered by pharaoh
2006-2-24
*/
a {
color:#666;
text-decoration:none;
background: transparent;
}

a:link {color: #666; border-bottom: 1px dashed #666; background: transparent;}
a:visited {color: #666; border-bottom: 1px dashed #666; background: transparent;}
a:hover {color: #666; border-bottom: 1px solid #666; background: transparent;text-decoration:none;}


body{
background:#28557E url("http://pharaoh.cnblogs.com/images/cnblogs_com/pharaoh/48982/o_bookBG.jpg") repeat-y left;
}

.date {
display:none;
}
h1 {
background: url("http://pharaoh.cnblogs.com/images/cnblogs_com/pharaoh/48982/o_bookTop.jpg") no-repeat top left;
height:318px;
width:950px;
border:none;
left:0px;
top:0px;
position:absolute;
background-color:transparent ;
z-index:-10;
}
.headermaintitle {
top:105px;
right:400px;
text-align:right;
position:absolute;
}
h1 a,
h1 a:link,
h1 a:visited,
h1 a:active,
h1 a:hover {
font-family : verdana, arial, sans-serif;
font-size:20px;
color:#000000;
font-weight:bold;
border:none;
}
#main {
width:550px;
margin-top:0px;
padding-top:150px;
}

div.post h2 {
border-bottom:1px solid #666;
}
h2 a:hover {
border:none;
color: #000000;
}

#rightmenu
{
position:absolute;
width : 250px;
background-color : transparent;
left : 645px;
top:60px;
color:#FFFFFF;
}
#rightmenu h3 {
font: bold 12px Verdana,"宋体";
letter-spacing: 0.09em;
text-transform: uppercase;
margin: 0px;
padding: 0px;
background-color:transparent;
border:none;
color:#FFFFFF;
}

#rightmenu ul {
list-style : none;
margin : 0px;
padding : 5px;
border : none;
}

#rightmenu a:link {color: #aaa; border-bottom: 1px dashed #aaa; background: transparent;}
#rightmenu a:visited {color: #aaa; border-bottom: 1px dashed #aaa; background: transparent;}
#rightmenu a:hover {color: #fff; border-bottom: 1px solid #fff; background: transparent;}
#rightmenu p{color: #eee}
#footer {
width:555px;
}

  回复  引用  查看    

#3楼  2006-04-25 23:37 三四斋主人 [未注册用户]

谢谢你提供的代码，我应用此代码做了些色彩方面的修改；但我不懂css,主要的东西无力修改。本人觉得将文字全部放在“书页”即文字从左向右移；整个文字显示面会太小，可以考虑将右边“栏目”的空间缩窄一些，整个主页面右移，会更好。
谢谢！   回复  引用    

#4楼 [楼主] 2006-04-28 16:05 Pharaoh      

@三四斋主人
修改下面的CSS语句可以将文本右移。
要增加页面显示宽度现有同步修改背景图片，有时间再修改一下。
#main {
width:550px;
margin-top:0px;
padding-top:150px;
}


#main {
width:490px;
margin-top:0px;
padding-top:150px;
margin-left :60px;
}   回复  引用  查看    

#5楼  2006-04-28 16:27 三四斋主人 [未注册用户]

右移成功，非常感谢！   回复  引用    

#6楼 [楼主] 2006-04-28 18:04 Pharaoh      

/*
宽书本
powered by pharaoh.cnblogs.com
2006-4-28
*/

a {
color:#666;
text-decoration:none;
background: transparent;
}

a:link {color: #666; border-bottom: 1px dashed #666; background: transparent;}
a:visited {color: #666; border-bottom: 1px dashed #666; background: transparent;}
a:hover {color: #666; border-bottom: 1px solid #666; background: transparent;text-decoration:none;}


body{
background:#28557E url("http://www.cnblogs.com/images/cnblogs_com/pharaoh/48982/o_bigbookBG.jpg") repeat-y left;
}

.date {
display:none;
}
h1 {
background: url("http://www.cnblogs.com/images/cnblogs_com/pharaoh/48982/o_bigbookTop.jpg") no-repeat top left;
height:318px;
width:1024px;
border:none;
left:0px;
top:0px;
position:absolute;
background-color:transparent ;
z-index:-10;
}
.headermaintitle {
top:105px;
right:330px;
text-align:right;
position:absolute;
}
h1 a,
h1 a:link,
h1 a:visited,
h1 a:active,
h1 a:hover {
font-family : verdana, arial, sans-serif;
font-size:20px;
color:#000000;
font-weight:bold;
border:none;
}
#main {
width:630px;
margin-top:0px;
padding-top:150px;
margin-left :60px;
}

div.post h2 {
border-bottom:1px solid #666;
}
h2 a:hover {
border:none;
color: #000000;
}

#rightmenu
{
position:absolute;
width : 220px;
background-color : transparent;
left : 770px;
top:60px;
color:#FFFFFF;
}
#rightmenu h3 {
font: bold 12px Verdana,"宋体";
letter-spacing: 0.09em;
text-transform: uppercase;
margin: 0px;
padding: 0px;
background-color:transparent;
border:none;
color:#FFFFFF;
}

#rightmenu ul {
list-style : none;
margin : 0px;
padding : 5px;
border : none;
}

#rightmenu a:link {color: #aaa; border-bottom: 1px dashed #aaa; background: transparent;}
#rightmenu a:visited {color: #aaa; border-bottom: 1px dashed #aaa; background: transparent;}
#rightmenu a:hover {color: #fff; border-bottom: 1px solid #fff; background: transparent;}
#rightmenu p{color: #eee}
#footer {
margin-left:60px;
width:630px;
}
  回复  引用  查看    

#7楼  2006-04-29 09:34 三四斋主人 [未注册用户]

谢谢您给我的留言，我已经看到了您的新页面及其代码。在你这里很好。
由于我把有些地方的色彩和字体改了，尤其右边的菜单改成了“红色”，用您的大书页试了一下，反而不如小书页的效果好。
再次谢谢您提供的代码！   回复  引用    

#8楼 [楼主] 2006-04-29 15:28 Pharaoh      

/*
中书本
powered by pharaoh.cnblogs.com
2006-4-28
*/

a {
color:#666;
text-decoration:none;
background: transparent;
}

a:link {color: #666; border-bottom: 1px dashed #666; background: transparent;}
a:visited {color: #666; border-bottom: 1px dashed #666; background: transparent;}
a:hover {color: #666; border-bottom: 1px solid #666; background: transparent;text-decoration:none;}


body{
background:#28557E url("http://pharaoh.cnblogs.com/images/cnblogs_com/pharaoh/48982/o_mbookBG.jpg") repeat-y left;
}

.date {
display:none;
}
h1 {
background: url("http://pharaoh.cnblogs.com/images/cnblogs_com/pharaoh/48982/o_mbookTop.jpg") no-repeat top left;
height:318px;
width:1015px;
border:none;
left:0px;
top:0px;
position:absolute;
background-color:transparent ;
z-index:-10;
}
.headermaintitle {
top:105px;
right:393px;
text-align:right;
position:absolute;
}
h1 a,
h1 a:link,
h1 a:visited,
h1 a:active,
h1 a:hover {
font-family : verdana, arial, sans-serif;
font-size:20px;
color:#000000;
font-weight:bold;
border:none;
}
#main {
width:565px;
margin-top:0px;
padding-top:150px;
margin-left :60px;
}

div.post h2 {
border-bottom:1px solid #666;
}
h2 a:link,
h2 a:visited,
h2 a:active {
color: #0000FF;
font-weight:normal;
}
h2 a:hover {
border:none;
font-weight:bold;
color: #0000FF;
}

#rightmenu
{
position:absolute;
width : 250px;
background-color : transparent;
left : 713px;
top:60px;
color:#FFFFFF;
}
#rightmenu h3 {
font: bold 12px Verdana,"宋体";
letter-spacing: 0.09em;
text-transform: uppercase;
margin: 0px;
padding: 0px;
background-color:transparent;
border:none;
color:#FFFFFF;
}

#rightmenu ul {
list-style : none;
margin : 0px;
padding : 5px;
border : none;
}

#rightmenu a:link {color: #aaa; border-bottom: 1px dashed #aaa; background: transparent;}
#rightmenu a:visited {color: #aaa; border-bottom: 1px dashed #aaa; background: transparent;}
#rightmenu a:hover {color: #fff; border-bottom: 1px solid #fff; background: transparent;}
#rightmenu p{color: #eee}
#footer {
margin-left:60px;
width:570px;
}
  回复  引用  查看    

#9楼  2006-04-29 16:54 三四斋主人 [未注册用户]

这个中本书页面就像专门为我定制的一样，装上正好，我在保留原有修改前下装上您的“中本”非常贴切。谢谢！   回复  引用    

#10楼  2006-05-10 11:10 蜡人张      

这本书好长啊，不过确是不错的创意！   回复  引用  查看    

#11楼  2006-06-18 16:04 天轰穿      

效果确实不错！！   回复  引用  查看    

#12楼 [楼主] 2006-06-20 16:04 Pharaoh      

这个Skin在1024×768下效果比较好，现在刚换了一个显示器，分辨率是1280×1024了，感觉右边空的太多了。   回复  引用  查看    

#13楼 [楼主] 2006-06-20 17:06 Pharaoh      

修改了一下，可以自适应1280和1024的分辨率，不同分辨率下书本的宽度不同。
  回复  引用  查看    

#14楼  2006-08-07 19:16 马志远      

不错.应用了.   回复  引用  查看    

#15楼 [楼主] 2006-08-08 09:10 Pharaoh      

@dudu
如果用于博客园的Skin，不知道要提交一些什么东西？
原Skin类型选择：Display Skin( 66)列表框选择：gertrude
1024*768 CSS文件内容见回复的“中书本”。需要两个背景图片：
http://pharaoh.cnblogs.com/images/cnblogs_com/pharaoh/48982/o_mbookBG.jpg
http://pharaoh.cnblogs.com/images/cnblogs_com/pharaoh/48982/o_mbookTop.jpg

1280*1024的CSS文件见：
http://www.cnblogs.com/Files/Pharaoh/css1280.rar">http://www.cnblogs.com/Files/Pharaoh/css1280.rar
需要两个背景图片：
http://pharaoh.cnblogs.com/images/cnblogs_com/pharaoh/48982/o_bookBG1280.jpg
http://pharaoh.cnblogs.com/images/cnblogs_com/pharaoh/48982/o_bookTop1280.jpg


适应不同的分辨率：
默认使用1024的Skin，添加下面的脚本判断屏幕分辨率，更改CSS文件。
<script>
if(screen.availWidth>1200)
{
SecondaryCss.href = 'http://www.cnblogs.com/Files/Pharaoh/css1280.rar">http://www.cnblogs.com/Files/Pharaoh/css1280.rar';
}
</script>



  回复  引用  查看    

#16楼  2006-08-09 13:17 dudu      

在FireFox中不能显示标题，需要去掉h1中的z-index:-10，并改一下h1的高度。
  回复  引用  查看    

#17楼 [楼主] 2006-08-09 16:35 Pharaoh      

@dudu
我已经直接在切换到了Book Skin。
平时没有怎么使用FireFox，也没有注意这个问题。
h1的高度是因为我没有设置子标题，所以省略了一行，增加h1的高度通用性更强。   回复  引用  查看    

#18楼 [楼主] 2006-08-09 17:36 Pharaoh      

  回复  引用  查看    

#19楼  2006-08-09 20:00 dudu      

又改了一下CSS，现在好了。   回复  引用  查看    

#20楼 [楼主] 2006-08-10 09:06 Pharaoh      

@dudu
1280*1024分辨率下有问题。
正文右边空白太多，书头背景宽度不够。
修改#header的width: 1265px;
修改#main 的width: 810px;   回复  引用  查看    

#21楼  2006-08-10 12:00 dudu      

@Pharaoh
改过来了。   回复  引用  查看    

#22楼  2006-08-11 00:40 creativer [未注册用户]

请问，我找了半天，也没找到管理里面有“配置”，更找不到“模板选择”和“自定义CSS”。我是msn的space，所以下面的我也就更找不到了，请你帮我解答一下好么，我是一个纯粹的网页白痴，抱着学习的态度在这里说一句：“谢谢”。很像应用这个皮肤，觉得很好看，请帮忙解决，再次感谢。   回复  引用    

#23楼 [楼主] 2006-08-11 09:50 Pharaoh      

@creativer
msn的space不能直接用这个skin，因为每个网页模板生成的内容不同，我在 http://blog.9zi.com/1 网站上看到的效果，也经过修改才应用到我的Blog上的。
你的MSN space网址是什么？我看看好不好修改。   回复  引用  查看    

#24楼  2006-08-11 11:30 creativer [未注册用户]

看了表笑话阿，好久没有更新了，因为出差了半年，准备在好好弄弄。还有，请问你的space是自己做的么？？？全是自己做的话，太厉害了阿。我现在是网页设计白痴。。。。。e，切入正题：
my space：
http://lee820131.spaces.live.com/PersonalSpace.aspx_c02_owner=1
这个就是，谢谢你,真是好人Pharaoh ，万分感谢。   回复  引用    

#25楼 [楼主] 2006-08-11 15:39 Pharaoh      

@creativer
我也没有在msn空间找到可以自定义的地方。可能不是很好用到这个Skin。
  回复  引用  查看    

#26楼  2006-08-11 23:13 creativer [未注册用户]

不会吧，我快崩溃了，那请问，我在什么样的blog可以阿，我可以申请一个试试看，给我推荐几个吧，谢谢Pharaoh 阿。   回复  引用    

#27楼  2006-08-12 09:18 dudu      

@creativer
在博客生活(http://www.cnweblog.com)可以。   回复  引用  查看    

#28楼  2006-08-12 13:29 creativer [未注册用户]

谢谢dudu啊，没办法，对这方面不太懂，以后多多指教，我会常来这里的，骚扰一下Pharaoh ~~谢谢达人dudu & Pharaoh。   回复  引用    

#29楼  2006-08-12 22:08 creativer [未注册用户]

我已经申请了新的blog，请pharaoh达人有时间去逛一下吧，谢谢你的指导，我会经常来这里看你的技术文章的，再次感谢，希望我们能够成为朋友阿。   回复  引用    

#30楼  2006-08-12 22:10 creativer [未注册用户]

我已经申请了新的blog，请pharaoh达人有时间去逛一下吧，谢谢你的指导，我会经常来这里看你的技术文章的，再次感谢，希望我们能够成为朋友阿。我现在的blog地址：http://www.cnweblog.com/lee820131
希望有空去踩几脚阿！！   回复  引用    

#31楼  2006-08-12 22:17 dudu      

@creativer
那个Skin已经设计好了，不用在"通过CSS定制页面"中输入css代码了。   回复  引用  查看    

#32楼  2006-08-13 11:39 phinecos(洞庭散人)      

好象左边页面还是不够大呀，图片都露到右边外面了。。。。
另外，晚上又发现了一个问题，“下一页”这个链接按钮好象有问题，有的时候点了却进了博客园的首页了，请帮忙看看，谢谢了   回复  引用  查看    

#33楼 [楼主] 2006-08-14 08:58 Pharaoh      

@phinecos(洞庭散人)
因为背景是用图片，大小固定，所以页面宽度固定。
为了照顾大多数人的1024*768和1280*1024的分辨率，设计了两个不同分辨率下的Skin，并自动替换。
图片太大了可以考虑使用较小的缩略图，点击缩略图时显示完整图片的解决方法。
关于“下一页”的问题，我这里没有这个问题，此问题可否重现？如果问题经常出现，可否保存出错链接的源文件，到时候交给DUDU分析一下原因。   回复  引用  查看    

#34楼  2006-08-15 00:27 phinecos(洞庭散人)      

@Pharaoh
谢谢你的回复，“下一页”的问题也是时不时会出现，会不会是由于我使用的浏览器的原因，我用的是Maxthon(傲游）   回复  引用  查看    

#35楼 [楼主] 2006-08-15 10:33 Pharaoh      

@phinecos(洞庭散人)
这个应该与浏览器无关，我也用的是Mathon。
如果你点击“下一页”的时候打开了博客园的首页，选择浏览器的后退返回你的首页，鼠标移到“下一页”上时状态栏会显示链接的地址，看看这个地址是否正常。
你的主页的“下一页”地址应该是：http://phinecos.cnblogs.com/default.html?page=2


  回复  引用  查看    

#36楼  2006-08-15 11:44 dudu      

@Pharaoh
如果不是通过二级域名访问Blog，“下一页”链接有问题，我正在解决这个问题。   回复  引用  查看    

#37楼 [楼主] 2006-08-15 12:01 Pharaoh      

@dudu
辛苦dudu了，同时也谢谢phinecos(洞庭散人) 发现问题。

我本来想确认一下问题，然后再请dudu修改，毕竟什么问题都要dudu一个人去确定问题和解决问题还是很费时间，哪知dudu这么厉害，一下子就找到了问题。

  回复  引用  查看    

#38楼  2006-08-15 13:43 dudu      

@Pharaoh
不是我发现的，有一个朋友发现后告诉我，我才知道的。   回复  引用  查看    

#39楼  2006-08-16 07:13 phinecos(洞庭散人)      

@Pharaoh
谢谢你和dudu,今天测试了下，好象已经没问题了，请问是不是已经修改好了？   回复  引用  查看    

#40楼  2006-08-16 09:47 dudu      

@phinecos(洞庭散人)
通过二级域名访问不会出现这个问题。   回复  引用  查看    

#41楼 [楼主] 2006-08-16 11:26 Pharaoh      

  回复  引用  查看    

#42楼  2006-08-16 12:40 dudu      

@Pharaoh
修改后，在我的Blog上显示的线位置不对，偏右了。   回复  引用  查看    

#43楼 [楼主] 2006-08-16 14:09 Pharaoh      

@dudu
原来的#footer有两处，你是不是有一处没有删除？   回复  引用  查看    

#44楼  2006-08-16 14:16 dudu      

@Pharaoh
晕，果然有两处，现在好了。   回复  引用  查看    

新用户注册  刷新评论列表