如何插淘宝店铺公告栏里的背景图片?
各位淘友们大家好,有没发现这个帖子跟很多帖子有点不一样呢?哈哈,我在帖子里加了边框背景,漂亮吧,也是我刚刚学习来的,学会了这个方法,大家不但能用在【发表新帖】时,而且店铺里的【公告栏】或者【宝贝描述】里都可以用到哦! 现在我就把添加的方法发到论坛里来,希望对各位看过的朋友,特别是对新手能有所帮助。
如果有不妥的地方也请大家指点和补充。
下面以在帖子里添加背景边框为例。
一、先看一下本帖的背景图,它是由下面三张基本图片构成的:图片1:图片2:图片3:文章的开头处是图片1,中间是背景图片2的无限重复,结尾处是图片3。
二、准备工作1.先制作或者找到类似上面的三张图片。
大家可以找一些好看并且符合自己店铺风格的图,先下载到自己的电脑硬盘里,然后用图片处理软件裁剪修改一下。
关于如何裁剪和修改背景图,这方面可以参考我的另外一篇帖子:修改背景图时要注意以下几点:①如果要想做成类似本帖的边框,那背景图就要做成"两边留图,中间比较素一点"的效果。
这样既可让边框好看,又不影响读者阅读中间的内容。
②为了让背景图能达到您应用位置的边缘,背景图宽度(像素)要符合下面的要求:
应用位置 图片宽度(像素)约
发表新帖 620
普通版宝贝描述
950
(如果您的宝贝描述已经应用了别的模板,那就另当别论了)
旺铺版宝贝描述 740
个人空间 700
旺铺公告栏、自定义页面
740
普通版公告栏 480
这个宽度是根据您应用位置的宽度而定的,所以背景图片宽度最好不要超过这个尺寸哦,不然背景图就显示不全了!③在保证背景图片不失真的前提下,保存时尽量使图片占用字节少一点。
这样既节省像册空间,在网上显示时还可以快一点! 2.还要有一个支持外链的网络像册,把你做好的那三张图片1,2,3上传到网络像册里(如果是新手不会上传的话,咱经验居里有很多这方面的教程啦,大家可以去搜一下)。
当然你也可以用别人像册里的地址,但是这样的话万一人家换了地址或者图片,咱就显示不了了,偶个人觉得还是放在自己像册里保险点啦! 三、接下来就是要正式发帖啦。
①点“发表新帖”后就会进入下面的页面:这时编辑模式默认是设计模式: 这时同时还要注意选择好发帖的论坛和分类(这个大家都会啦) ②点“源代码”切换到代码模式: ③在文本框内贴入下面的代码:
这里插入您想写的内容
切记下面两条:一是要把代码中"http://这里是。
。
。
的网络地址"换成您的背景图的真正的网络地址哦,否则背景图是出不来的!
二是上述代码中两个宽度数值width="620"和width="500"要根据您所应用的位置不同而进行更改:第一个width数值“一定要等于”您的背景图宽度值;第二个width数值实际就是图片2中间正文的宽度,所以要比第一个width小一些,具体减小数值要根据您的图片情况而定了,在本帖中是减小了150像素。
④然后再点一下“源代码”恢复到设计模式,就是下面这样:好啦,基本框架已经出来啦,哈哈,是不是有点欣喜呢 ⑤哈哈,接下来就可以在“这里插入您想写的内容”这个地方输入您要写的内容, ⑥同时您还可以点编辑框右上角进入“全能模式”对您输入的内容进行编辑: 下面这样就是全能模式,功能很齐全哦: 咦背景图片这么一点点,怎么回事啊?呵呵,没关系啦,只要你输入的内容多了,背景就会跟着有啦,你写到哪里,它就跟到哪里,就像下面这样:
我要空间透明公告栏的图片,谁截图上来发在这里
如下图
在透明标题栏里打钩沟就可以了,
在自定义里的自定义皮肤那里。
上面的框框那里,
很隐蔽吧
如何在公告栏里使多张图片同时滚动
你好!添加多图滚动的公告代码及添加方法:代码:<marquee direction=up height=100 scrollamount=1 scrolldelay=90 width=100%
<P align=left<FONT face=隶书 color=# size=4 公告标题</FONT</P
<img border=0 src=图片地址1
<img border=0 src=图片地址2
<img border=0 src=图片地址3
<img border=0 src=图片地址4
<img border=0 src=图片地址5
<img border=0 src=图片地址6
<img border=0 src=图片地址7
<img border=0 src=图片地址8
</marquee代码说明:1、direction=up 表示滚动的方向,其中up表示↑;
2、scrollamount=1 表示滚动速度,数值越大速度越快;
3、width和height,表示滚动区域的大小,width是宽度,height是高度;
4、scrolldelay=90 这也是用来控制速度的,默认为90,值越大,速度越慢。
通常scrollDelay是不需要设置的。
●注:以上参数值可根据需要自行调整,图片数量可自行增减!
5、其中的“图片1”“图片2”……“图片8”分别是你图片的地址,粘贴即可。
●注:图片要求宽180为宜。
6、如需添加公告内容,可在代码中的“公告标题”字样的后面加上换行标记,然后添加公告内容既可。
代码具体添加步骤:
第一步、登录新浪博客,输入“登录名”“密码”和“验证码”后点击“登录”;
第二步、点击进入主页上方的“管理博客”;
第三步、点击左侧“自定义设置”中的“定制我的首页”;
第四步、选择“添加模块”;
第五步、在出现对画框内的左侧“我的公告栏”中,点击“发布新的公告”;
第七步、点击“保存”;
第八步、在“我的公告栏”下面点选“使用该模块”,然后点击下方的“选取”(你所设置的公告栏将会出现在页面上);
第九步、将添加的“我的公告栏”拖到喜欢的位置,点击“保存设置”.
当系统提示“模块设置成功”点击“确认”完成添加公告栏
如何制作淘宝普通店铺的公告图片
公告栏的图片代码 帖到公告栏就行了. 不过还是有好多人来问我公告栏的位置:点我的淘宝>>>管理我的店铺>>>基本设置,下面写着公告的位置。
<img src="/v2/thumb/?appid=200698&url=%E5%9B%BE%E7%89%87%E7%9A%84%E6%89%80%E5%9C%A8%E7%9A%84%E5%9C%B0%E5%9D%80"> 2。
公告悬浮装饰图片代码Copy到公告的最下面就好了哦<img src="/v2/thumb/?appid=200698&url=%E4%BD%A0%E5%9B%BE%E7%89%87%E7%9A%84%E5%9C%B0%E5%9D%80" style="left: 20px; position: relative;: 0px" />3。
加背景音乐的代码1、进“我的淘宝”点击“管理我的店铺”进入“基本设置” 先贴代码,再写你的公告文字<bgsound src="你的背景音乐地址" loop=-1>至于其他的去淘宝上的论坛搜吧