《親愛的!我把留言字體放大了》
來到痞克邦已三個多月了,我是看好不看壞的人。我覺得痞克邦的優點真多哪!除了家大、業大架勢十足,上得了檯面,各種版面任君選擇,實在是棒極了之外。其中我最喜歡的是上照片的順序,先點先上,而且順序規矩,一、二、三、四、五…照輪,插入照片也一絲不苟,一切在掌握中,雅虎則否。
幸好雅虎可以改程式碼以補救,痞克邦文章的程式碼字太小,讓人看得霧煞煞,反正有一好就沒有二好,我寧願選擇痞克邦這樣的方式,一切都在掌握中,也不要走上最後一途─改程式碼。
痞克邦唯一的缺點就是版面及留言版面字太小,讓像我這樣上了年紀的人每每感覺甚是力不從心與不甘,不甘眼睛受此荼毒與殘害。
本以為此生休矣!這乃命中注定,人家格式就是這樣,誰教你老人家要來跟年輕人湊熱鬧,看不舒服也只有認了,乃至於抱著諸多遺憾來經營這心靈的家園。
沒想到萬事都有翻盤的時候,我在一位莎莉格友的回應欄看到了大大的字體,不禁燃起了數月以來的希望,乃不恥下問請教。
但留言一出,就有點後悔了。心想:我也太莽撞了,這樣直直的問人家,不是給人增加難題嗎?人家答?還是不答?有的人是會私藏不讓人分享的。並不是他不對,而是這本就是人性,人家為什麼要告訴你他好不容易得來的成果呢?
萬萬沒想到,一極棒的莎莉格友答覆的很爽快,把他改過的程式碼給我過目,並說明他改了哪些地方?但聲明我們選擇的格式不同,我可以試改看看,如果不行,最多再回到原本。
昨天,經過負責維護我部落格朋友的教導,終於改成功了,除了留言版面字體放大,連格子首頁旁邊欄位的字體都放大了,真是好開心喔!在此非常謝謝莎莉無私的分享造福大家,我不是只為自己看方便,而是希望每一個人看了眼睛都舒服。
如果只將字體變大,是由原本的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; }