為了是部落格稍微花哨一點,不要太單調,簡單的新增了一些特效進來.
時鐘人特效新增,只需要一段**就可以達到效果了.
介面懸浮的輪播圖,本來是位置固定的,但是能夠展示的位置太小,就懸浮放置了.
直接上介面的**:
<div
id="carousel"
title
="點選消失"
>
<
figure
><
img
src=""
alt=""
title
="點選消失"
>
figure
>
<
figure
><
img
src=""
alt=""
title
="點選消失"
>
figure
>
<
figure
><
img
src=""
alt=""
title
="點選消失"
>
figure
>
<
figure
><
img
src=""
alt=""
title
="點選消失"
>
figure
>
<
figure
><
img
src=""
alt=""
title
="點選消失"
>
figure
>
<
figure
><
img
src=""
alt=""
title
="點選消失"
>
figure
>
<
figure
><
img
src=""
alt=""
title
="點選消失"
>
figure
>
<
figure
><
img
src=""
alt=""
title
="點選消失"
>
figure
>
<
figure
><
img
src=""
alt=""
title
="點選消失"
>
figure
>
div>
應該可以看出需要你提前找到幾張,上傳到部落格或者那裡都行吧.
這個新增了還沒有完成,需要新增相關的動態效果,不然只是靜止的.相關的css如下:
#carousel#carousel:hover#carousel figure#carousel figure:nth-child(1)#carousel figure:nth-child(2) #carousel figure:nth-child(3) #carousel figure:nth-child(4) #carousel figure:nth-child(5) #carousel figure:nth-child(6) #carousel figure:nth-child(7) #carousel figure:nth-child(8) #carousel figure:nth-child(9) imgimg:hover@keyframes rotationto}
有時候可能覺得輪播圖比較礙眼,可以設定成點選消失吧:
這個就是輪播圖的所有**了.
這個部分參考的是:
下面介紹的是乙個寵物的**:
參考的是部落格主頁如下:
asp.net mvc5 怒跨 linux 平台 - mr.tua -
下面介紹乙個訪客國家人數的乙個統計.
**很簡單,但是需要用到這個對應的服務位址,不然只能統計別人的位址了.下面的第二個連線就是申請的位址.
參考的**來自下面的主頁,以及服務提供商:
龔細軍 -
flag counter - free counters - instant, easy and fun!
下面介紹乙個世界地理位置的訪客統計:
<div
style
="text-align:center; margin:0; padding:0; width:202px;"
><
embed
src=""
type
pluginspage
=""quality
="high"
wmode
="window"
allowscriptaccess
="always"
allownetworking
="all"
width
="202"
height
="202"
flashvars
="m=0&i=591dohmimnk&r=false&v=true&b=000000&n=false&s=202&c=ff0000"
>
embed
><
br /><
img
src=""
width
="1"
height
="1"
alt=""
/><
a href
="">large visitor globe
a>
div>
**和上面那個差不多,也是需要申請,參考的部落格是下面的這個:
龔細軍 -
welcome to revolvermaps | revolvermaps - free 3d visitor maps
部落格園看板娘的簡單新增
第一種方法 頁面定製css 放上 看板娘 canvas live2dcanvas 頁尾html 放上 看板娘 第二種方法 頁首 頁尾 有前端知識的看官，我推薦去看另一位大佬的部落格，應該是中把部落格裝飾成二次元風格的所有人中top10的存在，傳送門 yjlaugus。我因為前端知識的匱乏，導致現在這...
部落格園新增目錄生成
以下兩種方法配合食用更佳 部落格側邊欄公告新增 也可以新增到頁尾html 注意 目錄生成標題對應markdown中的 和 其實也不一定新增在右上角，位置和顏色還有字型大小都可以隨自己喜好改的 頁面定製css 新增 生成部落格目錄的css uprightsidebar sidebartab sideb...
部落格園新增背景步驟
準備工作 1,首先你的獲取到js許可權 申請後 半天左右能批下來 2,與此同時可以 先找張好看的 儲存到部落格相簿中方面後面 使用 不建議使用網上的鏈結或圖床 不穩定 畢竟是別人的 儲存到部落格保險些 寫入 3,接下來就是獲取許可權後 在自己部落格中找到body對應的class類名 5,然後使用該類...