好大一棵树 |
2011-04-03 18:52 |
以下是本人觉得对f2blog美化有帮助的修改,包括本人修改方法和论坛里提供的修改方法。
一、个性标题小日历 添加方法(zjfstar )
在标题的前面加入个性的小日历,前面有人询问过,我修改了几个文件,没有记下来,懒得去查了。 今天花些时间对比文件搞出来了,希望对大家美化blog有些帮助。 演示见图
1.打开 include/content.inc.php 文件,找到79行,也就是 <div class="ContentRight"></div> 在下面加入 <div style="margin:0px 2px -4px 0px;" alt="" class="CateIconSP"><div class="DateYM"><?php echo substr(format_time($settingInfo['currFormatDate'],$fa['postTime']),2,5)?></div><div class="DateDay"><?php echo substr(format_time($settingInfo['currFormatDate'],$fa['postTime']),8,2)?></div></div>
2.在下面大概4,5行处找到 代码: <?php echo $strAuthor.":".$author." ".$strLogDate.":".format_time($settingInfo['currFormatDate'],$fa['postTime'])?> 替换为 代码: <?php echo $strAuthor.":".$author." ".$strLogTime.":".substr(format_time($settingInfo['currFormatDate'],$fa['postTime']),11,5)?> 3.这个 $strLogTime 你可以打开 include/language/home zh_cn.php 添加条目 代码: $strLogTime = "时间"; 或者打开 include/language/zh_tw.php 添加条目 代码: $strLogTime = "時間"; 两个分别对应简体版,繁体版。 如果你像我这么懒的话,你可以在上面替换中直接把 $strLogTime 改为 "时间" 或者 "時間"(注意带上两个双引号)
4.打开自己正在使用的skins目录里面的 typography.css 文件,在最后添加 代码: .CateIconSP {background:url('date-bg.gif');float:left; width:43px; height:45px; margin-right:80px;}.DateYM {text-align:center;font-size:11px;color:#fff; font-family:"Courier New", Courier;}.DateDay {text-align:center;font-size:16px;color:#999;line-height:30px;font-family:Verdana; font-weight:bold;} 5.下载 date-bg.gif 到正在使用的skins目录中,这个小日历标题图片你可以自己用photoshop设计,以适合你的blog风格。 提供一个个人认为与默认模板比较符合的date-bg.gif 二、让链接显示logo(guapigege 小瓜) 前两天看到有人想让链接显示logo,今天看了下发现程序里原来就有显示logo的代码,只要修改一下就可以了 打开includecache.php,找到169行 复制内容到剪贴板 代码: //$show_content=($my[blogLogo]!="")?"<img src="$my[blogLogo]" width="88px" height="31px" alt=""> $my[name]":$my[name]; $show_content=$my['name']; 修改为 代码: $show_content=($my[blogLogo]!="")?"<img src="$my[blogLogo]" border="0" alt="$my[name]" >":$my[name]; //$show_content=$my['name']; 再把190行 代码: //$show_content=($my[blogLogo]!="")?"<img src="$my[blogLogo]" width="88px" height="31px" alt=""> $my[name]":$my[name]; $show_content=$my['name']; 修改为 代码: $show_content=($my[blogLogo]!="")?"<img src="$my[blogLogo]" border="0" alt="$my[name]" >":$my[name]; //$show_content=$my['name']; 更新一下缓存就可以了, 还有要注意修改一下link.css,如果你的link.css里的.sideA有了height的限制,会导致Logo图片显示不完整,可以把height属性删去。 预览:
三、前台管理 -删除、清空评论与引用改进 (harry ) 部分网友提出前台管理中的删除日志没有确认功能,这样极容易误删除操作。故我提供更改方法,需要的朋友请自行HACK。
1、打开include/common.js.php文件,在最底部增加一个函数: 代码: function comfirm_manager(act,acturl){ if (acturl!="" && act!=""){ if (act=="delete" || act=="ctempty" || act=="tbempty"){ choise=confirm("confirm operation?"); if (choise==true) { window.location=acturl + act; }else{ return false; } }else{ window.location=acturl + act; } }else{ return false; } } 2、打开incluce/content.inc.php和incluce/read.inc.php两个文件。找到 代码: if(this.options[this.selectedIndex].value != '') { window.location=('<?php echo $base_rewrite;?>admin/logs.php?mark_id=<?php echo $fa['id']?>&action=manage&manage='+this.options[this.selectedIndex].value);} 这一行,把它换成 代码: javascript:comfirm_manager(this.options[this.selectedIndex].value,'<?php echo $base_rewrite;?>admin/logs.php?mark_id=<?php echo $fa['id']?>&action=manage&manage=') 就可以了。
3、然后在删除,清空评论,清空引用的时候会出现确认按钮,如附图。
4、附件下载的include是根据v1.2版的文件来改写的,如果您之前更改过这三个文件,请参见上面的第1,2两步来改写代码就可以了。 include.zip (12.56 KB) 四、后台添加随机播放背景音乐 (本人)
在后台添加个板块,最好设置成首页独享的 加入 <SCRIPT language="JavaScript"> <!– var sound1="音乐路径" var sound2="音乐路径" var x=Math.round(Math.random()*1) if (x==0) x=sound1 else if (x==1) x=sound2 else if (x==2) x=sound1 else x=sound2 if (navigator.appName=="Microsoft Internet Explorer") document.write('<bgsound src='+'"'+x+'"'+' loop="infinite">') else document.write('<embed src='+'"'+x+'"'+'hidden="true" border="0" width="0" height="0" autostart="true" loop="-1">') //–> </SCRIPT> 音乐可以添加多个。在ie下会以背景音乐播放。如果设置成了首页独享的话,当你进入到有音乐链接的文章时候不会播放背景音乐,这样就不会影响到你文章之中音乐的试听效果。效果看俺的博客!别盗链我上面的音乐哦,我会经常修改文件名的 五、链接分组名称的字样如何修改 (本人) 今天我才发现,所有皮肤链接页面里的链接分组样式、颜色(都是这种颜色)都是一样的。结果查找,原来在css里没有对linkgroup进行样式定义。解决方法:直接在links.inc.php和applylink.inc.php里找到class="linkgroup",在其括号内添加style="样式"就可以了。 六、链接页面和申请链接面的美化和整合(本人) 本人发现f2blog的链接面和申请链接面是分开的,而且不大美观,所以本人以做了些修改,直接下载替换和修改相应地方就可以了!applylink.inc.rar (请注册会员后下载) 最后把include下的links.inc.php用下载的applylink.inc.php重命名替换。这样链接页面和申请链接面就相同了(当然,也可以修改指向相同)。具体情况自己修改哦!效果可以浏览本人链接和申请链接页面。 七、博客里图片的鼠标经过透明度修过 (本人) 1、在header.php的<head></head>区域添加: <SCRIPT language=JavaScript> // Flash Image Extension for Dreamwever ,by Yichun Yuan(dezone@sina.com) nereidFadeObjects = new Object(); nereidFadeTimers = new Object(); function nereidFade(object, destOp, rate, delta){ if (!document.all) return if (object != "[object]"){ //do this so I can take a string too setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0); return; } clearTimeout(nereidFadeTimers[object.sourceIndex]); diff = destOp-object.filters.alpha.opacity; direction = 1; if (object.filters.alpha.opacity > destOp){ direction = -1; } delta=Math.min(direction*diff,delta); object.filters.alpha.opacity+=direction*delta; if (object.filters.alpha.opacity != destOp){ nereidFadeObjects[object.sourceIndex]=object; nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate); } } </SCRIPT> 2、小瓜提示的,在admin文件下打开attach.php,找到所有的code = "<img,在其后面加入“onmouseover=nereidFade(this,100,10,5) style="FILTER: alpha(opacity=50)" onmouseout=nereidFade(this,50,10,5)” 这样就能使得所有之间上传的图片插入到文章中时自动添加代码“onmouseover=nereidFade(this,100,10,5) style="FILTER: alpha(opacity=50)" onmouseout=nereidFade(this,50,10,5)”。如果是外链的图片,必须在“<img”后手动添加“onmouseover=nereidFade(this,100,10,5) style="FILTER: alpha(opacity=50)" onmouseout=nereidFade(this,50,10,5)”。效果见本站。 八、留言以及评论框提示的修改(本人) 应一博友要求,对此效果的修改!效果来源bob:http://www.linstyle.cn/website/index.php 效果见http://www.dra-gon.cn/wuning/index.php里的留言页面和评论页面里的输入框(博客不是我的,请不要随便发表评论和留言!!!!)。 1、把header.php替换根目录下的相应文件(输入框的高度和宽度自己美化: <style type="text/css"> /*你好,你现在看的CSS是偶写的,抄袭的时候记得改名字*//*linstyle.cn by 香水 06-07*//****** General Styles ******/ .editTextarea{width:440px;height:100px;font-size:12px;padding:3px;background: #f8f9ff url(skins/Purple/ly.gif) no-repeat 0 -222px;border: 1px solid #c4c9fd;color:#6C63A3} .fabt{width:440px;height:100px;font-size:12px;padding:3px;border:1px solid #f7ca06;background:#fffbca;color:#cb6a24} .fabtt{width:440px;height:100px;font-size:12px;padding:3px;background: #f8f9ff;border: 1px solid #c4c9fd;color:#6C63A3} </style>), 2、ly.gif放到image或者皮肤里都可以,但是得注意修改header.php里的图片路径, 3、ubb.inc.php放进include里替换相应文件。注意如果编辑文件要用专用的编辑工具,注意备份替换的文件!
附件 xiaoguo.rar (16.58 KB) —★ 本文转载自『锦屏龙 ※ http://www.dra-gon.cn』http://www.dra-gon.?p=446
本文来自:幸运儿博客 详细出处参考:http://www.luckb.com/read-1858.html |
|