f2blog的美化方法（不断更新）

2007年10 月7日 / 其他转载 / 5条 / 4,722次

以下是本人觉得对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。

１、打开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;
}
}

２、打开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']?>&amp;action=manage&amp;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']?>&amp;action=manage&amp;manage=')

就可以了。

３、然后在删除，清空评论，清空引用的时候会出现确认按钮，如附图。

４、附件下载的include是根据v1.2版的文件来改写的，如果您之前更改过这三个文件，请参见上面的第１，２两步来改写代码就可以了。

 四、后台添加随机播放背景音乐 （本人）

 

 

在后台添加个板块，最好设置成首页独享的
加入
<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的链接面和申请链接面是分开的，而且不大美观，所以本人以做了些修改，直接下载替换和修改相应地方就可以了！539
最后把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
效果见https://long.ge/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)

关键词:

时间：2007年10 月7日，星期日，上午10:17。
通过 RSS 2.0 订阅源关注。

«
»

《f2blog的美化方法（不断更新）》有5 条评论

  1. 真理说道：
    2009年1月31日 下午3:12

    八、留言以及评论框提示的修改（本人）
    附件已经不可以下,能不能把你提供出来啊!
    QQ:86354630发到邮箱里就可以了.
    谢谢!~

    回复
  2. 博澜人说道：
    2007年11月9日 上午9:45

    　　你的水平提高了，现在的版面清晰，很好的。有点想法供你参考：
    　　1、文章的文字是否再大一点比较受看；
    　　2、版面是否再更新使其更漂亮些，建议你看看新浪网博客“蓝雨”和“顺风船”的博客主页，我觉得很有特点。
    　　随便说说，仅供参考。
    　　周末愉快！
    　　　　　　　　　　　　五伯

    回复
  3. 博澜人说道：
    2007年10月26日 上午9:12

    很好，有水平，使我们受益了。为了你的健康，请阅博澜人《不科学的食物搭配有损健康》一文。

    回复
  4. TLK说道：
    2007年10月15日 上午10:38

    呵呵 老乡 厉害呀 偶看得迷糊着呢

    回复

提交评论

同类文章