《親愛的！我把留言字體放大了》
來到痞克邦已三個多月了，我是看好不看壞的人。我覺得痞克邦的優點真多哪！除了家大、業大架勢十足，上得了檯面，各種版面任君選擇，實在是棒極了之外。其中我最喜歡的是上照片的順序，先點先上，而且順序規矩，一、二、三、四、五…照輪，插入照片也一絲不苟，一切在掌握中，雅虎則否。
幸好雅虎可以改程式碼以補救，痞克邦文章的程式碼字太小，讓人看得霧煞煞，反正有一好就沒有二好，我寧願選擇痞克邦這樣的方式，一切都在掌握中，也不要走上最後一途─改程式碼。
痞克邦唯一的缺點就是版面及留言版面字太小，讓像我這樣上了年紀的人每每感覺甚是力不從心與不甘，不甘眼睛受此荼毒與殘害。
本以為此生休矣！這乃命中注定，人家格式就是這樣，誰教你老人家要來跟年輕人湊熱鬧，看不舒服也只有認了，乃至於抱著諸多遺憾來經營這心靈的家園。
沒想到萬事都有翻盤的時候，我在一位莎莉格友的回應欄看到了大大的字體，不禁燃起了數月以來的希望，乃不恥下問請教。
但留言一出，就有點後悔了。心想：我也太莽撞了，這樣直直的問人家，不是給人增加難題嗎？人家答？還是不答？有的人是會私藏不讓人分享的。並不是他不對，而是這本就是人性，人家為什麼要告訴你他好不容易得來的成果呢？
萬萬沒想到，一極棒的莎莉格友答覆的很爽快，把他改過的程式碼給我過目，並說明他改了哪些地方？但聲明我們選擇的格式不同，我可以試改看看，如果不行，最多再回到原本。
昨天，經過負責維護我部落格朋友的教導，終於改成功了，除了留言版面字體放大，連格子首頁旁邊欄位的字體都放大了，真是好開心喔！在此非常謝謝莎莉無私的分享造福大家，我不是只為自己看方便，而是希望每一個人看了眼睛都舒服。
如果只將字體變大，是由原本的12px變為16px(改大改小由各人決定)，字體是新細明體。但我個人偏好標楷體，16px看起來就偏小了，於是我改成18px，就恰恰好了。
操作方式是這樣的：1.管理後台2.左邊部落格管裡往下拉到最後的樣式管理3.點下去選擇自訂樣式4.選擇第三項css原始碼編輯按前往5.改正好可以按最下面預覽或儲存就可。
改正字體大小部分：所有font size:12px;必須改正，其中12改為16(大小自行決定)。但一定要font size:12px;這樣的公式才改，12後面一定要有px再改，而且不要任意刪掉前面的冒號和後面的分號。只改這樣，字體是新細明體也算ok了。
如果想像我一樣標楷體，就要多改一處字型。
改正字型部分：所有font family:一堆英文字;必須改正，其中一堆英文字改為標楷體。但一定要font family:一堆英文字;這樣的公式才改，同樣的，不要任意刪掉前面的冒號和後面的分號。改完後就會像我一樣的字體了。原則上標楷體字型看起來比新細明體字型小一號。
(昨天文章po出後，今天早上看到一位格友改成功的留言，真是好開心喔！證明任何版面的樣式都能改，只要針對要改的部分就可以了，他只改字的大小就很棒了。如果真的不會改，我也是可以幫忙各位服務的。)
以下是我改好的程式碼讓大家參考：
/*------------------------------ #Generate By Pixnet ------------------------- */
.article-content p{
margin-bottom:1em;
}
/*------------------------------ #Generate End ------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
margin:0;
padding:0;
}
table {
border-collapse:collapse;
border-spacing:0;
}
fieldset,img {
border:0;
}
address,caption,cite,code,dfn,em,th,var {
font-style:normal;
font-weight:normal;
}
ol,ul {
list-style:none;
}
caption,th {
text-align:left;
}
h1,h2,h3,h4,h5,h6 {
font-size:100%;
font-weight:normal;
}
q:before,q:after {
content:'';
}
abbr,acronym {
border:0;
}
pre{
font-size: 1em ;
}
.article-content {
_height: 1% ;
overflow: hidden ;
_overflow: none;
}
/*Design by http://blog.pixnet.net/candicefish-痞客模板*/
/*Colorful繽紛－請勿抄襲，後果自負*/
body {
font-size:18px; (───改字體大小~僅供參考)
font-family:標楷體; (───改字型~僅供參考)
color:#212121;
letter-spacing:1px;
background:url(http://pic.pimg.tw/candicefish/a9dca549d4b2a73d1f84d6f27444f4a2.png?v=1290578160) repeat-x;
}
a {
color:#616161;
text-decoration:none;
}
a:hover {
color:#000000;
}
#body-div {
width:920px;
margin:0 auto;
}
#authority {
text-align:center;
margin:2px 0 0 0;
}
#authority a {
color:#747474;
font-size:18px;
padding:0 2px 0 2px;
}
#authority a:hover {
color:#000000;
}
#login-bar {
text-align:center;
}
#blog-category {
padding:4px 0 0 0;
}
#container {
position:relative;
width:920px;
margin: 3px 0 10px 0;
}
/* banner */
#banner {
position:absolute;
padding:0px;
left:10px;
top:115px;
width:400px;
}
#banner a {
font-size:18px;
color:#000000;
}
#banner h1 a:hover {
color:#e20060;
}
#banner h2 {
display:none;
}
#navigation {
position:relative;
left:590px;
top:55px;
padding-bottom:1px;
width:300px;
height:78px;
}
#navigation li a {
margin-left:10px;
display:block;
width:65px;
height:78px;
font-size:0;
text-indent:-5000px;
}
#link-album a {
background:url(http://pic.pimg.tw/candicefish/98612da66a0b3d57cf2f2818b1954c4b.png?v=1290577829) no-repeat 0;
}
#link-album a:hover {
background:url(http://pic.pimg.tw/candicefish/92c2047f1b2bba1b409ca90858251f2d.png?v=1290577829) no-repeat 0;
}
#link-blog a {
background:url(http://pic.pimg.tw/candicefish/1422a27f99db03e62f931b881c1b2b64.png?v=1290577830) no-repeat 0;
}
#link-blog a:hover {
background:url(http://pic.pimg.tw/candicefish/afed9f36bd2dc04768144d378da7ef09.png?v=1290577830) no-repeat 0;
}
#link-guestbook a {
background:url(http://pic.pimg.tw/candicefish/c547ac146b27b6d9146f00bba5823565.png?v=1290577831) no-repeat 0;
}
#link-guestbook a:hover {
background:url(http://pic.pimg.tw/candicefish/f3572ab8d3f31c62ee72a4bda44e0516.png?v=1290577832) no-repeat 0;
}
#link-profile a {
background:url(http://pic.pimg.tw/candicefish/ae17b930b8f0ef8c8f68e6a5cf282696.png?v=1290577832) no-repeat 0;
}
#link-profile a:hover {
background:url(http://pic.pimg.tw/candicefish/4a6729d86cb34cee41914283e3a0426d.png?v=1290577833) no-repeat 0;
}
#header {
height:225px;
}
#main {
_height:1%;
overflow:hidden;_overflow:none;_height:1%;
}
#content {
float:left;
width:620px;
_margin:0 5px 0 0;
margin:5px 10px 0 0;
display:inline;
}
.article {
width:620px;
margin:20px auto;
padding:5px;
}
.article a {
color:#e20060;
}
.article a:hover {
color:#000000;
}
#spotlight {
width:620px;_width:610px;_height:1%;
padding:0 5px 5px 5px;
color:#000000;
}
.spotlight h5 {
display:none;
}
.publish {
font-family:標楷體;
font-size:18px;
line-height:120%;
color:#e20060;
padding:2px 0 0 2px;
}
.article-head {
background:url(http://pic.pimg.tw/candicefish/e3b0d0f0bf432b729fca3f69eb974013.gif?v=1290579198) left bottom no-repeat;
height:32px;
font-family:標楷體;
padding:12px 0 0 35px;
}
.article-head h2 a {
line-height:130%;
font-size:18px;
color:#2a2a2a;
}
.article-head h2 a:hover {
margin-left:2px;
color:#2a2a2a;
}
.article-body {
font-size:18px;
overflow:hidden;
color:#1d1d1d;
line-height:180%;
margin:0 auto;
padding:16px 2px 5px 8px;
}
.more {
padding-top:10px;
margin-bottom:5px
}
.more a {
}
.more a:hover {
}
.author {
font-size:18px;
text-align:right;
color:#878787;
}
.author a {
font-size:18px;
color:#878787;
padding-left:0;
}
.author a:hover {
color:#2a2a2a;
padding-left:0;
background:none;
}
.bookmark {
text-align:right;
margin:5px 3px 5px 0;
}
.bookmark a {
padding-left:0;
background: none;
}
.bookmark a:hover {
padding-left:0;
background:none;
}
.forward {
text-align:left;
margin-top:10px;
padding-left:0;
background: none;
}
.forward a {
font-size:18px;
color:#616161;
padding-left:0;
background: none;
}
.history {
margin:1px 0 4px 5px;
padding-bottom:3px;
}
.refer a, .history a {
line-height:160%;
color:#616161;
padding-left:0;
background: none;
}
.forward a:hover, .refer a:hover, .history a:hover {
padding-left:3px;
background: none;
}
.refer {
margin:1px 0 0 4px;
padding:2px;
text-align:left;
}
.time, #blog-main .article-footer .refer, #category-main .article-footer .refer {
display:none;
}
.day, .title img, .back-to-top, #trackback-title, #comment-title, .user-post-title img, .user-post-title span, #trackback-text {
display:none;
}
#trackback-url {
padding:-20px 0 0 0;
text-align:center;
}
#display {
text-align:center;
margin:15px 0 0 0;
padding:3px;
}
.article-area-title, #display span, .list-num, .list-visit, .list-comment {
display:none;
}
.article-area-title, #display span, .list-num, .list-visit, .list-comment {
display:none;
}
.main-list {
font-size:18px;
width:99%;
line-height:180%;
margin:5px auto;
padding:5px;
color:#212121;
}
.list-date {
text-align:center;
font-family:標楷體;
width:100px;
}
#murmur-list {
font-size:18px;
width:99%;
line-height:180%;
margin:5px auto;
padding:5px;
color:#212121;
}
#murmur-list table td.list-date {
display:none;
}
#murmur-list table td.list-num {
display:block;
line-height:180%;
text-align:center;
padding:5px;
}
input,select {
font-family:標楷體;
border:1px solid #1f1f1f;
background:#ffffff;
font-size:18px;
}
input #trackback-input {
height:18px;
margin-left:6px;
}
/* comment */
#comment-form {
padding:10px;
width:600px;
margin-top:10px;
}
#comment-form p {
text-align:center;
color:#212121;
}
#comment-form table {
margin-left:5px;
width:90%;
border:none;
}
#comment-form table tr.comment-form-title {
display:none;
}
#comment-form table td {
color:#777777;
border:none;
padding:2px;
}
#comment-form table th {
color:#777777;
width:100px;
border:none;
text-align:right;
padding:2px;
}
#comment-form table th font {
display:none;
}
#comment-form input {
height:17px;
font-size:18px;
border:none;
border-bottom:1px solid #3d3d3d;
width:99%;
padding:1px;
}
#comment-form input.radio {
border:none;
width:auto;
margin:0;
padding:0;
}
#comment-form textarea {
width:99%;
height:90px;
font-size:18px;
border:1px solid #3d3d3d;
padding:2px;
}
#comment-form input#send-comment{
margin-left:55px;
color:#212121;
border:none;
}
.post-comment a {
display:none;
}
.single-post {
width:435px;
margin:20px 0 20px 70px;
overflow:hidden;_overflow:none;_height:1%;
padding:0 0 15px;
}
.post-info {
height:25px;
line-height:130%;
font-size:18px;
text-align:left;
color:#2a2a2a;
padding:5px;
}
.post-info a {
color:#db0560;
}
.post-info a:hover {
color:#2a2a2a;
}
.post-info a.user-name,li.post-info a.reply-message {
background:none !important;
}
.post-photo {
float: left;
background:url(http://pic.pimg.tw/candicefish/d9bcd402c9bf850933f4b4da721044c0.png?v=1290578161) no-repeat;
width:65px;
height:65px;
padding:5px 0 0 5px
}
.post-photo img{
width:50px;
height:50px;
padding:2px;
}
.post-text {
line-height:160%;
padding:1px 3px 2px 3px;
width:430px;
color:#1b1b1b;
}
.reply-text {
line-height:160%;
clear:both;
width:430px;
color:#db0560;
padding:6px 3px 3px 3px;
}
div .page {
font-family:標楷體;
font-size:18px;
padding:0 0 5px 5px;
text-align:left;
}
#links {
float:right;
width:270px;
word-break:break-all;
margin:0;
}
#links a {
color:#000000;
}
#links a:hover {
padding-left:3px;
}
.box {
margin-bottom:10px;
overflow:hidden;
background:url(http://pic.pimg.tw/candicefish/4e6a263aecd8fb28ad71f1f458f24483.png?v=1290581227) left top repeat-y;
}
#links .box-title {
background:url(http://pic.pimg.tw/candicefish/1a32fccf3dd3cb8f6598fbc0a8331bfd.png?v=1290581228) no-repeat;
text-align:left;
font-size:18px;
height:40px;
clear:both;
line-height:110%;
color:#000000;
margin:0;
padding:8px 0 0 1px;
}
.box-text {
color:#ffffff;
line-height:170%;
padding:0 6px 9px 12px;
}
.box-more {
clear:both;
text-align:right;
}
#category .box-text {
}
#category li a {
}
#category .box-more {
}
#recent-article {
}
#recent-article .box-text li img {
display:none;
}
#recent-article .box-text {
}
#recent-article .box-text li {
}
#latest-comment {
}
#latest-comment li {
}
#latest-comment .box-text {
}
#latest-comment a {
}
#broadcast ul {
clear:both;
padding:3px;
}
#broadcast .broadcast-text a {
line-height:160%;
}
.broadcast-time {
padding-right:2px;
font-size:18px;
color:#ffffff;
}
#subscription .box-text {
line-height:160%;
color:#000000;
}
#subscription a {
line-height:160%;
display:block;
color:#ffffff;
}
#calendar table {
width:92%;
margin:1px auto;
font-family:標楷體;
}
#calendar table th,#calendar table td {
text-align:center;
font-family:標楷體;
}
#calendar table td {
line-height:160%;
color:#000000;
font-family:標楷體;
}
#calendar table td a {
font-weight:700;
font-family:標楷體;
display:block;
color:#ffffff;
}
#calendar table td a:hover {
}
#headshot-img {
float:left;
width:130px;
height:90px;
text-align:center;
}
#friend-apply {
}
#visitor{
}
#crumb ul {
overflow:hidden;
_overflow:none;
_height:1%;
}
#visitor li, #crumb li {
float:left;
line-height:0;
margin:0px 2px 2px 0;
display:inline;
_height:1%;
}
#visitor li a img, #crumb li a img {
width:45px;
height:45px;
border:1px solid #ffffff;
}
#visitor li a:hover img, #crumb li a:hover img {
border:1px solid #000000;
}
#visitor li a:hover, #crumb li a:hover {
padding-left:0;
background:none;
}
#visitor .box-more a, #crumb .box-more a {
display:none;
}
#favorite .box-text {
height:30px;
}
#favorite .box-text select {
font-size:18px;
font-family:標楷體;
width:180px;
}
#search-target {
width:240px;
}
.post-comment,#headshot .box-text,#visitor .box-text ul {
overflow:hidden;_overflow:none;_height:1%;
}
.broadcast-text a,#latest-trackback .box-text a {
display:block;
width:98%;
}
.broadcast-photo, #banner .skiplink, .pixnet-user, .hidden-message, .user-ip, li.reply-text p, li.reply-text p a, .secret, #archive .box-more a, #send-message, #latest-comment .box-text span {
display:none;
}
.broadcast-text,#visitor .box-more {
clear:both;
}
#navigation li,.broadcast-photo {
float:left;
}
/* Powered */
#powered {
}
#powered .box-title {
}
#powered .box-text {
}
#powered .box-text ul li a img {
display:none;
}
#powered .box-text ul li {
}
#powered .box-text ul li a {
}
/* Footer */
#footer{
text-align:center;
font-size:18px;
margin:25px 5px 0 0;*margin:25px 10px 0 0;
clear:both;
}
#footer a {
padding:2px;
}
#links-row-1{ margin-top:-325px; ｝
謝謝你用心的分享ㄛ
不要客氣~ 每次看到妳們那麼多人留言~偶而會看看各人文筆的功力學著點~總覺字太小鎖住了大家~好可惜喔
我引用了 謝謝
其實多改一個字型~才算完美~改成標楷體~就不會那麼大了 新細明體的字是比標楷體的字看起來大 如果你看到我的字大小還可以~那是標楷體18px~如果還嫌大~可以用標楷體16px
我用了，感謝。
早起的鳥兒有蟲吃~積極的人是成功者
我用了，感謝。
不錯~你很積極
喔!用功的學生可以當老師囉! [:emotion1380983019-3598806708_t.png]
謝謝誇讚~ 每每看到別人格子熱鬧的留言~都替格主耽心~耽心他必須視力停留在這樣的環境裡而感覺遺憾~我是太會杞人憂天了
放大了畫面，我不太滿意，可以回復嗎?
當然可以~你再進去把改過的數字改回來 也就是將16px改回12px~就是你改過的地方改回來
不錯嘛~~好強的 我之前研究了一下子 只改了幾個地方,便沒研究下去 我自己的格子便如此了, 你確實把一些地方都改大了 佩服哦[:emotion1380982870-670600828_t.png]
我哪行啊~是我朋友的功勞~我是借花獻佛 只是不忍大家每天瞧著螞蟻般的小字~留言來回覆去的~其實有苦說不出 莎莉也只教我改兩個地方~這是他研究好久才想出來的~所以非常感謝他 我朋友則說全部改~我就照做了
謝謝媽媽的分享，您好熱心，回應也很用心，在您這裡，學到好多格子知識，謝謝您，祝您週六愉快！
套一句廣告詞~相逢自是有緣 我沒有做甚麼~只是盡自己的本分~你太客氣了~你也很棒~福德深厚~所以有那麼棒的兒子
用功的妳對電腦好有研究。讀書時一定是個資優生吧
我沒有那麼厲害~是朋友教我的 看到大家的留言版面字太小~很不忍心~知道如何放大字體~當然要和大家分享~便通知曾有來往過的格友~從通知名單裡可以找到那些人的
*****
*****
嗯 我是在找發表回應的英文字 但是還沒找到 我會再試試 可是留言的字已經改很大了 真的看起來是比較舒服多了 謝謝姐總是不斷的創新 讓痞克邦變為我們所需的園地
留言版面字太小~是姐一直引以為憾的一件事 知道能改~真是太高興了~趕快和大家分享 昨天幫一位格友改了幾次~最後他終於滿意了~姐又交到了一位新朋友 人與人的緣份就是這樣來的~患難之交~不打不相識嘛~挺有意思的
*****
*****
*****
*****
*****
*****
*****
*****
哇~妳好強喔! [:emotion1380982884-207241979_t.png] 妳的post-text和reply-text都有ling-height. 而我的在這二部份都沒有ling-height.很想加上去,又怕破壞其他部份. 事實上我的樣式在post-text和reply-text都沒有字體字型的敍述.我也只改reply-text的筆色.
你才是真正的強~甚麼事都知道得清清楚楚的~我是有人指導如何做照做就是了~他跟我講解我是似懂非懂~但把重點記住了 你要加甚麼便加~加之前先把未加前的程式碼複製下來~等新加的看看如何~預覽和確定都可以~如果不對~再把舊的程式碼貼上就變回來了~你留言的字確實擠在一塊~不若你的文章壁壘分明字距非常成功
*****
*****
感謝分享，有時間要仔細研究一下。
想改的話~就改兩個地方~只是要費點眼力 如不改字型~就更簡單了~只改font sixe就可以了
我改過發現我的板形是3欄式.而且原本套用的式樣被我更改了許多地方..所以依照你的方式..落差太大..等有時間再來研究看看..3Q..推..
這麼說容只能改留言回覆字體放大~其它版面不動 以下是修改程式碼留言回覆字體放大~只要在這程式碼範例最末了兩行body { font-size: 16px;將原本12px改為16px預覽看看~不行再改回來 //*reset-star*/ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; } table { border-collapse:collapse; border-spacing:0; } fieldset,img { border:0; } address,caption,cite,code,dfn,em,th,var { font-style:normal; font-weight:normal; } ol,ul { list-style:none; } caption,th { text-align:left; } h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; } q:before,q:after { content:''; } abbr,acronym { border:0; } pre{ font-size: 1em ; } .article-content{ _height: 1% ; overflow: hidden ; _overflow: none; } .article-content p { margin-bottom: 1em; } /*reset-over*/ html {} body { font-size: 16px;
好像有點複雜，老ㄟㄚ金架看沒有，不過感受到您的好學精神了⋯
就改幾個字嘛 不過~有的版面好像不適合變動 最簡單的是~找出程式碼中的body後面的font sixe修改~留言字體就會變大了~可試著預覽看看~可以了再按確定~不行再改回來嘛
我也看嘸ㄋ~ 佩服 喔~~ 還是感謝分享啦！我多試試~~
就改幾個字嘛 不過~有的版面好像不適合變動 最簡單的是~找出程式碼中的body後面的font sixe修改~留言字體就會變大了~可試著預覽看看~可以了再按確定~不行再改回來嘛
謝謝！我多試試~～
要全部欄位放大~就看這一篇~如只放大留言部份字體~就看最新的一篇~只要一個鍵
您光看我的照片，感覺我眼睛長在頭頂上? 很多人對我的第一印象都這樣說， 其實，跟我當面聊天後， 就坦白跟我說，看似很驕傲，其實不會。
因為你聰明~因為你有條件~所以眼光當然高~相貌上是看得出來的 每一個人的內心都是柔軟的~只是所顯露出來的不一樣~只要知道這些~想要征服人還不是手到擒來~只是做不做而已
版面 音樂 安 嘻 歡
妳真是一位甜蜜的姑娘 我背後有一位推手幫我設計維護的 我是坐享其成哪~真不知前世是如何辛苦的修的呢~哈哈