Wordpress截屏 word截圖

求解如何修改wordpress版權(quán)信息，截圖和footer.php發(fā)在下面了，多謝！

你去掉這句話(huà)估計(jì)就ok了

目前創(chuàng)新互聯(lián)已為上1000家的企業(yè)提供了網(wǎng)站建設(shè)、域名、網(wǎng)絡(luò)空間、網(wǎng)站托管維護(hù)、企業(yè)網(wǎng)站設(shè)計(jì)、大慶網(wǎng)站維護(hù)等服務(wù)，公司將堅(jiān)持客戶(hù)導(dǎo)向、應(yīng)用為本的策略，正道將秉承"和諧、參與、激情"的文化，與客戶(hù)和合作伙伴齊心協(xié)力一起成長(zhǎng)，共同發(fā)展。

$footer_text?=?of_get_option('footer_text',?''?);

如何使用details元素和summary元素

下面就是規(guī)范中的描述

The details element represents a disclosure widget from which the user can obtain additional information or controls.

— WHATWG HTML5 specification

理論上我們可以用它創(chuàng)建那種折疊的小組件,用戶(hù)可以有打開(kāi)和關(guān)閉的交互.在details我們可以放入我們?nèi)魏蜗敕湃氲膬?nèi)容.

瀏覽器的支持情況

在我們開(kāi)始之前,實(shí)際一點(diǎn),讓我們看看目前瀏覽器的支持情況,目前只有chrome支持 details 元素.Opera很快就會(huì)支持Opera will support it soon,讓我們來(lái)用chrome演示這種效果吧.

details 的使用方法

這里有兩個(gè)相關(guān)的元素:details和可選的

讓我們來(lái)看下面的代碼:

1 2 3 4 details summaryShow/Hide me/summary pPellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas./p /details

你可以通過(guò)下面的鏈接察看效果see this in action over at jsbin.這是一個(gè)簡(jiǎn)單的例子但是可以將效果完美展現(xiàn)的代碼,沒(méi)有任何Javascript.

OPen 屬性

在上面的例子中,在頁(yè)面加載的時(shí)候內(nèi)容是隱藏的。我們可以將detail默認(rèn)的視覺(jué)屬性通過(guò)布爾值作修改，讓其當(dāng)我們加載頁(yè)面的時(shí)候是展開(kāi)的：

1 2 3 4 details open summaryShow/Hide me/summary pPellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas./p /details

注意，這里并沒(méi)有 closed 屬性，因?yàn)橹灰阋瞥?open 屬性，執(zhí)行的就是 closed 屬性效果。

summary元素

我們已經(jīng)簡(jiǎn)要的看了

的作用。因?yàn)樗嵌陶Z(yǔ)內(nèi)容，我們可以使用內(nèi)聯(lián) (inline)標(biāo)簽 span;。我們?yōu)槭裁磿?huì)有這種想法呢？也許這樣子能更方便的通過(guò)而外樣式控制顯示效果或者像 spec 建議的那樣：為一個(gè)表單元素增加一個(gè) label標(biāo)簽。如果他能生效的話(huà)，至少能讓我很順手：

1 2 3 4 details summarylabel for="name"Name:/label/summary input type="text" id="name" name="name" / /details

常理看，我們點(diǎn)擊 summary 的任何位置都應(yīng)該展開(kāi) detail元素的內(nèi)容。但是在這個(gè)例子中，我們點(diǎn)擊summary并沒(méi)有展開(kāi)內(nèi)容，因?yàn)槟泓c(diǎn)擊的是label他會(huì)將焦點(diǎn)放到 input標(biāo)簽-即使那部分內(nèi)容被隱藏在details標(biāo)簽。

很明顯，在這點(diǎn)需要更好的聲明，你認(rèn)為這個(gè)地方應(yīng)該發(fā)生什么事情呢？可能某個(gè)瀏覽器生產(chǎn)商能看一下這個(gè)效果。

details元素多層嵌套

你可以在details中嵌套details，可以完美的案例查看這個(gè)效果：

1 2 3 4 5 6 7 8 9 10 11 12 13 details summaryQuestion 1/summary pstrongPellentesque habitant morbi tristique/strong senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. emAenean ultricies mi vitae est./em Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, codecommodo vitae/code, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui. a href="#"Donec non enim/a in turpis pulvinar facilisis. Ut felis./p details summaryRelated documents/summary ul lia href="#"Lorem ipsum dolor sit amet, consectetuer adipiscing elit./a/li lia href="#"Aliquam tincidunt mauris eu risus./a/li lia href="#"Lorem ipsum dolor sit amet, consectetuer adipiscing elit./a/li lia href="#"Aliquam tincidunt mauris eu risus./a/li /ul /details /details

使用案例

在哪些情況時(shí)會(huì)用到 details?FAQ表可能是我們最先涌現(xiàn)的想法。大家經(jīng)常使用手風(fēng)琴效果是用在FAQ列表，所以 details 是這一效果的最佳效果。

考慮到這一系列內(nèi)容，它可能被固定在某一區(qū)域，當(dāng)我們滾動(dòng)內(nèi)容的時(shí)候。像這樣子？

你也可以使用details來(lái)操作博客的評(píng)論內(nèi)容，用戶(hù)簡(jiǎn)介，下載列表，復(fù)雜的表單，或者像規(guī)范中描述下面的應(yīng)用：

An example of the details element from the spec

實(shí)際上，只要你看看我寫(xiě)的wordpress，會(huì)發(fā)現(xiàn)有大量的使用 details的機(jī)會(huì)。讓我們?cè)谠u(píng)論中了解一下你的觀點(diǎn)和想法。

樣式格式化

你如何對(duì)這個(gè)定義樣式？同時(shí)，在webkit瀏覽器中我們可以使用偽類(lèi)樣式 ::-webkit-details-marker。你可以看到這個(gè)小的案例：

1 2 3 4 5 details summary::-webkit-details-marker { background: red; color: #fff; font-size: 500%; }

我們也可以將這個(gè)小組件定位。這里是向右浮動(dòng)的這就是我們初始化效果。

我們?nèi)绾螌⒛J(rèn)的組件Icon自定義呢？那就是用 屬性選擇器 (attribute selector),你可以用來(lái)檢測(cè) details元素是打開(kāi)的還是關(guān)閉的，然后為其定義一個(gè)合適的背景圖片。我們咋下面的例子中作了一個(gè)類(lèi)似的效果，使用 :after pseudo-element元素定義成我們喜歡的背景圖片：

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 summary::-webkit-details-marker { display: none } summary:after { background: red; border-radius: 5px; content: "+"; color: #fff; float: left; font-size: 1.5em; font-weight: bold; margin: -5px 10px 0 0; padding: 0; text-align: center; width: 20px; } details[open] summary:after { content: "-"; }

在上面的例子中，我們使用文本 “+”和“-”來(lái)定義這個(gè)組件的狀態(tài)，根據(jù)你的設(shè)計(jì)需要，你可能希望使用 :before來(lái)代替 :after，這兩個(gè)為類(lèi)元素都可以使用 image.

details的[open]屬性選擇器能創(chuàng)造很多有意思的可能性。因?yàn)槲覀兪呛冕t(yī)生，下面是我們裝飾后的效果，下面是截屏效果：

Styled details element in Chrome

如果我們可以用過(guò)css的動(dòng)畫(huà)效果來(lái)修飾打開(kāi)和關(guān)閉時(shí)的狀態(tài)，這樣設(shè)計(jì)就更完美了，但是目前為止我們還沒(méi)有辦法做到這點(diǎn)。

可訪問(wèn)性

不幸的是在我們寫(xiě)這篇文章的時(shí)候，detailsh還無(wú)法通過(guò)鍵盤(pán)訪問(wèn)，Steve Faulkner 寫(xiě)到：

Bottom line is, currently no keyboard support and no usable information exposed to assistive technology.

自己試一下，如果你使用鼠標(biāo)打開(kāi) details 元素，你可以使用鍵盤(pán)到達(dá)內(nèi)容部分，但是你無(wú)法使用鍵盤(pán)打開(kāi)和關(guān)閉區(qū)域。所以目前這并不是理想狀態(tài)，不過(guò)我們相信這個(gè)小國(guó)很快會(huì)被改進(jìn)。

向后兼容

在我們抱怨其在IE6中無(wú)法生效之前，感謝這些聰明的人們，我們可以提供優(yōu)雅的像狗兼容。這些效果也被列在下面的網(wǎng)站very handy collection of cross-browser polyfills，這兩個(gè)都需要 jQuery:

details fallback via jQuery by Mathias Bynens

Another details alternative, also based on jQuery by Manuel Bieh

1 2 3 4 5 script if (!("open" in document.createElement("details"))) { alert("No details"); } /script

更新：感謝的評(píng)論。上面的代碼并不是100%可靠，因?yàn)樗谀承ヽhrome版本下會(huì)失敗。你可以使用this Modernizr snippet。

我們?yōu)楹问褂眠@種類(lèi)型的交互？

言歸正傳，為什么會(huì)有這個(gè)效果在HTML5中？就像其它HTML5的效果，使用這種效果能夠更簡(jiǎn)單。比如時(shí)間選擇，Date pickers, sliders, progress indicators, 現(xiàn)在這種手風(fēng)琴效果就可以在不使用JavaScript的情況下更方便實(shí)施。誰(shuí)能想到下一個(gè)是什么？如果是 tabs 標(biāo)簽?zāi)蔷秃昧恕?/p>

總結(jié)

在這篇文章中，我們闡述了如何去使用details和summary元素。details是一個(gè)新元素，通過(guò)和summary元素通過(guò)瀏覽器可以創(chuàng)造手風(fēng)琴的交互效果。

目前，details只能在 Chrome 工作，不過(guò)我們期待這會(huì)在不久的將來(lái)有所改變。這里只有一個(gè)css trick我們可以使用 ::-webkit-details-marker,但是我們擁有很多的其它c(diǎn)ss。讓我們?cè)谠u(píng)論中知道關(guān)于details元素你在這方面的經(jīng)驗(yàn)和想法。

如何修改WordPress某個(gè)地方，內(nèi)有截圖，內(nèi)詳，謝謝。

下載安裝Dreamweaver,打開(kāi)模板文件夾,搜索"continue",直接改成"閱讀全文"就行了

微軟為什么江河日下？所有軟件越做越爛？

系統(tǒng)是必須要不斷開(kāi)發(fā)新的，這個(gè)是趕鴨子上架，沒(méi)辦法的事。

瀏覽器要辨證得看，ie6雖然占內(nèi)存小，但是確實(shí)很容易被黑，非常不安全。

輸入法基本沒(méi)人用微軟自帶的，也無(wú)所謂了。

media play的新版本也不是完全沒(méi)有優(yōu)點(diǎn)的，起碼識(shí)別正版的能力比較強(qiáng)，而且記憶能力很強(qiáng)？！

space扔掉反而好啊，反正也很爛，總算解脫了。

msn真的是比較爛，期待QQ能?chē)?guó)際化吧。

你還少說(shuō)了一個(gè)諾頓呢，諾頓剛出來(lái)的時(shí)候那叫一個(gè)NB，現(xiàn)在呢，，，整個(gè)一250，嘿嘿。

當(dāng)前文章：Wordpress截屏 word截圖
URL鏈接：http://muchs.cn/article40/ddccgho.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供品牌網(wǎng)站建設(shè)、搜索引擎優(yōu)化、品牌網(wǎng)站設(shè)計(jì)、動(dòng)態(tài)網(wǎng)站、品牌網(wǎng)站制作、電子商務(wù)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話(huà)：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)