官方首页 | 无图版 | BBS首页
PJBlog3 2.8.4.133 新版发布 下载|升级(2008.7.13) 大话PJ3 | PJ3评测反馈 | PJ3发展建议 暑期清凉活动:PJ纪念版T-shirt设计大赛 PJ3内测团队主创人员身份,性格,特点吐血大曝光
PJBlog技术支持论坛使用问题总索引 PJ-Blog 3 斑竹日志 PJBlog域名,主机,服务器使用经验分享 Z-Blog,Wordpress,Bo-Blog转换到PJBlog
 17 12
发新话题
打印

如何实现这种日历效果:日历背景有月份

本主题由 四川-果果 于 2008-5-26 17:42 移动

如何实现这种日历效果:日历背景有月份

如何实现这个网站日历效果:
网址http://www.info-collect.com/
附件: 您所在的用户组无法下载或查看附件
http://chenwei.boyhu.net/

TOP

是要中间的12月样式?
编辑皮肤下的typography  在“日历样式”添加一个BG图片

TOP

我需要它每个月自动变的啊
http://chenwei.boyhu.net/

TOP

那就每个月更新一张不就行了
呵呵 那就不知道了 水平有限

TOP

:L

TOP

背景是月份数字图片的日历

这个其实是LBlog的日历显示方式,对吧,不好意思在pjblog这里说出来,呵呵,没什么,一起学习嘛。

今天是我的生日,可惜我还要加班,今天一个晚上没有睡觉,一直都在写脚本。天亮前看到这个帖子,没有犹豫,回!

花了我不少时间哦,嘿嘿,祝我生日快乐吧。 PS: 楼主,你有张相片很像地道战里面那个偷地雷的,嘿嘿,玩笑啊~

下面给你具体说说实现这种日历风格步骤:

本文所用到的图片在我帖子的最后有打包下载地址:

1、把压缩包中的bg_thisday.gif与bg_today.gif拷贝到你当前使用的pjblog的模板文件夹下,例如:skins/soking_v1

2、把calendar文件夹拷贝到images文件夹下,images/calendar

3、修改common文件夹下的library.asp;
找到第18行(均指不换行情况)附近的:
复制内容到剪贴板
代码:
        C_Year=Cint(C_Year)
        C_Month=Cint(C_Month)
        C_Day=Cint(C_Day)
        C_YM=C_Year & "-" & C_Month
在其后面加入以下代码:
复制内容到剪贴板
代码:
        Dim Month_Name(12)
        Month_Name(0)=""
        Month_Name(1)="1"
        Month_Name(2)="2"
        Month_Name(3)="3"
        Month_Name(4)="4"
        Month_Name(5)="5"
        Month_Name(6)="6"
        Month_Name(7)="7"
        Month_Name(8)="8"
        Month_Name(9)="9"
        Month_Name(10)="10"
        Month_Name(11)="11"
        Month_Name(12)="12"
然后继续查找以下代码:
复制内容到剪贴板
代码:
Calendar="<div id=""Calendar_Body""><div id=""Calendar_Top""><div id=""LeftB"" onclick=""location.href='default.asp?log_Year="&PY&"&log_Month="&PM&"'""></div><div id=""RightB"" onclick=""location.href='default.asp?log_Year="&NY&"&log_Month="&NM&"'""></div>"&C_Year&"年"&C_Month&"月</div>"
将其替换为:
复制内容到剪贴板
代码:
Calendar="<div id=""Calendar_Body"" style=""background:url(images/calendar/month"&Month_Name(C_Month)&".gif)""><div id=""Calendar_Top""><div id=""LeftB"" onclick=""location.href='default.asp?log_Year="&PY&"&log_Month="&PM&"'""></div><div id=""RightB"" onclick=""location.href='default.asp?log_Year="&NY&"&log_Month="&NM&"'""></div>"&C_Year&"年"&C_Month&"月</div>"
4、(此步骤需要点CSS的基础。)修改skin里面你当前正在使用的pjblog模板文件夹里的typography.css文件,控制日历显示部分的CSS的颜色值根据您当前使用的风格应该作适当的调整。其中需要加入图片的CSS标签如下,将对应的背景图片的CSS代码加入(不是替换整个样式)。
复制内容到剪贴板
代码:
/*日历样式-日期-超链接样式*/
  .DayA a:hover{ background:url(bg_thisday.gif) no-repeat;}

/*日期选中*/
  .DayA a.click:hover{ background:url(bg_thisday.gif) no-repeat;}

/*本日存在日记*/
   .DayA a.haveD:link,.DayA a.haveD:visited{ background:url(bg_today.gif) no-repeat;}
   .DayA a.haveD:hover{ background:url(bg_thisday.gif) no-repeat;}

/*今天存在日记*/
   .DayA a.DayD:link,.DayA a.DayD:visited{ background:url(bg_thisday.gif) no-repeat;}
   .DayA a.DayD:hover{ background:url(bg_thisday.gif) no-repeat;}
所用到的图片下载地址:点击下载

提请注意:在做任何修改前请先做好被修改文件的备份,以防止操作不当,对您造成损害。本人不为此承担任何责任。

[ 本帖最后由 superman 于 2007-6-9 13:51 编辑 ]

TOP

恩 学习了 高手

TOP

热心的家伙
生日快乐哦
..

TOP

不错,谢谢了,祝生日快乐!
http://chenwei.boyhu.net/

TOP

有没有哪种方法不需要背景图片实现呢?
比如hao123的万年历(http://www.hao123.com/haoserver/wn.htm),他的背景没有用到图片,但却可以显示年份的背景!
http://chenwei.boyhu.net/

TOP

 17 12
发新话题