<![CDATA[Marshal的博客]]> http://www.marshal.sh.cn/index.php zh-cn http://www.marshal.sh.cn/post/400/ <![CDATA[em和px 的区别]]> Marshal <admin@yourname.com> Tue, 12 Aug 2008 09:42:29 +0000 http://www.marshal.sh.cn/post/400/
1. IE无法调整那些使用px作为单位的字体大小；
2. 国外的大部分网站能够调整的原因在于其使用了em作为字体单位；
3. Firefox能够调整px和em，但是96%以上的中国网民使用IE浏览器(或内核)。

px像素（Pixel）。相对长度单位。像素px是相对于显示器屏幕分辨率而言的。(引自CSS2.0手册)

另外要说的是,Marshalv8模板里已经大量采用em作为单位。更符合标准。

Tags - , , , ]]> http://www.marshal.sh.cn/Marshalv8/ <![CDATA[【Marshalv8】发布于2008/8/8 8PM]]> Marshal <admin@yourname.com> Fri, 08 Aug 2008 11:52:21 +0000 http://www.marshal.sh.cn/Marshalv8/ 由Marshal发布的第八个Bo-blog模板。
CSS代码都有注释。
模板学习可以参阅此模板制作教程
http://bbs.bo-blog.com/vie...
模板更多请查阅
http://www.marshal.sh.cn/m...
模板信息
A、模版名称：Marshalv8
B、模版适用bo-blog的版本：2.1.0以上
C、模版适用的分辨率；：800*600以上
D、适用的浏览器环境；：IE6/7，Firefox 已测试
E、模版使用过程中注意的问题：欢迎到我博客留言。
F、模板预览地址: http://www.marshal.sh.cn/i...
下载请至：http://bbs.bo-blog.com/vie...
点击在新窗口中浏览此图片
Tags - , , , , ]]> http://www.marshal.sh.cn/post/380/ <![CDATA[再发一条IE6下js的透明png代码]]> Marshal <admin@yourname.com> Mon, 02 Jun 2008 04:15:18 +0000 http://www.marshal.sh.cn/post/380/ 但目前IE中对于插入的透明背景的.png的图片是不能正常显示的。IE会自动给".png"格式的图片加个灰色背景。
　　解决这个的方法是增加javascript。具体方法如下：
　　把下面的代码放在head区就可以解决问题了。
<script language="javascript">
function correctPNG()  
{
for(var i=0; i<document.images.length; i++)
{
  var img = document.images[i]
  var imgName = img.src.toUpperCase()
  if (imgName.substring(imgName.length-3, imgName.length) == "PNG")
  {
   var imgID = (img.id) ? "id='" + img.id + "' " : ""
   var imgClass = (img.className) ? "class='" + img.className + "' " : ""
   var imgTitle = (img.title) ? "title='" + img.title + "' " : "title='" + img.alt + "' "
   var imgStyle = "display:inline-block;" + img.style.cssText  
   if (img.align == "left") imgStyle = "float:left;" + imgStyle
   if (img.align == "right") imgStyle = "float:right;" + imgStyle
   if (img.parentElement.href) imgStyle = "cursor:hand;" + imgStyle  
   var strNewHTML = "<span " + imgID + imgClass + imgTitle
   + " style=\"" + "width:" + img.width + "px; height:" + img.height + "px;" + imgStyle + ";"
  + "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"
   + "(src=\'" + img.src + "\', sizingMethod='scale');\"></span>"  
   img.outerHTML = strNewHTML
   i = i-1
  }
}
}
window.attachEvent("onload", correctPNG);
</script>  


　　也可以把这段代码单独加在一张图片上：

<span
style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='male.png',sizingMethod='scale');"></span>

Tags - , , , ]]> http://www.marshal.sh.cn/post/379/ <![CDATA[只改动CSS让IE6支持透明PNG ]]> Marshal <admin@yourname.com> Sun, 01 Jun 2008 11:35:56 +0000 http://www.marshal.sh.cn/post/379/
来源：http://www.twinhelix.com/c...
预览：http://www.twinhelix.com/c...
下载：http://www.twinhelix.com/c...
效果：允许IE6正常显示使用<img>标签插入或以CSS background-image方式写入的透明PNG图象。

使用方法：

1、下载脚本脚本，将其中的iepngfix.htc和blank.gif解压缩到合适的目录内，.htc即Html Components，该文件需要在CSS中被调用；blank.gif是一个1×1像素的透明GIF图片，缺少该文件会使<img>标签插入的PNG图象显示为红色的叉烧包。

2、在iepngfix.htc中修改blank.gif的路径，var blankImg =‘blank.gif的正确路径’，这是惟一一个需要修改的配置。

if (typeof blankImg == ‘undefined’) var blankImg = ‘blank.gif’;

3、在css中将需要使用透明PNG的元素与.htc文件关联。

例如：*{behavior: url(iepngfix.htc) }

轻松三步，IE6就能支持透明PNG图片了。


进阶使用：

1、在css中使用通配符“*”调用.htc脚本会对body内所有标签进行处理，加大客户端的资源消耗，延缓页面载入时间。我们可以细化CSS选择器针对某一个标签甚至是某个ID的元素来套用脚本以获得更好的用户体验。

例如：img,div{behavior: url(iepngfix.htc) }
div#header{behavior: url(iepngfix.htc)}

如果无法预见页面中哪些地方需要这个滤镜，还可以将behavior写入成class以便调用。

.pngsupport{behavior: url(iepngfix.htc)}

2、利用IE的条件注释使脚本只应用于IE6及以下版本，减少对IE7用户的影响。

<!–[if lte IE 6]>
*{behavior: url(iepngfix.htc)}
<![endif]–>

3、behavior是IE特有的属性，直接写入样式表将导致页面无法通过W3C的css验证。使用以下脚本写入behavior就可以解决这个问题，前提是页面必须有一个外部样式表，并且位于这个脚本的上面。这种方法的不便之处每次只能添加一个选择符。


<script type=”text/javascript”>
if (document.all && /MSIE (5\.5&#124;6)/.test(navigator.userAgent) &&
  document.styleSheets && document.styleSheets[0] && document.styleSheets[0].addRule)
{
document.styleSheets[0].addRule(’*', ‘behavior: url(iepngfix.htc)’);
document.styleSheets[0].addRule(’img’, ‘behavior: url(iepngfix.htc)’);
document.styleSheets[0].addRule(’div’, ‘behavior: url(iepngfix.htc)’);
}
</script>.
缺陷：

在文章开头我就说过这个脚本不是完美的，一起来看看iepngfix.htc都有哪些短版吧。

1、使用PNG透明背景可能导致该元素内部链接无法点击，尤其在链接具有float属性的时候，如：存在于一个浮动列表中的链接。推荐解决方法：使用display:inline代替float来实现块级元素的的横向排列。

2、img标签的插入的透明PNG图象无法使用右键保存，“另存为”只能取到覆盖在上面的blank.gif。什么？不要blank.gif？等着吃叉烧包吧。

3、作为背景的PNG图象无法被平铺，无法被定位，即background-repeat默认为no-repeat，而background-position彻底失效。

4、在页面刚载入的时候我们依旧能看到PNG图象因为IE6不支持而短暂出现的灰边，时间取决页面文件的大小和网络速度。

5、作者建议为使用PNG背景的元素设置一个固定宽度，但在我的使用中尚未发现width:auto会带来什么问题。

6、不支持低于5.5版本的浏览器，不过这个问题已经算不上问题。

Tags - , , , ]]> http://www.marshal.sh.cn/MarshalV7/ <![CDATA[6.1号给大家的礼物--MarshalV7模板发布]]> Marshal <admin@yourname.com> Sun, 01 Jun 2008 11:18:46 +0000 http://www.marshal.sh.cn/MarshalV7/
引用
模板名称：Marshalv7
模板作者：Marshal
适应程序：Boblog 2.0.3+
预览地址:http://www.marshal.sh.cn/i...
适用于IE6 7 Firefox Opera等主流浏览器

修改模板的navbar于侧边，请勿点击“边栏”按钮（隐藏侧边）。
这只是给大家6.1的小礼物，ftp仍旧没有好，只是用webmin的上传功能发布的。
手上还有个更好的模板，还有6天就是我20生日了，到时候再发布吧。

模板制作于5月的某天，以纪念某人20生日，祝你开心。（有注释）
模板预览：点击在新窗口中浏览此图片
模板下载请至：http://bbs.bo-blog.com/vie...
Tags - , , ]]> http://www.marshal.sh.cn/post/358/ <![CDATA[在html中调用一个页面]]> Marshal <admin@yourname.com> Wed, 16 Apr 2008 15:02:49 +0000 http://www.marshal.sh.cn/post/358/ 假如这是一个页面的代码：
<html>
<head>
<title>页面调用测试</title>
</head>
<body>
<table width="760" border="0" align="center" cellpadding="0" cellspacing="0">
   <tr>
     <td>
        <script language="JavaScript" src="footer.js"></script><!--这里就是调用语句，调用同一目录下的footer.js文件-->
     </td>
   </tr>
</table>
</body>
</html>


而footer.js文件的内容就是：
document.write('<div aligh="center">')
document.write('输入要显示的文字')
document.write('</div>');


这样就完成了一个页面的调用，是不是很方便
Tags - , , ]]> http://www.marshal.sh.cn/post/328/ <![CDATA[如果你觉得博客广告太多太占地方怎么办？]]> Marshal <admin@yourname.com> Wed, 05 Mar 2008 09:24:29 +0000 http://www.marshal.sh.cn/post/328/
<div style="width : 100%;height:180px; overflow-x : visible;   overflow-y : scroll; padding-left:15;">
<script type="text/javascript"><!--
google_ad_client = "pub-4259704116123361";
//120x240, 创建于 08-1-4
google_ad_slot = "0999242656";
google_ad_width = 120;
google_ad_height = 240;
//--></script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
<script type="text/JavaScript">
alimama_pid="mm_10696039_742397_1446812";
alimama_titlecolor="0000FF";
alimama_descolor ="000000";
alimama_bgcolor="FFFFFF";
alimama_bordercolor="E6E6E6";
alimama_linkcolor="008000";
alimama_bottomcolor="FFFFFF";
alimama_anglesize="0";
alimama_bgpic="0";
alimama_icon="0";
alimama_sizecode="22";
alimama_width=120;
alimama_height=240;
alimama_type=2;
</script>
<script src="http://a.alimama.cn/inf.js" type=text/javascript>
</script></div>

Tags - , , , ]]> http://www.marshal.sh.cn/post/327/ <![CDATA[bo-blog滚动条连接]]> Marshal <admin@yourname.com> Tue, 04 Mar 2008 16:10:54 +0000 http://www.marshal.sh.cn/post/327/ height:350px可修改其高度
<script type="text/javascript">
//<![CDATA[
if (document.getElementById('sidebar_link')) {
var linkprimitivehtml=document.getElementById('sidebar_link').innerHTML;
document.getElementById('sidebar_link').innerHTML="<div style='height:350px;overflow:auto;'>"+linkprimitivehtml+"</div>";
}
//]]>
</script>


更完美的优化版

<script type="text/javascript">
//<![CDATA[
if (document.getElementById('sidebar_link')) {
var linkprimitivehtml=document.getElementById('sidebar_link').innerHTML;
document.getElementById('sidebar_link').innerHTML="<div style='height:350px;overflow:auto;'>"+linkprimitivehtml+"</div><div style='text-align:right;padding:3px;'><strong><a href='login.php?job=applylink'>申请链接</a>|<a href='links.php'>更多链接… </a></strong></div>";
}
//]]>
</script>

Tags - , ]]> http://www.marshal.sh.cn/Marshalv5/ <![CDATA[简约化WP模板-蓝色基调Marshalv5]]> Marshal <admin@yourname.com> Wed, 20 Feb 2008 15:14:40 +0000 http://www.marshal.sh.cn/Marshalv5/ B、模版适用bo-blog的版本：2.1.0以上
C、模版适用的分辨率；：800*600以上
D、适用的浏览器环境；：IE6/7，Firefox 已测试
E、模版使用过程中注意的问题：欢迎到我博客留言。
F、模板预览地址: http://www.marshal.sh.cn/i...
下载地址:http://bbs.bo-blog.com/vie...
点击在新窗口中浏览此图片
Tags - , , , ]]> http://www.marshal.sh.cn/WheatGrass/ <![CDATA[模仿国外WP的模板WheatGrass]]> Marshal <admin@yourname.com> Mon, 21 Jan 2008 00:49:12 +0000 http://www.marshal.sh.cn/WheatGrass/ 模板信息
A、模版名称：WheatGrass
B、模版适用bo-blog的版本：2.1.0以上
C、模版适用的分辨率；：800*600以上
D、适用的浏览器环境；：IE6/7，Firefox 已测试
E、模版使用过程中注意的问题：欢迎到我博客留言。
F、模板预览地址: http://www.marshal.sh.cn/i...
下载地址 http://bbs.bo-blog.com/vie...
点击在新窗口中浏览此图片
Tags - , , , , , ]]> http://www.marshal.sh.cn/post/266/ <![CDATA[一段IE6下PNG图版透明的js]]> Marshal <admin@yourname.com> Fri, 11 Jan 2008 10:52:06 +0000 http://www.marshal.sh.cn/post/266/ <script language="javascript">
// 修复 IE 下 PNG 图片不能透明显示的问题
function fixPNG(myImage) {
var arVersion = navigator.appVersion.split("MSIE");
var version = parseFloat(arVersion[1]);
if ((version >= 5.5) && (version < 7) && (document.body.filters))
{
    var imgID = (myImage.id) ? "id='" + myImage.id + "' " : "";
    var imgClass = (myImage.className) ? "class='" + myImage.className + "' " : "";
    var imgTitle = (myImage.title) ? "title='" + myImage.title  + "' " : "title='" + myImage.alt + "' ";
    var imgStyle = "display:inline-block;" + myImage.style.cssText;
    var strNewHTML = "<span " + imgID + imgClass + imgTitle

   + " style=\"" + "width:" + myImage.width

   + "px; height:" + myImage.height

   + "px;" + imgStyle + ";"

   + "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"

   + "(src=\'" + myImage.src + "\', sizingMethod='scale');\"></span>";
    myImage.outerHTML = strNewHTML;
} }

window.onload=function(){
        document.getElementById("top").style.height=screen.height/5+"px";
        
}//
</script>
用法如下：
<img src="logo.png" width="328" height="325" border="0" onload="fixPNG(this)" />
Tags - , , , , ]]> http://www.marshal.sh.cn/mousenewyear/ <![CDATA[鼠年喜庆模板发布！Marshal出品必为精品]]> Marshal <admin@yourname.com> Wed, 02 Jan 2008 15:22:10 +0000 http://www.marshal.sh.cn/mousenewyear/ B、模版适用bo-blog的版本； 2.1.0 及以上
C、模版适用的分辨率； 1024X768及以上
D、适用的浏览器环境； IE6+傲游2,Firefox测试通过.顶部透明图片部分浏览器不显示。或许等待下个版本
E、模版使用过程中注意的问题；
1、评论 最新文章之类 控制在5～6篇为好
2、请阅读模板内readme.txt.
3.把images文件夹复制在根目录即可
   那个灯笼就是下拉菜单,含有链接 标签之类，完美下拉菜单，支持seo
Marshal版权所有。请勿转载修改版权和模板。
欢迎提意见
下载请到http://bbs.bo-blog.com/vie...
或http://www.marshal.sh.cn/s...中的boblog文件夹寻找同名模板
Tags - , , , , , , ]]> http://www.marshal.sh.cn/post/227/ <![CDATA[今天帮雪猫猫改了我昨天做的板子。]]> Marshal <admin@yourname.com> Wed, 26 Dec 2007 08:29:51 +0000 http://www.marshal.sh.cn/post/227/ 有喧宾夺主之感。我就改了下。嘻嘻～
点击在新窗口中浏览此图片
Tags - , ]]> http://www.marshal.sh.cn/MarshalVersion3/ <![CDATA[圣诞节制作的模板MarshalVersion3 淡然风格]]> Marshal <admin@yourname.com> Tue, 25 Dec 2007 13:29:35 +0000 http://www.marshal.sh.cn/MarshalVersion3/ B、模版适用bo-blog的版本； V2.0.3 sp1
C、模版适用的分辨率； 1024*768   1280*1024（推荐）
D、适用的浏览器环境； IE7 FF
E、模版使用过程中注意的问题，如：暂无。
本模板已在bo-blog官方发布
预览图
点击在新窗口中浏览此图片
Tags - , , ]]> http://www.marshal.sh.cn/post/192/ <![CDATA[boblog加入top返回页面顶部]]> Marshal <admin@yourname.com> Tue, 18 Dec 2007 02:20:55 +0000 http://www.marshal.sh.cn/post/192/
<a href="javascript:scroll(0,0)" hidefocus="true"><img src="{$template['images']}/top.gif" alt="" title="TOP" style="border: 0px;" /></a>

选一个top.gif就行
Tags - ]]>