2012-08-03 56 views
-5

在我的網站上,我想以與Google搜索結果非常相似的形式顯示結果,以便用戶可以看到他們熟悉的內容。有沒有人知道我在哪裏可以找到html和css,它們會以Google搜索結果的相同樣式生成輸出結果?查看谷歌搜索結果的頁面源並沒有幫助。我在哪裏可以找到Google搜索結果的html和css?

+2

爲什麼它沒有幫助?這就是你正在尋找的。 – knittl 2012-08-03 08:32:01

+2

你想複製它!?說真的,只是設計你自己的。 – 2012-08-03 08:32:13

+0

@ knittl,因爲它看起來不是一個html代碼。我無法解釋它。 – Roman 2012-08-03 08:33:06

回答

5

如果您想知道html佈局,請使用chrome並使用inspect元素,單擊每個元素以查看它遵循的CSS規則。但是,複製谷歌的CSS是非常簡單的,藍色的鏈接,黑色文字,簡單

+0

如何檢查元素? – Roman 2012-08-03 08:35:15

+0

右鍵點擊頁面,點擊光標出現的東西,然後點擊Inspect Element。 – Andy 2012-08-03 08:35:55

+0

總之(IE,FF(需要firebug),Chrome)只需點擊F12並檢查下載的文件。 – 2012-08-03 08:43:45

4

你已經得到了<style id="gstyle"></style>標籤中的每個谷歌搜索結果頁面的<head>其中包括風格:

body{ 
    color:#000; 
    margin:0; 
    overflow-y:scroll 
} 
body,#leftnav,#tbdi,#hidden_modes,#hmp{ 
    background:#fff 
} 
... 

大約有54000個字符在這個div裏,我們可以假設你所需要的只是在這裏。

相關問題