世界杯网页版_世界杯(中国)官方在线登录-CSS – Wang /blog 生命最快乐时,就是与你分享时! Sat, 29 Mar 2014 13:22:08 +0000 zh-CN hourly 1 https://wordpress.org/?v=4.9.26 世界杯网页版_世界杯(中国)官方在线登录-SCITE 编辑器FV.Zone版 /blog/?p=144 /blog/?p=144#comments Sat, 12 Jul 2008 09:56:17 +0000 http://今天和大家分享我自配色的SCITE编辑器，一直在找一款好用的编辑器，用过也很多的，主要有NOTEPAD++、UltraEdit、EditPlus、EmEditor等等，当然还有很多，这里就不一一列出。我使用的最久的是UltraEdit和EmEditor,但是后来EmEditor出现了无法复制的问题，使我很郁闷，就没有使用了。UltraEdit有点笨重，打开文件比较慢，着色方法还是很容易配置的。后来无意中接触到了SCITE，多平台，开源，完全绿色，而且很。捎诩闪薼ua语言环境很容易 今天和大家分享我自配色的SCITE编辑器，一直在找一款好用的编辑器，用过也很多的，主要有NOTEPAD++、UltraEdit、EditPlus、EmEditor等等，当然还有很多，这里就不一一列出。

我使用的最久的是UltraEdit和EmEditor,但是后来EmEditor出现了无法复制的问题，使我很郁闷，就没有使用了。
UltraEdit有点笨重，打开文件比较慢，着色方法还是很容易配置的。

后来无意中接触到了SCITE，多平台，开源，完全绿色，而且很。捎诩闪薼ua语言环境很容易扩增功能。
我目前只配了PHP、CSS、XML、HTML等语言着色，喜欢的就下载来使用吧。

以下是效果图:

PHP调试和格式化:
目前已经集成phpCB格式化代码工具,只需要在打开PHP文件后按Ctrl+F1就OK了，然后编辑器下面会打开输出窗口，拷贝下面的代码就行了。
PHP执行，在使用之前请将PHP的路径写入WIN和系统路径，然后打开PHP文件，按F5执行，作为调试用。

CSS格式化:
已经集成了CSSTidy 1.3版，当你打开CSS文件后可以按Ctrl+F1进行格式化，这样代码会竖排，只是优化了一些写法，如果你是作为发布那么你可以按Ctrl+F2进行高度压缩，压缩后的代码很紧密，很节约空间哦～！

还有许多功能和定义请自行研究吧～！

下载地址：
http://fvcity.googlecode.com/svn/tags/wscite.rar

]]> /blog/?feed=rss2&p=144 10 世界杯网页版_世界杯(中国)官方在线登录-Fvcode 帖代码的小插件 /blog/?p=139 /blog/?p=139#comments Thu, 12 Jun 2008 08:10:32 +0000 呵呵，这只是实验性的，也根本没有实际用途，功能也过于单一，不过我还是觉得够用了。
一直想找一个小巧的灵活的帖代码插件，但一直没有找到，于是今天花了一个小时研究了一下，写出了这个小插件。

使用他很方便只要插入:

<code><?php echo $test; ></code>

效果演示:

/* 我就是演示了 */
<?php phpinfo(); ?>
<html>
<!-- test -->
</html>

就能显示代码了,这也符合我平时的习惯，还很好的向以后更换插件做好了兼容工作，如果像使用



之类的特殊符号，那以后会很麻烦的。



因为太小所以就不放下载了

直接帖出代码，下面是PHP代码和CSS样式表


<?php
# -*- coding: utf-8 -*-
/*
Plugin Name: FVcode
Plugin URI: http://sc35.com/blog/fvcodefvcode.fv
Description: 这是一个小东西
Author: FV.zone
Version: 0.0.0.2
Author URI: http://sc35.com/blog/
*/
require_once(ABSPATH.'wp-config.php');
require_once(ABSPATH.'wp-settings.php');

function fvcode_style()
{
 $css_url = get_bloginfo("wpurl") . '/' . PLUGINDIR . '/' . dirname(plugin_basename (__FILE__))."/fvcode.css";
  echo "\n".'<link rel="stylesheet" href="' . $css_url . '" type="text/css" media="screen" />'."\n";
}

  function fvcode_code($match)
  {
    foreach ($match as $value) {
      $value = htmlspecialchars($value);
      $content = nl2br($value);
    }
    
  $o = '<div class="fvcode">';
  $o .= '<div class="code">'.$content.'</div>';
  $o .= '</div>';
  $o .= '<div class="clear"></div>';
    
  return $o;
}

function fvcode($content) {
		$content = preg_replace_callback("/\s*<code>\s*(.+?)\s*<\/code>\s*/sim", 'fvcode_code', $content);
		return $content;
}


function fvcode_format($content) {
    $content = str_replace("&#8211;", "--", $content);
	return $content;
}

add_action('wp_head', 'fvcode_style');

add_filter ('the_content','fvcode_format');
add_filter ('the_excerpt','fvcode_format');
add_filter ('comment_text','fvcode_format');

add_filter('the_content', 'fvcode',9);
add_filter('the_excerpt', 'fvcode',9);
add_filter('comment_text', 'fvcode',9);

?>


你只要将这个代码复制保存命名随便，然后建立一个文件夹或是不建立也行，放到plugins目录里，在后台激活就可以了。


CSS样式:


/*
coding: utf-8
*/
.clear{clear:both;}
.fvcode {
	margin:6px 0;
	font:12px "Lucida Grande",Verdana,Arial,Sans-Serif;
	text-align:left;
}
.code {
	padding:6px;
	float:left;
	line-height:18px;
	background:#ECF6FF;
	color:#666;
	border:1px solid #D6E9FC;
	display: inline;
}


CSS要把保存的名字命为:fvcode.css才行，当然你也可以改掉PHP里面的定义，这个随便你。

]]>
			/blog/?feed=rss2&p=139
		3
		
		
		世界杯网页版_世界杯(中国)官方在线登录-The IE Doubled Float-Margin Bug
		/blog/?p=138
		/blog/?p=138#comments
		Wed, 11 Jun 2008 17:49:07 +0000
		
				
		
		
		
		

		http://strong对高度的解析/strongIE：将根据内容的高度变化，包括未定义高度的图片内容，即使定义了高度，当内容超过高度时，将使用实际高度Firefox：没有定义高度时，如果内容中包括了图片内容，MF的高度解析是根据印刷标准，这样就会造成和实际内容高度不符合的情况；当定义了高度，但是内容超过高度时，内容会超出定义的高度，但是区域使用的样式不会变化，造成样式错位。结论：大家在可以确定内容高度的情况下最好定义高度，如果真的没有办法定义高度，最好不用使用边框样式，否则样式肯定会出现混乱！
		
				对高度的解析

IE：将根据内容的高度变化，包括未定义高度的图片内容，即使定义了高度，当内容超过高度时，将使用实际高度

Firefox：没有定义高度时，如果内容中包括了图片内容，MF的高度解析是根据印刷标准，这样就会造成和实际内容高度不符合的情况；当定义了高度，但是内容超过高度时，内容会超出定义的高度，但是区域使用的样式不会变化，造成样式错位。

结论：大家在可以确定内容高度的情况下最好定义高度，如果真的没有办法定义高度，最好不用使用边框样式，否则样式肯定会出现混乱！


其他的细节差别

当你在写css的时候，特别是用float: left（或right）排列一窜图片时，会发现在firefox里面正常而IE里面有问题。无论你用margin:0,还是border: 0来约束，都无济于事。


其实这里还有另外一个问题，就是IE对于空格的处理，firefox是忽略的而IE对于块与块之间的空格是处理的。也就是说一个div结束后要紧接着一个div写，中间不要有回车或者空格。不然也许会有问题，比如3px的偏差，而且这个原因很难发现。


非常不走运的是我又碰到了这样的问题，多个img标签连着，然后定义的float: left，希望这些图片可以连起来。但是结果在firefox里面正常而IE里面显示的每个img都相隔了3px。我把标签之间的空格都删除都没有作用。


后来的解决方法是在img外面套li，并且对li定义margin: 0，这样就解决了IE和firefox的显示偏差。IE对于一些模型的解释会产生很多错误问题，只有多多尝试才能发现原因。


2、嵌套DIV:父DIV的高度不能根据子DIV自动变化的解决方案


<div id="parent">
<div id="content"> </div>
</div>


当Content内容多时，即使parent设置了高度100%或auto,在不同浏览器下还是不能完好的自动伸展。 解决方案


<div id="parent">
<div id="content"></div>
<div style="font: 0px/0px sans-serif;clear: both;display: block"> </div>
</div>


在层的最下方产生一个高度为1的空格，可解除这个问题


五、随机的切换图片：

#random {

BACKGROUND: url(/rotate.php);

}

这个方法很巧妙。


关于div的高度自适应

　　今天小尿让我帮他的页子解决一个问题，就是div的高度自适应，也就是在一个父级div中嵌套一左一右两个子div，右边的子div内容可无限扩展，而可以使得父级div的高度能被无限拉长，用一般的布局方法，在IE中可以正确浏览，在Mozilla中父级div的高度就固定在10px左右，无法自适应高度，height:auto也不行，怎么办呢。网上参考到一篇资料，要实现自适应高度，div层必须具有float属性，于是我开始动手试验，float:left的话，div就跑到页面最左边去了，这好办，我在它的外面再套一层div，把位置定好，那么里面的就算float:left也不会被移动位置了。


<div id="container_father">
<div id="container">
    <div id="panel"> test<br />
     test<br />
     test<br />
      <!-- id="panel" -->
    </div>
    <div id="sidebar">
     <ul>
       <li class="current">预安装检查</li>
       <li>阅读 PFC 授权协议</li>
       <li>初始化数据库</li>
       <li>完成安装</li>
      </ul>
      <!-- id="sidebar" -->
    </div>
    <!-- id="container" -->
</div>
</div>

#container_father {
margin-left: auto;
margin-right: auto;
padding: 0px;
width: 750px;
}

#container {
   width: 750px;
   border: 1px solid #cccccc;
   padding: 8px;
   margin: 0px;
   background-color: #F1F3F5;
   float: left;
}


 深入标准 ~ The IE Doubled Float-Margin Bug(IE双倍浮动边界Bug)

什么发生故障？

一段无错的代码把一个居左浮动(float:left)的元素放置进一个容器盒(box)，并在浮动元素上使用了左边界(margin-left) 来令它和容器的左边产生一段距离。看起来相当的简单，对吗？但直至它被在IE/Win中浏览为止，在浏览器中居左浮动元素的边界长度被神秘地翻了一倍！


情况应该如何？


下面的图释展示了一个简单的div(茶色的盒子)包含着一个居左浮动的div(绿色的盒子)。浮动元素有一个100px的左边界，使容器盒与它的左边缘之间产生了一个100px的间隙。到现在为止，一直都还不错。


.floatbox {
float: left;
width: 150px;
height: 150px;
margin: 5px 0 5px 100px;
/*This last value applies the 100px left margin */
}


陈旧的IE“双倍占据”

原样的相同代码被在IE/Win中浏览时以些微不同的方式显示，下面的图释展示了IE/Win在布局上所做的。

这为什么会发生？别问这种傻问题！这就是IE，记得吗？符合标准只是理想的状况，不指望实现，这个简单的事实正验证了。


重点


这个Bug仅当浮动边界和浮动元素的方向相同时出现在浮动元素和容器盒的内边缘之间，在这之后的任意有着相似边界的浮动元素不会呈现双倍边界。只有特定的浮动行的第一个浮动元素会遭遇这个Bug。像居左的情况一样，双倍边界同样神秘地显示在居右的相同方式。


修复办法！


直到现在(04年1月)这个Bug一直被认为是无法修复的，通常用来替代错误的边界的控制方法如：一个不可视浮动元素的左边距，连同一个内嵌的盒子一起，可视的盒子装在不可视浮动元素里；或者使用技巧仅对IE/Win设定边界的1/2值。这办法生效了，但是是混乱的而且搞糟了干净的源代码。不过现在全部结束了。


Steve Clason发现了一个修复办法，描述在他的Guest Demo里，修复了双倍边界和围绕文字缩进Bug。这是一个经典的IE的Bug修复办法，使用一个属性来修复影响不相关属性的Bug。


现在如何来做？


研究它，简单地将{display: inline;}设置给浮动元素就是全部所需做的！是的，听起来太简单了，不是吗？不过这是真的，仅仅一个display的”inline”声明已经能够胜任了。


熟悉规则的人知道浮动元素自动设置为”block”元素，而不管他们之前是什么。就如Steve从W3C里指出：


9.5.1 Positioning the float: the ‘float’ property


“This property specifies whether a box should float to the left, right, or not at all. It may be set for elements that generate

boxes that are not absolutely positioned. The values of this property have the following meanings:


left

The element generates a block box that is floated to the left. Content flows on the right side of the box, starting at the top

(subject to the ‘clear’ property). The ‘display’ is ignored, unless it has the value ‘none’.


right

Same as ‘left’, but content flows on the left side of the box, starting at the top.


none

The box is not floated. ”


这说明浮动元素上的{display: inline;}会被忽略，事实上所有的浏览器没有呈现任何改变，包括IE。但是，它不知何故让IE停止将浮动元素的边界翻倍。因而，这个修复办法可以被直接应用，而没有任何繁琐的隐藏方法。如果将来的一款浏览器决定对这个修复办法抱恙，只要把这个修复装入IE独用的Tan Hack里，细节如同IE Three Pixel Text-Jog Demo。


下面是两个使用了前面相同代码的生动演示，第一个照常显示了IE的Bug，下一个对浮动元素使用了”inline”修复。


.floatbox {
float: left;
width: 150px;
height: 150px;
margin: 5px 0 5px 100px;
display: inline;
}

]]>
			/blog/?feed=rss2&p=138
		1
		
		
		世界杯网页版_世界杯(中国)官方在线登录-FV.Zone Studio beta 1
		/blog/?p=125
		/blog/?p=125#comments
		Tue, 26 Feb 2008 04:07:51 +0000
		
				
		
		
		
		
		
		

		
		
				发布这个主题的初衷是为了和大家分享和学习更多的东西,所谓抛砖引玉嘛。

fvzone.jpg

这个主题比较复杂,如果你不打算与ZenPhoto一起使用,那有点可惜,当然和ZenPhoto调用方面还是很不完善,本来想将ZenPhoto的MYSQL调用写在主题后台,结果没有完成,所以这个版本仍然要在文件中改写。



由于时间问题，我只能简单说明一下使用方法：

他主要使用自定义字段和ZenPhoto集合来调用图片，因为我们都知道WP的图片管理功能让人力不从心。

典型的列子在主题的successful.php文件中，如果你不明白，那么请参考WP自定义字段资料。


这里的调用方式是：

首先在主题的core/zp.php文件中配置ZenPhoto相册的MYSQL项，然后会查询出ZenPhoto的所有文件夹并附于$zp_theme_album变量中。


解释一下successful.php文件中的变量：


$theme_name = get_post_meta($post->ID, 'Theme Name', $single = true);
$theme_author = get_post_meta($post->ID, 'Theme Author', $single = true);
$theme_thumb = get_post_meta($post->ID, 'Theme Thumbnail', $single = true);
$theme_desc = get_post_meta($post->ID, 'Theme Description', $single = true);
$theme_down = get_post_meta($post->ID, 'Theme Download', $single = true);



获得当前日志的自定义字段信息，这里分别是主题名字、作者、缩览图、说明、地址，分别对应于后面的Theme Name等信息。


<?php if($theme_thumb) { ?>
<a href="<?php the_permalink() ?>"><img src="<?php echo $zp_theme_url ."/cache/". $zp_theme_album ."/". $theme_thumb . $zp_successful; ?>.jpg" alt="<?php if($theme_desc) echo $theme_desc; else echo the_title(); ?>" /></a><?php } ?>


如果$theme_thumb不为空，就显示下面的信息，几个变量解释:


$zp_theme_url; 在主题core/zp.php文件中配置的ZenPhoto的地址
cache；是ZenPhoto相册生成文件分类的目录
$zp_theme_album; 相册分类名
$theme_thumb; 调用的图片名，如：abc.jpg
$zp_successful; 这个是ZenPhoto生成文件后的后缀，你可以生成不同大小的文件，很灵活具体使用方法请查阅ZenPhoto程序的getCustomImage函数。


后面的我就不解释了，会PHP的同志一看就明白。


重要提示：

在你想启动后台的ZenPhoto配置之前请保证主题core/zp.php中文中的MYSQL配置正确，否则主题将出错，无法使用，解决方法是在functions.php中取消if($zp_config ==”Yes”) { include(TEMPLATEPATH . ‘/core/zp.php’); }加载，切得！

说明不详细，有时间补充!


下载地址:http://sc35.com/blog/downloads

预览地址:http://sc35.com/site/

ZenPhoto 相册预览地址：http://sc35.com/img/


特别感谢 Ρò.~Beta2 对本主题捐助100RMB


本主题使用css 2.1和html 1.1标准设计，这也是第一个测试版本，经后可能会有很大的改动，后台配置很不完善，因为我对PHP也是不特别精通，还请理解，最后请大家多提宝贵意见，谢谢~！

]]>
			/blog/?feed=rss2&p=125
		32
		
		
		世界杯网页版_世界杯(中国)官方在线登录-Dark Theme +PSD for WordPress 2.3.X
		/blog/?p=123
		/blog/?p=123#comments
		Wed, 31 Oct 2007 05:46:54 +0000
		
				
		
		
		
		

		
		
				经过reborn发布后又一次修正版本,废话少说了,Dark 介绍如下；


dark.jpg


2007.11.1更新：

1、修正了一些插件引用没有检查的变量，优化了结构。

2、将页面静态内容移动到functions.php文件中，并在functions.php中有一个模式开关，但是由于时间仓促所以只是一个摆设，如果你有兴趣请在functions.php中找到fvmode函数并将其中的false的改为true。

在模式为false的时候她只像一个默认主题，开启后将会调用functions.php中的一些自定义函数，初使用者建议别动他。

3、改善了所有插件调用的机制,不装任何插件的时候功能和默认的皮一样,推荐装上WordPress中文工具箱与Gravatar。如果你使用Widget边栏那WordPress中文工具箱，就可以省去…

4、预置支持的插件：WordPress中文工具箱、Footmark; 我自己开发(不是必须), Gravatar。


1、首先是由reborn样式表延续，所以完全通过W3C的CSS 2.1与XHTML 1.1验证！

废话几句:

不知道大家对w3c验证是怎么理解的,有人说,没关系,有人却一定要通过验证,那么到底验证后有没有用呢

结果是当然的,首先是如果你在考虑标准后你的手写风格就会变化,验证到底验证什么?

简单的说就是四个主要的:

第一,你的标签嵌套是否正确?

第二,标签嵌套正确后你是不是会把块原素写在内联原素中?

第三,是不是使用了W3C不支持的属性?

第四,是不是掉了/或是别的属性什么?

以上这四点是不是都是要命的,当然是,标签嵌套有问题,IE是不知道的,但是FF知道,这就是bug,正规的内联中不能有块的等等…

如果这些都注意到了,不只是标准而已,我想一定可以让你写出更漂亮和SE(搜索引擎)更喜欢的代码。


2、加入纯CSS弹出式菜单，并和Wordpress完美结合,调用方式通过WordPress二级菜单，这CSS源始码来自V2EX，但是我进行了三次缩减删除了60%的多余代码，所以现在与v2ex的代码是完全不一样的，为了兼容IE6和IE系列浏览器透明,加入了一些无法通过W3C的CSS定义，由于IE6不支持除a属性以外的伪类，所以在IE6下是通过一小段JS搞定的，边栏也同样，不支持W3C验证的代码放在ie.css中，js模拟伪类定义请见主题中js目录的dark.js文件。


3、完全支持Widget边栏，定义的时候因为每一个边栏项都有一个小图标，在使用Widget定义的也同样有这样的功能，只是不完整，没有定义的会用star.png图标代替，详细定义请见icons.css中，

列子：


#sidebar .archives, li.widget_archives span.star {
	padding:1px 0 1px 18px;
	background: url(/blog/images/icons/package_go.png) no-repeat;
}


这段css的意思是，当你不用Widget功能或使用都调用相同的小图标，可能代码有些复杂，但是用好了css续承的确可以给你带来很多的方便。


4、这次加入了一个小函数在functions.php中，主要功能是调用你的一个gravatar 头像。

调用方式:


<img src="<?php fvzone_author(); ?>" alt="" class="fvzone_author" />


Email地址在functions.php底部修改。


虽然说是纯净版，我仍然不舍得删除我写的一些静态文件，这次我将以下文件放到了stop目录中，如果你确定不需要请删除该目录。

about.php、code.php、downloads.php、footmark、collection.php、bookmark.php、tag.php，如果想使用其中一个文件，请将他移动到dark目录下，在后台设置调用。


修正了一些小图标在IE6中特别难看的bug，但是我仍然推荐大家使用Firefox！


最后谢谢你使用与支持，可能仍然有不少问题，欢迎你向我提供测试结果^^！


下载地址请转到Downloads页，找到Dark Theme +PSD for WordPress 2.3.X并下载!

]]>
			/blog/?feed=rss2&p=123
		193
		
		
		世界杯网页版_世界杯(中国)官方在线登录-纯CSS 弹出式菜单
		/blog/?p=115
		/blog/?p=115#comments
		Wed, 10 Oct 2007 07:51:54 +0000
		
				
		
		
		

		
		
				最近都没有怎么更新皮了,从Fade到Reborn再到Dark,这一路走来,让我学会了很多,特别是CSS与XHTML方面的知识。


纯CSS 弹出式菜单效果:




现在我想说说关于Dark皮的一些特性，不过目前我并没有发布她，也不知道会不会发布，他可以称的上是Reborn的优化与升级，改名好像不太适合，呵呵不过对于一个皮制作者来说，这样可以记录他的成长，至少我是这样想的。

Dark 首先是自适应分辨率的，这是我一直以来的心。蛭狢SS在IE6会表现的很异常，所以一直没有做好自适应分辨率这一关，不过Dark算是基本实现了与Firefox效果保持一至，主要采用的是负边距做到的，想研究请查看本Blog皮CSS文件部份！


然后是纯CSS 弹出式菜单，这可能对于大多数改皮的同志又是一个门槛，不过这个功能只能用于支持CSS 2.0的浏览器，比如IE6就不支持，所以要借助JS帮助一下，我使用的弹出式菜单源CSS来自V2EX不过你对比一下会发现完全不一样，这主要是针对WordPress的问题，要尽量做到灵活，还有就是源CSS里有很多没有用的属性定义，比如text-decoration: none; text-align: left;等，我不知道作者是不是也是去copy的源码，但是对于CSS来说，上级定义了属性那么下级就会有相同的属性，是的，这个功能太漂亮了，会减少很多定义，所以如果你也想研究一下纯CSS 弹出式菜单，那你就查看我写的#menu部份，你会发现代码很少，直观明了。


这里说的可能比较抽象,我当然也没有给出CSS或是什么代码之类的东西,我相信喜欢研究的你一定想到了该怎么做了吧^^!


我也不会写专业的教程，这只是记录自己的学习历程，如果有不对的地方请包含！

]]>
			/blog/?feed=rss2&p=115
		18
		
		
		世界杯网页版_世界杯(中国)官方在线登录-Mint v2.11使用
		/blog/?p=105
		/blog/?p=105#comments
		Tue, 18 Sep 2007 12:03:23 +0000
		
				
		
		
		
		
		
		

		
		
				
更新: 2007.10.8

现在已经有2.12版本了,如果有需要请下Email!


前段时间在V2EX上看到这个程序，都说很Web 2.0的一个统计程序，那就说说她的特点吧!


简单的说，它就是一个网站统计程序，但是跟一般的网站统计不同的是，它是建立在网站自己的空间上的，这样最大的优点就是减少了输出网页的时间。而且Mint的可定制性很强，可以根据个人喜好，自行添加统计插件与风格，你也可以自己设计风格，不过还是觉得官方用了很多心思去设计UI。






还有一点要提一下，就是他是一个商业软件，想拥有需要支付30$一个域名，当然也有盗版的…


目前我只是简单的应用了而已，我并没有加入任何插件，主要是因为我觉得我就一个Blog，而且写日志的时候都很少，默认的功能完全够用了，我也舍不得花30$去买，安装Mint完全是为了体验UI，嘻嘻…


目前我的Mint版本是2.11 插件就两个：

Default Pepper ; 这个是Mint的核心了，通过它可以查看到特定时间之内的网站访问数，平也能够统计网站访问的来路和访问目标等等。它通过不同的版面展示了网站的pageview,referrer,还有搜索关键字等等。

backuprestore ;顾名思义，因为Mint的访问数据都是存在mysql数据库中的，所以备份数据是很重要的。


核心自带两款风格，还外加了以下风格

– Clearmint;

– Clearmint Ice;

– Massive Blue;

– Pepper Mint; 


以后我可能会安装一些插件吧，时间也不是很多，毕竟搞一个Blog已经比较累了，还要工作，还要修改我的XMPP Robot，偶然也喜欢发布一下自己写的WP风格，所以时间真的有限。

]]>
			/blog/?feed=rss2&p=105
		56
		
		
		世界杯网页版_世界杯(中国)官方在线登录-Fade Theme for WordPress
		/blog/?p=97
		/blog/?p=97#comments
		Sat, 15 Sep 2007 02:40:35 +0000
		
				
		
		
		

		http://strong特别说明一下,有少许朋友在2.2.3中无法使用的问题,这个风格是针对2.3beta版本制作的,所以在更低的环境中无法顺利运行/strongblockquote离上次发布风格已经有一些时间了,不知道是少了激情还是什么,总之觉得自己好累,好想有一个地方停靠一下,哎,也许你也不知道我在说什么,我也不知道.../blockquoteOK,说风格吧,这个风格是用默认风格1.6改造的,加入了一些小改动，当然有很多不完善的地方，也许这只是按心情做的，总是在不停的改动，加东西和
		
				特别说明一下,有少许朋友在2.2.3中无法使用的问题,这个风格是针对2.3beta版本制作的,所以在更低的环境中无法顺利运行


离上次发布风格已经有一些时间了,不知道是少了激情还是什么,总之觉得自己好累,好想有一个地方停靠一下,哎,也许你也不知道我在说什么,我也不知道…


OK,说风格吧,这个风格是用默认风格1.6改造的,加入了一些小改动，当然有很多不完善的地方，也许这只是按心情做的，总是在不停的改动，加东西和删东西，所以有很多个性的东西，在您使用的时候请自己改吧。







需要的插件:

Gravatar 图标排列; 可以在我的Blog上找到下载！

中文 WordPress 工具箱;

Popularity Contest;

如果安装的时有认何问题，请到Blog告诉我！


标准方面：

使用XHTML 1.1和CSS 2.1设计，所有页面通过校验！

在Firefox 2.0.6、IE 6、IE7中测试保持一至，适应800X600以上所有分辨率

下载地址：http://code.google.com/p/fvcity/downloads/


别的不想说了，有心情的时候在添加吧！

]]>
			/blog/?feed=rss2&p=97
		7
		
		
		世界杯网页版_世界杯(中国)官方在线登录-PHP XMPP Robot 支持CSS2.0查询
		/blog/?p=94
		/blog/?p=94#comments
		Sun, 19 Aug 2007 05:10:47 +0000
		
				
		
		
		
		
		
		

		
		
				

这几天一直在转换CSS 2.0手册到XML格式,目前已经定部完全了,也有很多朋友说,不适用,还没有手册好用,我也这样觉得,我也在想办法将他简化到查询更加容易和人性化。


其实我希望开发更多的手册查询功能，但是因为自己牵及的领域与工作相关，很多时间也没有太多的时间，但我仍然喜欢大家提供一些经典教程手册的文件，我将他做成在机器人上查询的手册，如果你也同样是开发爱好者，你可以自己将手册做成XML格式，这样方便操作与修改。


这套机器人的扩展部份并没有随着核心一起发布，目的是希望大家自己能开发出更好更有特别的功能，我将全力维护这只机器的核心程序。


下一步：我正在开发群组聊天扩展，可能不久就会完成，更多新功能，新关注我们的Blog,谢谢！


FV.Zone Team机器人帐户：fv.live@gmail.com;欢迎大家测试!


XMPP核心程序下载地址:http://fvcity.googlecode.com/files/note-test.rar

目前自带有英文单词翻译扩展。

]]>
			/blog/?feed=rss2&p=94
		9
		
		
		世界杯网页版_世界杯(中国)官方在线登录-常规八个CSS布局技巧
		/blog/?p=90
		/blog/?p=90#comments
		Wed, 25 Jul 2007 09:50:46 +0000
		
				
		
		
		

		
		
				1.若有疑问请立即校验


在出错时如果对代码做简单检测可以省去很多头痛的问题。W3C对于XHTML与CSS 都有检测工具可用，请见 http://validator.w3.org 。请注意，在文件开头的错误，可能因为不当的结构等因素造成更多错误；我们建议先修正一些最明显的错误之后重新检测，这样也许会让错误数量爆减。


2.使用浮动功能时记得使用清除命令 


浮动是个危险的功能，未必会产生您所期望的结果。如果您遇到浮动元素延伸到外围容器的边框或者其他不正常情况，请先确定您的做法是正确的。请参阅Eric Meyer 在Complex Spiral Consulting Web 网站上的教学。

在使用的时候记得不使用就清除它,其实我很喜欢使用浮动功能。


3.边界重合时利用padding或border来避免


您可能会为了一点不应该出现的空间而焦头烂额，或者您需要一点点空间时，怎样都挤不出来。如果您有用到margin，那么很容易产生边界的重合；Andy Budd在他的网站上解释了可能的做法。


4.尝试避免同时对元素指定padding/border以及高度或宽度


Windows版IE经常导致width与height的计算问题。有些方法可以解决此问题，但如果母元素需要指定高度与宽度时，最好能够在母元素之内的子元素套用margin,或者当子元素需要指定高度与宽度时，在母元素套用padding以达效果。


5.不要依赖min-width/min-height


Windows版IE并不支援两种语法。但是在某种程度下，windows版IE可以达到相当于min-width/min-height的效果，所以只要对IE做点过滤功能，即可达到您想要的结果。


6.若有疑问，先减少百分比


有时候某些错误会使50%+50%成为100.1%，使网页出现问题。这时请尝试将这些值改为49%，甚至49.9%。


7.记住“TRouBLed”写法


Border，margin与padding的简写语法有特定顺序，从上方开始顺时针方向转动：top,right,bottom,left. 所以margin:0 1px 3px 5px;的结果是上方无边界，右边1像素，以此类推。记住“TRouBLe”，您就不会弄错次序了。


8.只要不是零的值，都要指定单位


CSS需要您对每个font，Margin等各种值指定单位。（唯一的例外是line-height） 


备注：本文有部份是网络资源。

]]>
			/blog/?feed=rss2&p=90
		2