[img]http://photo1.bababian.com/20070302/E2189DC4BF0984B8D65F97F0B4B824BE.jpg[/img]偷来的

晶之翼 发表于 2007-03-02 23:16:12

这几天到处晃悠的改获:


给评论框加背景图片


以下代码放在<style type="text/css"> </style>里
1:  评论框加背景图片
textarea { background: url(图片地址); }
2   评论框、地址框、选择框都加背景图片
input, textarea, select { background: url(图片地址); }
把背景图片放在固定位置
textarea  { background:  url(图片地址) no-repeat right center; }


上面的代码按时把图片放在右边中间 right center 前面代表横坐标,后面代表纵坐标,以下为要用的位置代码
left
right
centet 中间
top
bottom
如果想把图片放在左上那就应该是 left top,以此类推~



卡通表情一套







代码如下:


<script type="text/javascript">
<!--
function addtext(s){
    document.getElementsByTagName("textarea")[0].value = document.getElementsByTagName("textarea")[0].value + s
}
if(document.getElementById("authcode_td1")){
    var i, j;
    var urlBase = "http://foto.yculblog.com/gao83/";
    var smileyCode = new Array("[:-D]","[:-)]","[Q_Q]","[:-(]","[;-)]","[*^_^*]","[T_T]","[-_-b]","[:-O]","[=_=]","[#_#]","[180]","[@_@]","[;-_-]","[^.^]","[XD]","[-_-!!]","[309]","[921]");
    var smileyReg = new Array(/\[:-D\]/g,/\[:-\)\]/g,/\[Q_Q\]/g,/\[:-\(\]/g,/\[;-\)\]/g,/\[\*\^_\^\*\]/g,/\[T_T\]/g,/\[-_-b\]/g,/\[:-O\]/g,/\[=_=\]/g,/\[#_#\]/g,/\[180\]/g,/\[@_@\]/g,/\[;-_-\]/g,/\[\^\.\^\]/g,/\[XD\]/g,/\[-_-!!\]/g,/\[309\]/g,/\[921\]/g);
    var picName = new Array("yy01","yy02","yy03","yy04","yy05","yy06","yy07","yy08","yy09","yy10","yy11","yy12","yy13","yy14","yy15","yy
16","yy17","yy18");

    var s2="";
    for(i=0; i < picName.length; i++){
        s2 = s2 + "<img src='" + urlBase+picName[i] + ".gif' alt='' style='cursor:pointer;' onclick='addtext(\"" + smileyCode[i] + "\");' />";
        if(i>0&&i%6==0){
            s2=s2+"<br />";
        }
    }
   
    //get target
    var inputs = document.getElementsByTagName("input");
    var td,tbs;
    for(i=0; i < inputs.length; i++){
        if(inputs[i].getAttribute("name") == "url"){
            tbs = inputs[i].parentNode.parentNode.parentNode;
            break;
        }
    }
    //Smiley
 var trs = tbs.insertRow(4);
 if(trs){
  var tds = trs.insertCell(-1);
  if(tds){
   tds.innerHTML="表情<br />By 小N";
   tds.setAttribute("align","right");
   tds.setAttribute("valign","top");
   tds.style.paddingTop = "20px";
  }
  td = trs.insertCell(-1);
  if(td){
   td.innerHTML=s2;
  }
 }
 //parser
    var blocks = document.getElementsByTagName("blockquote");
    for(i=0; i < blocks.length; i++){
        for(j=0; j < smileyReg.length; j++)
        blocks[i].innerHTML = blocks[i].innerHTML.replace( smileyReg[j], "<img src='" + urlBase + picName[j] + ".gif' alt='' />" );
    }
}
//-->

</script>


打开叶子时出现在右下角的欢迎辞


<SCRIPT language=JavaScript1.2>
var oPopup = window.createPopup();
var popTop=50;
function popmsg(msgstr){
var winstr="<table style=\"border: 1 solid  #D65C5C\"  width=\"255\" height=\"40\" border=\"0\" cellpadding=\"5\" cellspacing=\"0\"   >";
winstr+="<tr><td height=\"167\">文字</td><td align=\"centre\"><table width=\"100%\" height=\"70\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\">";
winstr+="<tr><td valign=\"top\" style=\"font-size:12px; color: #FF4780; face: Tahoma;\">"+msgstr+"</td></tr></table></td></tr></table>";
oPopup.document.body.innerHTML = winstr;
popshow();
}
function popshow(){
window.status=popTop;
if(popTop>1720){
clearTimeout(mytime);
oPopup.hide();
return;
}else if(popTop<180){
oPopup.show(screen.width-100,screen.height,255,popTop);
}else if(popTop<220){
oPopup.show(screen.width-100,screen.height-popTop,255,180);
}
popTop+=10;
var mytime=setTimeout("popshow();",50);
}
popmsg("");
</SCRIPT>
绿色的内容依次是框框的线条厚度,线条颜色,线条宽和高,都可以修改
将红色的文字换成<img src=\"图片地址\">,就可以在框里插入图片
另,代码的后面一些内容控制框框出现的速度和逗留时间,可以修改




在每篇日志日志前加上小图



style type="text/css">
<!--
.post_title { font-size: 11pt; 
              font-weight: bold;
              color: #800;
              padding-left: 30px;
              padding-bottom: -5px;
              background: url(http://foto.yculblog.com/nocorner/gray.gif) no-repeat bottom left; }
.post_user { font-size: 8pt;
             color: #808080;
             padding-left: 29px; }
.post_footer      { border-bottom:solid 1px #cecece;padding-bottom:6px;}-->
-->
</style>
红色部分为图片地址.....   
紫色部分为图片的位置调整......
随意把加在任何地方   加在最后面也可以

图片可以自己找适合自己的

最新评论

发表评论

*昵称

已经注册过? 请登录

Email
网址
*评论