網路城邦
上一篇 回創作列表 下一篇   字體:
網誌風格CSS架構圖解
2006/05/24 18:19:53瀏覽80693|回應28|推薦64

大家好:

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

#頁面主要區塊名稱
 

#山頭(1)

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

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

#直式導覽列

#內容區塊

Related Posts Plugin for WordPress, Blogger...
( 休閒生活生活情報 )
推薦文章 列印 加入我的文摘
上一篇 回創作列表 下一篇

引用
引用網址: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
留言加入好友
re
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 頁  回應文第一頁 回應文章上一頁 回應文章下一頁 回應文章最後一頁