<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>notycn &#187; thickbox</title>
	<atom:link href="http://www.notycn.com/tag/thickbox/feed" rel="self" type="application/rss+xml" />
	<link>http://www.notycn.com</link>
	<description>I am here!</description>
	<lastBuildDate>Tue, 03 Jan 2012 14:46:36 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>Google Picasa2照片管理软件的html模板-Thickbox效果</title>
		<link>http://www.notycn.com/web/60.html</link>
		<comments>http://www.notycn.com/web/60.html#comments</comments>
		<pubDate>Sun, 27 Jan 2008 09:52:19 +0000</pubDate>
		<dc:creator>notycn</dc:creator>
				<category><![CDATA[网事随风]]></category>
		<category><![CDATA[google]]></category>
		<category><![CDATA[lightbox]]></category>
		<category><![CDATA[picasa]]></category>
		<category><![CDATA[picasa模板]]></category>
		<category><![CDATA[thickbox]]></category>
		<category><![CDATA[模板]]></category>
		<category><![CDATA[照片]]></category>
		<category><![CDATA[相片]]></category>

		<guid isPermaLink="false">http://www.notycn.cn/web/60.html</guid>
		<description><![CDATA[Picasa2是一个优秀的相片管理软件，对电脑里的照片分类，数码相片的后期管理提供了优秀的功能，平时我拍些照片，存在电脑的各个角落里，经常会遇到找不到相片，Picasa就可以将那些连自己都会忘记的相片找出来，并且可以对照片进行编辑，添加各种效果，让效果平淡的照片变成一张艺术品，比如“图片拼贴”就是一个好玩的功能，以及制作精美的幻灯片演示，录制成CD收藏或者给好友共享 我个人还是喜欢picasa中的html模板功能，可以将自己的相片用“导出HTML页”功能做成一个酷酷的相册，但是Picasa2自带的几个模板功能有点单调死板，网络上也有一些提供方法，如在模板里添加Lightbox效果，但是图片过大而撑破浏览器页面，继而选择使用thickbox，它可以有效的控制图片随着改变浏览器页面大小而改变，摸索了一个下午制作成模板 效果预览：Demo 下载Picasa2地址:点击下载 模板下载地址：请留言并留下邮箱 更新：使用了thickbox效果，并且有效的去掉原模板会生成多余的单页面，节省空间，显得更简练 注：如果你使用网络上提供LIGHTBOX的效果的下载，并且一次性要生成模板的照片太多，比如说有一百张，则会在要生成的目录下还要生成100个target0等命名的单页面，浪费了空间，而使用我提供的这个版本，仅在你要生成的目录下生成一个Index.html和一个存储相片的文件夹，呵呵 使用方法： 解压：收到压缩包的朋友，将压缩包里的 thickBox2 解压到 Picasa 安装目录的网络模板文件夹下。例如：C:\Program Files\Picasa2\web\templates\ 选择相片：打开 Picasa ，用 ctrl 键单击选定你需要生成的相片 使用网页模板在 Picasa 中创建相册：工具栏中的“文件夹”——“导出为 HTML 页”——“下一步”——选择“thickbox”作为模板，点击完成 打开“我的文档\Picasa HTML Exports\”，就会发现你的相册 如需网络相册，可以把刚刚生成的那个目录里的文件上传到你的空间即可 效果预览：Demo 效果预览：Demo 下载地址：请留言并留下邮箱<table class="wumii-related-items" cellspacing="0" cellpadding="2" border="0" width="100%" style="clear: both;">
    
    <tr>
        <td ><b><font size="-1" color="#000000" style="display: block !important; padding: 20px 0 5px !important;">相关文章</font></b></td>
    </tr>
    
            <tr>
                <td style="margin: 0 !important; padding: 0 !important; line-height: 20px !important;">
                    <img border="0" src="http://static.wumii.com/images/widget/widget_solidPoint.gif">
                    <a target="_blank" style="text-decoration: none !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.notycn.com%2Fweb%2F191.html&from=http%3A%2F%2Fwww.notycn.com%2Fweb%2F60.html">
                        <font size="-1" color="#1843A8" style="line-height: 1.65em; font-size: 14px !important;">DedeCms 新手入门手册及模板标签使用.CHM电子版本</font>
                    </a>
                </td>
            </tr>
            <tr>
                <td style="margin: 0 !important; padding: 0 !important; line-height: 20px !important;">
                    <img border="0" src="http://static.wumii.com/images/widget/widget_solidPoint.gif">
                    <a target="_blank" style="text-decoration: none !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.notycn.com%2Fweb%2F8.html&from=http%3A%2F%2Fwww.notycn.com%2Fweb%2F60.html">
                        <font size="-1" color="#1843A8" style="line-height: 1.65em; font-size: 14px !important;">32个Google AdSense特效欣赏（转）</font>
                    </a>
                </td>
            </tr>
            <tr>
                <td style="margin: 0 !important; padding: 0 !important; line-height: 20px !important;">
                    <img border="0" src="http://static.wumii.com/images/widget/widget_solidPoint.gif">
                    <a target="_blank" style="text-decoration: none !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.notycn.com%2Fweb%2F278.html&from=http%3A%2F%2Fwww.notycn.com%2Fweb%2F60.html">
                        <font size="-1" color="#1843A8" style="line-height: 1.65em; font-size: 14px !important;">解决google工具栏最右边的账号被标了个桔黄色感叹号的方法</font>
                    </a>
                </td>
            </tr>
            <tr>
                <td style="margin: 0 !important; padding: 0 !important; line-height: 20px !important;">
                    <img border="0" src="http://static.wumii.com/images/widget/widget_solidPoint.gif">
                    <a target="_blank" style="text-decoration: none !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.notycn.com%2Fweb%2F72.html&from=http%3A%2F%2Fwww.notycn.com%2Fweb%2F60.html">
                        <font size="-1" color="#1843A8" style="line-height: 1.65em; font-size: 14px !important;">Google XML Sitemaps 3.03中文包简体下载</font>
                    </a>
                </td>
            </tr>
            <tr>
                <td style="margin: 0 !important; padding: 0 !important; line-height: 20px !important;">
                    <img border="0" src="http://static.wumii.com/images/widget/widget_solidPoint.gif">
                    <a target="_blank" style="text-decoration: none !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.notycn.com%2Fweb%2F64.html&from=http%3A%2F%2Fwww.notycn.com%2Fweb%2F60.html">
                        <font size="-1" color="#1843A8" style="line-height: 1.65em; font-size: 14px !important;">Google AdSense中QQ六位数的骗局，揭露到底是谁在作祟？(一)</font>
                    </a>
                </td>
            </tr>
    
    <tr>
        <td  align="right">
            <a style="text-decoration: none !important;" href="http://www.wumii.com/widget/relatedItems.htm" target="_blank" title="无觅相关文章插件">
                <font size="-1" color="#bbbbbb" style="display: block !important; font-family: arial !important; padding: 5px 0 !important; font-size: 12px !important; color: #bbb !important;">无觅</font>
            </a>
        </td>
    </tr>
</table>]]></description>
			<content:encoded><![CDATA[<p>Picasa2是一个优秀的相片管理软件，对电脑里的照片分类，数码相片的后期管理提供了优秀的功能，平时我拍些照片，存在电脑的各个角落里，经常会遇到找不到相片，Picasa就可以将那些连自己都会忘记的相片找出来，并且可以对照片进行编辑，添加各种效果，让效果平淡的照片变成一张艺术品，比如“图片拼贴”就是一个好玩的功能，以及制作精美的幻灯片演示，录制成CD收藏或者给好友共享</p>
<p>我个人还是喜欢picasa中的html模板功能，可以将自己的相片用“导出HTML页”功能做成一个酷酷的相册，但是Picasa2自带的几个模板功能有点单调死板，网络上也有一些提供方法，如在模板里添加Lightbox效果，但是图片过大而撑破浏览器页面，继而选择使用thickbox，它可以有效的控制图片随着改变浏览器页面大小而改变，摸索了一个下午制作成模板</p>
<p>效果预览：<a href="http://feifei.topqing.com/" target="_blank"><strike><font color="#ff0000">Demo</font></strike></a></p>
<p>下载Picasa2地址:<a href="http://www.topqing.com/picasa" target="_blank"><font color="#ff0000"><strike>点击下载</strike></font></a></p>
<p>模板下载地址：<font color="#ff0000"><strike>请留言并留下邮箱</strike></font></p>
<p>更新：使用了thickbox效果，并且有效的去掉原模板会生成多余的单页面，节省空间，显得更简练</p>
<p>注：如果你使用网络上提供LIGHTBOX的效果的下载，并且一次性要生成模板的照片太多，比如说有一百张，则会在要生成的目录下还要生成100个target0等命名的单页面，浪费了空间，而使用我提供的<font color="#ff0000">这个版本，仅在你要生成的目录下生成一个Index.html和一个存储相片的文件夹</font>，呵呵</p>
<p>使用方法：</p>
<ol>
<li>解压：收到压缩包的朋友，将压缩包里的 thickBox2 解压到 Picasa 安装目录的网络模板文件夹下。例如：C:\Program Files\Picasa2\web\templates\</li>
<li>选择相片：打开 Picasa ，用 ctrl 键单击选定你需要生成的相片</li>
<li>使用网页模板在 Picasa 中创建相册：工具栏中的“文件夹”——“导出为 HTML 页”——“下一步”——选择“thickbox”作为模板，点击完成</li>
<li>打开“我的文档\Picasa HTML Exports\”，就会发现你的相册</li>
<li>如需网络相册，可以把刚刚生成的那个目录里的文件上传到你的空间即可</li>
</ol>
<p>效果预览：<a href="http://feifei.topqing.com/" target="_blank"><strike><font color="#ff0000">Demo</font></strike></a></p>
<p><img src="http://farm3.static.flickr.com/2417/2233940523_abaeaca39d.jpg" alt="Google Picasa 模板" border="0" height="370" width="500" /></p>
<p><img src="http://farm3.static.flickr.com/2144/2234728428_a451cb8bb4.jpg" alt="Google Picasa 模板" border="0" height="383" width="500" /></p>
<p><img src="http://farm3.static.flickr.com/2415/2234733050_2ff5e3964a.jpg" alt="Google Picasa 模板" border="0" height="383" width="500" /></p>
<p>效果预览：<a href="http://feifei.topqing.com/" target="_blank"><strike><font color="#ff0000">Demo</font></strike></a></p>
<p>下载地址：<font color="#ff0000"><strike>请留言并留下邮箱</strike></font></p>
<p style="margin:0;padding:0;height:1px;overflow:hidden;">
    <script type="text/javascript"><!--
        var wumiiSitePrefix = "http://www.notycn.com";
        var wumiiEnableCustomPos = true;
        var wumiiParams = "&#038;num=8&#038;mode=3&#038;displayInFeed=1&#038;version=1.0.5.5&#038;pf=WordPress3.3.1";
    //--></script><script type="text/javascript" src="http://widget.wumii.com/ext/relatedItemsWidget.htm"></script><a href="http://www.wumii.com/widget/relatedItems.htm" style="border:0;"><img src="http://static.wumii.com/images/pixel.png" alt="无觅相关文章插件，快速提升流量" style="border:0;padding:0;margin:0;" /></a></p>
<table class="wumii-related-items" cellspacing="0" cellpadding="2" border="0" width="100%" style="clear: both;">
    
    <tr>
        <td ><b><font size="-1" color="#000000" style="display: block !important; padding: 20px 0 5px !important;">相关文章</font></b></td>
    </tr>
    
            <tr>
                <td style="margin: 0 !important; padding: 0 !important; line-height: 20px !important;">
                    <img border="0" src="http://static.wumii.com/images/widget/widget_solidPoint.gif">
                    <a target="_blank" style="text-decoration: none !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.notycn.com%2Fweb%2F191.html&from=http%3A%2F%2Fwww.notycn.com%2Fweb%2F60.html">
                        <font size="-1" color="#1843A8" style="line-height: 1.65em; font-size: 14px !important;">DedeCms 新手入门手册及模板标签使用.CHM电子版本</font>
                    </a>
                </td>
            </tr>
            <tr>
                <td style="margin: 0 !important; padding: 0 !important; line-height: 20px !important;">
                    <img border="0" src="http://static.wumii.com/images/widget/widget_solidPoint.gif">
                    <a target="_blank" style="text-decoration: none !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.notycn.com%2Fweb%2F8.html&from=http%3A%2F%2Fwww.notycn.com%2Fweb%2F60.html">
                        <font size="-1" color="#1843A8" style="line-height: 1.65em; font-size: 14px !important;">32个Google AdSense特效欣赏（转）</font>
                    </a>
                </td>
            </tr>
            <tr>
                <td style="margin: 0 !important; padding: 0 !important; line-height: 20px !important;">
                    <img border="0" src="http://static.wumii.com/images/widget/widget_solidPoint.gif">
                    <a target="_blank" style="text-decoration: none !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.notycn.com%2Fweb%2F278.html&from=http%3A%2F%2Fwww.notycn.com%2Fweb%2F60.html">
                        <font size="-1" color="#1843A8" style="line-height: 1.65em; font-size: 14px !important;">解决google工具栏最右边的账号被标了个桔黄色感叹号的方法</font>
                    </a>
                </td>
            </tr>
            <tr>
                <td style="margin: 0 !important; padding: 0 !important; line-height: 20px !important;">
                    <img border="0" src="http://static.wumii.com/images/widget/widget_solidPoint.gif">
                    <a target="_blank" style="text-decoration: none !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.notycn.com%2Fweb%2F72.html&from=http%3A%2F%2Fwww.notycn.com%2Fweb%2F60.html">
                        <font size="-1" color="#1843A8" style="line-height: 1.65em; font-size: 14px !important;">Google XML Sitemaps 3.03中文包简体下载</font>
                    </a>
                </td>
            </tr>
            <tr>
                <td style="margin: 0 !important; padding: 0 !important; line-height: 20px !important;">
                    <img border="0" src="http://static.wumii.com/images/widget/widget_solidPoint.gif">
                    <a target="_blank" style="text-decoration: none !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.notycn.com%2Fweb%2F64.html&from=http%3A%2F%2Fwww.notycn.com%2Fweb%2F60.html">
                        <font size="-1" color="#1843A8" style="line-height: 1.65em; font-size: 14px !important;">Google AdSense中QQ六位数的骗局，揭露到底是谁在作祟？(一)</font>
                    </a>
                </td>
            </tr>
    
    <tr>
        <td  align="right">
            <a style="text-decoration: none !important;" href="http://www.wumii.com/widget/relatedItems.htm" target="_blank" title="无觅相关文章插件">
                <font size="-1" color="#bbbbbb" style="display: block !important; font-family: arial !important; padding: 5px 0 !important; font-size: 12px !important; color: #bbb !important;">无觅</font>
            </a>
        </td>
    </tr>
</table>]]></content:encoded>
			<wfw:commentRss>http://www.notycn.com/web/60.html/feed</wfw:commentRss>
		<slash:comments>18</slash:comments>
		</item>
	</channel>
</rss>

