作者windcanblow (戏谑人生)
看板Blog
标题[blogger]傻瓜流图片贴法
时间Wed Aug 12 00:27:23 2009
与其说是心得不如说是腥得。
在搜寻板上已有的相关文章後,发现自己登入blogger,
已经是在功能相对方便的现在,像是有图片上传这种功能..
虽然看板上有推文说这个功能烂到爆,但我必须要说
就新手来讲这个相当方便
因为它们自动帮忙调整大小,位置的摆设,似乎连边框语法
都写进去了,外面再加个免费的超连结。
总之,看了四天,在板友热情的指导下终於稍微看懂blogg
内建的贴图语法..
例:
<a href="
http://123.jpg">
<img style="margin: 0px auto 10px; display: block;
text-align: center; cursor: pointer;
width: 376px; height: 490px;"
src="
http://123.jpg" alt="" border="0" />
</a>
目前腥得:
1.blogger其实可以一次上传很多图片,只要在上方的[新增其他图片]点下去,
就会一直跑出新的浏览框,而且新手可以逃避现实地不去理会这些从电脑上
传的照片都被blogger存到哪里去XD。(就是不用开存图区的网页去剪语法过来)
2.它直接帮新手调整大小跟位置,不喜欢到时再砍掉或修改数值即可。
在板上大师们的教导下,我了解到了砍掉display: block,照片就可以在
同一列叠成一排,不会自成一列 (同时要记得CSS范本里有没有偷偷写下同
样的设定,有的话一样砍掉)
接着是图片长宽的设定,反正我只要记得自己文章最宽就是570px,图片
宽只要叠超过这个值就会爆掉,因此不管有几张照片,宽度只要下修到
总和不超过这个值就可以漂亮地并列在同一排上。(真是傻瓜到了极点)
3.所有的图片一开始通通丢在最上面,可以快乐地慢慢把语法剪贴到自己想要
的位置(这根本不是便利好吗XD)
4.<a href= </a> 这就是超连结的语法,翻山越领终於在推文中发现这个秘密。
难怪看板友在讨论贴图时,为什麽连结语法总是很简单的src=,然後我就是一长
串只有Neo 才看得懂的符号。
总结:对blogger新手来说,内建图片上传功能其实很堪用了。
(虽然我也知道熟了以後,它是非常碍手碍脚的东西)
以下才是偷渡的正题(被殴)
不过我还是有不懂的地方
1. img style="margin: 0px auto 10px 这段是什麽意思呢?
2. alt="" border="0" 也不太明白(border好像是边框的意思?)
3.<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"
href=
不知动了什麽地方,图片上传後就多了这一串不知是什麽意思的语法
4.图片语法这麽庞大,上次板友建议的表格就不知该如何学着用..
5.还是没有学会图片置中後,图片下方多一行注解究竟该怎麽加上去,每次注解
都会自动切齐左边,按space键无法让它多往右边移一点。
不管怎样,在大家的帮助下,短短几天在下的blog就已经改善很多了..
http://concerningbradleycooper.blogspot.com/2009/08/bradley-cooper_11.html
回避一些不会处理的问题,网志还是可以生得出来(驼鸟心态)
感谢各位QQ,尤其是snott大大还花时间丢水球教我。
--
※ 发信站: 批踢踢实业坊(ptt.cc)
◆ From: 114.25.241.173
1F:推 windinin:所以说blogger是令人成长的blog....orz 2,为图片加框 08/12 09:23