首页 » F2blog » f2blog的美化方法（不断更新）

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

作者: admin | 发布时间: 周六, 2008/01/12 - 14:14 13,524人浏览本文章

以下是本人觉得对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']?>&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=')
就可以了。

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

４、附件下载的include是根据v1.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

大树阁

关于大树阁

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

雁过留声

站内搜索

迷你博客(Dashu.ge)

最新文章

随机文章

最新评论

文章归档

友情链接(7个)

网站统计