Skip to main content

doingtoing

doingtoing 's Public Library

13 May 08

Web开发人员需要知道的Firefox插件

实时开发网站的时候，用上一些插件可以提高开发效率。

www.wujianrong.com/...webfirefox.html - Preview

web plugin addons

08 May 08

CSS网站布局实录(第2版)--基于Web标准的网站设计指南

  • 第3章 CSS网页布局与定位
    　3.1 认识div
    　　3.1.1 div是什么
    　　3.1.2 如何使用div
    　　3.1.3 理解div
    　　3.1.4 并列与嵌套div结构
    　　3.1.5 使用合适对象来布局
    　3.2 一列固定宽度
    　3.3 一列宽度自适应
    　3.4 二列固定宽度
    　3.5 二列宽度自适应
    　3.6 两列右列宽度自适应
    　3.7 二列固定宽度居中
    　3.8 三列浮动中间列宽度自适应
    　3.9 高度自适应
    　3.10 盒模型详解（.Box Model）
    　　3.10.1 什么是盒模型
    　　3.10.2 盒模型的细节
    　　3.10.3 上下margin叠加问题
    　　3.10.4 左右margin加倍问题
    　3.11 深入浮动（Float）
    　　3.11.1 文档流（Document Flow）
    3.11.2 浮动定位
    　　3.11.3 浮动的清理（Clear）
    　　3.11.4 何时选用浮动定位
    　3.12 绝对定位与相对定位
    　　3.12.1 绝对定位
    　　3.12.2 相对定位
    　　3.12.3 何时选用绝对与相对定位
    第4章 CSS网站元素设计
    　4.1 用CSS设计网站导航
    　　4.1.1 横向导航
    　　4.1.2 纵向导航
    　　4.1.3 下拉及多级弹出式菜单
    　　4.1.4 门户网站的导航设计（闪客帝国）
    　4.2 背景控制
    　　4.2.1 背景颜色
    　　4.2.2 背景图片
    　　4.2.3 背景定位
    　　4.2.4 背景滚动
    　　4.2.5 背景属性缩写
    　　4.2.6 基于背景控制的导航优化
    　4.3 使用列表元素
    　　4.3.1 ul无序列表
    　　4.3.2 ol有序列表
    　　4.3.3 改变项目符号样式
    　　4.3.4 使用图片自定义项目符号
    　　4.3.5 使列表变为段落
    　　4.3.6 列表缩进排版
    　　4.3.7 复杂列表的排版
    　4.4 表单设计
    　　4.4.1 改变输入框及文本域样式
    　　4.4.2 改变下拉列表样式
    　　4.4.3 改变按钮样式
    　　4.4.4 表单布局设计
    　　4.4.5 使用label标签提升表单可用性
    　　4.4.6 表单设计的其他建议
    　4.5 字体及段落样式设计
    　　4.5.1 应用字体样式
    　　4.5.2 应用段落样式
    　4.6 图片样式设计
    　　4.6.1 图片定位
    　　4.6.2 图片剪切
    　　4.6.3 图片替代文本
    　　4.6.4 Flash替代文本
    　4.7 链接样式控制
    　　4.7.1 链接控制
    　　4.7.2 CSS按钮
    　　4.7.3 图片翻转链接
    　　4.7.4 面包屑导航链接
    第5章 CSS内容排版
    　5.1 文字排版
    　　5.1.1 通栏排版
    　　5.1.2 分栏排版
    ??.2 图文混合排版
    　　5.2.1 图片基础控制
    　　5.2.2 不规则文字环绕
    　5.3 全图排版
    　5.4 表格排版
    　　5.4.1 充分使用表格标签
    　　5.4.2 表格样式控制
    　　5.4.3 表单表格设计

采用DIV+CSS布局的好处

通过使用 display:inline 我们可以创建水平导航条。

link1
link2
link3
link4
link5
这是上面这个导航条用到的代码：

#nav1{
margin-top: 1em;
margin-bottom: 0.5em;
}

#nav1 ul {
background-color: silver;
text-align: center;
margin-left: 0;
padding-left: 0;
border-bottom: 1px solid gray
}

#nav1 li {
list-style-type: none;
padding: 0.25em 1em;
border-left: 1px solid white;
display: inline
}

#nav1 li:first-child {
border: none;
}

垂直导航条
link1
link2
link3
link4
link5
这是垂直导航条的代码：

#nav2 {
background-color: silver;
border: solid 1px gray;
width: 8em
}

#nav2 ul {
list-style-type: none;
margin: 0;
padding: 0;
border: none
}

#nav2 li {
margin: 0;
padding: 0.25em 0.5em 0.25em 1em;
border-top: 1px solid gray;
width: 100%;
display: block
}

html>body #nav2 li {
width: auto;
}

#nav2 li:first-child {
border: none
}

www.wujianrong.com/...divcss.html - Preview

css 导航条 代码片段

  • 通过使用 display:inline 我们可以创建水平导航条。

    link1
    link2
    link3
    link4
    link5
    这是上面这个导航条用到的代码：

    #nav1{
    margin-top: 1em;
    margin-bottom: 0.5em;
    }

    #nav1 ul {
    background-color: silver;
    text-align: center;
    margin-left: 0;
    padding-left: 0;
    border-bottom: 1px solid gray
    }

    #nav1 li {
    list-style-type: none;
    padding: 0.25em 1em;
    border-left: 1px solid white;
    display: inline
    }

    #nav1 li:first-child {
    border: none;
    }

    垂直导航条
    link1
    link2
    link3
    link4
    link5
    这是垂直导航条的代码：

    #nav2 {
    background-color: silver;
    border: solid 1px gray;
    width: 8em
    }

    #nav2 ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    border: none
    }

    #nav2 li {
    margin: 0;
    padding: 0.25em 0.5em 0.25em 1em;
    border-top: 1px solid gray;
    width: 100%;
    display: block
    }

    html>body #nav2 li {
    width: auto;
    }

    #nav2 li:first-child {
    border: none
    }
05 May 08

嶄露頭角中的新式網站收費模式：「First 1000 Referral」 (Mr. 6)

它讓最多使用者的外掛插件排第一（這個通常沒人能能打敗），但也另外提供「最多動作」的插件排行榜，還有一個「新人排行榜」。也就是說，每個外掛程式共有好幾個機會，第一個是在一開始進入時被列入（Newest），第二是很多人瞬間使用就被列入「Most Active」，第三是在許多人安裝後被「推」到「最紅的插件區」。

mr6.cc/?p=1678 - Preview

网站设计

04 Mar 08

PHP 框架，第 1 部分: 开始使用三种常用框架

  • 首先创建一个文件夹来保存所有代码、框架并包括本系列需要的内容（例如，名为 /column 的目录）。在此目录中，创建四个附加目录：htdocs、protected、include 和 src。编辑 Apache conf 文件，使文档根目录指向 /column/htdocs —— 然后当您处于该目录中时（如果尚不在其中），应当启用 mod_rewrite。编辑 php.ini conf 文件使 /column/include/ 目录包含在 include_path 指令中。
03 Dec 07

A re-introduction to JavaScript - MDC

  • 与大多数编程语言不相同的，JavaScript语言并没有输入/输出的概念。它被设计成在一个宿主环境下运行的脚本语言，它帮助给宿主环境提供与外界交流的机制。那么，最普遍的宿主环境就是浏览器，但是在Adode Acrobat,photoshop,Yahoo的widget中，也同样可以找到JavaScript解释器。
29 Nov 07

Main Page - OpenSocial Directory

  • OSD is a free resource for the OpenSocial Community.
14 Nov 07

Running the PHP QuickStart Sample

  • This topic explains how to install, run, and extend the QuickStart sample as provided in the PHP programming language.
  • The PHP QuickStart sample is preconfigured to use default values for the application ID, secret key, and return URL parameters. The return URL is preconfigured to point to http://localhost/webauth/sample/webauth-handler.php.
  • 2 more annotations...
26 Oct 07

Community Builder UTF-8 簡繁中文 元件

  • 解決的方法是..

    開啟 .\ADMINISTRATOR\COMPONENTS\comprofiler\comprofiler.class.php Line: 1250 的

    $oReturn = htmlentities($oValue);   //htmlentities(str_replace(""",'"',$oValue));   // corrects double-escapings of " in mysql_escape_string used in j! db.

    改成

    $oReturn = htmlentities($oValue,ENT_QUOTES,"UTF-8");   //htmlentities(str_replace(""",'"',$oValue));   // corrects double-escapings of " in mysql_es cape_string used in j! db.

    這樣就可以解決無法顯示utf-8 的問題了

7步完成Joomla! 1.5 安装 Install Joomla! 1.5 in 7 steps

Joomla!之门 - 正準備一個新的項目，joomla 能否實現到嗎?

  • 除了一般網站的內容，其中比較特別的是，他們要求建一個認字的站 給小學生在可在網上學習中文新字

    其實十分簡單的.只有幾十個甚只百個的中文字的image 文件(jpg或gif), 一個字一個image 文件
    在每頁面上顯示個字(M cols x N rows) 的image 縮圖 當click 縮圖放大原圖大小還有就是播放這個字的發音,
    當然字的發音的聲音文件(wav 或mp3) 是客戶提供的.

    我所知圖片的放大縮圖可用一般image gallery 做到如multithumb, 但放大後還要播放聲音文件這部份如何做到.
22 Oct 07

Database (dbm-style) Abstraction Layer Functions


  • These functions build the foundation for accessing Berkeley DB
    style databases.


    This is a general abstraction layer for several file-based databases.
    As such, functionality is limited to a common subset of features
    supported by modern databases such as
    Sleepycat Software's DB2.
    (This is not to be confused with IBM's DB2 software, which is
    supported through the ODBC functions.)

  • flatfile
    This is available since PHP 4.3.0 for compatibility with the deprecated
    dbm extension only and should be avoided.
    However you may use this where files were created in this format. That
    happens when configure could not find any external library.
21 Oct 07

超越PHP - Exceed PHP: ArrayObject::__construct - Manual

  • ArrayObject::__construct

    (no version information, might be only in CVS)

    ArrayObject::__construct -- 
    Construct a new array object

    Description

    void ArrayObject::__construct ( mixed input)


    This constructs a new array object. The input
    parameter accepts an array or another ArrayObject.

Handling the Response from the Service -- windows-live-id

  • After users successfully sign in or out, the Windows Live ID service responds by redirecting them to your Web site—specifically to the return URL that you specified when you registered your application. You must implement a dynamic page on your site to receive and appropriately process this response.

Displaying the windows-live-id Sign-in Link

  • To insert the link, include the following code in the HTML of your site.

apache的静态/动态编译在apache+php+mysql的应用

  • ./configure --prefix=/usr/local/php --with-mysql=/usr/local/mysql \

    --with-apache=../apache_1.3.27 &&
1 - 20 of 32 Next ›
Showing 20▼ items per page

Diigo is about better ways to research, share and collaborate on information. Learn more »

Join Diigo