Celestecat

小貓...最近愛上網頁的語法...

特地把..."PIXNET官方提供的架構圖"...

附上給大家參考...請先下儲存此圖...它是最基本的語法...

小貓下面整理的...是小貓研究出...一般常用的版本...其中有"加入一些語法..../*說明*/"...要增要減...請設計者自己斟酌...

跟小貓沉浸在...語法的世界裡吧...

感謝"小涵"整理..."‧未進化兒童‧"提供...

/*-----------------------------------------------------------*/
#links.................................................................................................../*側欄工具列*/
#links a................................................................................................/*側欄工具列超連結*/
#links a:hover...................................................................................../*側欄工具列滑鼠移動到超連結上時*/
.box-title............................................................................................../*側欄區塊標題*/
.box-text............................................................................................../*側欄區塊內容*/
.box-text a.........................................................................................../*側欄區塊內容超連結*/        
.box-text a:hover................................................................................/*側欄區塊內容滑鼠移動到超連結上時*/
.box-more.............................................................................................../*所有側欄區塊*/        
.box-more a.........................................................................................../*所有側欄區塊超連結*/        
.box-more a:hover................................................................................/*所有側欄區塊滑鼠移動到超連結上時*/
/*-----------------------------------------------------------*/
#links-row.........................................................................................../*3欄是第一欄*/
#links-row-2......................................................................................./*3欄式第二欄*/
/*-----------------------------------------------------------*/
#visitor.box........................................................................................./*誰來我家*/
#visitor.box-title............................................................................../*誰來我家側欄區塊標題*/
#visitor.box-text.............................................................................../*誰來我家側欄區塊內容*/
   #visitor img...................................................................................../*訪客頭像*/
#visitor.box-more............................................................................../*所有訪客列表*/        
   #visitor.box-more a......................................................................./*所有訪客列表超連結*/
   #visitor.box-more a:hover............................................................/*所有訪客列表滑鼠移動到超連結上時*/
/*-----------------------------------------------------------*/
#murmur.box......................................................................................../*碎碎念*/
#murmur.box-title............................................................................../*碎碎念側欄區塊標題*/
#murmur.box-text............................................................................../*碎碎念側欄區塊內容*/
   .murmur-time..................................................................................../*碎碎念發表時間*/
   .murmur-text..................................................................................../*碎碎念內容*/
#murmur.box-more............................................................................../*所有歷史碎碎念*/
#murmur.box-more a.........................................................................../*所有歷史碎碎念超連結*/
#murmur.box-more a:hover................................................................/*所有歷史碎碎念滑鼠移動到超連結上時*/
/*-----------------------------------------------------------*/
#broadcast.box.................................................................................../*好友的碎碎念聯播*/
#broadcast.box-title........................................................................./*好友的碎碎念聯播側欄區塊標題*/
#broadcast.box-text........................................................................./*好友的碎碎念聯播側欄區塊內容*/
#broadcast ul....................................................................................../*單一好友的碎碎念*/
   .broadcast-photo............................................................................../*好友頭像*/
   .broadcast-time................................................................................/*好友發表時間*/
   .broadcast-text................................................................................/*好友碎碎念內容*/
   .broadcast-text a............................................................................/*好友碎碎念內容超連結*/
    .broadcast-text a:hover................................................................/*好友碎碎念內容滑鼠移動到超連結上時*/
/*-----------------------------------------------------------*/
#search................................................................................................./*搜尋*/
#search .box-title............................................................................../*搜尋標頭*/
#search .box-text............................................................................../*搜尋內容區塊*/
#search-target.................................................................................../*搜尋輸入文字欄位*/
#search-send......................................................................................./*搜尋確定鈕*/
/*-----------------------------------------------------------*/
#headshot.box..................................................................................../*麻吉交流*/
#headshot.box-title........................................................................../*麻吉交流側欄區塊標題*/
#headshot.box-text........................................................................../*麻吉交流側欄區塊內容*/
#headshot-img..................................................................................../*個人頭像*/
#friend-apply...................................................................................../*申請好友*/
#send-message.................................................................................../*傳送私訊*/
/*-----------------------------------------------------------*/
#counter.box......................................................................................./*參觀人氣*/
#counter.box-title............................................................................./*參觀人氣側欄區塊標題*/
#counter.box-text............................................................................./*參觀人氣側欄區塊內容*/
#counter.box-text span..................................................................../*人氣數字*/
/*-----------------------------------------------------------*/
#change-theme..................................................................................../*更換樣式*/
#change-theme .box-title................................................................./*更換樣式標頭*/
#change-theme .box-text................................................................./*更換樣式內容區塊*/
#change-theme select......................................................................./*更換樣式選單*/
/*-----------------------------------------------------------*/
#feed.box............................................................................................./*新聞交換*/
#feed.box-title................................................................................../*新聞交換側欄區塊標題*/
#feed.box-text.................................................................................../*新聞交換側欄區塊內容*/
#feed img............................................................................................./*新聞交換圖示*/
/*-----------------------------------------------------------*/
#calendar.box....................................................................................../*月曆*/
#calendar.box-title............................................................................/*月曆側欄區塊標題*/
#calendar.box-text............................................................................/*月曆側欄區塊內容*/
#calendar table.................................................................................../*月曆表格*/
#calendar.mouth-nav........................................................................../*切換月份的那一行*/
   #calendar.cal-backward................................................................/*上個月*/
   #calendar.current-mourh............................................................./*現在月份*/
   #calendar.cal-forward................................................................../*下個月*/
#calendar.weekday............................................................................./*星期*/
#calendar .calMonthNav................................................................../*選擇月份的那一欄*/
#calendar .calMonthHeader............................................................/*星期幾的那一欄*/
#calendar td......................................................................................./*日期儲存格*/
#calendar td a..................................................................................../*月當天有寫文章的儲存格*/
#calendar td a:hover......................................................................./*月當天有寫文章的儲存格滑鼠移動到超連結上時*/
/*-----------------------------------------------------------*/
#recent-article.box.........................................................................../*近期文章*/
#recent-article.box-title................................................................./*近期文章側欄區塊標題*/
#recent-article.box-text................................................................./*近期文章側欄區塊內容*/
#recent-article.box-text a............................................................../*近期文章標題超連結*/
#recent-article.box-text a:hover.................................................../*近期文章標題滑鼠移動到超連結上時*/
/*-----------------------------------------------------------*/
#hotarticle.box................................................................................../*熱門文章*/
#hot-article.box-title....................................................................../*熱門文章側欄區塊標題*/
#hot-article.box-text....................................................................../*熱門文章側欄區塊內容*/
#hot-article.box-text a.................................................................../*熱門文章標題超連結*/
#hot-article.box-text a:hover......................................................../*熱門文章標題滑鼠移動到超連結上時*/
/*-----------------------------------------------------------*/
#category............................................................................................./*文章分類*/
#category .box-title........................................................................../*文章分類側欄區塊標題*/
#category .box-text........................................................................../*文章分類側欄區塊內容*/
#category .box-text.box-more......................................................../*總開何按鈕*/
#category .box-text.img.................................................................../*按鈕*/
#category .box-text.div..................................................................../*單一分類目錄*/
#category .box-text.img.................................................................../*分類目錄開合按鈕*/
#category .box-text.ul...................................................................../*目錄內容*/
#category .box-text a....................................................................../*目錄名稱超連結*/
#category .box-text a:hover........................................................../*目錄名稱滑鼠移動到超連結上時*/
/*-----------------------------------------------------------*/
#archive.box......................................................................................../*文章彙整*/
#archive.box-title............................................................................../*文章彙整側欄區塊標題*/
#archive.box-text............................................................................../*文章彙整側欄區塊內容*/
#archive select................................................................................../*月份選單*/
#archive a............................................................................................/*所有文章列表超連結*/
#archive a:hover................................................................................./*所有文章列表滑鼠移動到超連結上時*/
/*-----------------------------------------------------------*/
#latest-comment.box........................................................................./*最新回響*/
#latest-comment.box-title.............................................................../*最新回響側欄區塊標題*/
#latest-comment.box-text.............................................................../*最新回響側欄區塊內容*/
#latest-comment.box-text span....................................................../*最新迴響-迴響日期*/
#latest-comment.box-text li a......................................................../*最新迴響-迴響摘要超連結*/
#latest-comment.box-text li a:hover............................................/*最新迴響-迴響摘要滑鼠移動到超連結上時*/
/*-----------------------------------------------------------*/
#latest-trackback.box....................................................................../*最新引用*/
#latest-trackback.box-title............................................................/*最新引用側欄區塊標題*/
#latest-trackback.box-text............................................................/*最新引用側欄區塊內容*/
#latest-trackback.box-text li a..................................................../*最新引用-引用過去的文章標題*/
#latest-trackback.box-text li span............................................../*最新引用-引用過去的部落格主標*/
/*-----------------------------------------------------------*/
#subscription.box............................................................................../*最新訂閱*/
#subscription.box-title..................................................................../*最新訂閱側欄區塊標題*/
#subscription.box-text...................................................................../*最新訂閱側欄區塊內容*/
#subscription.box-text li a............................................................./*最新訂閱-訂閱對方的新文章標題*/
#subscription.box-text li span......................................................./*最新訂閱-訂閱對方的部落格主標*/
/*-----------------------------------------------------------*/
#favorite............................................................................................./*我的蒐藏*/
#favorite.box-title.........................................................................../*我的蒐藏側欄區塊標題*/
#favorite.box-text.........................................................................../*我的蒐藏側欄區塊內容*/
#favorite select.............................................................................../*我的蒐藏選單*/
/*-----------------------------------------------------------*/
#mylink.box........................................................................................./*我的連結*/
#mylink.box-title.............................................................................../*我的連結側欄區塊標題*/
#mylink.box-text.............................................................................../*我的連結側欄區塊內容*/
#mylink.link-box................................................................................./*單一連結分類*/
#mylink.h6.........................................................................................../*連結分類標題*/
#my-link .box-text .link-box a......................................................../*單一個我的連結*/
#my-link .box-text .link-box a:hover............................................./*單一個我的連結滑鼠移動到超連結上時*/
/*-----------------------------------------------------------*/
#powered.box......................................................................................./*服務提供*/
#powered.box-title............................................................................./*服務提供側欄區塊標題*/
#powered.box-text............................................................................./*服務提供側欄區塊內容*/
#powered a.........................................................................................../*登入登出連結*/
#powered a:hover................................................................................/*登入登出連結滑鼠移動到超連結上時*/
/*-----------------------------------------------------------*/
.folder.................................................................................................../*所有自訂欄位*/
.folder .box-title................................................................................/*所有自訂欄位標頭*/
.folder .box-text................................................................................/*所有自訂欄位內容區塊*/
/*-----------------------------------------------------------*/
#footer................................................................................................/*頁尾*/
#footer.p............................................................................................./*頁尾描述*/
/*-----------------------------------------------------------*/
#bottom................................................................................................/*頁尾超連結*/
#bottom.bottom-skiplink................................................................../*回到頁首\回到主文*/
#bottom.bottom-pixnet..................................................................../*PIXNET痞客邦\申請帳號\會員服務專區*/
/*-----------------------------------------------------------*/
.main-list............................................................................................../*列表*/
.main-list table.................................................................................../*列表表格*/
.main-list h3......................................................................................../*列表標題*/
.main-list th........................................................................................./*列表表頭表格*/
.main-list td........................................................................................./*列表一般表格*/
.main-list a.........................................................................................../*列表文章名稱超連結*/
.main-list a:hover................................................................................/*列表文章名稱滑鼠移動到超連結上時*/
#article-list......................................................................................../*所有文章列表*/
#category-list..................................................................................../*單一分類文章列表*/
#murmur-list......................................................................................./*所有歷史狀態列表*/