DIY Blog Skin

不显示BLOG上MOP的广告
摘要：针对目前的BLOG上MOP的广告形式可以用下面2个方法隐藏。
如果你在页面中其他的交互中没用到iframe,可以用下面到方法1，让页面中所有的iframe都不显示
1.在自定义的样式CSS中加入：
iframe{display:none}

另外一个方法
2.在公告里面加入
function hideFrame(){
if(document.getElementsByTagName("iframe")[0]){
document.getElementsByTagName("iframe")[0].style.display="none"
}
}
onload=hideFrame

[ 如果你已经使用onload了，将
if(document.getElementsByTagName("iframe")[0]){
document.getElement （全文共593字）——点击此处阅读全文

发表于 @ 2006年07月20日 3:22 PM | 评论 (7)

DoNews Blog的配色器网上看到的代码,整理了一下
配好颜色以后,自己把相应的代码添加进去就可以了
也可以将下面的代码复制后另存页面到自己电脑使用
试用 DoNews Blog 配色器

<HTML>
<HEAD>
<TITLE>DoNews Blog配色器</TITLE>

var init_text = "000000";
var init_back = "FFFFFF";
var init_link = "0000FF";
var init_vlink = "880088";
var init_hover = "0099FF";
var init_alink = "FF0000";

var text_r = init_text.substring(0,2);
var text_g = init_text.substring(2,4);
var text_b = init_text.substring(4,6);
var text_rgb = "" + text_r + text_g + text_b;

var back_r = init_back.substring(0,2);
var back_g = init_back.substring(2,4);
var back_b = init_back.substring(4,6);
var back_rgb = "" + back_r + back_g + back_b;

var link_r = init_link.substring(0,2);
var link_g = init_link.substring(2,4);
var link_b = init_link.substring(4,6);
var link_rgb = "" + link_r + link_g + link_b;

var vlink_r = init_vlink.substring(0,2);
var vlink_g = init_vlink.substring(2,4);
var vlink_b = init_vlink.substring(4,6);
var vlink_rgb = "" + vlink_r + vlink_g + vlink_b;

var hover_r = init_hover.substring(0,2);
var hover_g = init_hover.substring(2,4);
var hover_b = init_hover.substring(4,6);
var hover_rgb = "" + hover_r + hover_g + hover_b;

var alink_r = init_alink.substring(0,2);
var alink_g = init_alink.substring(2,4);
var alink_b = init_alink.substring(4,6);
var alink_rgb = "" + alink_r + alink_g + alink_b;

var link_underline = "";
var font_size = "";
var font_family = "";
var font_weight = "";
var font_style = "";

var hexcode_array = new Array('00','11','22','33','44','55','66','77','88','99','AA','BB','CC','DD','EE','FF');

function colorsAll(RGB)
{
   var RR = RGB.substring(0,2);
   var GG = RGB.substring(2,4);
   var BB = RGB.substring(4,6);

//text
   if(window.document.pickerform.chooser[0].checked == true)
   {
      text_r = RR; text_g = GG; text_b = BB;
      text_rgb = "" + text_r + text_g + text_b;
      window.document.pickerform.colorbox_text.value = text_rgb;
      reColorAndGray(text_r,text_g,text_b);
      window.document.getElementById("heading").style.color = text_rgb;
      window.document.getElementById("text").style.color = text_rgb;
      window.document.getElementById("stylecode").style.color = text_rgb;
   }

//back
   else if(window.document.pickerform.chooser[1].checked == true)
   {
      back_r = RR; back_g = GG; back_b = BB;
      back_rgb = "" + back_r + back_g + back_b;
      window.document.pickerform.colorbox_back.value = back_rgb;
      reColorAndGray(back_r,back_g,back_b);
      window.document.getElementById("rightcell").style.backgroundColor = back_rgb;
   }

//link
   else if(window.document.pickerform.chooser[2].checked == true)
   {
      link_r = RR; link_g = GG; link_b = BB;
      link_rgb = "" + link_r + link_g + link_b;
      window.document.pickerform.colorbox_link.value = link_rgb;
      reColorAndGray(link_r,link_g,link_b);
      window.document.getElementById("link").style.color = link_rgb;
      window.document.getElementById("link2").style.color = link_rgb;
   }

//vlink
   else if(window.document.pickerform.chooser[3].checked == true)
   {
      vlink_r = RR; vlink_g = GG; vlink_b = BB;
      vlink_rgb = "" + vlink_r + vlink_g + vlink_b;
      window.document.pickerform.colorbox_vlink.value = vlink_rgb;
      reColorAndGray(vlink_r,vlink_g,vlink_b);
      window.document.getElementById("vlink").style.color = vlink_rgb;
   }

//hover
   else if(window.document.pickerform.chooser[4].checked == true)
   {
      hover_r = RR; hover_g = GG; hover_b = BB;
      hover_rgb = "" + hover_r + hover_g + hover_b;
      window.document.pickerform.colorbox_hover.value = hover_rgb;
      reColorAndGray(hover_r,hover_g,hover_b);
      window.document.getElementById("hover").style.color = hover_rgb;
   }

//alink
   else if(window.document.pickerform.chooser[5].checked == true)
   {
      alink_r = RR; alink_g = GG; alink_b = BB;
      alink_rgb = "" + alink_r + alink_g + alink_b;
      window.document.pickerform.colorbox_alink.value = alink_rgb;
      reColorAndGray(alink_r,alink_g,alink_b);
      window.document.getElementById("alink").style.color = alink_rgb;
   }

doBGImage();
   updateCode();
}

//back
   else if(window.document.pickerform.chooser[1].checked == true)
   {
      if(RGorB == "R") { back_r = XX; }
      else if(RGorB == "G") { back_g = XX; }
      else if(RGorB == "B") { back_b = XX; }
      back_rgb = "" + back_r + back_g + back_b;
      window.document.pickerform.colorbox_back.value = back_rgb;
      reColorAndGray(back_r,back_g,back_b);
      window.document.getElementById("rightcell").style.backgroundColor = back_rgb;
   }

//link
   else if(window.document.pickerform.chooser[2].checked == true)
   {
      if(RGorB == "R") { link_r = XX; }
      else if(RGorB == "G") { link_g = XX; }
      else if(RGorB == "B") { link_b = XX; }
      link_rgb = "" + link_r + link_g + link_b;
      window.document.pickerform.colorbox_link.value = link_rgb;
      reColorAndGray(link_r,link_g,link_b);
      window.document.getElementById("link").style.color = link_rgb;
      window.document.getElementById("link2").style.color = link_rgb;
   }

//vlink
   else if(window.document.pickerform.chooser[3].checked == true)
   {
      if(RGorB == "R") { vlink_r = XX; }
      else if(RGorB == "G") { vlink_g = XX; }
      else if(RGorB == "B") { vlink_b = XX; }
      vlink_rgb = "" + vlink_r + vlink_g + vlink_b;
      window.document.pickerform.colorbox_vlink.value = vlink_rgb;
      reColorAndGray(vlink_r,vlink_g,vlink_b);
      window.document.getElementById("vlink").style.color = vlink_rgb;
   }

//hover
   else if(window.document.pickerform.chooser[4].checked == true)
   {
      if(RGorB == "R") { hover_r = XX; }
      else if(RGorB == "G") { hover_g = XX; }
      else if(RGorB == "B") { hover_b = XX; }
      hover_rgb = "" + hover_r + hover_g + hover_b;
      window.document.pickerform.colorbox_hover.value = hover_rgb;
      reColorAndGray(hover_r,hover_g,hover_b);
      window.document.getElementById("hover").style.color = hover_rgb;
   }

//alink
   else if(window.document.pickerform.chooser[5].checked == true)
   {
      if(RGorB == "R") { alink_r = XX; }
      else if(RGorB == "G") { alink_g = XX; }
      else if(RGorB == "B") { alink_b = XX; }
      alink_rgb = "" + alink_r + alink_g + alink_b;
      window.document.pickerform.colorbox_alink.value = alink_rgb;
      reColorAndGray(alink_r,alink_g,alink_b);
      window.document.getElementById("alink").style.color = alink_rgb;
   }

doBGImage();
   updateCode();
}

//gray out current
   window.document.getElementById("R" + RR).style.backgroundColor = "bbbbbb";
   window.document.getElementById("G" + GG).style.backgroundColor = "bbbbbb";
   window.document.getElementById("B" + BB).style.backgroundColor = "bbbbbb";
}

var RR = RGB.substring(0,2);
   var GG = RGB.substring(2,4);
   var BB = RGB.substring(4,6);

reColorAndGray(RR,GG,BB);

doBGImage();
}

function updateCode()
{
   var URL = window.document.pickerform.bgimage.value;
   var bgcode_style = "";
   var bgcode_body = "";
   if(URL != "")
   {
      bgcode_style = "<br><nobr> \; \; \;background-image:url(" + URL + ")\;</nobr>"
      bgcode_body = "<br> \;background=\"" + URL + "\"";
   }

var newcode = "";

newcode += "<b>代码</b>";
   newcode += "<br>(Use this if you are defining your colors via CSS)";
   newcode += "<br>";
   newcode += "<span style=\"font:normal 12px\" id=\"code_style\">";
   newcode += "<br><\;style type=\"text/css\">\;";
   newcode += "<br>body \{";

newcode += bgcode_style;

newcode += "<br>background-color:#" + back_rgb + "\;";
   newcode += "<br>color:#" + text_rgb + "\;";

newcode += font_family;
   newcode += font_size;
   newcode += font_weight;
   newcode += font_style;

newcode += "<br>\}";
   newcode += "<br>";
   newcode += "<br>a:link \{ color:#" + link_rgb + "\;" + link_underline + " \}";
   newcode += "<br>a:vlink \{ color:#" + vlink_rgb + "\;" + link_underline + " \}";
   newcode += "<br>a:alink \{ color:#" + alink_rgb + "\;" + link_underline + " \}";
   newcode += "<br>a:hover \{ color:#" + hover_rgb + "\;" + link_underline + " \}";
   newcode += "<br>";
   newcode += "<br><\;/style>\;";
   newcode += "<br>";
   newcode += "</span>";

//newcode += "<br><input type=button value=\"Open test page\" onClick=\"openTestPageStyle()\" style=\"font:normal 11px verdana\;\">";

newcode += "";

//newcode += "<br><input type=button value=\"Open test page\" onClick=\"openTestPageBody()\" style=\"font:normal 11px verdana\;\">";

window.document.getElementById("stylecode").innerHTML = newcode;

}

function fillColorBoxes()
{
   window.document.pickerform.colorbox_text.value = text_rgb;
   window.document.pickerform.colorbox_link.value = link_rgb;
   window.document.pickerform.colorbox_hover.value = hover_rgb;
   window.document.pickerform.colorbox_back.value = back_rgb;
   window.document.pickerform.colorbox_vlink.value = vlink_rgb;
   window.document.pickerform.colorbox_alink.value = alink_rgb;
}

function setInitialColors()
{
   window.document.getElementById("heading").style.color = text_rgb;
   window.document.getElementById("text").style.color = text_rgb;
   window.document.getElementById("stylecode").style.color = text_rgb;
   window.document.getElementById("rightcell").style.backgroundColor = back_rgb;
   window.document.getElementById("link").style.color = link_rgb;
   window.document.getElementById("link2").style.color = link_rgb;
   window.document.getElementById("vlink").style.color = vlink_rgb;
   window.document.getElementById("hover").style.color = hover_rgb;
   window.document.getElementById("alink").style.color = alink_rgb;
}

function doBold()
{
   if(window.document.pickerform.boldbox.checked == true)
   {
      window.document.getElementById("allspans").style.fontWeight = "bold";
      font_weight = "<br> \; \; \;font-weight:bold\;";
   }
   else
   {
      window.document.getElementById("allspans").style.fontWeight = "normal";
      font_weight = "";
   }

doBGImage();
}

function doItalic()
{
   if(window.document.pickerform.italicbox.checked == true)
   {
      window.document.getElementById("allspans").style.fontStyle = "italic";
      font_style = "<br> \; \; \;font-style:italic\;";
   }
   else
   {
      window.document.getElementById("allspans").style.fontStyle = "normal";
      font_style = "";
   }

doBGImage();
}

function doFontSize(PX)
{
   if(PX == "default")
   {
      window.document.getElementById("allspans").style.fontSize = "";
      font_size = "";
   }
   else
   {
      window.document.getElementById("allspans").style.fontSize = PX + "px";
      font_size = "<br> \; \; \;font-size:" + PX + "px\;";
   }

doBGImage();
}

function doFontFamily(FONT)
{
   if(FONT == "default")
   {
      FONT = "";
      font_family = "";
   }
   else
   {
      font_family = "<br> \; \; \;font-family:" + FONT + "\;";
   }

window.document.getElementById("allspans").style.fontFamily = FONT;

doBGImage();
}

function doUnderlineLinks()
{
   if(window.document.pickerform.underlinelinksbox.checked == true)
   {
      link_underline = "";
      window.document.getElementById("link").style.textDecoration = "underline";
      window.document.getElementById("link2").style.textDecoration = "underline";
      window.document.getElementById("vlink").style.textDecoration = "underline";
      window.document.getElementById("alink").style.textDecoration = "underline";
      window.document.getElementById("hover").style.textDecoration = "underline";
   }
   else
   {
      link_underline = " text-decoration:none\;";
      window.document.getElementById("link").style.textDecoration = "none";
      window.document.getElementById("link").style.textDecoration = "none";
      window.document.getElementById("link2").style.textDecoration = "none";
      window.document.getElementById("vlink").style.textDecoration = "none";
      window.document.getElementById("alink").style.textDecoration = "none";
      window.document.getElementById("hover").style.textDecoration = "none";
   }

doBGImage();
}

function doBGImage()
{
   var IMG = window.document.pickerform.bgimage.value;

if(IMG)
   {
      window.document.getElementById("rightcell").style.backgroundImage = "url(" + IMG + ")";
      updateCode();
   }
   else
   {
      window.document.getElementById("rightcell").style.backgroundImage = "";
      updateCode();
   }
}

/* KILLED FOR NOW
function openTestPageStyle()
{
   var mycode = window.document.getElementById("code_style").innerText;

testWin = window.open("testpage.html","");

testWin.document.open();

testWin.document.writeln("<html>");
   testWin.document.writeln("<head>");
   testWin.document.writeln("<title>ColorPicker test page</title>");
   testWin.document.write(mycode);
   testWin.document.writeln("\n</head>");
   testWin.document.writeln("<body>\n");

testWin.document.writeln("<P>Now is the time for all good men to come to the aid of their country.");
   testWin.document.writeln("<P>And here is a <a href=\"http://www.neverbeenthere.com/\">link</a>.");
   testWin.document.writeln("<P>View the source of this page to see how everything goes together.\n");

testWin.document.writeln("</body>");
   testWin.document.writeln("</html>");

testWin.document.close();
}
*/

/* KILLED FOR NOW
function openTestPageBody()
{
   var mycode = window.document.getElementById("code_body").innerText;

testWin = window.open("testpage.html","");

testWin.document.open();

testWin.document.writeln("\n<P>Now is the time for all good men to come to the aid of their country.");
   testWin.document.writeln("<P>And here is a <a href=\"http://www.neverbeenthere.com/\">link</a>.");
   testWin.document.writeln("<P>View the source of this page to see how everything goes together.\n");

testWin.document.writeln("</body>");
   testWin.document.writeln("</html>");

testWin.document.close();
}
*/

function startMeUp()
{
   fillColorBoxes();
   chooserMode('back');
   setInitialColors();
   updateCode();
   doFontSize("default");
}

</script>
<style>

body
{
   border-right-width:1px;
   border-right-color:#666666;
   border-right-style:solid;
   font-size:12px;
}

td.colorchart
{
   width:16px;
   height:12px;
}
td{font-size:12px;}
a.getcolorlinks_r:link    { color:#880000;  font:normal 10px arial; text-decoration:none; cursor:default; }
a.getcolorlinks_r:visited { color:#880000;  font:normal 10px arial; text-decoration:none; cursor:default; }
a.getcolorlinks_r:active  { color:#880000;  font:normal 10px arial; text-decoration:none; cursor:default; }
a.getcolorlinks_r:hover   { color:#ff0000;  font:normal 10px arial; text-decoration:none; cursor:default; }

a.getcolorlinks_g:link    { color:#006600;  font:normal 10px arial; text-decoration:none; cursor:default; }
a.getcolorlinks_g:visited { color:#006600;  font:normal 10px arial; text-decoration:none; cursor:default; }
a.getcolorlinks_g:active  { color:#006600;  font:normal 10px arial; text-decoration:none; cursor:default; }
a.getcolorlinks_g:hover   { color:#00dd00;  font:normal 10px arial; text-decoration:none; cursor:default; }

a.getcolorlinks_b:link    { color:#000088;  font:normal 10px arial; text-decoration:none; cursor:default; }
a.getcolorlinks_b:visited { color:#000088;  font:normal 10px arial; text-decoration:none; cursor:default; }
a.getcolorlinks_b:active  { color:#000088;  font:normal 10px arial; text-decoration:none; cursor:default; }
a.getcolorlinks_b:hover   { color:#0000ff;  font:normal 10px arial; text-decoration:none; cursor:default; }

span.getcolorlinks_red   { background-color:#ffdddd; font:normal 5px courier new; color:#990000; cursor:default; }
span.getcolorlinks_green { background-color:#ddffdd; font:normal 5px courier new; color:#009900; cursor:default; }
span.getcolorlinks_blue  { background-color:#ddddff; font:normal 5px courier new; color:#000099; cursor:default; }

span.getcolorlinks_red_label   { background-color:#ffdddd; font:normal 11px courier new; color:#990000; cursor:default; }
span.getcolorlinks_green_label { background-color:#ddffdd; font:normal 11px courier new; color:#009900; cursor:default; }
span.getcolorlinks_blue_label  { background-color:#ddddff; font:normal 11px courier new; color:#000099; cursor:default; }

input.colorbox
{
   width:62px;
   font:normal 12px verdana;
   border:solid 1px #ffffff;
   color:#999999;
}

input.bgimagebox
{
   width:210px;
   font:normal 12px;
}

input.bgimagebtn
{
   font:normal 12px ;
}

</style>
</HEAD>
<BODY style="margin-top:0px;" onLoad="startMeUp();">
<br />
<br />
<table border="0" cellpadding="0" cellspacing="0" style="margin-top:6px;" align="center" width="90%"><tr>

<td width=324 valign=top>
<div align=center>

<table border="0" cellpadding="0" cellspacing="0" width=302>
<tr>
<td><span style="font-size:14px;font-weight:bold;font-family:ms shell dlg;color:red">DoNews BLOG配色器</span></td>
<td align=right valign=bottom>
<a href="http://blog.donews.com/" target="_self"
style="text-decoration:none;font-size:12px"><span
style="color:#40a840">Blog@donews提供</span></a>
</td>
</tr>
</table>
<br />
<br />
<span class="getcolorlinks_red"><span class="getcolorlinks_red_label"> Red:  </span>
<a href="javascript:colorsOne('R','00');" class="getcolorlinks_r" id="R00">00</a>
<a href="javascript:colorsOne('R','11');" class="getcolorlinks_r" id="R11">11</a>
<a href="javascript:colorsOne('R','22');" class="getcolorlinks_r" id="R22">22</a>
<a href="javascript:colorsOne('R','33');" class="getcolorlinks_r" id="R33">33</a>
<a href="javascript:colorsOne('R','44');" class="getcolorlinks_r" id="R44">44</a>
<a href="javascript:colorsOne('R','55');" class="getcolorlinks_r" id="R55">55</a>
<a href="javascript:colorsOne('R','66');" class="getcolorlinks_r" id="R66">66</a>
<a href="javascript:colorsOne('R','77');" class="getcolorlinks_r" id="R77">77</a>
<a href="javascript:colorsOne('R','88');" class="getcolorlinks_r" id="R88">88</a>
<a href="javascript:colorsOne('R','99');" class="getcolorlinks_r" id="R99">99</a>
<a href="javascript:colorsOne('R','AA');" class="getcolorlinks_r" id="RAA">AA</a>
<a href="javascript:colorsOne('R','BB');" class="getcolorlinks_r" id="RBB">BB</a>
<a href="javascript:colorsOne('R','CC');" class="getcolorlinks_r" id="RCC">CC</a>
<a href="javascript:colorsOne('R','DD');" class="getcolorlinks_r" id="RDD">DD</a>
<a href="javascript:colorsOne('R','EE');" class="getcolorlinks_r" id="REE">EE</a>
<a href="javascript:colorsOne('R','FF');" class="getcolorlinks_r" id="RFF">FF</a> <br>
</span>
<span class="getcolorlinks_green"><span class="getcolorlinks_green_label"> Green:</span>
<a href="javascript:colorsOne('G','00');" class="getcolorlinks_g" id="G00">00</a>
<a href="javascript:colorsOne('G','11');" class="getcolorlinks_g" id="G11">11</a>
<a href="javascript:colorsOne('G','22');" class="getcolorlinks_g" id="G22">22</a>
<a href="javascript:colorsOne('G','33');" class="getcolorlinks_g" id="G33">33</a>
<a href="javascript:colorsOne('G','44');" class="getcolorlinks_g" id="G44">44</a>
<a href="javascript:colorsOne('G','55');" class="getcolorlinks_g" id="G55">55</a>
<a href="javascript:colorsOne('G','66');" class="getcolorlinks_g" id="G66">66</a>
<a href="javascript:colorsOne('G','77');" class="getcolorlinks_g" id="G77">77</a>
<a href="javascript:colorsOne('G','88');" class="getcolorlinks_g" id="G88">88</a>
<a href="javascript:colorsOne('G','99');" class="getcolorlinks_g" id="G99">99</a>
<a href="javascript:colorsOne('G','AA');" class="getcolorlinks_g" id="GAA">AA</a>
<a href="javascript:colorsOne('G','BB');" class="getcolorlinks_g" id="GBB">BB</a>
<a href="javascript:colorsOne('G','CC');" class="getcolorlinks_g" id="GCC">CC</a>
<a href="javascript:colorsOne('G','DD');" class="getcolorlinks_g" id="GDD">DD</a>
<a href="javascript:colorsOne('G','EE');" class="getcolorlinks_g" id="GEE">EE</a>
<a href="javascript:colorsOne('G','FF');" class="getcolorlinks_g" id="GFF">FF</a> <br>
</span>
<span class="getcolorlinks_blue"><span class="getcolorlinks_blue_label"> Blue: </span>
<a href="javascript:colorsOne('B','00');" class="getcolorlinks_b" id="B00">00</a>
<a href="javascript:colorsOne('B','11');" class="getcolorlinks_b" id="B11">11</a>
<a href="javascript:colorsOne('B','22');" class="getcolorlinks_b" id="B22">22</a>
<a href="javascript:colorsOne('B','33');" class="getcolorlinks_b" id="B33">33</a>
<a href="javascript:colorsOne('B','44');" class="getcolorlinks_b" id="B44">44</a>
<a href="javascript:colorsOne('B','55');" class="getcolorlinks_b" id="B55">55</a>
<a href="javascript:colorsOne('B','66');" class="getcolorlinks_b" id="B66">66</a>
<a href="javascript:colorsOne('B','77');" class="getcolorlinks_b" id="B77">77</a>
<a href="javascript:colorsOne('B','88');" class="getcolorlinks_b" id="B88">88</a>
<a href="javascript:colorsOne('B','99');" class="getcolorlinks_b" id="B99">99</a>
<a href="javascript:colorsOne('B','AA');" class="getcolorlinks_b" id="BAA">AA</a>
<a href="javascript:colorsOne('B','BB');" class="getcolorlinks_b" id="BBB">BB</a>
<a href="javascript:colorsOne('B','CC');" class="getcolorlinks_b" id="BCC">CC</a>
<a href="javascript:colorsOne('B','DD');" class="getcolorlinks_b" id="BDD">DD</a>
<a href="javascript:colorsOne('B','EE');" class="getcolorlinks_b" id="BEE">EE</a>
<a href="javascript:colorsOne('B','FF');" class="getcolorlinks_b" id="BFF">FF</a> <br>
</span>

</div>

<tr>
<td><input type=radio name=chooser onClick="chooserMode('link')">页面链接色:<input type=text class=colorbox readonly name="colorbox_link"></td>
<td><input type=radio name=chooser onClick="chooserMode('vlink')">已浏览链接色:<input type=text class=colorbox readonly name="colorbox_vlink"></td>
</tr>

<tr>
<td><input type=radio name=chooser onClick="chooserMode('hover')">悬停链接色:<input type=text class=colorbox readonly name="colorbox_hover"></td>
<td><input type=radio name=chooser onClick="chooserMode('alink')">动态链接色:<input type=text class=colorbox readonly name="colorbox_alink"></td>
</tr>

<tr><td colspan=2 bgcolor="#bbbbbb" height=1></td></tr>

<tr>
<td colspan=2 align=center style="display:none;padding-top:5px;padding-bottom:5px;">Background image (optional)<br><input type=text class=bgimagebox name=bgimage><input type=button class=bgimagebtn value=Set onClick="doBGImage()"></td>
</tr>

<tr>
<td colspan=2 align=center style="padding-top:5px;padding-bottom:5px;">
字体/大小
<select style="font:normal 12px verdana;" onChange="doFontFamily(this.options[this.selectedIndex].value)">
<option value="default">[default]
<option value="Arial,sans-serif">Arial
<option value="Arial Black,sans-serif">Arial Black
<option value="Arial Narrow,sans-serif">Arial Narrow
<option value="Bookman Old Style,serif">Bookman Old Style
<option value="Century Gothic,sans-serif">Century Gothic
<option value="Comic Sans MS,sans-serif">Comic Sans MS
<option value="Courier New,monospace">Courier New
<option value="Georgia,serif">Georgia
<option value="Impact,sans-serif">Impact
<option value="Lucida Console,monospace">Lucida Console
<option value="Tahoma,sans-serif">Tahoma
<option value="Times New Roman,serif">Times New Roman
<option value="Trebuchet MS,sans-serif">Trebuchet MS
<option value="Verdana,sans-serif">Verdana
</select>
<select style="font:normal 12px verdana;" onChange="doFontSize(this.options[this.selectedIndex].value)">
<option value="default" selected>--
<option value="8">8
<option value="9">9
<option value="10">10
<option value="11">11
<option value="12">12
<option value="13">13
<option value="14">14
<option value="15">15
<option value="16">16
<option value="17">17
<option value="18">18
<option value="19">19
<option value="20">20
<option value="22">22
<option value="24">24
<option value="26">26
<option value="28">28
<option value="30">30

</select>
</td>
</tr>

<tr><td colspan=2 bgcolor="#bbbbbb" height=1></td></tr>

<tr>
<td colspan=2 align=center>
<input type=checkbox name=boldbox onClick="doBold()"><b>粗体</b>   
<input type=checkbox name=italicbox onClick="doItalic()"><i>斜体</i>   
<input type=checkbox name=underlinelinksbox onClick="doUnderlineLinks()" checked><u>给连接加下划线</u>
</td>
</tr>

</table>

</form>

</div>
<br /><br />
<b>使用说明:</b><br /><br />
先选中相应颜色设置的圆点按钮,然后选择相应的颜色,再查看右边演示区域的变化和代码

</td>

<td id=rightcell valign=top style="border:solid 1px #bbbbbb;">
<div style="padding:10px 20px 0px 20px;">
<span style="font-size:14px" id="heading">效果演示:</span>

<hr>

<span id="text">This is text<br>Now is the time for all good men to come to the aid of their country. And here is a <span id="link2" style="text-decoration:underline;cursor:pointer;" onMouseOver="liteLinkOn('link2')" onMouseOut="liteLinkOff('link2')">link</span> embedded in some text so you can better see how it will look.</span>

<p><span id="vlink" style="text-decoration:underline;cursor:pointer;" onMouseOver="liteLinkOn('vlink')" onMouseOut="liteLinkOff('vlink')">This is a visited link</span>

<p><span id="alink" style="text-decoration:underline;cursor:pointer;" onMouseOver="liteLinkOn('alink')" onMouseOut="liteLinkOff('alink')">This is an active link</span>

<p><span id="hover" style="text-decoration:underline;">This is the hover color</span>
<p> 
</span>

<hr>

</div>

<hr>

</div>
</td>

</tr>

</table>

</BODY>
</HTML>

发表于 @ 2006年03月04日 7:35 PM | 评论 (4)

DIY Donews blog导航菜单

原理: 在页面动态植入一个DIV,然后用javascript将博客文章分类当航数据提取出来,并重新排序,设置导航的样式,具体效果看本BLOG的导航效果.原理可以用在一些其他的应用上
文章分类数据的提取是JS利用H3和UL的在页面的标签位置获得,不同BLOGGER可能加的东西不一样,位置也不一样,需要找到相应的位置,,既代码中的数字[3],[1]
CSS代码,定义这个导航DIV的样式,,导航的放置位置,,也可调节相应的数值来控制:css代码: #topMenu{position:absolute;top:25px;} #topMenu ul{margin:0px;} javascript代码: <script> var MenuUl=document.getElementById("menu").getElementsByTagName("ul") MenuUl[3].style.display="none" var MenuH3=document.getElementById("menu").getElementsByTagName("h3") MenuH3[1].style.display="none" var MenuBar=document.createElement("div") MenuBar.setAttribute("id", "topMenu") document.getElementsByTagName("div")[0].appendChild(MenuBar) var MenuBarObj=document.getElementById("topMenu") MenuBarObj.innerHTML="<ul style='list-type-style:none;'>" for(i=0;i<MenuUl[3].getElementsByTagName("li").length;i++){ MenuBarObj.innerHTML+="<li style='display:inline;float:left;width:80px;background:#ff0;text-align:center;margin-right:4px'>"+MenuUl[3].getElementsByTagName("li")[i].innerHTML+"</li>" } MenuBarObj.innerHTML+="</ul>" </script>

发表于 @ 2006年01月06日 6:53 PM | 评论 (14)

让DoNews Blog的相册更专业，更漂亮
摘要：用Javascript重新对相册图片进行排序，布局，可以提取出UBB或者HTML贴图代码，方便转载（全文共2600字）——点击此处阅读全文

发表于 @ 2005年10月26日 1:31 PM | 评论 (17)

DIY DoNews Blog模板之十一玛吉阿米的微笑
摘要：素材是拉萨玛吉阿米餐厅的招牌画,传说这里曾经是六世达赖喇嘛和情人见面的地方 "在那东方山顶，生起洁白的月亮，玛吉阿米的脸庞，渐渐浮现在我心上 " （全文共9901字）——点击此处阅读全文

发表于 @ 2005年10月26日 8:35 AM | 评论 (12)

DoNews Blog模板之十一起放风筝
摘要：某些同学用keso的样式，所以也做一个。这个是选用系统keso这个样式改的，不同以前做的，所以要换的话注意选择,粗粗改了一下CSS，也许还有毛病. （全文共7444字）——点击此处阅读全文

发表于 @ 2005年08月05日 12:50 AM | 评论 (42)

DIY DoNews Blog模板之九 Who am I?
摘要：图片素材来源网上.

还是选LIGHTY样式

body, html {
background:#020202 url(http://www.donews.net/images/www_donews_net/dodo/54776/o_tmpbg92.jpg) no-repeat;
    color: #555555;
    font-family:ms shell dlg;
    font-size:12px;
    margin: 0;
    line-height:150%;pad    （全文共7994字）——点击此处阅读全文

发表于 @ 2005年06月18日 2:47 AM | 评论 (19)

DIY DoNews Blog模板之八小样的Blogger
摘要：DIY DoNews Blog模板之八小样的Blogger （全文共7521字）——点击此处阅读全文

发表于 @ 2005年06月09日 3:33 AM | 评论 (21)

DIY DoNews Blog模板之七 DoNews的牛
摘要：DIY DoNews Blog模板之七 DoNews的牛（全文共7531字）——点击此处阅读全文

发表于 @ 2005年06月02日 1:40 AM | 评论 (19)

DIY DoNews Blog模板之六魔兽一下[豆腐制作]
摘要：DIY DoNews Blog模板之六魔兽一下[豆腐制作] （全文共7728字）——点击此处阅读全文

发表于 @ 2005年05月31日 7:44 PM | 评论 (10)

第1页，共2页

第一页上一页 下一页 最后一页