标签为 CSS 的存档
LBS修改-自动换行的解决方案
Author: robay15 九 2007
这几天发表日志的时候,有时候要引用些程序代码,可有些代码过长,结果搞得我的页面大乱,十分不美观,于是通过了下面两个办法解决了:
一、本来我的网页最佳的显示分辩率是800*600以上的,现在估计用这种分辩率人很少了吧?于是改成了1024*768的效果,宽度长了,换行的问题自然就解决了。 [lol]
二、代码控制,说明如下,只是个例子,可以根据需要自行调整:
1.(IE浏览器)连续的英文字符和阿拉伯数字,使用word-wrap : break-word ;或者word-break:break-all;实现强制断行
#mainwrap{word-break:break-all; width:200px;}
或者
#mainwrap{word-wrap:break-word; width:200px;}<div id=”wrap”>abcdefghijklmnabcdefghijklmnabcdefghijklmn111111111</div>
效果:可以实现换行
2.(Firefox浏览器)连续的英文字符和阿拉伯数字的断行,Firefox的所有版本的没有解决这个问题,我们只有让超出边界的字符隐藏或者,给容器添加滚动条
#wrap{word-break:break-all; width:200px; overflow:auto;}
<div id=”wrap”>abcdefghijklmnabcdefghijklmnabcdefghijklmn111111111</div>
效果:容器正常,内容隐藏
如果想知道更多,请仔细阅读 http://www.blueidea.com/tech/web/2006/3469.asp 的贴子。
因为我的是由于使用代码才会出现这种问题所以,我只对styles.css中的.code段进行了修改.添加了代码:
word-break:break-all;
overflow:auto;
width: 500px;
问题搞定.
LBS修改-管理员回复评论
Author: robay8 九 2007
不记得从哪里找到的代码了,但在修改完后,发现不是我想要的样子,于是按自己的要求改动了下,现在把自己的代码贴出来,供大家分享下:
打开 comment.asp,搜索到
<%if(editMark){
var arrEdit=editMark.split(“$|$”);
%>
<div class=”editmark”>[<%=lang["edited_by"]+arrEdit[0]+lang["at"]+arrEdit[1]%>]</div>
<%}%>
<%}else{%>
<div class=”hidden-note”><%=lang["hidden_comment"]%></div>
<%}%>
</div>
替换为:
<%if(editMark){
var arrEdit=editMark.split(“$|$”);
%>
<div class=”editmark”>[<%=lang["edited_by"]+arrEdit[0]+lang["at"]+arrEdit[1]%>]</div>
<%}%>
<%}else{%>
<div class=”hidden-note”><%=lang["hidden_comment"]%></div>
<%}%>
</div>
<%if(reply){%>
<div class=”commentbox-reply-title”>
<div class=”commentbox-reply-label”>[ <%=replyUsername%> ] <%=lang["reply_comment"]%> [ <%=func.getDateTimeString("YY-MM-DD hh:ii:ss", replyTime)%> ]</div>
<%if(!hidden||(theUser.id==userid&&userid!=0)||theUser.rights["view"]>2){%>
<%var strContent=ubb.toHTML(func.HTMLEncode(reply),”110011″, “”, true)%>
<div class=”commentbox-reply-content”>
<%=strContent%>
</div>
<%}else{%>
<div class=”hidden-note”><%=lang["hidden_comment"]%></div>
<%}%>
</div>
<%}%>
搜索
strTitle,strActionURL,strContent,strUBBFlags,bHidden
以上代码有两处,均替换为:
strTitle,strActionURL,strContent,strUBBFlags,bHidden,strReply,bShowReplyArea
接着打开 src_comment.asp,搜索到
“content”: comments[i]["comm_content"],
“hidden”: comments[i]["comm_hidden"],
“postTime”: new Date(Number(comments[i]["comm_posttime"])),
“ubbFlags”: comments[i]["comm_ubbflags"],
“editMark”: comments[i]["comm_editmark"],
替换为:
“content”: comments[i]["comm_content"],
“hidden”: comments[i]["comm_hidden"],
“postTime”: new Date(Number(comments[i]["comm_posttime"])),
“ubbFlags”: comments[i]["comm_ubbflags"],
“editMark”: comments[i]["comm_editmark"],
“reply”: comments[i]["comm_reply"],
“replyUsername”: comments[i]["comm_replyusername"],
“replyTime”: new Date(Number(comments[i]["comm_replytime"])),
继续搜索到 “ // Check content ” 在上一行插入:
// Workaround for content/reply swap when the user has reply rights
if(input["entry"]){
input["reply"]=input["message"];
input["message"]=input["entry"];
if(input["reply"].length>theCache.settings["maxCommentLength"]||input["reply"].length<2){
strError+=”<li>”+lang["length_invalid"]+”</li>”;
}
}
继续搜索到:
“ arrData=connBlog.query(“SELECT TOP 1 tLog.log_id,tLog.log_authorID,
tLog.log_title,tComm.comm_authorid,tComm.comm_content,
tComm.comm_ubbFlags,tComm.comm_hidden FROM [blog_Article] tLog,
[blog_Comment] tComm WHERE tLog.log_id=tComm.log_id AND tComm.comm_id=”+input["id"]); ”
替换成
“ arrData=connBlog.query(“SELECT TOP 1 tLog.log_id,tLog.log_authorID,tLog.log_title,tComm.comm_authorid,
tComm.comm_content,tComm.comm_ubbFlags,tComm.comm_reply,
tComm.comm_hidden FROM [blog_Article] tLog,[blog_Comment] tComm
WHERE tLog.log_id=tComm.log_id AND tComm.comm_id=”+input["id"]); ”
搜索到
“ outputEditComment(lang["edit_comment_on"]+”: “+arrData["log_title"], “?
act=update&id=”+input["id"], arrData["comm_content"], arrData["comm_ubbflags"],
arrData["comm_hidden"]); ”
替换成
“ outputEditComment(lang["edit_comment_on"]+”: “+arrData["log_title"], “?
act=update&id=”+input["id"], arrData["comm_content"], arrData["comm_ubbflags"],
arrData["comm_hidden"],arrData["comm_reply"],
theUser.rights["edit"]>2 ? true : false); ”
继续搜索到 “ connBlog.update(“blog_Comment”, arrUpdate, “comm_id=”+input["id"]); ”
在其上面一行插入
// If the user has reply rights
if(theUser.rights["edit"]>1){
arrUpdate["comm_reply"]=input["reply"];
arrUpdate["comm_replyUsername"]=theUser.username;
arrUpdate["comm_replyTime"]=new Date();
}
打开 article.asp 文件,搜索到
<%if(editMark){
var arrEdit=editMark.split(“$|$”);
%>
<div class=”editmark”>[<%=lang["edited_by"]+arrEdit[0]+lang["at"]+arrEdit[1]%>]</div>
<%}%>
<%}else{%>
<div class=”hidden-note”><%=lang["hidden_comment"]%></div>
<%}%>
</div>
替换为:
<%if(editMark){
var arrEdit=editMark.split(“$|$”);
%>
<div class=”editmark”>[<%=lang["edited_by"]+arrEdit[0]+lang["at"]+arrEdit[1]%>]</div>
<%}%>
<%}else{%>
<div class=”hidden-note”><%=lang["hidden_comment"]%></div>
<%}%>
</div>
<%if(reply){%>
<div class=”commentbox-reply-title”>
<div class=”commentbox-reply-label”>[ <%=replyUsername%> ] <%=lang["reply_comment"]%> [ <%=func.getDateTimeString("YY-MM-DD hh:ii:ss", replyTime)%> ]</div>
<%if(!hidden||(theUser.id==userid&&userid!=0)||theUser.rights["view"]>2){%>
<%var strContent=ubb.toHTML(func.HTMLEncode(reply),”110011″, “”, true)%>
<div class=”commentbox-reply-content”>
<%=strContent%>
</div>
<%}else{%>
<div class=”hidden-note”><%=lang["hidden_comment"]%></div>
<%}%>
</div>
<%}%>
打开 class/article.asp 文件,搜索到
this.loadComments = function(bTimeOrder, bWithTrackBack, intTrackbackPos,
intPageSize, intCurrentPage){
var sql=”SELECT 0 as type, comm_ID,comm_Content,comm_authorID,
comm_author,comm_PostTime,comm_EditMark,comm_UBBFlags,comm_Hidden,
comm_IP FROM blog_Comment WHERE log_ID=”+this.id;if(bWithTrackBack){
// Trackback Fields Mapping: comm_ID=0, comm_Content=tb_Excerpt,
comm_aut
horID=tb_ID, comm_author=tb_Title
sql+=” UNION ALL SELECT 1,0,tb_Excerpt,tb_ID,tb_Title,tb_Time,tb_URL,
tb_Blog,false,tb_IP FROM blog_Trackback WHERE log_ID=”+this.id;
}
替换成
this.loadComments = function(bTimeOrder, bWithTrackBack, intTrackbackPos, intPageSize, intCurrentPage){
var sql=”SELECT 0 as type, comm_ID,comm_Content,comm_authorID,
comm_author,comm_PostTime,comm_EditMark,comm_UBBFlags,
comm_Hidden,comm_IP,comm_reply,comm_replyUsername,
comm_replyTime FROM blog_Comment WHERE log_ID=”+this.id;if(bWithTrackBack){
// Trackback Fields Mapping: comm_ID=0, comm_Content=tb_Excerpt, comm_authorID=tb_ID, comm_author=tb_Title
sql+=” UNION ALL SELECT 1,0,tb_Excerpt,tb_ID,tb_Title,tb_Time,tb_URL,
tb_Blog,false,tb_IP,false,false,tb_Time FROM blog_Trackback WHERE log_ID=”+this.id;
}
搜索到
“ubbFlags”: tmpA[i]["comm_ubbflags"],
“hidden”: tmpA[i]["comm_hidden"],
“IP”: tmpA[i]["comm_ip"]
替换成
“ubbFlags”: tmpA[i]["comm_ubbflags"],
“hidden”: tmpA[i]["comm_hidden"],
“IP”: tmpA[i]["comm_ip"],
“reply”:tmpA[i]["comm_reply"],
“replyUsername”:tmpA[i]["comm_replyusername"],
“replyTime”: new Date(Number(tmpA[i]["comm_replytime"]))
在css中添加回复功能的样式:
.commentbox-reply-title {
border: 1px dashed #999;
margin: 2px 40px;
padding: 5px;
}
.commentbox-reply-label{
font-weight: bold;
margin-bottom: 5px;
}
.commentbox-reply-content{
font-weight: normal;
color: #000080;
font-size: 11px;
display: inline;
}
最后一步,在lang/blog.asp中添加
t["reply_comment"]=”回复于”
代码!
再刷新一下页面,在编辑评论的时候,就多了回复功能!
比原来的好看的多了。
将博客首页日志发布日期的显示改成小日历形式
Author: robay3 九 2007
终于从”生活笔谈”那里看到了这个不错的东东,于是马上把代码拿来进行修改,成功!
开心之余把修改步骤贴出来供大家分享!
1、打开default.asp页面。找到下面代码,将其删除。
<%=func.getDateTimeString(“YY-MM-DD hh:ii:ss”,tArticle.postTime)%>
2、重写时间代码。将其分为年月,和日两段。
<div class=”year”>
<div class=”inneryear”><%=func.getDateTimeString(“YY-MM”,tArticle.postTime)%></div>
<div class=”day”><%=func.getDateTimeString(” DD”,tArticle.postTime)%></div>
</div>
3、搜索如下代码,将重写的时间代码插入在其前面。可能不同的版本会有不太一样的修改,大家可以按实际情况进行修改调整:
<div class=”textbox-title”>
4、修改styles.css,增加如下代码。
.year
{border:2px solid #C2CBCF; background:#454A4D; padding:3px 2px 2px 2px; color:#FAEBD7; font-weight:bold;font-size:8px; float:left; margin:0 2px 2px 1px;}
.inneryear
{padding:2px 1px;}
.day
{background:#F5F5DC; font-size:18px; font-weight:bold; color:#46A6BF; text-align:center; padding:1px 0;}
备注:不同的模板有不太一样的设计需要,也有自己做相应的调整。
让google将博客文章收录
Author: robay2 九 2007
说到google,很多人可能会抱怨自己的博客怎么总不被google收录,其实,这是你没有在google里优化其对你的博客的收录。
优化博客收录其实挺简单,首先你需要开启两个插件,一个是“MyCSS + Page Header & Footer”,另一个自然就是“Goole Sitemaps”。
接下来,你需要进入google的“网站管理员工具”这个页面,用你的google邮箱帐户登陆,然后在页面上方的“网站”文本框里输入你的博客地址,点击“添加网站”,接下来点击“验证网站”,选择“添加元标记”,将google提示你添加的代码粘贴到后台“外观”- “MyCSS + Page Header & Footer”的“在博客页面头部加入以下 HTML 代码:(header 区)”里面,更新即可。
接下来回到网站管理员工具的验证页面,点击确定,如果你刚才已经粘贴并更新了代码的话,这一步铁定会验证成功。
再下来点击网站管理员工具的“Sitemap”,选择“添加一个网络的sitemap”及“添加普通sitemap”,这时候再到yo2的后台点击“选项”-“Sitemap”,什么也别管,直接点击“Rebuid sitemap”。
最后再切回网络管理员工具,网址文本框里直接输入“sitemap.xml”,确认,一切OK!