高手教教我怎么弄成透明的模板~

显示全部楼层 · 2009-1-30 06:28:38

想换个模板，不会弄~~高手多推荐些好的模板好不好~~~谢谢~~

你好！如何设计个人主页模板的源代码：1，蓝色河畔：<STYLE type=text/css>body{background:url(http://album.sina.com.cn/pic/48e5c6a60200035q) repeat scroll!important;}.banner{background:url(http://album.sina.com.cn/pic/48e5c6a602000351) norepeat no scroll!mportant;}</STYLE>2，梦幻天空：<STYLE type=text/css>body{background:url(http://album.sina.com.cn/pic/48e5c6a602000365) repeat scroll!important;}.banner{background:url(http://album.sina.com.cn/pic/48e5c6a602000355) norepeat no scroll!mportant;}.logo{background:url(http://album.sina.com.cn/pic/48e5c6a602000354) norepeat no scroll!mportant;}</STYLE>3.自定义模块<CENTER><IMG style="LEFT: 117px; POSITION: absolute; TOP: 55px" align=right src=网址 width=770 height=135></CENTER> ２、<STYLE type=text/css>.banner{background:url(图片网址) no repeat no scroll!mportant;}</STYLE>代码说明：1，将url后面括号中的地址换成自己想要的图片地址，为了和新浪链接同步，最好是把自己需要的图片先上传到自己的BLOG里再获取图片地址；2，关于主页模板的图片尺寸如下：logo（最上面写SINA BLOG那一白色小条）：770*40 ； banner（横幅大图）：770*135 ；menu（个人首页/搜索/帮助/退出的菜单）：770*30 ；可以先裁出770*205的一整张图片再逐步剪裁，这样更美观协调；长度大于770没有关系，系统会自动调整；长度小于770会有连续排的效果，比如上传长度为250的图片，将横排三次这张图，还多出一条长20的像素图；3，body部分最好不要用一整张壁纸，因为一张壁纸长度只和屏幕一样，当下拉页面时，多数会出现连续横排效果，就像被分割成一块一块的一样；即使壁纸花色完全一致，也会由于图片太大占很大的内存空间，BLOG打开速度会明显变慢，所以最好的方法是去下载网站上的背景素材，只要有方块大小的图片就可铺满整个页面了；具体操作方法如下：点击管理博客——个人首页维护——新增空白面板——先在空白面板上敲一下空格键——钩选“显示源代码”【这时你会看到面板中已经有一行代码了： <DIV> </DIV>】——把以上代码之一复制粘贴在所有代码之后——钩选显示源代码（钩号消失）——保存新增面板——定制个人首页——选取新增面板——保存设置；谢谢您的提问，祝您一切顺利！
提问者对答案的评价：

背景全透明代码：你可以一试。 <DIV>　</DIV> <STYLE>body {background:url("http://album.sina.com.cn/pic/4a42ecef02000awk") repeat fixed!important;}</STYLE> <DIV></DIV> <DIV> </DIV> <STYLE type=text/css> .logo {background:#transparent} .banner {background:#transparent} .menu {background:#transparent} .feeds .up {background:#transparent} .feeds .down {background:#transparent} .feeds .function {background:#transparent} .links .up {background:#transparent} .links .down {background:#transparent} .links .mid {background:#transparent} .photo .mid {background:#transparent} .label .mid {background:#transparent} .calendar .mid {background:#transparent} .callboard .up {background:#transparent} .callboard .down {background:#transparent} .callboard .mid {background:#transparent} .bodyBg {background:#transparent;filter:progid:DXImageTransform.Microsoft.gradient(GradientType =\'1\',enabled=\'true\',startColorstr=#00FFFFFF, endColorstr=#00FFFFFF);} .bodyBottom {background:#transparent} .sysW770 {background:#transparent} .gbook .up {background:#transparent} .gbook .down {background:#transparent} .feeds .page {background:#transparent} .links .more {background:#transparent} .add {background:#transparent} .add .ico {background:#transparent} </STYLE> <DIV></DIV> <DIV></DIV> <DIV></DIV> <DIV></DIV> <DIV></DIV> <DIV></DIV> <DIV> </DIV> <STYLE type=text/css> .logo{display:none;} </STYLE> <DIV></DIV> <DIV></DIV> 说明：下面这个代码可以让新浪博客各个部分的模块的背景变的透明： <DIV><A href=http://blog.sina.com.cn/m/zangweimin target=_blank><FONT color=#a6a6a6>kongfu</FONT></A></DIV><STYLE type=text/css> .logo {background:#transparent} .banner {background:#transparent} .menu {background:#transparent} .feeds .up {background:#transparent} .feeds .down {background:#transparent} .feeds .function {background:#transparent} .links .up {background:#transparent} .links .down {background:#transparent} .links .mid {background:#transparent} .photo .mid {background:#transparent} .label .mid {background:#transparent} .calendar .mid {background:#transparent} .callboard .up {background:#transparent} .callboard .down {background:#transparent} .callboard .mid {background:#transparent} .bodyBg {background:#transparent} .bodyBottom {background:#transparent} .sysW770 {background:#transparent} .gbook .up {background:#transparent} .gbook .down {background:#transparent} .feeds .page {background:#transparent} .links .more {background:#transparent} .add {background:#transparent} .add .ico {background:#transparent} .label .top {background:#transparent} .photo .top {background:#transparent} .label .bottom {background:#transparent} .photo .bottom {background:#transparent} .callboard .bottom {background:#transparent} .links .bottom {background:#transparent} </STYLE> 具体操作步骤如下所示：进入管理博客---个人首页维护---自定义空白面板---新增---填写面板标题---勾显示源代码---粘贴当前代码---去掉钩---保存如果是新增的面板可以再接着进入--控制面板----左边功能栏的--定制我的首页----添加模块----勾选新添面板----选取----保存注意：有些源代码要求填写在已有内容的面板里。如果是新增加的面板，至少先要在面板里写上一个字或是字符（为了不影响网页的美观，可在面板里先贴一张喜欢的图片，或是文章分隔线之类的小装饰图，然后再贴源代码，以此来实现已有内容面板的目的），否则flash鼠标特效无效！不过，博客地址改为你自己的地址才行。