个人资料
正文

贴图实例:使用Flickr图床来贴图

(2014-07-22 07:16:01) 下一个

常常看到有人碰到贴图难题。直接从电脑上传图片先要存好合适的大小,经过WXC压缩后往往会影响质量。

使用dali的网站生成HTML源代码很容易,但也有局限性。它要求图片是public的,而且如果图片不在一个album内,就先要整理好,这样还是比较烦人。我认为公开自己的图片也不一定符合每个人的要求。

最近Flickr更改了使用介面,给使用Flickr图床带来不便之处。

我在这里介绍的方法很简单,不需要改变Flickr的私人图片。


具体步骤如下:

1 登入Flickr,打开自己的图片。
看到右下的图标 Share this photo, 点击打开选项。






2. 点击 HTML, 选用大小,如 Large  1024 x 683





3. 复制已选中的地址,开启一个文档编辑程序,如 Notepad, 粘贴后就得到如下的代码:


***

<a href="https://www.flickr.com/photos/yourusername/14032591084" title="Untitled by You, on Flickr"><img src="https://farm8.staticflickr.com/7197/14032591084_505ba31208_b.jpg" width="1024" height="683" alt="Untitled"></a>

***

4. 然后发帖时,在内容(可先选项)点击【HTML源代码】,粘贴刚才复制的内容。就完成了贴图的基本步骤。点击发表帖子就行了。蓝色部分也就是Flickr的图片地址。


5. 如果还需要图片背景色和边框等,那就需要进一步手动操作。我使用如下的方法,仅提供参考:


***

div style="background:#e6e6dd;color:#000;margin:-32px auto -15px auto;padding:30px 0;">
<div style="padding:20px 20px"><span style="font-size: large;"> here input  text for pictures or whatever. <br />

<br /> <br /> <br /> <p>&nbsp;</p>
</span></div>

<div style="padding:30px 0">#1  <br />
<p>&nbsp;</p>
<div style="width:1100px;height:800px;border:1px solid #fff;margin:auto;background:#000;"><img width="900" height="600" alt="title of your picture" src="here input image url on flickr " style="margin:100px;border:1px solid #fff" /></div></span></div>

***

现在将准备好的HTML源代码复制到
内容栏内,一定要先点选 【HTML源代码】。点击发表帖子就完成了。





[ 打印 ]
阅读 ()评论 (0)
评论
目前还没有任何评论
登录后才可评论.