2. 程式人生 > >部落格園的自定義面板

部落格園的自定義面板

阿新 • • 發佈：2019-01-18
公用*/ body { font-size:15px; padding:0; margin:0; font-family:"微軟雅黑","宋體",Arial; background:#205424 url('http://mat1.gtimg.com/www/mb/theme/qqfs/one_lhj/wrapBg.jpg') no-repeat top center fixed; min-width:1200px; } #home { opacity: 0.95; filter: alpha(opacity=95); box-shadow:0 0 10px #000
; margin:40px auto; width:1200px; background:#fff; overflow:auto; border:solid 1px #fff; } /*段落*/ .postBody p,.postCon p { margin:7px 0; line-height:24px; } h1 { margin:0; } h3 { font-size:15px; font-weight:bold; } /*超連結*/ a { color:#464646; text-decoration:none
; } a:hover { text-decoration:underline; } a:visited,a:hover { color:#464646; } ul { list-style:none; margin:0; padding:0; } image { border:none; } #header { padding:20px; } /*部落格標題*/ #blogTitle,#blogTitle a { font-weight:bold; color:#666; } #blogTitle .title { margin-top
:10px; height:100px; line-height:100px; font-size:36px; padding-left:120px; background:#fff url('http://images.cnblogs.com/cnblogs_com/libaoheng/305804/o_light2.png') no-repeat; } .headermaintitle { }#blogTitle,#blogTitle a:hover { text-decoration:none; } /*子標題*/ .subtitle { padding-left:30px; font-size:14px; color:#999; font-weight:normal; margin:10px 0; } /*導航欄*/ #navigator { font-size:16px; height:48px; background:#55895B; text-align:center; margin-top:20px; margin-bottom:20px; } #navList li { margin:0; line-height:48px; display:inline-block; float:left; } #navList li:hover { background:#6DA47D; } #navList li a { padding:0 30px; text-decoration:none; line-height:48px; border:0; color:#fff; display:-moz-inline-box; display:inline-block; } .blogStats { height:48px; color:#fff; line-height:48px; } #main { padding:20px; } /*左邊*/ #sideBarMain { padding:0 10px 0 0; background:#fff; margin:0 0 20px 0; width:190px; font-size:12px; line-height:22px; } #sideBarMain a { color:#666; } #leftcontentcontainer { color:#666; } .newsItem { color:#666; } /*公告*/ #profile_block { margin-top:0px; line-height:24px; text-align:left; } /*主面板*/ #mainContent { margin-top:0px; padding-top:0px; padding-right:0px; background:#fff; padding-bottom:0px; float:right; width:960px; padding-left:0px; } /*每日文章列表*/ .day { background:#fff; padding:0; margin:0 0 20px 0; } /*部落格標題*/ .postTitle a { color:#464646; } .postTitle { padding-bottom:10px; font-size:20px; font-weight:bold; color:#464646; background:url('http://images.cnblogs.com/cnblogs_com/libaoheng/305804/o_br229512.link(en-us,MSDN.10).gif') no-repeat 0 3px; padding-left:30px; } .dayTitle { display:none; } /*摘要*/ .c_b_p_desc { padding:10px; line-height:24px; color:#888; } .c_b_p_desc a { color:#888; } .c_b_p_desc a:hover { text-decoration:none; border-bottom-width:1px; border-bottom-style:dotted; } /*右側圖片*/ .desc_img { margin-left:10px; border:solid 1px #fff; box-shadow:0 0 10px #aaa; } /*博文頁*/ #topics .post { background:#fff; } .postCon { padding:10px 20px 0 20px; } .postDesc { margin:0 30px; margin-bottom:2px; padding:8px 0px; font-size:12px; color:#aaa; background:#fff; text-align:right; } .postDesc a { color:#AAA; } .postBody { padding:0; } /*google搜尋框*/ #google_q,#q { height:22px; width:120px; border:solid 1px #ccc; box-shadow:inset 0 0 3px #ddd; border-radius:4px; } /*搜尋按鈕*/ .btn_my_zzk { font-family:'Microsoft Yahei'; border:none; height:26px; width:60px; padding:1px; font-size:14px; cursor:pointer; position:relative; vertical-align:middle; display:inline-block; background:#55895B; border-radius:4px; color:#fff; } .btn_my_zzk:hover { background:#6DA47D; } /*評論按鈕*/ #btn_comment_submit { border:none; height:48px; width:120px; } /*評論按鈕*/ .comment_btn { font-family:'Microsoft Yahei'; border:none; height:48px; width:120px; font-size:18px; cursor:pointer; position:relative; vertical-align:middle; display:inline-block; background:#55895B; color:#fff; } #btn_comment_submit:hover { background:#6DA47D; } /*評論標題*/ .feedback_area_title { padding:10px; font-size:24px; font-weight:bold; color:#55895B; border-bottom:solid 6px #55895B; } .feedbackListSubtitle { font-size:12px; color:#888; } .feedbackListSubtitle a { color:#888; } .comment_quote { background:#FCFAAC; padding:15px; border:1px solid #CCC; } #commentform_title { color:#55895B; background-image:none; background-repeat:no-repeat; margin-bottom:10px; padding:10px 20px 10px 10px; font-size:24px; font-weight:bold; border-bottom:solid 6px #55895B; } /*評論框*/ #comment_form { margin:10px 0; padding:0; } .commentform { margin:10px 0; padding:10px 20px; background:#fff; } /*評論輸入域*/ #tbCommentBody { font-family:'MIcrosoft Yahei'; margin-top:10px; width:940px; max-width:940px; min-width:940px; background:white; color:#333; border:2px solid #fff; box-shadow:inset 0 0 8px #aaa; padding:10px; height:120px; font-size:14px; min-height:120px; } /*評論條目*/ .feedbackItem { font-size:14px; line-height:24px; margin:10px 0; padding:20px; background:#F2F2F2; box-shadow:0 0 5px #aaa; } .feedbackListSubtitle { font-weight:normal; } /*分類頁*/ .entrylist { padding:10px 20px; background:#fff; } .entrylistItem { margin:10px 0; padding:10px; } .entrylistPosttitle { font-size:18px; font-weight:bold; background:url('http://images.cnblogs.com/cnblogs_com/libaoheng/305804/o_br229512.link(en-us,MSDN.10).gif') no-repeat 0 3px; padding-left:30px; } .entrylistPostSummary { padding:10px; } .entrylistItemPostDesc { font-size:12px; color:#999; padding-left:40px; } /*尾部*/ #footer { font-size:12px; margin:20px; padding:12px; text-align:center; background:#55895B; color:#DDD; font-size:14px; } /*文章內圖片*/ #cnblogs_post_body p img { margin:10px; } /*頂一下*/ .diggnum { font-size:28px; color:#6DA47D; font-family:'Microsoft Yahei'; } #div_digg .diggnum { line-height:100px; } .diggit { float:left; width:128px; height:128px; background:url('http://images.cnblogs.com/cnblogs_com/libaoheng/305804/o_dig.gif') no-repeat; background-position:0 0; text-align:center; cursor:pointer; } .diggit:hover { background-position:-128px 0; } /*踩一下（園友反映，這個有點“邪惡”，呵呵，其實是我沒來得及設計這個背景圖片，就暫時把它隱藏了……可以去掉這句話）*/ .buryit { display:none; } .diggword { display:none; } /*green_channel*/ #green_channel { text:align:right; background:#6DA47D; padding-left:20px; font-weight:normal; font-size:15px; width:920px; border:none; color:#fff; padding:20px; border-radius:4px; } /*最新評論*/ #myposts .PostList { font-size:14px; line-height:24px; margin:10px 0; padding:20px; background:#F2F2F2; box-shadow:0 0 5px #aaa; } #myposts .postTitl2 a { color:#6DA47D; }

相關推薦

部落格園自定義面板

> 首先先感謝 `BNDong`大大分享的程式碼，本部落格也是使用的此大大的博皮[Demo](https://www.cnblogs.com/98record/)大家可以參考看看是否符合自己的風格。 > ![-w875](https://img2020.cnblogs.com/blog/2151193/202

部落格園自定義樣式

我現在的部落格園首頁暫時應該是一個女生背景，一些星星的懸浮飄揚 那麼我們怎麼來設定部落格園的自定義的樣式，而不是不個性的預設介面呢？ 第一步：進入你的首頁，開啟管理 => 設定 第二步：我在部落格面板中選擇了SimpleMemory，這個面板相對來說要輕快、乾淨，更方便你來修改你的樣式。 第三步

部落格園自定義頁面風格設計 後續篇(頁面設計模式及程式碼高亮 滑鼠點選效果升級)

前言 在之前所寫過的部落格園自定義頁面風格設計篇中，我們已經說明了其中兩種風格的頁面設計，滑鼠圖案的修改，公告欄的設定，背景音樂的製作，關於CSS以及用Canvas和requestAnimFrame做動畫特效，在本文中我們將教大家制作當前簡約的頁面製作方法。 只要你們有需求，我會盡量幫助到大家，在此感謝各

部落格園自定義樣式參考

#home { margin: 0 auto; width: 80%;/*原始65*/ min-width: 980px;/*頁面頂部的寬度*/ background-color: rgba(240, 248, 255, 0); padding: 30px;

github建立個人部落格及自定義域名

什麼是github pages github pages是github提供的免費的存放網頁的服務，有了它，你就可以輕鬆使用靜態網頁構建一個網站。如果你有自己的域名，還可以繫結自己的域名。很期待吧~ 1.首先在github上建立一個倉庫，這步就省略不說

基於 abp vNext 和 .NET Core 開發部落格專案 - 自定義倉儲之增刪改查

上一篇文章(https://www.cnblogs.com/meowv/p/12913676.html)我們用Code-First的方式建立了部落格所需的實體類，生成了資料庫表，完成了對EF Core的封裝。 本篇說一下自定義倉儲的實現方式，其實在abp框架中已經預設給我們實現了預設的通用(泛型)倉儲，`I

部落格園的自定義面板

公用*/ body { font-size:15px; padding:0; margin:0; font-family:"微軟雅黑","宋體",Arial; background:#205424 url('http://mat1.gtimg.com/www/mb/th

自定義部落格園主題和自動生成目錄 讓部落格園部落格自動生成章節目錄索引

背景 最近覺得部落格園網站太老舊了，不好看，並且沒有移動端，於是想轉到簡書去寫部落格（主要簡書有移動端），寫出來的效果還是不滿意，於是又回到了部落格園，只能自己修改下部落格主題了。 於是百度了下，找到了兩篇參考部落格： 主題修改參考了：一套簡約漂亮的響應式部落格園主題面板 新增目錄參考了：讓部落格園部

自定義.NET Calarder日曆控制元件(實現部落格園日曆)

這幾天看了下.net 日曆控制元件，去Google了下出來很多，大家都知道.netframework版本中自帶的日曆控制元件只有日期沒有備註的，比如我在1月1日下面要顯示出‘元旦節’這三個字，那要怎麼做呢？ 下面先熟悉下Calarder控制元件的常用屬性： Selectio

自定義玩轉部落格園

自定義css樣式美化部落格園 首先說明，我選用的部落格面板是MTClean，以下樣式在其他面板下有些並不適用。 針對MTC

可愛的部落格園樣式美化、自定義部落格園主題樣式

cute-cnblogs 說明 “我經常有那種感覺，如果這個事情來了，你卻沒有勇敢地去解決掉，它一定會再來。生活真是這樣，它會一次次地讓你去做這個功課直到你學會為止。” —— 《像我這樣笨拙地生活》 部落格園樣式一直是我想改的，之前使用過別人寫好的樣式模版，加了很多東西，可惜有一天全丟失了

cute-cnblogs 自定義部落格園樣式美化二期來啦~

# cute-cnblogs 自定義部落格園樣式美化二期來啦~ > **說明** > > cute-cnblogs 可愛的部落格園樣式美化、自定義部落格園樣式 二期樣式已經編寫完畢了，如果說 [一期樣式](https://www.cnblogs.com/IsAlpaca/) 給人的感覺是簡潔清爽的小嬰兒的話

自定義部落格園部落格的背景圖片

> 看到別人的部落格背景自己也想弄一個，搜了很多方法，但是都只是把一堆程式碼貼著，完全沒有告訴我設定背景圖片的程式碼到底是什麼，自己研究了一下，現在把它分享給跟我一樣有好奇心的朋友。 步驟一共2步： ### 1.上傳圖片到相簿 首先把自己想要做背景的圖片上傳到部落格園，步驟如下： 首先進入到自己的部落

MySQL優化---儲存過程和儲存函式-1-轉自部落格園

轉自網際網路.mysql優化   當一個大型系統在建立時，會發現，很多的SQL操作是有重疊的，個別計算是相同的，比如：業務系統中，計算一張工單的計算方式。當遇到這些情況時，我們運用儲存過程就是一個非常棒的優化啦。那麼，什麼是儲存 過程和儲存函式呢？ 一、MYSQL儲存過程簡介（技術

個性化定義部落格園 (一)---基礎準備以及新增動態背景和音樂控制元件

寫在前面       擁有部落格僅僅只是開始，後續該怎樣美化部落格？怎樣使部落格更有個性？這都需要我們一點點去做。由此，我總結出了一些方法，希望能對你有所幫助。我們將以部落格園美化來教你怎樣自定義部落格，使它看起來更加的個性化。 一，準備工作   我的面板選擇的

css字型圖示的製作和使用。 ---轉自_林沖部落格園

原文來自_林沖 https://www.cnblogs.com/momozjm/p/6383058.html的部落格，僅學習用。 css字型圖示的製作和使用。 在專案開發的過程中，我們會經常用到一些圖示。但是我們在使用這些圖示時，往往會遇到失真的情況，而且圖片數量很多的話，頁面載入就越慢。所

程式設計師如何鍛鍊程式設計思維(學習方法)(轉自部落格園)

1.明確學習目的 學習程式設計對大多數IT業人員來說都是非常有用的。學程式設計，做一名程式設計人員，從個人角度講，可以解決在軟體使用中所遇到的問題，改進現有軟體，可以為自己找到一份理想的工作新增重要得砝碼，有利於在求職道路上謀得一個好的職位；從國家的角度，可以為中國的軟體產業做出應有的貢獻，一名

經典SQL語句大全-【轉載自】部落格園，作者部落格：YuBinfeng's Technology Blog

因最近學習MySQL，閒來無事逛帖子時，發現這篇較為經典的部落格，特轉載以防備用學習，同時希望也可以幫到他人,廢話不多說，進入正文  一、基礎 1、說明：建立資料庫 CREATE DATABASE database-name 2、說明：刪除資料庫 drop data

idea配置tomcat(轉載自部落格園52Hz)

查詢該問題的童鞋我相信IntelliJ IDEA，Tomcat的下載，JDK等其他的配置都應該完成了，那我直接進入正題了。 1.新建一個專案 2.由於這裡我們僅僅為了展示如何成功部署Tomcat，以及配置完成後成功執行一個jsp檔案，我僅勾選JavaEnterpri

Oracle database和client 安裝教程（轉自部落格園，用於備忘）

** database ** 1.先到Oracle官網上下載11g oracle Database 11g 第 2 版 (11.2.0.1.0) 標準版、標準版 1 以及企業版 適用於 Microsoft Windows (x64) 的 Oracle Datab