網誌風格CSS架構圖解 - 網路城邦辦公室

字體：小中大

網誌風格CSS架構圖解

2006/05/24 18:19:53瀏覽80613｜回應28｜推薦65

大家好：

網誌風格除了選用現成的模板，也可以利用CSS編輯自訂樣式，打造你自己獨一無二的網誌風格喔！以下是網誌風格CSS架構圖解。

＃頁面主要區塊名稱

＃山頭(1)

＃山頭(2)--下拉選單

＃山頭(3)--橫式導覽列小圖示

＃直式導覽列

＃內容區塊

( 休閒生活｜生活情報 )

引用網址：https://classic-blog.udn.com/article/trackback.jsp?uid=webadmin&aid=283573


	引用者清單(4)

2008/12/02 18:45	【落葉之秋楓部落格】	網誌風格CSS架構圖解
2008/11/19 10:53	【蘭斯的部落格】	初學網誌架構圖解引用
2007/03/11 18:12	【網路公關與行銷】	網誌風格CSS架構圖解
2006/05/28 20:28	【jannWu】	善哉！好用！！想試？請！！！


	回應文章	第頁／共 3 頁


	chimmy 等級：1 留言｜加入好友


	2013/09/18 22:06
您好~我是新來的部落客.我是電腦白癡.更不會您們的那些程式.樣式. 能否像yahoo部落格給幾個基本設定好的版型設定.面板設定呢? 我光找我我要設定的東西我都昏了.而且一邊又按到舊版.一邊又變新版. 我真的搞不太清楚您們的指令??? 呼~還是有大師教授一下吧!!


	王僧劍等級：5 留言｜加入好友

一些問題與一些建議
	2013/02/18 23:30
老闆，您好：我之前寫了一封信，關於在css下，要改變山頭的佈局。我試了好幾天，都是白費功夫。後來你告訴我，我早已是過的方法，結果當然也是沒有效果。範例詳細如下：我方才去改＃header_name的參數。結果發現，把粗體字改成普通字，可以完成。但是，要改＃header_name的座標與顏色，都完全沒有效果。您可以看看您程式撰寫，是不是有什麼錯誤嗎？另外，你們可以開放mp3上傳嗎？因為有時候，我們想要放音樂，可是還要到其他網站放檔案，然後來您這兒連上去。這樣很不方便。可以一起開放放mp3或其他音樂檔嗎？是不是也可以開放pdf,這樣我們可以做直書。謝謝王僧劍


	等級：留言｜加入好友

話說以後...
	2011/02/08 21:06
以後會有三欄式嗎!? 而且我覺得這邊的語法跟其他家比起來較為難活用應該說限制蠻多的


	等級：留言｜加入好友

請教.....
	2009/10/17 09:34
店小二你好... 請教該如何讓#sidebar裡的字可以居中..... 就算加了...自定欄位...這裡的字也可以居中.... 3Q....


	築悠等級：6 留言｜加入好友

嗯，也是一個問題＊囧
	2009/10/10 18:26
請問，「橫式導覽列小圖示」要如何更改？我不會弄（囧看其他人都改的很漂亮我也好想弄可以教一下嗎？哦呵呵、梨子來也 ♥ 嗯哼哼，我這人很親切的（騙鬼歡迎大家交朋友噢噢噢～放縱‧自己　　　　　　　　　　　　　　　　　I ′m 梨 ★


	等級：留言｜加入好友

請問關於版型的問題

2008/11/28 01:39

版主好

冒昧請教一個問題
在這裡有提供修改個人部落格版型的教學
但這些版型應該是一旦套用，理論上你每篇的文章都應該是沿用新的版型
比方說，每篇文章的背景應該是都一樣
可我看有不少人的台
他們可以每篇文章的全站背景都不同
請問是怎樣做的？
因為雖然在新增文章時有提供HTML語法編輯文章的功能
但這些編輯視窗應該只能改變文章內的狀態
內文的ID 是 content
應該不能去改掉BODY的屬性，像是 background等
像輕舞霓裳~ 詩雨(http://blog.udn.com/n122681/detail)的文章就很多都這樣整篇的背景
請教版主該怎樣才能做到上述功能

Pretoria 敬上

電小二(webadmin) 於 2008-12-03 19:02 回覆：

Dear Pretoria :

以輕舞霓裳~ 詩雨為例，她在文中有加上<span id="mainbody"><body background="背景圖檔路徑">............，請參考看看唷！


	我是阿廣等級：8 留言｜加入好友

ｒｅ

2008/11/19 15:59

希望udn能在觀看文章內容和文章創作的左邊

也就是直式導覽列區塊（應該是叫這個吧...）

加入自訂欄位標題的區塊

而不是只有日曆　精選創作　自訂文章分類和哭狗的廣告區塊

一來　觀看文章創作時　才不會感覺旁邊很空（這也是我以前不願意改版成將內容置中的原因）

二來　可以增加各廣告連結被看到的機會

姚念廣，1988年生，跨域於藝文、理工、商業及法理，數次榮獲出書、獎項及報導，創作曾受《航海王》活動方推薦；因減重24kg、險失明後出書圓夢及在flyingV辦公益環島而被稱熱血奶爸作家，追求人生樂活卓越。

電小二(webadmin) 於 2008-11-20 18:17 回覆：

Dear 御宅族阿廣：

目前
文章創作http://blog.udn.com/webadmin/article
文章內頁http://blog.udn.com/webadmin/2384287
直式導覽區都可在廣告設定頁面設定出現Google Adsense的廣告唷！

關於加入自訂欄位區域，增加直式導覽區的長度部分。非常謝謝你提出的建議，我會先記下來，Google有提到一個頁面最多三個廣告，這個部分可能也要一起考量，謝謝，我們會再討論是否作為下階段改版的考量之一。非常謝謝你！


	等級：留言｜加入好友

麻煩幫我檢查一下
	2008/10/16 21:00
您好^^ 為何我的blog換上新的山頭圖之後首頁&網誌所呈現出來的尺寸會有差異? 麻煩您是否能來幫我檢查一下問題所在? 麻煩您了感恩~


	等級：留言｜加入好友

請問

2008/10/08 13:38

請問網路城邦的部落格可不可以弄游標,怎麼弄???

電小二(webadmin) 於 2008-10-09 18:11 回覆：

Dear Lucky之星：

關於您提的問題，特寫成一篇教學，請參考哦

玩城邦》幫你滑鼠游標穿新衣


	等級：留言｜加入好友

有些有看沒有懂

2008/07/27 01:44

你好~

我是最近才開始自製我的部落格。新手學習中~~

那有許多功能做法仍不是很了解，而且也有找尋新手教學部分，但仍看不到一些功能教學，不知是因為我剛好沒找到，還是剛好沒有介紹。

可否店小二教我一下，謝謝!!

問題~~

1、如何像別人網頁左右邊有貼些圖，可以直接點選圖而連結。

2、像剛略看了自製網誌風格，仍有點不是很懂內容內~~不知是否可以提供自製網誌那裡面編輯語法所代表內容呢?我應如何套入語法呢?還是需要先於某個軟體內製作好再COPY上去呢?

像剛略參考別人的部落格，感覺~~蕉蕉偶的部落做的很特別。為何他首頁名稱可以自定字型樣式等呢?那是他自行製作好圖再套入語法嗎?

^^"不好意思，煩請店小二可以為我解答，謝謝!!

電小二(webadmin) 於 2008-10-09 18:15 回覆：

Dear 紅橙魚：

關於您所指的問題，還是需要有一些語法基礎才能夠更順利的編輯。

1.應該是指部落格首頁看板或自訂欄位的貼圖吧？
請參考此文：新功能》自訂欄位功能
<a href=*https://city.udn.com/event/forum02/detail.html* target=*_blank*><img src=*http://album.udn.com/community/img/PSN_PHOTO/forum01/f_2148297_1.gif* border=*0*></a>
說明：將此串語法貼到自訂欄位中，把*符號都修改為"，再把粉色字替換成你想連結的網址；把藍字替換成你的圖檔位置(通常圖片按右鍵，選擇內容可看見)

2.請參考：新功能》網誌風格大變身＋網誌首頁自訂顯示
這部分語法的應用能力就比較重要。了解網路城邦模板自訂樣式的修改方式後，建議您多參考網友的語法教學指導
例如：部落客─═☆EG☆═─寫了許多關於語法編輯的詳細教學歡迎參考

3.您提到的蕉蕉偶部落格，它是上傳一張山頭圖，來取代畫面，並把部落格名稱設定為不易發現的白色喔。
請參考：玩模板》如何更改部落格名稱的顏色和樣式？


		第頁／共 3 頁

粉絲團