WP的TAGS墙~

By19.Published on一月 19, 2009 15:51. 35 Views .
很差差一般好非常好 (暂时没有评分)
Loading ... Loading ...

这个TAGS墙参考了Levitated.net的一个开源的小程序，上面所生成的文字全部都是站点的TAGS，在生成文字的时候照搬了那部分代码，这里提供的是AS3版本。我默认是只取到100个TAGS，如果你有更多的需要显示则把插件中的19TAGS.php里的SQL改一下LIMIT 0 , 100 ，TAGS墙生成的时候对应文章少的TAGS也有可能占到相对多的空间，完全随机，但可以保证文章最多的几个TAGS会用更多空间显示。对于懒得自己去细搞的人我写了个插件可以简单的在发表文章或者模板处引入这个FLASH TAGS墙~可以通过设置高宽来设置大小，配置颜色来改变背景和字体的颜色，例如模板中：

1

< ?php wp_flash_tags("100%","380","0xFFFFFF","0x000000"); ?>

或者文章中

1

[wp_19_tags w="100%" h="380" bg="0xFFFFFF" t="0x000000"]

其中四个参数分别为：TAGS墙的宽、高、背景色、字体颜色，则显示的就是上面的效果。

或者下面这个例子，模板中

1

< ?php wp_flash_tags("600","600","0xFFFFFF","0x000000"); ?>

或者文章中

1

[wp_19_tags w="600" h="600" bg="0xFFFFFF" t="0x000000"]

则是下面这样的效果。

继续阅读…Continue reading…

{ 16 comments } { Tags: , , }

Web2.0Link.

By19.Published on四月 22, 2007 22:42. 7 Views .
很差差一般好非常好 (暂时没有评分)
Loading ... Loading ...

来自于go2web20.net，最喜欢他的TAGS，生成XML设置节点的TAG属性便能方便的分类查找。

编译了这个FLASH，因为go2web20.net是一个“品网”所以用来发布提交给他或者他收集的站点，我们可以用来为自己的文章做一个展示内容的FLASH~或者做一个类似的友情链接，像上面这样。根据自己的想法修改了一下，他们一开始读到所有图片，不过我觉得那样太乱了，改成Rollover时候读取图片（加了些效果，鼠标移到链接稍等读到图片）并且把界面改成了适合我的风格(红黑)这样看着好多了。点击上方TAGS按钮得到相应文章TAGS分类，以及输入字符查找标题，在两个XML中配置好便OK了。当然也可以试试读取数据库来更方便配置（或者解析RRS）。

>

提供源文：- Web2.0Link.rar -

里面包括：源文件（一个工程） xml文件 JS文件，JS文件不是必须，因为go2web20.net中点开FLASH生成的链接后显示的是一个隐藏DIV，可以去go2web20.net看下，链接执行javascript:showAppFrame(传入的标题参数)，之后显示appFrameHolder，根据传入的标题Ajax获取详细内容。AS中我把响应JS的部分都注掉了，修改成直接获取logosData.xml中AD（文章链接）后打开链接，如果要做到和go2web20.net相同的效果可以自己修改一下。XML和AS、编译出来的类都在提供的包里，一看便知。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19

//隐藏和显示
function showAppFrame(appIdOrName) {
	//点击TAG等按钮执行showAppFrame(-1)
	//点击图片执行showAppFrame(标题参数)
	if (appIdOrName==-1){
		hideAppFrame();
		return;
	}
	var fullPanelHeight = 150;
	Element.setStyle('appFrameHolder', {height:fullPanelHeight+'px'} );
	reorderLayout();
	urchinTracker('/Open Info Panel/'+appIdOrName);
	loadAppData(appIdOrName);
}
function hideAppFrame(){
	$('appData').innerHTML = "";
	Element.setStyle('appFrameHolder', {height:'0px'} );
	reorderLayout();
}

+ 注意AS设置文件地址

1
2
3
4
5
6
7

1.if (_url.indexOf("file://")>-1) {
	basePath = "http://localhost/";
} else {
	basePath = "";
} //定义basePath
2.settingsXML.load("settings.xml"); //配置文件
3._loc4.loadClip(basePath+"weblink/images/"+allLogosAr[logoIndex].image) //图片地址

+ XML的关键配置

1
2
3
4
5
6
7
8
9
10
11

<key name="thumbWidth" value="93"/> //加载图片宽（logosHolder）
<key name="thumbHeight" value="63"/> //加载图片高
<key name="thumbSpacing" value="3"/> //加载图片间距
<key name="thumbInnerMargins" value="2"/> //填充
<key name="pageMargins" value="10"/> //页面两边间距
<key name="logosTop" value="65"/> //上边间距
<key name="scrollSpeed" value="10"/> //形成速度
<key name="maxTagRank" value="60"/> //TAGS等级
//图片配置文件属性
<item id="76" title="GLLL." image="76.jpg" tags="GL`LL,photos" hot="0" ad="http://www.ll19.com/?p=76"><![CDATA[照片.]]></item>
//title="标题" image="图片地址" tags="tags" ad="链接"
{ 6 comments } { Tags: , }
Page 2 of 212