分类: 点点滴滴学技术

2009/6/3 23:27:07

做RC4.0皮肤的时候因为原有的脚本突然失效，对于脚本不太好的我来讲，搞了很久也没有解决问题，不能使用特效还是小事，麻烦的是，日志中的图片一旦超过了层的尺寸就会溢出，用overflow的属性来定义，又不太好，毕竟是机械的裁切隐藏掉了，并非按比例显示出来，后来努力在网上搜索了一些方法，发现一种比较好用的，一来做个记录，而来帮助需要的朋友。以下举个例子先：

例如：

<style type="text/css"> 
<!--  
#text {  
    width:630px;  
    float:left;  
}  
--> 
</style> 
</head> 
 
<body> 
<div id="text"> 
    <p><img alt="" src="/Attach/Matter/200906/633796660246438250_1.jpg" /></p> 
</text> 
</body> 
</html>

像以上情况的话，图片一旦超过了630PX，要么图片浮出层，要么把层撑变形，我们更不能死板的要求用户完全按照你限定的尺寸上传图片，这样就需要对显示随机图片的区域进行定义，以往的解决方法就是加入脚本，配合CSS来限制图片的尺寸，但是对于纯粹的美工来讲，多少麻烦一些。那就自然用到CSS了。如果用OVERFLOW来定义溢出的话，图片也是仅仅被切割隐藏了，效果不佳。在网上搜索后得到一个方法，就是样式中加入以下代码：

点击查看全文...

所属分类: 点点滴滴学技术 | 发表评论(0) | 浏览: 1182 | 作者: 帅豆

发布一个ROCLOG4.0的皮肤

2009/6/3 22:35:21

Tags: 皮肤, roclog皮肤

从使用ROCLOG到现在已经有几个月了，可一直没有好好打理过，老版本的皮肤也做过一个，还好没有发布出来，否则没几天就夭折了。新版发布以后马上开始试用，但自从上了服务器后，就没时间照顾，一直从bate1版本到最终的4.0最终版才有时间整理一下。

用程序我一般第一件事就是新做一个皮肤出来，不一定要好看或者新颖，但一定要对自己的胃口，否则连日志都不想写，这就诞生了第一个皮肤主题，由于这个版本使用了XSLT模版引擎，对于代码的要求太过严格了，想要彻底扔掉默认模版的样式表重新制作皮肤，难度确实不小，不过还好，总算是一点点把出现的BUG逐渐的解决掉了，但是有一点还是没有搞定，就是文章列表和展示页的jquery没有实现，找了半天也没找到毛病，不过好歹不影响大的使用，相册是可以正常显示效果的。或许还有其他未知BUG，总之两个通宵的战果，比较细致的了解了页面结构，也把这个东西做出来了，我想有了第一个皮肤的经验，后边想做新的皮肤就容易的多了。

好了，不再多写了，外观图就上一个小图了，主题略微有些大，因为安装和删除主题确实不难，所以想尝试的下回去装上试试，不喜欢删掉就行了。主题包里的style/images/top_bg.jpg是皮肤的头部图片，草草的做了一个公用的头部背景，但是怕不符合个体的需求，在该文件夹中留了一个该文件的副本，如果你会用PS，那自己修改一下，覆盖掉top_bg.jpg即可。

点击这里下载主题包

点击查看全文...

所属分类: 点点滴滴学技术 | 发表评论(3) | 浏览: 598 | 作者: 帅豆

对联广告代码

2009/1/27 7:54:58

Tags: 技术, 脚本, 对联

从往上摘录的源出处不详细。讲脚本放在head标记间。

<script language="javascript" type="text/javascript"> 
<!--  
var showad = true;        //是否显示广告  
var Toppx = 60;            //上端位置  
var AdDivW = 100;        //宽度  
var AdDivH = 360;        //高度  
var PageWidth = 800;    //页面多少宽度象素下正好不出现左右滚动条  
var MinScreenW = 1024;    //显示广告的最小屏幕宽度象素  
var ClosebuttonHtml = '<div align="right" style="position: absolute;top:0px;right:0px;margin:2px;padding:2px;z-index:2000;"><a href="javascript:;" onclick="hidead()" style="color:red;text-decoration:none;font-size:12px;">关闭</a></div>' 
var AdContentHtml = '<div align="center" style="color:green;font-size:23pt;font-family:黑体;">这里放广告，图片文字表格FLASH均可</div>';  
document.write ('<div id="Javascript.LeftDiv" style="position: absolute;border: 1px solid #336699;background-color:#EEEEE2;z-index:1000;width:'+AdDivW+'px;height:'+AdDivH+'px;top:-1000px;word-break:break-all;display:none;">'+ClosebuttonHtml+'<div>'+AdContentHtml+'</div></div>');  
document.write ('<div id="Javascript.RightDiv" style="position: absolute;border: 1px solid #336699;background-color:#EEEEE2;z-index:1000;width:'+AdDivW+'px;height:'+AdDivH+'px;top:-1000px;word-break:break-all;display:none;">'+ClosebuttonHtml+'<div>'+AdContentHtml+'</div></div>');  
function scall(){  
    if(!showad){return;}  
    if (window.screen.width<MinScreenW){  
        //alert("临时提示：nn显示器分辨率宽度小于"+MinScreenW+",不显示广告");  
        showad = false;  
        document.getElementById("Javascript.LeftDiv").style.display="none";  
        document.getElementById("Javascript.RightDiv").style.display="none";  
        return;  
    }  
    var Borderpx = ((window.screen.width-PageWidth)/2-AdDivW)/2;  
    document.getElementById("Javascript.LeftDiv").style.display="";  
    document.getElementById("Javascript.LeftDiv").style.top=(document.documentElement.scrollTop+Toppx)+"px";  
    document.getElementById("Javascript.LeftDiv").style.left=(document.documentElement.scrollLeft+Borderpx)+"px";  
    document.getElementById("Javascript.RightDiv").style.display="";  
    document.getElementById("Javascript.RightDiv").style.top=(document.documentElement.scrollTop+Toppx)+"px";  
    document.getElementById("Javascript.RightDiv").style.left=(document.documentElement.scrollLeft+document.documentElement.clientWidth-document.getElementById("Javascript.RightDiv").offsetWidth-Borderpx)+"px";  
}  
function hidead()  
{  
    showad = false;  
    document.getElementById("Javascript.LeftDiv").style.display="none";  
    document.getElementById("Javascript.RightDiv").style.display="none";  
}  
window.onscroll=scall;  
window.onresize=scall;  
window.onload=scall;  
//--> 
</script>

点击查看全文...

所属分类: 点点滴滴学技术 | 发表评论(0) | 浏览: 833 | 作者: 帅豆

2/2, 9«‹12›»