存档

‘建站’ 分类的存档

读取RSS Feed PHP代码

2010年3月3日 菠萝 前排已有 14 人入座
读取RSS Feed PHP代码

为了实现网站页面里读取RSS Feed内容并显示，从网上找了两个不错的代码，进行详细研究，也给有同样需要的朋友一个借鉴。
下页这个是引自肥肥龙的：

<?php
//RSS源地址列表数组
$rssfeed = array(“http://www.blog-dragon.com/feed”,
“http://rss.sina.com.cn/news/allnews/sports.xml”,
“http://ent.163.com/special/00031K7Q/rss_toutiao.xml”,
“http://tech.163.com/special/00091JPQ/techimportant.xml”); //设置编码为UTF-8
header(‘Content-Type:text/html;charset= UTF-8′); for($i=0;$i<sizeof($rssfeed);$i++){//分解开始
$buff = “”;
$rss_str=””;
//打开rss地址，并读取，读取失败则中止
$fp = fopen($rssfeed[$i],”r”) or die(“can not open $rssfeed”);
while ( !feof($fp) ) {
$buff .= fgets($fp,4096);
}
//关闭文件打开
fclose($fp); //建立一个 XML 解析器
$parser = xml_parser_create();
//xml_parser_set_option — 为指定 XML 解析进行选项设置
xml_parser_set_option($parser,XML_OPTION_SKIP_WHITE,1);
//xml_parse_into_struct — 将 XML 数据解析到数组$values中
xml_parse_into_struct($parser,$buff,$values,$idx);
//xml_parser_free — 释放指定的 XML 解析器
xml_parser_free($parser); foreach ($values as $val) {
$tag = $val["tag"];
$type = $val["type"];
$value = $val["value"];
//标签统一转为小写
$tag = strtolower($tag); if ($tag == [...]

分类: 代码 标签:

几行代码让你的WordPress兼容更多浏览器

2010年3月3日 菠萝 前排已有 8 人入座
几行代码让你的WordPress兼容更多浏览器

我们在设计主题的时候，经常遇到主题与浏览器的不兼容问题，一般我们会采取一些方法来解决这一问题，下面这个就可以解决Wordpress主题与浏览器的不兼容问题：
在你的主题文件夹里找到functions.php文件，之后添加以下代码：
<?php
add_filter(‘body_class’,’browser_body_class’);
function browser_body_class($classes) {
global $is_lynx, $is_gecko, $is_IE, $is_opera, $is_NS4, $is_safari, $is_chrome, $is_iphone;
if($is_lynx) $classes[] = ‘lynx’;
elseif($is_gecko) $classes[] = ‘gecko’;
elseif($is_opera) $classes[] = ‘opera’;
elseif($is_NS4) $classes[] = ‘ns4′;
elseif($is_safari) $classes[] = ’safari’;
elseif($is_chrome) $classes[] = ‘chrome’;
elseif($is_IE) $classes[] = ‘ie’;
else $classes[] = ‘unknown’;
if($is_iphone) $classes[] = ‘iphone’;
return $classes;
}
?>
上面的功能实现了给你的浏览器（比如苹果浏览器safari）里添加了兼容的浏览器标签：
<body class=”home blog logged-in safari”>
这样，你的主题代码就可以兼容相应的浏览器了。

分类: 代码, 资讯 标签:

网页配色表 设计者必备

2010年2月20日 菠萝 前排已有 22 人入座
网页配色表 设计者必备

网页设计的时候需要各种颜色，都靠自己想象肯定很费脑子，把常用的颜色整理一下，方便以后直接拿来使用。

.
#FFFFFF

#FFFFF0

#FFFFE0

#FFFF00

.
#FFFAFA

#FFFAF0

#FFFACD

#FFF8DC

#FFF68F

#FFF5EE

#FFF0F5

#FFEFDB

#FFEFD5

#FFEC8B

#FFEBCD

#FFE7BA

#FFE4E1

#FFE4C4

#FFE4B5

#FFE1FF

#FFDEAD

#FFDAB9

#FFD700

#FFD39B

#FFC1C1

#FFC125

#FFC0CB

#FFBBFF

#FFB90F

#FFB6C1

#FFB5C5

#FFAEB9

#FFA54F

#FFA500

#FFA07A

#FF8C69

#FF8C00

#FF83FA

#FF82AB

#FF8247

#FF7F50

#FF7F24

#FF7F00

#FF7256

#FF6EB4

#FF6A6A

#FF69B4

#FF6347

#FF4500

#FF4040

#FF3E96

#FF34B3

#FF3030

#FF1493

#FF00FF

#FF0000

#FDF5E6

#FCFCFC

#FAFAFA

#FAFAD2

#FAF0E6

#FAEBD7

#FA8072

#F8F8FF

#F7F7F7

#F5FFFA

#F5F5F5

#F5F5DC

#F5DEB3

#F4F4F4

#F4A460

#F2F2F2

#F0FFFF

#F0FFF0

#F0F8FF

#F0F0F0

#F0E68C

#F08080

#EEEEE0

#EEEED1

#EEEE00

#EEE9E9

#EEE9BF

#EEE8CD

#EEE8AA

#EEE685

#EEE5DE

#EEE0E5

#EEDFCC

#EEDC82

#EED8AE

#EED5D2

#EED5B7

#EED2EE

#EECFA1

#EECBAD

#EEC900

#EEC591

#EEB4B4

#EEB422

#EEAEEE

#EEAD0E

#EEA9B8

#EEA2AD

#EE9A49

#EE9A00

#EE9572

#EE82EE

#EE8262

#EE7AE9

#EE799F

#EE7942

#EE7621

#EE7600

#EE6AA7

#EE6A50

#EE6363

#EE5C42

#EE4000

#EE3B3B

#EE3A8C

#EE30A7

#EE2C2C

#EE1289

#EE00EE

#EE0000

#EDEDED

#EBEBEB

#EAEAEA

#E9967A

#E8E8E8

#E6E6FA

#E5E5E5

#E3E3E3

#E0FFFF

#E0EEEE

#E0EEE0

#E0E0E0

#E066FF

#DEDEDE

#DEB887

#DDA0DD

#DCDCDC

#DC143C

#DBDBDB

#DB7093

#DAA520

#DA70D6

#D9D9D9

#D8BFD8

#D6D6D6

#D4D4D4

#D3D3D3

#D2B48C

#D2691E

#D1EEEE

#D1D1D1

#D15FEE

#D02090

#CFCFCF

#CDCDC1

#CDCDB4

#CDCD00

#CDC9C9

#CDC9A5

#CDC8B1

#CDC673

#CDC5BF

#CDC1C5

#CDC0B0

#CDBE70

#CDBA96

#CDB7B5

#CDB79E

#CDB5CD

#CDB38B

#CDAF95

#CDAD00

#CDAA7D

#CD9B9B

#CD9B1D

#CD96CD

#CD950C

#CD919E

#CD8C95

#CD853F

#CD8500

#CD8162

#CD7054

#CD69C9

#CD6889

#CD6839

#CD661D

#CD6600

#CD6090

#CD5C5C

#CD5B45

#CD5555

#CD4F39

#CD3700

#CD3333

#CD3278

#CD2990

#CD2626

#CD1076

#CD00CD

#CD0000

#CCCCCC

#CAFF70

#CAE1FF

#C9C9C9

#C7C7C7

#C71585

#C6E2FF

#C67171

#C5C1AA

#C4C4C4

#C2C2C2

#C1FFC1

#C1CDCD

#C1CDC1

#C1C1C1

#C0FF3E

#BFEFFF

#BFBFBF

#BF3EFF

#BEBEBE

#BDBDBD

#BDB76B

#BCEE68

#BCD2EE

#BC8F8F

#BBFFFF

#BABABA

#BA55D3

#B9D3EE

#B8B8B8

#B8860B

#B7B7B7

#B5B5B5

#B4EEB4

#B4CDCD

#B452CD

#B3EE3A

#B3B3B3

#B2DFEE

#B23AEE

#B22222

#B0E2FF

#B0E0E6

#B0C4DE

#B0B0B0

#B03060

#AEEEEE

#ADFF2F

#ADD8E6

#ADADAD

#ABABAB

#AB82FF

#AAAAAA

#A9A9A9

#A8A8A8

#A6A6A6

#A52A2A

#A4D3EE

#A3A3A3

#A2CD5A

#A2B5CD

#A1A1A1

#A0522D

#A020F0

#9FB6CD

#9F79EE

#9E9E9E

#9C9C9C

#9BCD9B

#9B30FF

#9AFF9A

#9ACD32

#9AC0CD

#9A32CD

#999999

#9932CC

#98FB98

#98F5FF

#97FFFF

#96CDCD

#969696

#949494

#9400D3

#9370DB

#919191

#912CEE

#90EE90

#8FBC8F

#8F8F8F

#8EE5EE

#8E8E8E

#8E8E38

#8E388E

#8DEEEE

#8DB6CD

#8C8C8C

#8B8B83

#8B8B7A

#8B8B00

#8B8989

#8B8970

#8B8878

#8B8682

#8B864E

#8B8386

#8B8378

#8B814C

#8B7E66

#8B7D7B

#8B7D6B

#8B7B8B

#8B795E

#8B7765

#8B7500

#8B7355

#8B6969

#8B6914

#8B668B

#8B6508

#8B636C

#8B5F65

#8B5A2B

#8B5A00

#8B5742

#8B4C39

#8B4789

#8B475D

#8B4726

#8B4513

#8B4500

#8B3E2F

#8B3A62

#8B3A3A

#8B3626

#8B2500

#8B2323

#8B2252

#8B1C62

#8B1A1A

#8B0A50

#8B008B

#8B0000

#8A8A8A

#8A2BE2

#8968CD

#87CEFF

#87CEFA

#87CEEB

#878787

#858585

#848484

#8470FF

#838B8B

#838B83

#836FFF

#828282

#7FFFD4

#7FFF00

#7F7F7F

#7EC0EE

#7D9EC0

#7D7D7D

#7D26CD

#7CFC00

#7CCD7C

#7B68EE

#7AC5CD

#7A8B8B

#7A7A7A

#7A67EE

#7A378B

#79CDCD

#787878

#778899

#76EEC6

#76EE00

#757575

#737373

#71C671

#7171C6

#708090

#707070

#6E8B3D

#6E7B8B

#6E6E6E

#6CA6CD

#6C7B8B

#6B8E23

#6B6B6B

#6A5ACD

#698B69

#698B22

#696969

#6959CD

#68838B

#68228B

#66CDAA

#66CD00

#668B8B

#666666

#6495ED

#63B8FF

#636363

#616161

#607B8B

#5F9EA0

#5E5E5E

#5D478B

#5CACEE

#5C5C5C

#5B5B5B

#595959

#575757

#556B2F

#555555

#551A8B

#54FF9F

#548B54

#545454

#53868B

#528B8B

#525252

#515151

#4F94CD

#4F4F4F

#4EEE94

#4D4D4D

#4B0082

#4A708B

#4A4A4A

#48D1CC

#4876FF

#483D8B

#474747

#473C8B

#4682B4

#458B74

#458B00

#454545

#43CD80

#436EEE

#424242

#4169E1

#40E0D0

#404040

#3D3D3D

#3CB371

#3B3B3B

#3A5FCD

#388E8E

#383838

#36648B

#363636

#333333

#32CD32

#303030

#2F4F4F

#2E8B57

#2E2E2E

#2B2B2B

#292929

#282828

#27408B

#262626

#242424

#228B22

#218868

#212121

#20B2AA

#1F1F1F

#1E90FF

#1E1E1E

#1C86EE

#1C1C1C

#1A1A1A

#191970

#1874CD

#171717

#141414

#121212

#104E8B

#0F0F0F

#0D0D0D

#0A0A0A

#080808

#050505

#030303

#00FFFF

#00FF7F

#00FF00

#00FA9A

#00F5FF

#00EEEE

#00EE76

#00EE00

#00E5EE

#00CED1

#00CDCD

#00CD66

#00CD00

#00C5CD

#00BFFF

#00B2EE

#009ACD

#008B8B

#008B45

#008B00

#00868B

#00688B

#006400

#0000FF

#0000EE

#0000CD

#0000AA

#00008B

#000080

#000000

分类: CSS 标签:

最全的分页CSS样式代码

2010年2月19日 菠萝 前排已有 6 人入座
最全的分页CSS样式代码

为了给一公司设计网站，整理了一下分页CSS代码，对我来说非常有用，大家随便拿去用，省去写代码的麻烦。
点击查看预览效果
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml”>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=gb2312″>
<meta http-equiv=”Content-Language” content=”zh-CN” />
<meta content=”all” name=”robots” />
<title></title>
<link rel=”stylesheet” type=”text/css” href=”css.css” media=”all” />
<style>
/*公共*/
BODY {
FONT-SIZE: 12px;FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;WIDTH: 60%; PADDING-LEFT: 25px;
}
/*CSS Digg style pagination*/
DIV.digg {
PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; MARGIN: 3px; PADDING-TOP: 3px; TEXT-ALIGN: center
}
DIV.digg A {
BORDER-RIGHT: #aaaadd 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: [...]

分类: 代码 标签: ,

网站弹出登陆窗口设计

2010年2月5日 菠萝 前排已有 15 人入座
网站弹出登陆窗口设计

大家都知道，很多博客或网站都有一个点击弹出登陆窗口的功能，非常漂亮。本文就介绍一下制作方法。

首先在你需要显示用户登陆的地方添加以下代码：

<div id="loginform"><a onclick="javascript:Login(true);" href="#">用户登陆</a></div>

其中javascript:Login()中的参数是控制是否有背景层的，ture是有背景层，false是无背景层。
然后编写css代码：

/*———- 用户登陆*/
* {
padding: 0px;
margin: 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
html, body{
text-align: center;
width: 100%;
font-size: 12px;
}
a:link, a:visited {
text-decoration: none;
}
a:hover{
text-decoration:underline;
}
ul {
list-style: none;
}
img {
border: 0px;
vertical-align:middle;
}
#loginform{
display:inline;
}
#loginform span a{
color:#FF0000;
font-weight:bold;
}
#floatDiv {
background: #EEF7FE;
border: 1px #B8D2F5 solid;
}
#headDiv{
height:30px;
background-color:#E9F1FC;
cursor:move;
}
#headDiv h3{
font-size: 14px;
font-weight: bold;
color: [...]

分类: 代码 标签:

设计师必备的网页素材在线生成器

2010年2月5日 菠萝 前排已有 3 人入座
设计师必备的网页素材在线生成器

背景生成器
我们都知道，背景设置在设计中起着至关重要的作用。网页设计师有时会花费大量的时间来构造图案或条纹背景。以下的这些在线生成器会为您节省时间，并生成更好的成果。
1. Pattern Cooler

2. Stripe Mania

3. Dotted Background Generator

4. Tartan Maker

5. Striped Backgrounds

6. BgPatterns

7. Stripe Generator 2.0

8. ColourLovers

9. Stripe Designer

10. Bgmaker

杂项。图像生成器
这是一组不同类型的生成器，如Logo生成器，按钮生成器，载入中图像生成器等等。享受这一列表。
11. Ajax Loading Gif Generator

12. Ajax Load

13. Web 2.0 Badges

14. Buttonator

15. Brilliant Buttonmaker

16. Web 2.0 Logo Creator

17. Logo Creator

18. Logo Maker

19. Rounded Cornr

20. RSS Button Maker

21. Create a Graph

22. XML / SWF Charts

Favicon 生成器
这类由favicon生成器组成。Favicon图标是您网站的身份象征，因此请务必为您的每个网站选个独特。并且您可以通过这些生成器产生ico文件。

分类: 建站工具 标签:

兼容IE和fireFox的设为首页、加入收藏代码

2010年2月3日 菠萝 前排已有 19 人入座
兼容IE和fireFox的设为首页、加入收藏代码

<!–/设为首页 加入收藏 兼容Firefox IE–>
<script language=”javascript” type=”text/javascript”>
function addCookie() {　 // 加入收藏
if (document.all) {
window.external.addFavorite(‘http://www.finalcn.com’, ‘终点科技网 -中文科技业界资讯站’);
}
else if (window.sidebar) {
window.sidebar.addPanel(‘终点科技网 – 中文科技业界资讯站’,’http://www.finalcn.com’, “”);
}
}　　　　　　　 function setHomepage() {　 // 设为首页
if (document.all) {
document.body.style.behavior = ‘url(#default#homepage)’;
document.body.setHomePage(‘http://www.finalcn.com’);　　　　　　　　　　　 }
else if (window.sidebar) {
if (window.netscape) {
try {
netscape.security.PrivilegeManager.enablePrivilege(“UniversalXPConnect”);
}
catch (e) {
alert(“该操作被浏览器拒绝，假如想启用该功能，请在地址栏内输入 about:config,然后将项 signed.applets.codebase_principal_support 值该为true”);
}
}
var prefs = Components.classes['@mozilla.org/preferences-service;1'].getService(Components.interfaces.nsIPrefBranch);
prefs.setCharPref(‘browser.startup.homepage’,’http://www.finalcn.com’);
}　　　　　　　 }
</script>
上面的代码放在网页的头部。
下面是引用代码：
<a href=”javascript:void(0)” onclick=”setHomepage()”>设为首页</a> | <a href=”javascript:void(0)” [...]

分类: 代码 标签:

精选100个设计模板、代码、工具资源站

2010年1月30日 菠萝 前排已有 8 人入座
精选100个设计模板、代码、工具资源站

20年来，开源设计模式促进了网页设计的发展，下面这100个精选的开源设计站为我们提供了一些设计资源，给我们带来一些设计思路和灵感：

OSWD: Over 2,000 of the best freebie web design templates. Also allows for search capability by color, contrast, validation, and other categories.

OpenWebDesign:A large and active community of individuals who share free web design templates. Includes regular design contests and a sub-category of most popular designs to speed up your search.

Open Designs: Headed by a non-profit [...]

分类: 代码, 资讯 标签:

30个精选的CSS技术和实例

2010年1月30日 菠萝 沙发被抢，抢板凳吧！
30个精选的CSS技术和实例

1.Hoverbox 图片集
一个纯净的基于CSS的图片集，鼠标悬停缩略图就会显示放大效果。

2.高级CSS菜单
一款很有创意且复杂的CSS导航方案。

3.滑动影集
手风琴效果的影集，悬停便可拉伸图片。

4.Lightbox幻灯片
题为”Supercharge your image borders“的文章中的一部分展示了如何使用CSS样式让图片变得更有意思。

5.图片的阴影效果
在A List Apart上的一个关于图片效果Demo的讨论文章“CSS Drop shadows“.

6.跨浏览器多页式影集
悬停标签改变分类，悬停缩略图显示放大图。

7.CSS照片放大
使用简单的图片和background-position属性来进行调解。

8.CSS gallery layout—smells like a table
模仿表格布局，但使用的是列表。图集是流式宽度。

9.Sticky Footer
仅使用了很少XHTML的静态页脚。

10.whatever: hover
模仿Windows开始菜单的CSS导航菜单。
11.纯CSS手风琴效果
使用div和:hover伪类的手风琴效果，这个效果可以垂直显示也可以水平显示。

12.使用PNG和背景色的可扩展按钮

13.Pushbutton Links
链接在不使用图片的情况下看起来像个按钮。

14.含固定Header的可卷动表格
表格的标题被固定的优秀长表格。

15.CSS内容遮盖
当你悬停在图片上时，div容器会显示更多文字。

16.CSS样式表格版本2
一个使用背景图片且非常漂亮，被语义化标记的表格。

17.PNG遮盖
另一种为图片添加圆角的方法。（圆角、边框、阴影）

18.利用CSS为超链接添加提示
关于为不同类型的链接添加图标的简单教程。

19.简单的CSS圆角边框
仅适用了一张图片和很少的几行代码及标记。

20.Sitemap Celebration
使用嵌套列表的树形导航，很适合网站地图页面。
21.简单的跨浏览器幻灯片
不使用JavaScript实现透明度技巧（但是以不符合XHTML验证为代价）

22.圆角2
流式跨度和高度的圆角div。

23.使用背景图片百分比来创建图表
条线图使用列表<li>。

24.CSS柱状图:实例
3款柱状图实例:使用div和列表标签的”基本CSS柱状图”、”复杂CSS柱状图”、”垂直CSS柱状图”。

25.动态翻转简单头
箭头会平滑的跟随鼠标移动，没有使用一丁点JavaScript和gif动画。

26.基于CSS的表单模板

27.CSS图片文本结合技巧
使用了空白div来让文本能围绕背景图中的图像显示。

28.使用CSS实现淡入效果的图片
这个实例使用透明度设置和简单的图片逐渐在文字上方淡入图片。

29.纯CSS弹出效果
一个在IE5(Mac)上也能正常工作的弹出技巧。

30.使用CSS实现文本渐变效果
使用背景图片遮盖，和一个空的span标签，还有position: absolute声明来实现文本的渐变效果。

分类: CSS 标签:

DedeCMS 5.5 SP1 年底发布

2010年1月27日 菠萝 前排已有 12 人入座
DedeCMS 5.5 SP1 年底发布

今天突然想起我曾经相处多年的DedeCMS了，于是就去官方逛了逛，发现官方基本没什么变化，但在官方博客上看到了年底发布新版本的消息，版本为DedeCMS 5.5 SP1，看来这次动作不大，只在原来的基础上加了个SP1，新版本一瞥：
1.重新设计织梦帮助手册
帮助手册更新一直没有能够及时，这次不单单重新设计了下帮助手册的界面，并且单独成立项目，今后帮助文档尽量做到实时、全面。

图1

图2
2.会员中心功能及界面调整
会员中心增加了一个会员模型管理，可以自定义会员的字段，便于管理网站会员，这次也重新设计了下会员中心的UI，在这个基础上会加强一些功能。

图3

图4

图5
3.整理开发制作规范
很多人希望向织梦官方贡献代码，接下来我们也会整理一些开发规范，让大家共同参与到开发中来。
PS:之前天涯也弄了一个很轻便的论坛，这次也会放出来
看来DEDE官方下个版本有可能带个MINI论坛了。
期待中。。。

分类: DedeCMS 标签: