小君的友情世界

4月 11 週三 201821:29
更換版型上方圖片的方法

要製作一個完整的版型,
有許多細緻的工夫要做.
但如果只是更換
版型上方的圖片就容易多了.

下面我以自己新製作的版型
"有你陪伴真好"為例,
把更換的方法說明.
為有興趣更換版型圖片的格友們
增添一點玩部落格的趣味.

說簡單很簡單,只要知道版型語法上方
三個數據的位置就行了.
(請見下面語法已標紅色的地方)

也就是說版型圖片的尺寸:
寬1280像素高540像素
(寬度不要變,高度可以有一些不同)

你的圖片要在這個尺寸中,
高度若不是540像素,
你就把540數值改成你圖片的高度.

我的版型語法有兩款,
一款圖片寬的尺寸是1350像素,
一款是1280像素.
你可以任選一款版型語法更換圖片.
(寬度都按照原語法不要變)

你弄好的圖片要上傳到網上空間,
取得語法後,貼在下方括號
紅色的位置內.

然後要把版型的語法完整複製,貼上,
就可以完成你更換版型圖片了.

網上空間是個較麻煩的問題,
以前有隨意窩可以搞定,
現在要每個月交錢才可以使用圖片連接.

有格友向我介紹了這個網上空間
https://imgur.com/
你可以在google 把它翻譯成中文使用.

如果你更換圖片成功了,
請記得來通知我去參觀呀!

fgx83

有你陪伴真好三欄位版型語法

(只例出了此版型語法上方一部分)

#comment-form table{width: 96% ;margin: 0 auto ;}
#comment-form td , #comment-form th{border: 1px solid #A28368 ;padding: 3px 5px;}
#comment-form input#send-comment{padding: 3px 5px ;}
.article-content p{
margin-bottom:1em;}
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;}
td {
border: 1px solid #A28368;}
fieldset,img {
border:0;}
address,caption,cite,code,dfn,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;}
body {
color:#000;
font-size:12pt;
font-family:"Century Gothic";
line-height:180%;
background-image:url(https://pic.pimg.tw/lamkwanfai/1503885602-109960657.jpg);
background-repeat:repeat;
background-position:undefined;}
#container{
width: 1280px;
background: url("http://i.imgur.com/ebgcryJ.jpg") repeat-y left top;
margin: 0 auto;}
#container2{
background: url("") no-repeat left top;
position: relative;}
#container3 {
overflow:hidden;
position:relative;}
#main{
#main{width:1280px;margin:auto;}
#content{float:right;line-height:180%;width:700px;padding-right:10px;padding-bottom:15px;overflow:hidden;}
background:url() repeat-y center ;
overflow:hidden;
padding:1px 20px;
_height: 1%;}
body{cursor:URL();}
a:hover{cursor:URL();}
#body-div{}
a, a:link, a:visited{color:#000;text-decoration:none;}
a:hover{color:#000;position:relative;top:2px;background:url() repeat-x bottom;}
#header{
height: 540px;
padding-left: 55px;
background:url(https://i.imgur.com/3BxONnE.gif) no-repeat;
overflow:hidden;
position:relative;}

.........................................

(省略了下面的語法)

語法引用:

<img title="版型" src="https://pic.pimg.tw/hoyu528/1505276009-2740233334_n.jpg" alt="版型" border="0" />  
  
要製作一個完整的版型,
有許多細緻的工夫要做.
但如果只是更換
版型上方的圖片就容易多了.
 
下面我以自己新製作的版型
"有你陪伴真好"為例,
把更換的方法說明.
為有興趣更換版型圖片的格友們
增添一點玩部落格的趣味.
 
說簡單很簡單,只要知道版型語法上方
三個數據的位置就行了.
(請見下面語法已標紅色的地方)
 
也就是說版型圖片的尺寸:
寬1280像素   高540像素
(寬度不要變,高度可以有一些不同)
 
你的圖片要在這個尺寸中,
高度若不是540像素,
你就把540數值改成你圖片的高度.
 
我的版型語法有兩款,
一款圖片寬的尺寸是1350像素,
一款是1280像素.
你可以任選一款版型語法更換圖片. 
(寬度都按照原語法不要變)
 
你弄好的圖片要上傳到網上空間,
取得語法後,貼在下方括號
紅色的位置內.
 
然後要把版型的語法完整複製,貼上,
就可以完成你更換版型圖片了.
 
網上空間是個較麻煩的問題,
以前有隨意窩可以搞定,
現在要每個月交錢才可以使用圖片連接.
 
有格友向我介紹了這個網上空間
<a href="https://imgur.com/">https://imgur.com/</a>
你可以在google 把它翻譯成中文使用.
  
如果你更換圖片成功了,
請記得來通知我去參觀呀!
 
<img title="fgx83" src="https://pic.pimg.tw/hoyu528/1505276464-3215342936.gif" alt="fgx83" border="0" />  
 
 gt;有你陪伴真好三欄位版型語法
 (只例出了此版型語法上方一部分)
 
 
#comment-form table{width: 96% ;margin: 0 auto ;} #comment-form td , #comment-form th{border: 1px solid #A28368 ;padding: 3px 5px;} #comment-form input#send-comment{padding: 3px 5px ;} .article-content p{ margin-bottom:1em;} 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;} td { border: 1px solid #A28368;} fieldset,img { border:0;} address,caption,cite,code,dfn,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;} body { color:#000; font-size:12pt; font-family:"Century Gothic"; line-height:180%; background-image:url(https://pic.pimg.tw/lamkwanfai/1503885602-109960657.jpg); background-repeat:repeat; background-position:undefined;} #container{ width: 1280px; background: url("http://i.imgur.com/ebgcryJ.jpg") repeat-y left top; margin: 0 auto;} #container2{ background: url("") no-repeat left top; position: relative;} #container3 { overflow:hidden; position:relative;} #main{ #main{width:1280px;margin:auto;} #content{float:right;line-height:180%;width:700px;padding-right:10px;padding-bottom:15px;overflow:hidden;} background:url() repeat-y center ; overflow:hidden; padding:1px 20px; _height: 1%;} body{cursor:URL();} a:hover{cursor:URL();} #body-div{} a, a:link, a:visited{color:#000;text-decoration:none;} a:hover{color:#000;position:relative;top:2px;background:url() repeat-x bottom;} #header{ height: 540px; padding-left: 55px; background:url(https://i.imgur.com/3BxONnE.gif) no-repeat; overflow:hidden; position:relative;}
 
.........................................
 
(省略了下面的語法)
 
 
<a href="http://hoyu528.pixnet.net/album/photo/689919204"><img title="7" src="https://pic.pimg.tw/hoyu528/1500688541-670616452.gif" alt="7" border="0" /></a>

(繼續閱讀...)

小君的友情世界發表在痞客邦留言(0) 人氣(8)

個人分類：部落教學

▲top

4月 18 週六 201516:00
~ღ 翔霏製ღ ~ 游標 01-200款附:貼痞客游標簡易教學

P01

↓

~✿翔霏製✿~游標01-200款

http://ru6854.myweb.hinet.net/1.ani
http://ru6854.myweb.hinet.net/2.ani
http://ru6854.myweb.hinet.net/3.ani
http://ru6854.myweb.hinet.net/4.ani
http://ru6854.myweb.hinet.net/5.ani
http://ru6854.myweb.hinet.net/6.ani
http://ru6854.myweb.hinet.net/7.ani
http://ru6854.myweb.hinet.net/8.ani
http://ru6854.myweb.hinet.net/9.ani
http://ru6854.myweb.hinet.net/10.ani

http://ru6854.myweb.hinet.net/11.ani
http://ru6854.myweb.hinet.net/12.ani
http://ru6854.myweb.hinet.net/13.ani
http://ru6854.myweb.hinet.net/14.ani
http://ru6854.myweb.hinet.net/15.ani
http://ru6854.myweb.hinet.net/16.ani
http://ru6854.myweb.hinet.net/17.ani
http://ru6854.myweb.hinet.net/18.ani
http://ru6854.myweb.hinet.net/19.ani
http://ru6854.myweb.hinet.net/20.ani

http://ru6854.myweb.hinet.net/21.ani
http://ru6854.myweb.hinet.net/22.ani
http://ru6854.myweb.hinet.net/23.ani
http://ru6854.myweb.hinet.net/24.ani
http://ru6854.myweb.hinet.net/25.ani
http://ru6854.myweb.hinet.net/26.ani
http://ru6854.myweb.hinet.net/27.ani
http://ru6854.myweb.hinet.net/28.ani
http://ru6854.myweb.hinet.net/29.ani
http://ru6854.myweb.hinet.net/30.ani

http://ru6854.myweb.hinet.net/31.ani
http://ru6854.myweb.hinet.net/32.ani
http://ru6854.myweb.hinet.net/33.ani
http://ru6854.myweb.hinet.net/34.ani
http://ru6854.myweb.hinet.net/35.ani
http://ru6854.myweb.hinet.net/36.ani
http://ru6854.myweb.hinet.net/37.ani
http://ru6854.myweb.hinet.net/38.ani
http://ru6854.myweb.hinet.net/39.ani
http://ru6854.myweb.hinet.net/40.ani

http://ru6854.myweb.hinet.net/41.ani
http://ru6854.myweb.hinet.net/42.ani
http://ru6854.myweb.hinet.net/43.ani
http://ru6854.myweb.hinet.net/44.ani
http://ru6854.myweb.hinet.net/45.ani
http://ru6854.myweb.hinet.net/46.ani
http://ru6854.myweb.hinet.net/47.ani
http://ru6854.myweb.hinet.net/48.ani
http://ru6854.myweb.hinet.net/49.ani
http://ru6854.myweb.hinet.net/50.ani

http://ru6854.myweb.hinet.net/51.ani
http://ru6854.myweb.hinet.net/52.ani
http://ru6854.myweb.hinet.net/53.ani
http://ru6854.myweb.hinet.net/54.ani
http://ru6854.myweb.hinet.net/55.ani
http://ru6854.myweb.hinet.net/56.ani
http://ru6854.myweb.hinet.net/57.ani
http://ru6854.myweb.hinet.net/58.ani
http://ru6854.myweb.hinet.net/59.ani
http://ru6854.myweb.hinet.net/60.ani

http://ru6854.myweb.hinet.net/61.ani
http://ru6854.myweb.hinet.net/62.ani
http://ru6854.myweb.hinet.net/63.ani
http://ru6854.myweb.hinet.net/64.ani
http://ru6854.myweb.hinet.net/65.ani
http://ru6854.myweb.hinet.net/66.ani
http://ru6854.myweb.hinet.net/67.ani
http://ru6854.myweb.hinet.net/68.ani
http://ru6854.myweb.hinet.net/69.ani
http://ru6854.myweb.hinet.net/70.ani

http://ru6854.myweb.hinet.net/71.ani
http://ru6854.myweb.hinet.net/72.ani
http://ru6854.myweb.hinet.net/73.ani
http://ru6854.myweb.hinet.net/74.ani
http://ru6854.myweb.hinet.net/75.ani
http://ru6854.myweb.hinet.net/76.ani
http://ru6854.myweb.hinet.net/77.ani
http://ru6854.myweb.hinet.net/78.ani
http://ru6854.myweb.hinet.net/79.ani
http://ru6854.myweb.hinet.net/80.ani

http://ru6854.myweb.hinet.net/81.ani
http://ru6854.myweb.hinet.net/82.ani
http://ru6854.myweb.hinet.net/83.ani
http://ru6854.myweb.hinet.net/84.ani
http://ru6854.myweb.hinet.net/85.ani
http://ru6854.myweb.hinet.net/86.ani
http://ru6854.myweb.hinet.net/87.ani
http://ru6854.myweb.hinet.net/88.ani
http://ru6854.myweb.hinet.net/89.ani
http://ru6854.myweb.hinet.net/90.ani

http://ru6854.myweb.hinet.net/91.ani
http://ru6854.myweb.hinet.net/92.ani
http://ru6854.myweb.hinet.net/93.ani
http://ru6854.myweb.hinet.net/94.ani
http://ru6854.myweb.hinet.net/95.ani
http://ru6854.myweb.hinet.net/96.ani
http://ru6854.myweb.hinet.net/97.ani
http://ru6854.myweb.hinet.net/98.ani
http://ru6854.myweb.hinet.net/99.ani
http://ru6854.myweb.hinet.net/100.ani

http://ru6854.myweb.hinet.net/101.ani
http://ru6854.myweb.hinet.net/102.ani
http://ru6854.myweb.hinet.net/103.ani
http://ru6854.myweb.hinet.net/104.ani
http://ru6854.myweb.hinet.net/105.ani
http://ru6854.myweb.hinet.net/106.ani
http://ru6854.myweb.hinet.net/107.ani
http://ru6854.myweb.hinet.net/108.ani
http://ru6854.myweb.hinet.net/109.ani
http://ru6854.myweb.hinet.net/110.ani

http://ru6854.myweb.hinet.net/111.ani
http://ru6854.myweb.hinet.net/112.ani
http://ru6854.myweb.hinet.net/113.ani
http://ru6854.myweb.hinet.net/114.ani
http://ru6854.myweb.hinet.net/115.ani
http://ru6854.myweb.hinet.net/116.ani
http://ru6854.myweb.hinet.net/117.ani
http://ru6854.myweb.hinet.net/118.ani
http://ru6854.myweb.hinet.net/119.ani
http://ru6854.myweb.hinet.net/120.ani

http://ru6854.myweb.hinet.net/121.ani
http://ru6854.myweb.hinet.net/122.ani
http://ru6854.myweb.hinet.net/123.ani
http://ru6854.myweb.hinet.net/124.ani
http://ru6854.myweb.hinet.net/125.ani
http://ru6854.myweb.hinet.net/126.ani
http://ru6854.myweb.hinet.net/127.ani
http://ru6854.myweb.hinet.net/128.ani
http://ru6854.myweb.hinet.net/129.ani
http://ru6854.myweb.hinet.net/130.ani

http://ru6854.myweb.hinet.net/131.ani
http://ru6854.myweb.hinet.net/132.ani
http://ru6854.myweb.hinet.net/133.ani
http://ru6854.myweb.hinet.net/134.ani
http://ru6854.myweb.hinet.net/135.ani
http://ru6854.myweb.hinet.net/136.ani
http://ru6854.myweb.hinet.net/137.ani
http://ru6854.myweb.hinet.net/138.ani
http://ru6854.myweb.hinet.net/139.ani
http://ru6854.myweb.hinet.net/140.ani

http://ru6854.myweb.hinet.net/141.ani
http://ru6854.myweb.hinet.net/142.ani
http://ru6854.myweb.hinet.net/143.ani
http://ru6854.myweb.hinet.net/144.ani
http://ru6854.myweb.hinet.net/145.ani
http://ru6854.myweb.hinet.net/146.ani
http://ru6854.myweb.hinet.net/147.ani
http://ru6854.myweb.hinet.net/148.ani
http://ru6854.myweb.hinet.net/149.ani
http://ru6854.myweb.hinet.net/150.ani

http://ru6854.myweb.hinet.net/151.ani
http://ru6854.myweb.hinet.net/152.ani
http://ru6854.myweb.hinet.net/153.ani
http://ru6854.myweb.hinet.net/154.ani
http://ru6854.myweb.hinet.net/155.ani
http://ru6854.myweb.hinet.net/156.ani
http://ru6854.myweb.hinet.net/157.ani
http://ru6854.myweb.hinet.net/158.ani
http://ru6854.myweb.hinet.net/159.ani
http://ru6854.myweb.hinet.net/160.ani

http://ru6854.myweb.hinet.net/161.ani
http://ru6854.myweb.hinet.net/162.ani
http://ru6854.myweb.hinet.net/163.ani
http://ru6854.myweb.hinet.net/164.ani
http://ru6854.myweb.hinet.net/165.ani
http://ru6854.myweb.hinet.net/166.ani
http://ru6854.myweb.hinet.net/167.ani
http://ru6854.myweb.hinet.net/168.ani
http://ru6854.myweb.hinet.net/169.ani
http://ru6854.myweb.hinet.net/170.ani

http://ru6854.myweb.hinet.net/171.ani
http://ru6854.myweb.hinet.net/172.ani
http://ru6854.myweb.hinet.net/173.ani
http://ru6854.myweb.hinet.net/174.ani
http://ru6854.myweb.hinet.net/175.ani
http://ru6854.myweb.hinet.net/176.ani
http://ru6854.myweb.hinet.net/177.ani
http://ru6854.myweb.hinet.net/178.ani
http://ru6854.myweb.hinet.net/179.ani
http://ru6854.myweb.hinet.net/180.ani

http://ru6854.myweb.hinet.net/181.ani
http://ru6854.myweb.hinet.net/182.ani
http://ru6854.myweb.hinet.net/183.ani
http://ru6854.myweb.hinet.net/184.ani
http://ru6854.myweb.hinet.net/185.ani
http://ru6854.myweb.hinet.net/186.ani
http://ru6854.myweb.hinet.net/187.ani
http://ru6854.myweb.hinet.net/188.ani
http://ru6854.myweb.hinet.net/189.ani
http://ru6854.myweb.hinet.net/190.ani

http://ru6854.myweb.hinet.net/191.ani
http://ru6854.myweb.hinet.net/192.ani
http://ru6854.myweb.hinet.net/193.ani
http://ru6854.myweb.hinet.net/194.ani
http://ru6854.myweb.hinet.net/195.ani
http://ru6854.myweb.hinet.net/196.ani
http://ru6854.myweb.hinet.net/197.ani
http://ru6854.myweb.hinet.net/198.ani
http://ru6854.myweb.hinet.net/199.ani
http://ru6854.myweb.hinet.net/200.ani

語法:

body { cursor:url(http://ru6854.myweb.hinet.net/數字1-200.ani), pointer;}

a:hover{cursor : url(http://ru6854.myweb.hinet.net/數字1-200.ani), pointer;}

貼心小教學:

放置body{}語法 : cursor:url(游標網址);

滑鼠移動到網址連結,滑鼠游標將改變圖形,放置A:hover {}的語法:

主游標 body { cursor:url(游標), pointer;}

連結顯示 a:hover{cursor : url(游標), pointer;}

如果直接貼放失效就必須直接找樣式裡的ccs語法中的

body 跟 a:hover 由後頭貼上即可

如下圖:

P02

創作是好是壞都是一點一滴累積

如要引用很歡迎但..請別移除我的logo

★翔霏作品素材皆取自網路加工如造成原創不悅請告知翔霏將立即移除★

↑

原始檔引用時記得切換編輯器喔↓

<img title="P01" src="http://pic.pimg.tw/ru6854/1381277611-1878356367.jpg" alt="P01" border="0" /> ↓<div class="msgcontent" style="text-align: center;"><table class="main" style="width: 530px;" border="0" cellpadding="10"><tbody><tr><td bgcolor="#000000"><img style="margin-right: auto; margin-left: auto; display: block;" src="http://2style.net/kirakira/kiradoro_20060828/icon7/cherry.gif" alt="" width="20" height="20" border="0" />~✿翔霏製✿~游標01-200款<img src="http://ru6854.myweb.hinet.net/1-10.jpg" alt="" width="458" height="318" /><a href="http://ru6854.myweb.hinet.net/1.ani">http://ru6854.myweb.hinet.net/1.ani</a> <a href="http://ru6854.myweb.hinet.net/2.ani">http://ru6854.myweb.hinet.net/2.ani</a> <a href="http://ru6854.myweb.hinet.net/3.ani">http://ru6854.myweb.hinet.net/3.ani</a> <a href="http://ru6854.myweb.hinet.net/4.ani">http://ru6854.myweb.hinet.net/4.ani</a> <a href="http://ru6854.myweb.hinet.net/5.ani">http://ru6854.myweb.hinet.net/5.ani</a> <a href="http://ru6854.myweb.hinet.net/6.ani">http://ru6854.myweb.hinet.net/6.ani</a> <a href="http://ru6854.myweb.hinet.net/7.ani">http://ru6854.myweb.hinet.net/7.ani</a> <a href="http://ru6854.myweb.hinet.net/8.ani">http://ru6854.myweb.hinet.net/8.ani</a> <a href="http://ru6854.myweb.hinet.net/9.ani">http://ru6854.myweb.hinet.net/9.ani</a> <a href="http://ru6854.myweb.hinet.net/10.ani">http://ru6854.myweb.hinet.net/10.ani</a><img src="http://ru6854.myweb.hinet.net/11-20.jpg" alt="" width="458" height="318" /> <a href="http://ru6854.myweb.hinet.net/11.ani">http://ru6854.myweb.hinet.net/11.ani</a> <a href="http://ru6854.myweb.hinet.net/12.ani">http://ru6854.myweb.hinet.net/12.ani</a> <a href="http://ru6854.myweb.hinet.net/13.ani">http://ru6854.myweb.hinet.net/13.ani</a> <a href="http://ru6854.myweb.hinet.net/14.ani">http://ru6854.myweb.hinet.net/14.ani</a> <a href="http://ru6854.myweb.hinet.net/15.ani">http://ru6854.myweb.hinet.net/15.ani</a> <a href="http://ru6854.myweb.hinet.net/16.ani">http://ru6854.myweb.hinet.net/16.ani</a> <a href="http://ru6854.myweb.hinet.net/17.ani">http://ru6854.myweb.hinet.net/17.ani</a> <a href="http://ru6854.myweb.hinet.net/18.ani">http://ru6854.myweb.hinet.net/18.ani</a> <a href="http://ru6854.myweb.hinet.net/19.ani">http://ru6854.myweb.hinet.net/19.ani</a> <a href="http://ru6854.myweb.hinet.net/20.ani">http://ru6854.myweb.hinet.net/20.ani</a><img src="http://ru6854.myweb.hinet.net/21-30.jpg" alt="" width="458" height="318" /> <a href="http://ru6854.myweb.hinet.net/21.ani">http://ru6854.myweb.hinet.net/21.ani</a> <a href="http://ru6854.myweb.hinet.net/22.ani">http://ru6854.myweb.hinet.net/22.ani</a> <a href="http://ru6854.myweb.hinet.net/23.ani">http://ru6854.myweb.hinet.net/23.ani</a> <a href="http://ru6854.myweb.hinet.net/24.ani">http://ru6854.myweb.hinet.net/24.ani</a> <a href="http://ru6854.myweb.hinet.net/25.ani">http://ru6854.myweb.hinet.net/25.ani</a> <a href="http://ru6854.myweb.hinet.net/26.ani">http://ru6854.myweb.hinet.net/26.ani</a> <a href="http://ru6854.myweb.hinet.net/27.ani">http://ru6854.myweb.hinet.net/27.ani</a> <a href="http://ru6854.myweb.hinet.net/28.ani">http://ru6854.myweb.hinet.net/28.ani</a> <a href="http://ru6854.myweb.hinet.net/29.ani">http://ru6854.myweb.hinet.net/29.ani</a> <a href="http://ru6854.myweb.hinet.net/30.ani">http://ru6854.myweb.hinet.net/30.ani</a><img src="http://ru6854.myweb.hinet.net/31-40.jpg" alt="" width="458" height="318" /> <a href="http://ru6854.myweb.hinet.net/31.ani">http://ru6854.myweb.hinet.net/31.ani</a> <a href="http://ru6854.myweb.hinet.net/32.ani">http://ru6854.myweb.hinet.net/32.ani</a> <a href="http://ru6854.myweb.hinet.net/33.ani">http://ru6854.myweb.hinet.net/33.ani</a> <a href="http://ru6854.myweb.hinet.net/34.ani">http://ru6854.myweb.hinet.net/34.ani</a> <a href="http://ru6854.myweb.hinet.net/35.ani">http://ru6854.myweb.hinet.net/35.ani</a> <a href="http://ru6854.myweb.hinet.net/36.ani">http://ru6854.myweb.hinet.net/36.ani</a> <a href="http://ru6854.myweb.hinet.net/37.ani">http://ru6854.myweb.hinet.net/37.ani</a> <a href="http://ru6854.myweb.hinet.net/38.ani">http://ru6854.myweb.hinet.net/38.ani</a> <a href="http://ru6854.myweb.hinet.net/39.ani">http://ru6854.myweb.hinet.net/39.ani</a> <a href="http://ru6854.myweb.hinet.net/40.ani">http://ru6854.myweb.hinet.net/40.ani</a><img src="http://ru6854.myweb.hinet.net/41-50.jpg" alt="" width="458" height="318" /> <a href="http://ru6854.myweb.hinet.net/41.ani">http://ru6854.myweb.hinet.net/41.ani</a> <a href="http://ru6854.myweb.hinet.net/42.ani">http://ru6854.myweb.hinet.net/42.ani</a> <a href="http://ru6854.myweb.hinet.net/43.ani">http://ru6854.myweb.hinet.net/43.ani</a> <a href="http://ru6854.myweb.hinet.net/44.ani">http://ru6854.myweb.hinet.net/44.ani</a> <a href="http://ru6854.myweb.hinet.net/45.ani">http://ru6854.myweb.hinet.net/45.ani</a> <a href="http://ru6854.myweb.hinet.net/46.ani">http://ru6854.myweb.hinet.net/46.ani</a> <a href="http://ru6854.myweb.hinet.net/47.ani">http://ru6854.myweb.hinet.net/47.ani</a> <a href="http://ru6854.myweb.hinet.net/48.ani">http://ru6854.myweb.hinet.net/48.ani</a> <a href="http://ru6854.myweb.hinet.net/49.ani">http://ru6854.myweb.hinet.net/49.ani</a> <a href="http://ru6854.myweb.hinet.net/50.ani">http://ru6854.myweb.hinet.net/50.ani</a><img src="http://ru6854.myweb.hinet.net/51-60.jpg" alt="" width="458" height="318" /> <a href="http://ru6854.myweb.hinet.net/51.ani">http://ru6854.myweb.hinet.net/51.ani</a> <a href="http://ru6854.myweb.hinet.net/52.ani">http://ru6854.myweb.hinet.net/52.ani</a> <a href="http://ru6854.myweb.hinet.net/53.ani">http://ru6854.myweb.hinet.net/53.ani</a> <a href="http://ru6854.myweb.hinet.net/54.ani">http://ru6854.myweb.hinet.net/54.ani</a> <a href="http://ru6854.myweb.hinet.net/55.ani">http://ru6854.myweb.hinet.net/55.ani</a> <a href="http://ru6854.myweb.hinet.net/56.ani">http://ru6854.myweb.hinet.net/56.ani</a> <a href="http://ru6854.myweb.hinet.net/57.ani">http://ru6854.myweb.hinet.net/57.ani</a> <a href="http://ru6854.myweb.hinet.net/58.ani">http://ru6854.myweb.hinet.net/58.ani</a> <a href="http://ru6854.myweb.hinet.net/59.ani">http://ru6854.myweb.hinet.net/59.ani</a> <a href="http://ru6854.myweb.hinet.net/60.ani">http://ru6854.myweb.hinet.net/60.ani</a><img src="http://ru6854.myweb.hinet.net/61-70.jpg" alt="" width="458" height="318" /> <a href="http://ru6854.myweb.hinet.net/61.ani">http://ru6854.myweb.hinet.net/61.ani</a> <a href="http://ru6854.myweb.hinet.net/62.ani">http://ru6854.myweb.hinet.net/62.ani</a> <a href="http://ru6854.myweb.hinet.net/63.ani">http://ru6854.myweb.hinet.net/63.ani</a> <a href="http://ru6854.myweb.hinet.net/64.ani">http://ru6854.myweb.hinet.net/64.ani</a> <a href="http://ru6854.myweb.hinet.net/65.ani">http://ru6854.myweb.hinet.net/65.ani</a> <a href="http://ru6854.myweb.hinet.net/66.ani">http://ru6854.myweb.hinet.net/66.ani</a> <a href="http://ru6854.myweb.hinet.net/67.ani">http://ru6854.myweb.hinet.net/67.ani</a> <a href="http://ru6854.myweb.hinet.net/68.ani">http://ru6854.myweb.hinet.net/68.ani</a> <a href="http://ru6854.myweb.hinet.net/69.ani">http://ru6854.myweb.hinet.net/69.ani</a> <a href="http://ru6854.myweb.hinet.net/70.ani">http://ru6854.myweb.hinet.net/70.ani</a><img src="http://ru6854.myweb.hinet.net/71-80.jpg" alt="" width="458" height="318" /> <a href="http://ru6854.myweb.hinet.net/71.ani">http://ru6854.myweb.hinet.net/71.ani</a> <a href="http://ru6854.myweb.hinet.net/72.ani">http://ru6854.myweb.hinet.net/72.ani</a> <a href="http://ru6854.myweb.hinet.net/73.ani">http://ru6854.myweb.hinet.net/73.ani</a> <a href="http://ru6854.myweb.hinet.net/74.ani">http://ru6854.myweb.hinet.net/74.ani</a> <a href="http://ru6854.myweb.hinet.net/75.ani">http://ru6854.myweb.hinet.net/75.ani</a> <a href="http://ru6854.myweb.hinet.net/76.ani">http://ru6854.myweb.hinet.net/76.ani</a> <a href="http://ru6854.myweb.hinet.net/77.ani">http://ru6854.myweb.hinet.net/77.ani</a> <a href="http://ru6854.myweb.hinet.net/78.ani">http://ru6854.myweb.hinet.net/78.ani</a> <a href="http://ru6854.myweb.hinet.net/79.ani">http://ru6854.myweb.hinet.net/79.ani</a> <a href="http://ru6854.myweb.hinet.net/80.ani">http://ru6854.myweb.hinet.net/80.ani</a><img src="http://ru6854.myweb.hinet.net/81-90.jpg" alt="" width="458" height="318" /> <a href="http://ru6854.myweb.hinet.net/81.ani">http://ru6854.myweb.hinet.net/81.ani</a> <a href="http://ru6854.myweb.hinet.net/82.ani">http://ru6854.myweb.hinet.net/82.ani</a> <a href="http://ru6854.myweb.hinet.net/83.ani">http://ru6854.myweb.hinet.net/83.ani</a> <a href="http://ru6854.myweb.hinet.net/84.ani">http://ru6854.myweb.hinet.net/84.ani</a> <a href="http://ru6854.myweb.hinet.net/85.ani">http://ru6854.myweb.hinet.net/85.ani</a> <a href="http://ru6854.myweb.hinet.net/86.ani">http://ru6854.myweb.hinet.net/86.ani</a> <a href="http://ru6854.myweb.hinet.net/87.ani">http://ru6854.myweb.hinet.net/87.ani</a> <a href="http://ru6854.myweb.hinet.net/88.ani">http://ru6854.myweb.hinet.net/88.ani</a> <a href="http://ru6854.myweb.hinet.net/89.ani">http://ru6854.myweb.hinet.net/89.ani</a> <a href="http://ru6854.myweb.hinet.net/90.ani">http://ru6854.myweb.hinet.net/90.ani</a><a href="http://ru6854.myweb.hinet.net/90.ani"><img src="http://ru6854.myweb.hinet.net/91-100.jpg" alt="" width="458" height="318" /></a> <a href="http://ru6854.myweb.hinet.net/91.ani">http://ru6854.myweb.hinet.net/91.ani</a> <a href="http://ru6854.myweb.hinet.net/92.ani">http://ru6854.myweb.hinet.net/92.ani</a> <a href="http://ru6854.myweb.hinet.net/93.ani">http://ru6854.myweb.hinet.net/93.ani</a> <a href="http://ru6854.myweb.hinet.net/94.ani">http://ru6854.myweb.hinet.net/94.ani</a> <a href="http://ru6854.myweb.hinet.net/95.ani">http://ru6854.myweb.hinet.net/95.ani</a> <a href="http://ru6854.myweb.hinet.net/96.ani">http://ru6854.myweb.hinet.net/96.ani</a> <a href="http://ru6854.myweb.hinet.net/97.ani">http://ru6854.myweb.hinet.net/97.ani</a> <a href="http://ru6854.myweb.hinet.net/98.ani">http://ru6854.myweb.hinet.net/98.ani</a> <a href="http://ru6854.myweb.hinet.net/99.ani">http://ru6854.myweb.hinet.net/99.ani</a> <a href="http://ru6854.myweb.hinet.net/100.ani">http://ru6854.myweb.hinet.net/100.ani</a><img src="http://ru6854.myweb.hinet.net/101-110.jpg" alt="" width="458" height="318" /><a href="http://ru6854.myweb.hinet.net/101.ani">http://ru6854.myweb.hinet.net/101.ani</a> <a href="http://ru6854.myweb.hinet.net/102.ani">http://ru6854.myweb.hinet.net/102.ani</a> <a href="http://ru6854.myweb.hinet.net/103.ani">http://ru6854.myweb.hinet.net/103.ani</a> <a href="http://ru6854.myweb.hinet.net/104.ani">http://ru6854.myweb.hinet.net/104.ani</a> <a href="http://ru6854.myweb.hinet.net/105.ani">http://ru6854.myweb.hinet.net/105.ani</a> <a href="http://ru6854.myweb.hinet.net/106.ani">http://ru6854.myweb.hinet.net/106.ani</a> <a href="http://ru6854.myweb.hinet.net/107.ani">http://ru6854.myweb.hinet.net/107.ani</a> <a href="http://ru6854.myweb.hinet.net/108.ani">http://ru6854.myweb.hinet.net/108.ani</a> <a href="http://ru6854.myweb.hinet.net/109.ani">http://ru6854.myweb.hinet.net/109.ani</a> <a href="http://ru6854.myweb.hinet.net/110.ani">http://ru6854.myweb.hinet.net/110.ani</a><img src="http://ru6854.myweb.hinet.net/111-120.jpg" alt="" width="458" height="318" /><a href="http://ru6854.myweb.hinet.net/111.ani">http://ru6854.myweb.hinet.net/111.ani</a> <a href="http://ru6854.myweb.hinet.net/112.ani">http://ru6854.myweb.hinet.net/112.ani</a> <a href="http://ru6854.myweb.hinet.net/113.ani">http://ru6854.myweb.hinet.net/113.ani</a> <a href="http://ru6854.myweb.hinet.net/114.ani">http://ru6854.myweb.hinet.net/114.ani</a> <a href="http://ru6854.myweb.hinet.net/115.ani">http://ru6854.myweb.hinet.net/115.ani</a> <a href="http://ru6854.myweb.hinet.net/116.ani">http://ru6854.myweb.hinet.net/116.ani</a> <a href="http://ru6854.myweb.hinet.net/117.ani">http://ru6854.myweb.hinet.net/117.ani</a> <a href="http://ru6854.myweb.hinet.net/118.ani">http://ru6854.myweb.hinet.net/118.ani</a> <a href="http://ru6854.myweb.hinet.net/119.ani">http://ru6854.myweb.hinet.net/119.ani</a> <a href="http://ru6854.myweb.hinet.net/120.ani">http://ru6854.myweb.hinet.net/120.ani</a><img src="http://ru6854.myweb.hinet.net/121-130.jpg" alt="" width="458" height="318" /><a href="http://ru6854.myweb.hinet.net/121.ani">http://ru6854.myweb.hinet.net/121.ani</a> <a href="http://ru6854.myweb.hinet.net/122.ani">http://ru6854.myweb.hinet.net/122.ani</a> <a href="http://ru6854.myweb.hinet.net/123.ani">http://ru6854.myweb.hinet.net/123.ani</a> <a href="http://ru6854.myweb.hinet.net/124.ani">http://ru6854.myweb.hinet.net/124.ani</a> <a href="http://ru6854.myweb.hinet.net/125.ani">http://ru6854.myweb.hinet.net/125.ani</a> <a href="http://ru6854.myweb.hinet.net/126.ani">http://ru6854.myweb.hinet.net/126.ani</a> <a href="http://ru6854.myweb.hinet.net/127.ani">http://ru6854.myweb.hinet.net/127.ani</a> <a href="http://ru6854.myweb.hinet.net/128.ani">http://ru6854.myweb.hinet.net/128.ani</a> <a href="http://ru6854.myweb.hinet.net/129.ani">http://ru6854.myweb.hinet.net/129.ani</a> <a href="http://ru6854.myweb.hinet.net/130.ani">http://ru6854.myweb.hinet.net/130.ani</a><a href="http://ru6854.myweb.hinet.net/130.ani"><img src="http://ru6854.myweb.hinet.net/131-140.jpg" alt="" width="458" height="318" /></a><a href="http://ru6854.myweb.hinet.net/131.ani">http://ru6854.myweb.hinet.net/131.ani</a><a href="http://ru6854.myweb.hinet.net/130.ani"> </a><a href="http://ru6854.myweb.hinet.net/132.ani">http://ru6854.myweb.hinet.net/132.ani</a><a href="http://ru6854.myweb.hinet.net/130.ani"> </a><a href="http://ru6854.myweb.hinet.net/133.ani">http://ru6854.myweb.hinet.net/133.ani</a><a href="http://ru6854.myweb.hinet.net/130.ani"> </a><a href="http://ru6854.myweb.hinet.net/134.ani">http://ru6854.myweb.hinet.net/134.ani</a><a href="http://ru6854.myweb.hinet.net/130.ani"> </a><a href="http://ru6854.myweb.hinet.net/135.ani">http://ru6854.myweb.hinet.net/135.ani</a><a href="http://ru6854.myweb.hinet.net/130.ani"> </a><a href="http://ru6854.myweb.hinet.net/136.ani">http://ru6854.myweb.hinet.net/136.ani</a><a href="http://ru6854.myweb.hinet.net/130.ani"> </a><a href="http://ru6854.myweb.hinet.net/137.ani">http://ru6854.myweb.hinet.net/137.ani</a><a href="http://ru6854.myweb.hinet.net/130.ani"> </a><a href="http://ru6854.myweb.hinet.net/138.ani">http://ru6854.myweb.hinet.net/138.ani</a><a href="http://ru6854.myweb.hinet.net/130.ani"> </a><a href="http://ru6854.myweb.hinet.net/139.ani">http://ru6854.myweb.hinet.net/139.ani</a><a href="http://ru6854.myweb.hinet.net/130.ani"> </a><a href="http://ru6854.myweb.hinet.net/140.ani">http://ru6854.myweb.hinet.net/140.ani</a><img src="http://ru6854.myweb.hinet.net/141-150.jpg" alt="" width="458" height="318" /><a href="http://ru6854.myweb.hinet.net/141.ani">http://ru6854.myweb.hinet.net/141.ani</a> <a href="http://ru6854.myweb.hinet.net/142.ani">http://ru6854.myweb.hinet.net/142.ani</a> <a href="http://ru6854.myweb.hinet.net/143.ani">http://ru6854.myweb.hinet.net/143.ani</a> <a href="http://ru6854.myweb.hinet.net/144.ani">http://ru6854.myweb.hinet.net/144.ani</a> <a href="http://ru6854.myweb.hinet.net/145.ani">http://ru6854.myweb.hinet.net/145.ani</a> <a href="http://ru6854.myweb.hinet.net/146.ani">http://ru6854.myweb.hinet.net/146.ani</a> <a href="http://ru6854.myweb.hinet.net/147.ani">http://ru6854.myweb.hinet.net/147.ani</a> <a href="http://ru6854.myweb.hinet.net/148.ani">http://ru6854.myweb.hinet.net/148.ani</a> <a href="http://ru6854.myweb.hinet.net/149.ani">http://ru6854.myweb.hinet.net/149.ani</a> <a href="http://ru6854.myweb.hinet.net/150.ani">http://ru6854.myweb.hinet.net/150.ani</a><img src="http://ru6854.myweb.hinet.net/151-160.jpg" alt="" width="458" height="318" /><a href="http://ru6854.myweb.hinet.net/151.ani">http://ru6854.myweb.hinet.net/151.ani</a><a href="http://ru6854.myweb.hinet.net/150.ani"> </a><a href="http://ru6854.myweb.hinet.net/152.ani">http://ru6854.myweb.hinet.net/152.ani</a><a href="http://ru6854.myweb.hinet.net/150.ani"> </a><a href="http://ru6854.myweb.hinet.net/153.ani">http://ru6854.myweb.hinet.net/153.ani</a><a href="http://ru6854.myweb.hinet.net/150.ani"> </a><a href="http://ru6854.myweb.hinet.net/154.ani">http://ru6854.myweb.hinet.net/154.ani</a><a href="http://ru6854.myweb.hinet.net/150.ani"> </a><a href="http://ru6854.myweb.hinet.net/155.ani">http://ru6854.myweb.hinet.net/155.ani</a><a href="http://ru6854.myweb.hinet.net/150.ani"> </a><a href="http://ru6854.myweb.hinet.net/156.ani">http://ru6854.myweb.hinet.net/156.ani</a><a href="http://ru6854.myweb.hinet.net/150.ani"> </a><a href="http://ru6854.myweb.hinet.net/157.ani">http://ru6854.myweb.hinet.net/157.ani</a><a href="http://ru6854.myweb.hinet.net/150.ani"> </a><a href="http://ru6854.myweb.hinet.net/158.ani">http://ru6854.myweb.hinet.net/158.ani</a><a href="http://ru6854.myweb.hinet.net/150.ani"> </a><a href="http://ru6854.myweb.hinet.net/159.ani">http://ru6854.myweb.hinet.net/159.ani</a> <a href="http://ru6854.myweb.hinet.net/160.ani">http://ru6854.myweb.hinet.net/160.</a><a href="http://ru6854.myweb.hinet.net/160.ani">ani</a><a href="http://ru6854.myweb.hinet.net/160.ani"><img src="http://ru6854.myweb.hinet.net/161-170.jpg" alt="" width="458" height="318" /></a><a href="http://ru6854.myweb.hinet.net/161.ani">http://ru6854.myweb.hinet.net/161.ani</a><a href="http://ru6854.myweb.hinet.net/160.ani"> </a><a href="http://ru6854.myweb.hinet.net/162.ani">http://ru6854.myweb.hinet.net/162.ani</a><a href="http://ru6854.myweb.hinet.net/160.ani"> </a><a href="http://ru6854.myweb.hinet.net/163.ani">http://ru6854.myweb.hinet.net/163.ani</a><a href="http://ru6854.myweb.hinet.net/160.ani"> </a><a href="http://ru6854.myweb.hinet.net/164.ani">http://ru6854.myweb.hinet.net/164.ani</a><a href="http://ru6854.myweb.hinet.net/160.ani"> </a><a href="http://ru6854.myweb.hinet.net/165.ani">http://ru6854.myweb.hinet.net/165.ani</a><a href="http://ru6854.myweb.hinet.net/160.ani"> </a><a href="http://ru6854.myweb.hinet.net/166.ani">http://ru6854.myweb.hinet.net/166.ani</a><a href="http://ru6854.myweb.hinet.net/160.ani"> </a><a href="http://ru6854.myweb.hinet.net/167.ani">http://ru6854.myweb.hinet.net/167.ani</a><a href="http://ru6854.myweb.hinet.net/160.ani"> </a><a href="http://ru6854.myweb.hinet.net/168.ani">http://ru6854.myweb.hinet.net/168.ani</a><a href="http://ru6854.myweb.hinet.net/160.ani"> </a><a href="http://ru6854.myweb.hinet.net/169.ani">http://ru6854.myweb.hinet.net/169.ani</a><a href="http://ru6854.myweb.hinet.net/160.ani"> </a><a href="http://ru6854.myweb.hinet.net/170.ani">http://ru6854.myweb.hinet.net/170.ani</a><a href="http://ru6854.myweb.hinet.net/170.ani"><img src="http://ru6854.myweb.hinet.net/171-180.jpg" alt="" width="458" height="318" /></a><a href="http://ru6854.myweb.hinet.net/171.ani">http://ru6854.myweb.hinet.net/171.ani</a> <a href="http://ru6854.myweb.hinet.net/172.ani">http://ru6854.myweb.hinet.net/172.ani</a> <a href="http://ru6854.myweb.hinet.net/173.ani">http://ru6854.myweb.hinet.net/173.ani</a> <a href="http://ru6854.myweb.hinet.net/174.ani">http://ru6854.myweb.hinet.net/174.ani</a> <a href="http://ru6854.myweb.hinet.net/175.ani">http://ru6854.myweb.hinet.net/175.ani</a> <a href="http://ru6854.myweb.hinet.net/176.ani">http://ru6854.myweb.hinet.net/176.ani</a> <a href="http://ru6854.myweb.hinet.net/177.ani">http://ru6854.myweb.hinet.net/177.ani</a> <a href="http://ru6854.myweb.hinet.net/178.ani">http://ru6854.myweb.hinet.net/178.ani</a> <a href="http://ru6854.myweb.hinet.net/179.ani">http://ru6854.myweb.hinet.net/179.ani</a> <a href="http://ru6854.myweb.hinet.net/180.ani">http://ru6854.myweb.hinet.net/180.ani</a><img src="http://ru6854.myweb.hinet.net/181-190.jpg" alt="" width="458" height="318" /><a href="http://ru6854.myweb.hinet.net/181.ani">http://ru6854.myweb.hinet.net/181.ani</a> <a href="http://ru6854.myweb.hinet.net/182.ani">http://ru6854.myweb.hinet.net/182.ani</a> <a href="http://ru6854.myweb.hinet.net/183.ani">http://ru6854.myweb.hinet.net/183.ani</a> <a href="http://ru6854.myweb.hinet.net/184.ani">http://ru6854.myweb.hinet.net/184.ani</a> <a href="http://ru6854.myweb.hinet.net/185.ani">http://ru6854.myweb.hinet.net/185.ani</a> <a href="http://ru6854.myweb.hinet.net/186.ani">http://ru6854.myweb.hinet.net/186.ani</a> <a href="http://ru6854.myweb.hinet.net/187.ani">http://ru6854.myweb.hinet.net/187.ani</a> <a href="http://ru6854.myweb.hinet.net/188.ani">http://ru6854.myweb.hinet.net/188.ani</a> <a href="http://ru6854.myweb.hinet.net/189.ani">http://ru6854.myweb.hinet.net/189.ani</a> <a href="http://ru6854.myweb.hinet.net/190.ani">http://ru6854.myweb.hinet.net/190.ani</a><a href="http://ru6854.myweb.hinet.net/190.ani"><img src="http://ru6854.myweb.hinet.net/191-200.jpg" alt="" width="458" height="318" /></a><a href="http://ru6854.myweb.hinet.net/191.ani">http://ru6854.myweb.hinet.net/191.ani</a> <a href="http://ru6854.myweb.hinet.net/192.ani">http://ru6854.myweb.hinet.net/192.ani</a> <a href="http://ru6854.myweb.hinet.net/193.ani">http://ru6854.myweb.hinet.net/193.ani</a> <a href="http://ru6854.myweb.hinet.net/194.ani">http://ru6854.myweb.hinet.net/194.ani</a> <a href="http://ru6854.myweb.hinet.net/195.ani">http://ru6854.myweb.hinet.net/195.ani</a> <a href="http://ru6854.myweb.hinet.net/196.ani">http://ru6854.myweb.hinet.net/196.ani</a> <a href="http://ru6854.myweb.hinet.net/197.ani">http://ru6854.myweb.hinet.net/197.ani</a> <a href="http://ru6854.myweb.hinet.net/198.ani">http://ru6854.myweb.hinet.net/198.ani</a> <a href="http://ru6854.myweb.hinet.net/199.ani">http://ru6854.myweb.hinet.net/199.ani</a> <a href="http://ru6854.myweb.hinet.net/200.ani">http://ru6854.myweb.hinet.net/200.ani</a> 貼心小教學:放置body{}語法 : cursor:url(游標網址);滑鼠移動到網址連結,滑鼠游標將改變圖形,放置A:hover {}的語法:主游標 body { cursor:url(游標), pointer;}連結顯示 a:hover{cursor : url(游標), pointer;}如果直接貼放失效就必須直接找樣式裡的ccs語法中的  body 跟 a:hover 由後頭貼上即可如下圖:<img title="P02" src="http://pic.pimg.tw/ru6854/1381282319-3467193089.jpg" alt="P02" border="0" />   <a href="http://creativecommons.org/licenses/by-nc-sa/2.5/tw/"><img style="border-width: 0px;" src="http://i.creativecommons.org/l/by-nc-sa/2.5/tw/88x31.png" alt="" /></a>創作是好是壞都是一點一滴累積 如要引用很歡迎但..請別移除我的logo <img src="//s.pixfs.net/f.pixnet.net/images/emotions/fox_12.gif" alt="" border="0" /><img style="margin-right: auto; margin-left: auto; display: block;" src="http://0.share.photo.xuite.net/z999733/10ddf5e/5459541/212594953_x.jpg" alt="" />★<a href="http://ru6854.pixnet.net/blog/">翔霏</a>作品素材皆取自網路加工如造成原創不悅請告知  翔霏將立即移除★</td></tr></tbody></table></div>↑

本文引用自ru6854 - ~ღ 翔霏製ღ ~ 游標 01-200款附:貼痞客游標簡易教學

(繼續閱讀...)

小君的友情世界發表在痞客邦留言(0) 人氣(7)

個人分類：部落教學

▲top

4月 01 週三 201521:53
[部落格教學] 人氣王不是夢，大大提升部落格曝光率-FunP

funP
你是不是常常擔心自己寫的文章都沒有人來看?是不是急者想要增加部落格的曝光率?FunP可以讓你快速地踏出第一步喔!

它的原理很簡單，你可以在部落格打好一篇文章，接著貼到它上面，它會把最新的文章放在它的首頁上。想想看如果你的文章出現在一個隨時都有幾千人在看的頁面上，曝光量能增加多少?!不過，因為很多人都在用FunP，所以文章它的變動也很快，要長久的出現在首頁上妳必須要被很多人推文，推文的人越多就越容易被看到，現在就來玩玩看吧。

網址: http://funp.com/

★帳號申請教學：
１．進入網站後點右上角的「註冊」。

２．填寫帳號資料，完成後點「下一步」。

３．它會要你到你剛填寫的信箱做認證！

４．要請你去你剛剛填的信箱找一下認證信：「FunP認證信箱啟用帳號信」，點擊啟用連結。

５．這樣就認證成功囉，填入帳號、密碼登入吧。

★將部落格文章貼上去：註冊完帳號當然要來貼文啦，這是我們的目的。
１．到推推王，點下去右上角的「貼文」（美麗的綠色按鈕）。

２．將你要貼文的部落格文章網址複製貼上（不是貼部落格首頁）。

３．按下「下一步」之後，它會自動偵測標題跟內文，若沒有的話就自己打囉！（文章名稱、描述、分類、標籤．．．）。

４．設定完點選「下一步」，然後選一張你最滿意的縮圖，若沒有也可以自己上傳，選完點「下一步」。

５．最後一步驟囉，它會問你要不要加入最愛之類的，自行設定後輸入驗證碼，按下「發表」就ＯＫ了。

６．這時在最新的文章裡，你就會看到剛剛貼的文章囉！！

★註：在哈部落首頁右上角可以登錄部落格喔！！

[部落格教學] 線上人數計數器-SEO Stats(日本網站)

[部落格教學] 修改CSS調整部落格內文字體大小跟顏色

[視覺設計] 酷!GIF圖檔也可以弄的像小型質感影片

提升部落格人氣, 經營部落格, 提升部落格曝光, 部落格教學, 部落格廣告, 部落格行銷, 部落格語法, 部落格樣式, 部落格背景圖, 部落格版型, 部落格賺錢, 部落格經營

本文引用自dillonelva - [部落格教學] 人氣王不是夢，大大提升部落格曝光率-FunP

(繼續閱讀...)

小君的友情世界發表在痞客邦留言(0) 人氣(4)

個人分類：部落教學

▲top

4月 01 週三 201521:51
[部落格教學] 線上人數計數器-SEO Stats(日本網站)

pizza
今天有夠冷的，騎車都要拼命Hold住，不然身體真的會皮皮剉抖個不停。中午因為下雨，把我的手套淋濕了，我下午騎車就沒拿來戴，結果騎車騎到一半一隻手套就這樣給我飛走= =|||，真不知該說什麼好，手套已經不是第一次飛走了，總之天冷大家要穿暖一點，不要像我一樣。

這篇要來介紹一個網頁，它是日本的網站，不過我是覺得無傷大雅。這個網站它是可以根據你的設定，自動產生一個線上人數計數器的語法，你只要將這個語法貼到你的網站側邊欄位就OK了。我這個部落格也有做了一個放在右側欄位的最下面，它不像我常看到別人裝的那一種比較大、比較顯眼，它比較簡單、純粹、低調，還滿適合我的。

線上人數計數器
上圖就是網站的頁面。(IE拍的)

１．首先先前往網站（http://www.seo-stats.com/service_seostats_index）。
２．在「ウェブサイト・ブログのURL」欄位貼上你部落格首頁的網址。
３．從「ページランク情報（Rank）」到「ページビュー数合計（APV）」欄位的選項請都選擇右邊的按鈕。（右上角有預覽）
４．剩下最底下的四個欄位，分別是調整背景色、文字顏色、邊框顏色以及彩色圖。
５．設定完之後，在右上角的防機器人註冊設定填入顯示的代碼，接著按下按鈕。（步驟２到５設定請參考下圖）
線上人數計數器　２
６．按下按鈕後就會產生出一組語法如下圖。
線上人數計數器　３
７．最後將此語法貼在你部落格新增的側邊欄位設定即可(各家部落格設定各不同)。
９．完成後，範例圖如下（本部落格右下角也可以參考）。

[部落格教學] 人氣王不是夢，大大提升部落格曝光率-FunP

[部落格教學] 修改CSS調整部落格內文字體大小跟顏色

[電腦小知識] 記住Ctrl+Y，受用一輩子

線上人數計數器, 線上人數, 線上人數語法, 線上人物計時器, 線上人數統計, 無名樣式, 人數計數器, 人數統計, 免費計數器, 手套, 部落格教學

本文引用自dillonelva - [部落格教學] 線上人數計數器-SEO Stats(日本網站)

(繼續閱讀...)

小君的友情世界發表在痞客邦留言(0) 人氣(6)

個人分類：部落教學

▲top

4月 01 週三 201521:22
[部落格教學] 將痞客邦強迫中獎的「你可能會有興趣的文章」隱藏

聖誕快樂
痞客邦的部落格在本文結束後，通常你會看到一欄「你可能會有興趣的文章」，有時最多好像會顯示到五篇文章的連結跟大頭貼，真的醜死。而且連結的文章通常都不是自己部落格內的，而是外部的部落格的文章，文章連結顯示的大頭貼也參差不齊。(範例圖如下)

你一定會覺得可不可以把這個欄位拿掉，或是只顯示自己的部落格文章連結，而不要是別人的。Umm...管理後台是可以做到後者啦，但是要完全不顯示的選項並沒有，所以只能說恭喜你強迫中獎。而且，你要設定只連結自己文章的選項是可以的，但是(轉折語氣)請付錢成為VIP!!!不是VIP你等於後台的這個選項完全不能設定，看下圖你就可以明白。(果然付錢的才是老大)
UUU

但是你們一定跟綠番薯我一樣，超想把這個醜陋的東西拿掉，而我的作法是修改CSS語法，把那個類別欄位給設定隱藏(不顯示)，想修改的就跟我做吧!非常非常簡單只要一步驟。
首先，請將「#content .recommended-posts3 {display:none;}」這段語法貼在你CSS語法的最下方，然後按下儲存就完成囉!你可以回到前台檢視。

[部落格教學] 線上人數計數器-SEO Stats(日本網站)

[部落格教學] 人氣王不是夢，大大提升部落格曝光率-FunP

[部落格教學] 修改CSS調整部落格內文字體大小跟顏色

部落格語法, 部落格教學, 部落格背景圖, 修改CSS, CSS語法, css, 痞客幫

本文引用自dillonelva - [部落格教學] 將痞客邦強迫中獎的「你可能會有興趣的文章」隱藏

(繼續閱讀...)

小君的友情世界發表在痞客邦留言(0) 人氣(67)

個人分類：部落教學

▲top

4月 01 週三 201521:19
[部落格教學] 部落格天數計算語法

上次有在側邊欄位放了一個線上人數的計數器，今天要來玩的是在側邊欄位放一個部落格累積天數的語法，它會顯示部落格從開始到現在累積天數，酷吧!!(語法如下)

------------------------------------------------------------------------------------------------------------------------------
<left>
本站開站至今已有
<script language="JavaScript">

</script>
天
</left>
------------------------------------------------------------------------------------------------------------------------------

上面的語法我上色的地方是比較可以改的三個地方。
１．left是文字靠左的意思，你若要置中可改成center，若是要靠右可改成right。
２．紅字可以改任何你想要的字，我預設顯示結果會變成「本站開站至今已有X天」(X會經過中間的語法計算變成數字)。
３．藍色的字就是要打上你的部落格開始的時間，以為我例我是2011年11月14日，就要打成2011,11-1,14，中間月份要-1，因為語法是從0開始。

[部落格教學] 線上人數計數器-SEO Stats(日本網站)

[部落格教學] 修改CSS調整部落格內文字體大小跟顏色

[部落格教學] 將痞客邦強迫中獎的「你可能會有興趣的文章」隱藏

部落格教學, 部落格累積天數語法, 部落格語法, 部落格行銷, javascript, CSS語法, 部落格天數計算

本文引用自dillonelva - [部落格教學] 部落格天數計算語法

(繼續閱讀...)

小君的友情世界發表在痞客邦留言(0) 人氣(24)

個人分類：部落教學

▲top

4月 01 週三 201521:14
(css樣式) 喜洋洋的「過年紅」未上架先開放下載

＞＞＞樣式簡介＜＜＜

(っ´▽`)っ這是一款以過年的喜氣為靈感 (っ´▽`)っ
精心製作出的三欄式佈景主題

(っ´▽`)っ欄位寬度：標題320px　公告板位630px　文章600px (っ´▽`)っ
側欄210px　解析度800x600(以上)

(っ´▽`)っ祝各位馬年吉祥、一馬當先、五福臨門 (っ´▽`)っ
萬事如意、荷包滿滿

＞＞＞ css原始碼（請複製後，在部落格後台貼上）＜＜＜

/*--reset--*/
*{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}
caption,th{text-align:justify}
ol,ul{list-style:none}
q:before,q:after{content:''}
abbr,acronym{border:0}
pre{font-size:1em}
a{text-decoration:none}
br{letter-spacing:normal}
body *{_height:1%;overflow:hidden;_overflow:none;text-decoration:none !important}

/*--body--*/
::selection{background:#000;color:#fffff6}
::-moz-selection{background:#000;color:#fffff6}
a::selection{color:#6f0}
a::-moz-selection{color:#6f0}
body{min-width:770px;font-size:12px;line-height:20px;font-family:"Comic Sans MS",微軟正黑體,arial,新細明體,san-serif;color:#000;position:relative;
background:#000}
body a{font-style:italic;color:#66f;text-decoration:none}
body a:hover{font-style:normal;color:#f90}

/*--authority--*/
#authority{position:absolute;top:50px;left:0}
#authority a{display:block;width:105px;float:left;text-align:center;font-size:15px;line-height:40px;color:#88c}
#authority a:hover{color:#fb3}

/*--container--*/
#container{padding:50px 210px 0 210px}
#container2{background:#eee}

/*--header--*/
#header{position:fixed;top:0;left:0;width:100%;background:#855;z-index:1}
#login-bar{display:none}
#banner{width:320px;margin:0 auto}
#banner h1{float:left;font-size:18px;line-height:50px;padding-right:4px}
#banner h1 a{color:#aaf}
#banner h1 a:hover{color:#fb3}
#banner h2{float:right;font-size:12px;line-height:50px;color:#fffff6}
.skiplink,#blog-category{display:none}
/*--navigation--*/
#navigation a{display:block;width:32px;height:32px;color:transparent}
#navigation #link-blog{position:fixed;top:9px;right:128px;z-index:2}
#navigation #link-blog a{background:url(http://pic.pimg.tw/thisblogexist/1390619744-1076448846.png)top left no-repeat}
#navigation #link-blog:hover a{background:url(http://pic.pimg.tw/thisblogexist/1390619745-3577845585.png)top left no-repeat}
#navigation #link-album{position:fixed;top:9px;right:88px;z-index:2}
#navigation #link-album a{background:url(http://pic.pimg.tw/thisblogexist/1390652624-1441919866.png)top left no-repeat}
#navigation #link-album:hover a{background:url(http://pic.pimg.tw/thisblogexist/1390652624-3897002235.png)top left no-repeat}
#navigation #link-guestbook{position:fixed;top:9px;right:48px;z-index:2}
#navigation #link-guestbook a{background:url(http://pic.pimg.tw/thisblogexist/1390619743-1806437079.png)top left no-repeat}
#navigation #link-guestbook:hover a{background:url(http://pic.pimg.tw/thisblogexist/1390619744-865978851.png)top left no-repeat}
#navigation #link-profile{position:fixed;top:9px;right:8px;z-index:2}
#navigation #link-profile a{background:url(http://pic.pimg.tw/thisblogexist/1390619746-210344097.png)top left no-repeat}
#navigation #link-profile:hover a{background:url(http://pic.pimg.tw/thisblogexist/1390619748-2296154133.png)top left no-repeat}
/*--main--*/
#main{max-width:750px;margin:0 auto;border:15px double #eee;border-top:0;background:#ddc}
#content{padding:0 5px}

/*--spotlight--*/
#spotlight{margin:0 auto;padding-top:20px}
#spotlight h5{text-align:center;font-size:18px;line-height:40px;color:#855}
#spotlight-text{max-width:630px;margin:0 auto;background:#855;border-radius:10px;padding:50px 15px;color:#fffff6;font-size:15px;line-height:1.8em}

/*--article-area--*/
#article-area{}

/*--article--*/
.article{max-width:660px;margin:50px auto 0 auto}
.article-head{padding:0 1.25em 1.25em 1.25em;border-bottom:1px dashed #000}
.publish{float:right}
.publish .day,.publish .time{display:none}
.title{float:left}
.title a{font-size:18px;padding-right:6px}
.article-body{clear:both;font-size:15px}
.article-content{margin-top:1em;padding:0 2em;line-height:1.8em;color:#000;letter-spacing:.1em;border-radius:15px;background:#fffff6}
.article-content p{margin:1em 0}
.article-content-inner .more{border:0;border-radius:0;padding:0;margin:0}
.article-content-inner .more a{text-align:center;font-size:18px;font-weight:bold;line-height:2.5em;width:190px;border:5px dotted #66f;border-radius:30px;display:block;margin:0 auto}
.article-content-inner .more a:hover{border:5px solid #f90;}
.article-content-inner>div{border:1px solid #090;border-radius:1em;padding:0 30px;margin:1em 0}
.article-content-inner>div>div{border:1px solid #0c0;border-radius:1em;padding:0 30px;margin:1em 0}
.article-content-inner .article-keyword{font-size:12px;line-height:1.8em;margin:20px 0;border:0;border-radius:0;padding:0;margin:0}
.article-content-inner .fb_iframe_widget{border:0;border-radius:0;padding:0;margin:0}
.bookmark{margin:1em 1em 0 1em;text-align:center}
.author{margin:1em;text-align:right}
.forward{margin-left:1em}
.article-footer{padding:1em 1em 0 1em;font-size:15px;border-top:1px dashed #74a}
.refer{float:left}
.history{clear:left}
.history h6{font-size:12px}
.back-to-top{float:right}

.article:not(:only-child) .article-keyword{display:none}
.article:not(:only-child) .author{display:none}
.article:not(:only-child) .article-footer{border-top:0}

/*--page--*/
.page{margin-top:30px;margin-bottom:24px;margin-right:5px;text-align:right;font-weight:bold;font-size:18px}
.page span,.page a{display:inline-block;margin-left:.5em}
.page span{line-height:34px}
.page a{padding:5px .5em;border:2px solid #66f;border-radius:.5em;line-height:20px}
.page a:hover{border:2px solid #fb3}

/*--main-list--*/
h3.article-area-title,#view-mode{font-size:15px;line-height:1.8em;color:#000}
h3.article-area-title{margin-top:20px}
.main-list{padding:20px 0}
.main-list table{width:100%;text-align:center;font-size:15px;line-height:1.8em}
.main-list th{
background:#000;color:#f0f;text-align:center}
.main-list td{padding:15px 0;color:#000}
.main-list tr{border-bottom:1px dashed #000}
.main-list tr:first-of-type{border:0}
.main-list tr:last-of-type{border:0}
.list-num{display:none}
.list-date{width:110px}
.list-title{text-align:left}
.list-visit{width:85px}
.list-comment{width:55px}

/*--user-post--*/
#user-post{max-width:630px;margin:0 auto}
#trackback-box{padding:0 15px;margin:20px auto}
#trackback-box .user-post-title{color:#f0f;font-weight:bold;font-size:1.25em;line-height:2em}
#trackback-text .post-info,#trackback-box .post-text{width:auto;float:none}

/*--comment-box--*/
#comment-box{background:#fffff6;margin:20px auto;line-height:200%;border-radius:50px}
#comment-box .user-post-title{
background:url(http://pic.pimg.tw/thisblogexist/1377139995-3326297573.png) center center no-repeat;border-top-left-radius:1.5em;border-top-right-radius:1.5em;color:#f0f;padding:250px 0 0 5px;font-weight:bold;font-size:1.25em;line-height:2em}
#comment-text{color:#fffff6}
.post-comment a{display:none}
.single-post{overflow:hidden;_overflow:none;_height:1%}
.post-info{float:right;text-align:right;width:auto;color:#f0f;border-bottom:2px dotted #f0f}
.post-info .user-ip{display:none}
.post-photo{clear:right;float:left;margin:0 0 20px 0;width:90px;height:90px;background:url(http://pic.pimg.tw/thisblogexist/1377169804-116955937.png) left top no-repeat}
.post-photo img{width:50px;height:50px;margin:40px 0 0 40px;border-radius:25px}
.post-text{color:#000;margin:67px auto 20px 102px;max-width:430px;white-space:normal;word-break:break-all;overflow:hidden;_overflow:none;_height:1%}
.reply-text{
clear:both;max-width:426px;margin:0 auto 20px auto;background:#855;border:6px double #fffff6;border-top-left-radius:53px;border-top-right-radius:53px;border-bottom-left-radius:18px;border-bottom-right-radius:18px;padding:30px 1em 0 1em;white-space:normal;word-break:break-all;overflow:hidden;_overflow:none;_height:1%}
.reply-text div{}
.reply-text p{text-align:right;margin-top:1em}
.reply-text a{color:#aaf}
.reply-text a:hover{color:#fb3}
.single-post.secret .post-text{width:100%;border-top:2px dotted #000;margin-left:102px;margin-bottom:20px}
.json-form{padding:0 20px}
#container #main #content #user-post #comment-box #comment-area{width:100%;margin:20px 0;padding:0;border-radius:30px}
#container #main #content #user-post #comment-box #comment-area-2{width:100%}
#container #main #content #user-post #comment-box #comment-area iframe{position:absolute;top:12px;right:20px}
#container #main #content #user-post #comment-box .comment-identity{padding:8px 0 0 24px}
#container #main #content #user-post #comment-box .comment-textarea{width:auto}
#container #main #content #user-post #comment-box .comment-body{padding:5px 20px 5px 20px}
#container #main #content #user-post #comment-box .comment-textarea textarea{width:100%;padding-left:0}
#container #main #content #user-post #comment-box #comment-area button{margin-right:4px}

/*--links--*/

#links{color:#ee0}
#links a{color:#88c}
#links a:hover{color:#fb3}
#links .box-title{text-align:center;font-size:15px;line-height:50px;background:#c00;margin:0 10px;border-radius:5px}
#links .box-text{font-size:15px;line-height:1.8em;padding:0 5px}
#links .box-text li{padding:12px 0}
#links .box-text h6{font-size:15px}

/*--links-row-1-and-2--*/
#links-row-1{position:absolute;top:90px;left:0;width:210px}
#links-row-2{position:absolute;top:60px;right:0;width:210px}

#links #search{position:fixed;top:0;left:0;background:transparent;z-index:2}
#search .box-title{display:none}
#search .box-text{padding:0}
#links #search li{line-height:1em;float:left;border-bottom:0;padding:12px 0 0 7px}
#search-submit{padding:1px 4px}

#express-box{margin:12px auto}

#links #calendar table{width:100%}
#links #calendar table *{text-align:center}

#links #user-info .box-text{padding:12px 0 0 0}
#links #user-info .user-img{border-radius:21px}

#links #feed a{display:block;margin:0;text-align:center}

#links #archive .box-text{padding:12px 0;text-align:center}

#links #powered .box-text, #links #counter .box-text{padding:12px 0;text-align:center}
#links #powered .box-text li, #links #counter .box-text li{padding:0}

#links #crumb .box-text, #links #visitor .box-text{padding:7px 15px 0 15px}
#links #crumb #ul-crumbs li, #links #visitor #ul-visitors li{padding:5px;width:50px;height:50px;float:left}
#links #crumb #ul-crumbs img, #links #visitor #ul-visitors img{border-radius:12px}
#links #crumb .box-more, #links #visitor .box-more{clear:left;display:block;text-align:center;line-height:50px}

#links #friendbox .box-text{padding:12px 2px 0 10px}

#links #subscriptions *{font-size:15px !important}

/*--footer--*/
#footer{padding:20px 0}
#bottom{text-align:center}

body{cursor:url(http://pic.pimg.tw/thisblogexist/1377406634-2845943097.png),auto}
body a:hover{cursor:url(http://pic.pimg.tw/thisblogexist/1377406634-2364374996.png),auto}

＞＞＞其他＜＜＜

(っ´▽`)っ可否自行修改：可以可以，當然是可以的喔 (っ´▽`)っ

＞＞＞還有更多問題＜＜＜

(っ´▽`)っ如果您有任何問題或建議，歡迎底下留言喔 (っ´▽`)っ

2014/01/27更新

。部分字體大小、顏色更新
。公告版位、部分區域底色更新
。滑鼠遊標更新

2014/01/28更新

。部分區域大小更新
。修正圓角效果

自定樣式, css原始碼下載, css設定, css樣式, 修改樣板, 過年款式, 新年款式, 馬年吉祥, 一馬當先, 先行下載, 部落格版型

本文引用自thisblogexist - (css樣式) 喜洋洋的「過年紅」未上架先開放下載

(繼續閱讀...)

小君的友情世界發表在痞客邦留言(0) 人氣(9)

個人分類：部落教學

▲top

4月 01 週三 201521:12
(css樣式) 「貴婦喝著下午茶」樣式下載和說明

樣式名稱：貴婦喝著下午茶 (a tea break of ladies)

設計理念：就像貴婦一邊喝著下午茶，一邊優雅地撥動手指，手指在剛入手的新手機上滑來滑去，頁面在部落格的圖文間轉來轉去，貴婦沉醉其中，就這樣度過一個慵懶的下午。

＞＞＞規格說明＜＜＜

1. 此樣式支援瀏覽器解析度最低可到550px。根據瀏覽器的寬度設計，此樣式具有四種形態，會隨著瀏覽器縮放自動調整。

2. 公告區塊：瀏覽器寬度1000px以下時，內文寬500px；瀏覽器寬度1001px以上時，內文寬600px。

3. 文章寬度：瀏覽器寬度1000px以下時，內文寬500px；瀏覽器寬度1001px以上時，內文寬600px。

4. 文章預覽：預設尺寸為寬200px，長280px。如果您需要客製化，請下載「傳統首頁」版本，或是參考後面說明自行調整參數。

5. 內文強調：寫文時，您可以將想要強調的圖文用<div></div>語法包起來，產生白底縮排的效果。

6. 側欄寬度：收合時120px，展開時300px。瀏覽器寬度720px以下時，側欄置於文章下方，不收合，寬度260px。

＞＞＞大圖預覽＜＜＜

＞＞＞下載方法＜＜＜

1. 請打開超連結

2. 複製文件裡全部的文字

方法一：下載＞開啟檔案＞全選＞複製

方法二：直接選取文字＞滑鼠右鍵＞複製

3. 進入痞客邦部落格後台

4. 依序點選「樣式管理」»「自訂樣式」»「CSS 原始碼編輯」

5. 將「CSS 原始碼編輯」裡的文字取代

6. 儲存（這樣就完成囉～）

＞＞＞原始碼下載＜＜＜

貴婦喝著下午茶css碼

http://goo.gl/rwauGI

貴婦喝著下午茶css碼-傳統首頁版本

http://goo.gl/AHFO1t

＞＞＞修改文章預覽的參數＜＜＜

1. 請開啟CSS原始碼

2. 按下鍵盤的「crtl + f」，開啟瀏覽器的快速搜尋功能，然後輸入「.article:not(:only-child)」找到下面這段CSS碼

.article:not(:only-child){width:260px;height:490px;float:left;position:relative;top:0;left:0;margin:10px 5px 0 5px;}
.article:not(:only-child) .article-head{width:200px;padding-top:0;}
.article:not(:only-child) .article-head .publish{float:none;font-size:12px;line-height:20px;width:200px;}
.article:not(:only-child) .article-head .title{float:none;height:40px;}
.article:not(:only-child) .article-head .title a{font-size:12px;line-height:20px;}
.article:not(:only-child) .article-body{width:200px;}
.article:not(:only-child) .article-content{}
.article:not(:only-child) .article-content-inner p:first-child{height:280px;}
.article:not(:only-child) .article-content-inner .more{font-size:22px;}
.article:not(:only-child) .article-content-inner .article-keyword{height:20px;}
.article:not(:only-child) .article-footer{width:200px;}
.article:not(:only-child) .article-footer .back-to-top{clear:both;}

3. 依照上面的顏色標記做修改

3-1. 紅色：內文的寬度，預設值是200px。

3-2. 紫色：文章加上外框後的寬度，預設值是260px。

3-3. 藍色：內文與完整的高度，原則上兩者須要一併修改，預設值分別是280px和490px。

＞＞＞其他＜＜＜

1. 可否自行修改？可以可以，當然是可以的喔 (っ´▽`)っ

2. 還有更多問題？如果您有任何問題或建議，歡迎底下留言喔 (っ´▽`)っ

＞＞＞ 20150110更新＜＜＜

頂部工具列修改方法

效果：

將頂部工具列的大部分做隱藏，只留右上的登入與通知功能。

修改方法：

1. 請開啟CSS原始碼

2. 在最下方直接加上下面這一段原始碼

#topbar{background-color:transparent;position:absolute;top:0;right:0;
box-shadow:0 0 0;-webkit-box-shadow:0 0 0;}
.topbar__logo,#topbar__search,.topbar__announce,.topbar__lang{display:none;}
.topbar__nav{background-color:#eee;border-bottom-left-radius:7px;}
.topbar__user{border-left:0;border-right:0;}

自定樣式, css原始碼下載, css設定, css樣式, 修改樣板, 部落格版型, 貴婦喝著下午茶, a tea break of ladies

本文引用自thisblogexist - (css樣式) 「貴婦喝著下午茶」樣式下載和說明

(繼續閱讀...)

小君的友情世界發表在痞客邦留言(0) 人氣(137)

個人分類：部落教學

▲top

4月 01 週三 201521:03
[部落格教學] 修改CSS調整部落格內文字體大小跟顏色

004
十四號申辦完綠番薯痞客邦部落格，我就覺得它預設的字好小，我也忘記實際大小了，沒記錯的話應該只有8pt。但是我最先修改的不是字體大小，而是網頁的背景、版頭、文章標題的背景、大頭貼、側邊欄位設計等等等。一開始覺得字還看得到應該還ok，但發現文章一長就覺得看得很辛苦，我都這樣覺得了，其他人看應該也不會好到那，所以就修改了一下字體大小跟字體間的行距，現在看起來還滿舒服的。

下圖是我在剛剛隨便找的一個blog文章內文，一開始預設的字體大小大概就是這樣，真的很小對吧，文章一長就會顯得密密麻麻。
修改css語法

而下圖下修改過現在的字體大小以及行距，真是舒服。

修改css語法 2

現在簡單說一下怎麼改CSS吧，因為我也不是很會玩CSS，所以就只能講一些基本的囉。

１．（以痞客邦為例）進入管理後台->樣式管理的自訂樣式->CSS原始碼編輯。
２．找到body的css，找得很辛苦的話可用尋找(ctrl+F)快速搜尋。（如下圖）
修改CSS語法3
３．要修改字體大小請修改font-size(我改成15pt)；要修改字體顏色請修改color；要修改行距請修改line-height，其他的要修改的話可以自己玩玩看囉。
４．修改完按下儲存就ＯＫ了，很簡單吧！！

[部落格教學] 線上人數計數器-SEO Stats(日本網站)

[部落格教學] 人氣王不是夢，大大提升部落格曝光率-FunP

[Facebook 教學] 分享Youtube影片無縮圖的解決方法

CSS語法修改, CSS樣式, CSS下載, CSS語法教學, 部落格語法, CSS樣式分享

本文引用自dillonelva - [部落格教學] 修改CSS調整部落格內文字體大小跟顏色

(繼續閱讀...)

小君的友情世界發表在痞客邦留言(0) 人氣(6)

個人分類：部落教學

▲top

3月 31 週二 201523:35
痞客幫CSS面板修改語法

請輸入帳號和密碼登入痞客幫邦後, 點選後台管理,
再點選版面管理,
最後點選編輯css,
然後先在模版中選擇Pixnet兩欄式(原gray2),
它會出現css語法,
在所出現的CSS語法式樣表中去找出你要修改的標籤位置做修改

如要改背景

請複製下列css語法貼到原來的css語法上完全覆蓋, 再輸入您背景圖的網址(紅字顯示處)!...
如果您要變更字體, 請在綠色顯示處輸入標楷體或其它字體...
front size(粉紅色顯示處)表示文字大小, 數字越大字體越大....
color是字體顏色或背景顏色, 可以在井字符號後修改色碼!

/*background部落格背景圖*/

body {
font-size: 12pt;
font-family: "新細明體";
letter-spacing: 1px;
color: #00ffff;
background: #D8AFFF url(輸入背景圖網址) repeat-x 0px -150px fixed;
margin: 10px 0px;}
br {
letter-spacing: 0px;
}

/*繼續閱讀,上一頁, 下一頁字體顏色*/
a {
color: #FA00F7;
text-decoration: none;
}
a:hover {
color: #369;
}
p { margin: 0px; }
ul { padding: 0px; margin: 0px; }
li { padding: 0px; margin: 0px; list-style: none; }
.Upgrade {
display: none;
}

/*寬度與邊距*/
#Container {
width: 902px;
margin: 0px auto;
}

/*top表頭*/

#Top {
position: relative;
height: 120px;
color: #FA00F7;
border-top: 0px solid #ccc;
padding: 0px;
z-index: 1;
}

/*部落格名稱字體大小,位置及顏色*/

#BlogHeader {
width: 500px;
overflow: hidden;
font-family: "標楷體";
font-size: 24pt;
padding: 20px 0px 0px 10px;
margin: 2px 0px 0px 0px;
}

#BlogHeader a { color: #9999ff; }
#BlogHeader a:hover { color: #9900ff; }

/*部落格介紹*/
#BlogDescr {
position: absolute;
bottom: 0px;
left: 20px;
width: 500px;
height: 50px;
font-family: "標楷體";
font-size: 16pt;
text-align: left;
color: #FA00F7;
padding: 0px 10px 0px 0px;
overflow: hidden;
}

/*userLink*/
#userBlock {}
#userBlock .Sidebody { padding: 10px; }
#userBlock .userImg td {
width: 200px;
text-align: left;
}
#userBlock .userImg img {
margin: 0px auto;
}
.userLink {
}

/*main*/
#Main {
margin: 10px 1px 0px 1px;
}

/*sidebar左右欄位設定*/
#Sidebar {
position: relative;
float: left;
width: 200px;
overflow: hidden;
word-break: break-all;
}
.Sideblock {
width: 200px;
margin: 0px auto 10px auto;
}
.Sidetitle {
height: 25px;
overflow: hidden;
}

/*左右欄位標題顏色*/

.Sidetitle H4 {
font-size: 12pt;
font-weight: dark;
line-height: 25px;
text-align: center;
color: #fff;

/*左右欄位標題底色*/

background:#9D37FF;
filter:alpha(opacity=30);
padding: 0px 8px;
margin: 0px;
}

/*欄位標題顏色*/

.Sidetitle H4 a { color: #fff;
}

/*欄位內容顏色*/
.Sidebody {
color: #1C19FF;
line-height: 18px;
background:#D8AFFF;
filter:alpha(opacity=30);

/*欄位字體邊距*/
padding: 10px;
margin: 0px 2px;
}

.Sidebody a { color: #8000FA; }
.Sidebody a:hover { color: #fff; background: #FF19FC; }
.Sidebody img { vertical-align: middle; }

/*sidebar_other自訂欄位*/
#CalendarPlugin .Sidebody {
padding: 10px;
padding-bottom: 10px;
}
table.calMonth {
width: 200px;
margin: 0px auto;
}
table.calMonth th {
font-weight: normal;
line-height: 18px;
}
table.calMonth td {
text-align: center;
line-height: 20px;
border: none;
background: #bdf;
}
table.calMonth td a {
display: block;
background: #fff;
padding: 10px;
}

/*content文章寬度及位置設定*/
#Content {
float: right;
width: 550px;
margin-right: 0px;
}

/*文章標題*/

.mainEntry {
margin-bottom: 10px;
}
.mainEntryTitle {
height: 30px;
}
.mainEntryTitle H3 {
line-height: 30px;
font-size: 14pt;
font-weight: normal;
padding: 0px 0px 0px 10px;
margin: 0px;
}

/*標題連結字體顏色*/
.mainEntryTitle H3 a { color: #ff1c19; }

/*標題連結字體顏色*/
.mainEntryTitle H3 a:hover { color: #ff99ff; }
.mainEntryBody {
background: url() repeat-y;
}

/*發文日期*/
.date {
width: 550px;
height: 25px;
font-size: 12pt;
text-align: right;
color: #007AFA;
padding: 0px 0px 0px 0px;
}
span.date { background: none; margin-right: 10px; }
p.mainEntryBase {
line-height: 200%;
margin: 10px 10px;
}

/*人氣顏色*/
.mainEntryfoot {
color: #FF1C19;
padding-right: 5px;
}

/*pixnet佈置秘笈等字體顏色*/
.mainEntryfoot a { color: #00BCBE; }

/*pixnet佈置秘笈等連結字體顏色*/
.mainEntryfoot a:hover { color: #3799FF; }
.mainEntryfoot br { line-height: 0px; }

input#trackback_url {
color: #aaa;
font-family: "Arial";
font-size: 10pt;
letter-spacing: 1px;
border: none !important;
border-bottom: 1px solid #FF37FD !important;
padding: 0px;
}
.mainEntryBottom {
height: 20px;
padding: 20px 0px 5px 0px;
}
.mainEntryBottom a.ptop {
display: block;
width: 50px;
text-align: center;

/*TOP字體顏色*/
color: #FF37FD;
margin-left: 10px;
}
.mainEntryBottom a.ptop:hover {
color: #fff;
}
.maintagline {
margin: 5px 10px;
}
.maintagline b {
font-weight: normal;
margin-right: 10px;
}
.maintagline br { display: none; }
.maintagline img { vertical-align: middle; }
.extended {
margin: 0px 10px;
}
.extended b {
font-weight: normal;
}
.extended a {
margin-left: 25px;
}

/*comments文章迴響*/
#Comments {}
H4.commentTitle {
font-size: 0px;
font-weight: normal;
color: #DC00D9;
line-height: 0px;
}
H4.commentTitle a {
display: block;
width: 100px;
height: 30px;
text-align: center;
font-size: 0pt;
text-indent: -5000px;
background: url(http://p4.p.pixnet.net/albums/userpics/4/5/420045/1182914119.gif) no-repeat center center;
margin: 18px auto;
}
H4.commentTitle a:hover {}
.commentBody {
padding: 0px;
margin: 0px auto;
}

/*迴響內容文字顏色*/

.CommentInnerBox {
color: #7100DC;
background: none;
border-bottom: 1px solid #8be;
margin-bottom: 10px;
}
.CommentInnerBox br { line-height: 0px; }

/*迴響標題*/

.commentheader {
color: #DC00D9;
padding: 5px 10px;
}
.commentcontent {
padding: 10px;
}
.commentcontent br { line-height: 18px; }
.commentposterinfo {
color: #47a;
height: 20px;
_height: 17px;
_padding-top: 3px;
line-height: 20px;
text-align: right;
padding-right: 5px;
}
.commentposterinfo a { background: #ace; }
.commentposterinfo a:hover { background: none; }
.commentposterinfo br { display: none; }
.commentposterinfo img {
visibility: hidden;
width: 12px;
height: 12px;
vertical-align: middle;
}
.replyBox {
background: none;
border: none;
padding: 0px;
margin: 0px 0px 10px 50px;
}
.replyBox span {
color: #999;
padding: 0px 0px 0px 10px;
}
.replyContent {
color: #258;
padding: 5px 5px 5px 30px;
}
.replyInfo {
display: yes;
}

/*footer*/
#pagefooter {
clear: both;
height: 38px;
text-align: left;
color: #58b;
border-bottom: 1px solid #ccc;
background: url() no-repeat bottom;
padding: 60px 0px 0px 10px;
}
#pagefooter a { color: #369; }
#pagefooter a:hover { color: #58b; }
#pagefooter div { display: inline; }
#pagefooter img { display: none; }

/*捲軸顏色變更設定→紫框*/
html{
scrollbar-base-color : #FF55FD;整體顏色;
scrollbar-face-color : #b478f0;軸面顏色;
scrollbar-track-color: #9600f0;軸軌顏色;
scrollbar-arrow-color : #ff00ff;箭頭顏色;
scrollbar-3dlight-color: #ff00ff;左立體邊顏色;
scrollbar-highlight-color : #ff00ff;軸面左角邊顏色;
scrollbar-shadow-color : #ff00ff;軸面右角邊顏色;
scrollbar-darkshadow-color : #ff00ff;右立體邊顏色;
}

本文引用自hopopo923 - 痞客幫CSS面板修改語法

(繼續閱讀...)

小君的友情世界發表在痞客邦留言(0) 人氣(21)

個人分類：部落教學

▲top

12 ...9 »

小君的友情世界

更換版型上方圖片的方法

~ღ 翔霏製ღ ~ 游標 01-200款附:貼痞客游標簡易教學

[部落格教學] 人氣王不是夢，大大提升部落格曝光率-FunP

[部落格教學] 線上人數計數器-SEO Stats(日本網站)

[部落格教學] 修改CSS調整部落格內文字體大小跟顏色

[視覺設計] 酷!GIF圖檔也可以弄的像小型質感影片

[部落格教學] 線上人數計數器-SEO Stats(日本網站)

[部落格教學] 人氣王不是夢，大大提升部落格曝光率-FunP

[部落格教學] 修改CSS調整部落格內文字體大小跟顏色

[電腦小知識] 記住Ctrl+Y，受用一輩子

[部落格教學] 將痞客邦強迫中獎的「你可能會有興趣的文章」隱藏

[部落格教學] 線上人數計數器-SEO Stats(日本網站)

[部落格教學] 人氣王不是夢，大大提升部落格曝光率-FunP

[部落格教學] 修改CSS調整部落格內文字體大小跟顏色

[部落格教學] 部落格天數計算語法

[部落格教學] 線上人數計數器-SEO Stats(日本網站)

[部落格教學] 修改CSS調整部落格內文字體大小跟顏色

[部落格教學] 將痞客邦強迫中獎的「你可能會有興趣的文章」隱藏

(css樣式) 喜洋洋的「過年紅」未上架先開放下載

(css樣式) 「貴婦喝著下午茶」樣式下載和說明

[部落格教學] 修改CSS調整部落格內文字體大小跟顏色

[部落格教學] 線上人數計數器-SEO Stats(日本網站)

[部落格教學] 人氣王不是夢，大大提升部落格曝光率-FunP

[Facebook 教學] 分享Youtube影片無縮圖的解決方法

痞客幫CSS面板修改語法

個人資料

誰來看我

文章分類

熱門文章<

參觀人氣

小君常用網站

最新文章

每日焦點新聞

送格友回家