面板分享又來囉~~
分享很多次了
會不會有人拿到不想拿了阿
因為之前面板看膩了,想說做點新的(笑)
這次做了很多組
不過都是一張圖有兩種款式 這樣
KT6人各一組、斗真兩組
P一組、亮四組、小山兩組
這次有做Ryo跟慶的唷
慶的是特別為 Mari 你做的(笑)
至於亮的是因為之前沒做
所以這次就特別做了兩款
使用方法非常簡單~
轉走時請登入帳號並在下面留言告知
然後只要把下面提供的語法貼在您網誌的
"版面設定"→"修改CSS"的語法欄最下面就可以了
之前的面板請移至這裡↓
【面版】誰來我家3組
(KinKi & AK & TOMA)
【面板】誰來我家4組
(小栗旬 x 2 & 山本裕典 & 龍也)
【面板】誰來我家多組(上)
(KinKi & 光一 & 剛 & 山斗 & 斗 & Px2)
【面板】誰來我家多組(下)
KAT-TUN
K:2組 A:3組 T:2組
T:2組 U:2組 N:3組
【面板】新增面板5組
(P & 斗真 & KT & 赤西 & 龜梨)
01→小山(無圖示)
.innertext p {
color:#3f3f3f;}
#boxWho{width:195px;height:auto !important;text-align:left;}
#boxWho div#whowrapper{width:200px !important;overflow:hidden;
height:200px;
background:url(http://pink619.myweb.hinet.net/CSS/K.jpg) no-repeat;
text-align:center;padding-top:105px;padding-left:0px;}
#boxWho li{margin:2px 0px 3px 12px !important;}
#boxWho #whowrapper li a {
background:url() no-repeat;}
#boxWho #whowrapper li a img {
filter:alpha(opacity=0);}
#boxWho #whowrapper li a:hover img {
filter:alpha(opacity=100);}
大頭的部份是沒有圖案的~
那蘋果是為了讓大家知道大頭貼位置而放的
這組就只有一張圖這樣
誰來我家要把滑鼠移過去才會有照片
02→小山
.innertext p {
color:#3f3f3f;}
#boxWho{width:195px;height:auto !important;text-align:left;}
#boxWho div#whowrapper{width:200px !important;overflow:hidden;
height:200px;
background:url(http://pink619.myweb.hinet.net/CSS/K.jpg) no-repeat;
text-align:center;padding-top:105px;padding-left:0px;}
#boxWho li{margin:2px 0px 3px 12px !important;}
#boxWho #whowrapper li a {
background:url(http://pink619.myweb.hinet.net/CSS/yu1.gif) no-repeat;}
#boxWho #whowrapper li a img {
filter:alpha(opacity=0);}
#boxWho #whowrapper li a:hover img {
filter:alpha(opacity=100);}
跟剛剛那組就是差在誰來我家的部分有圖案 這樣
這樣看應該就知道第一組我在說什麼了(笑)
03→TOMA(無圖示)
.innertext p {
color:#3f3f3f;}
#boxWho{width:195px;height:auto !important;text-align:left;}
#boxWho div#whowrapper{width:200px !important;overflow:hidden;
height:200px;
background:url(http://pink619.myweb.hinet.net/CSS/TOMA4.jpg) no-repeat;
text-align:center;padding-top:105px;padding-left:0px;}
#boxWho li{margin:2px 0px 3px 12px !important;}
#boxWho #whowrapper li a {
background:url() no-repeat;}
#boxWho #whowrapper li a img {
filter:alpha(opacity=0);}
#boxWho #whowrapper li a:hover img {
filter:alpha(opacity=100);}
這組也是無圖示的~因為有圖示多少都會擋住臉
04→TOMA
.innertext p {
color:#3f3f3f;}
#boxWho{width:195px;height:auto !important;text-align:left;}
#boxWho div#whowrapper{width:200px !important;overflow:hidden;
height:200px;
background:url(http://pink619.myweb.hinet.net/CSS/TOMA4.jpg) no-repeat;
text-align:center;padding-top:105px;padding-left:0px;}
#boxWho li{margin:2px 0px 3px 12px !important;}
#boxWho #whowrapper li a {
background:url(http://pink619.myweb.hinet.net/CSS/yu1.gif) no-repeat;}
#boxWho #whowrapper li a img {
filter:alpha(opacity=0);}
#boxWho #whowrapper li a:hover img {
filter:alpha(opacity=100);}
這組就是有圖示的~不擋住臉的話,就只有用泡泡的圖案
可是嘴巴那邊還是有點被線給擋到@@
05→P(無圖示)
.innertext p {
color:#3f3f3f;}
#boxWho{width:195px;height:auto !important;text-align:left;}
#boxWho div#whowrapper{width:200px !important;overflow:hidden;
height:200px;
background:url(http://pink619.myweb.hinet.net/CSS/P04.jpg) no-repeat;
text-align:center;padding-top:105px;padding-left:0px;}
#boxWho li{margin:2px 0px 3px 12px !important;}
#boxWho #whowrapper li a {
background:url() no-repeat;}
#boxWho #whowrapper li a img {
filter:alpha(opacity=0);}
#boxWho #whowrapper li a:hover img {
filter:alpha(opacity=100);}
P的只有無圖式這組~因為不管用什麼圖案都會破壞美觀
06→RYO1(無圖示)
.innertext p {
color:#3f3f3f;}
#boxWho{width:195px;height:auto !important;text-align:left;}
#boxWho div#whowrapper{width:200px !important;overflow:hidden;
height:200px;
background:url(http://pink619.myweb.hinet.net/CSS/RYO.jpg) no-repeat;
text-align:center;padding-top:105px;padding-left:0px;}
#boxWho li{margin:2px 0px 3px 12px !important;}
#boxWho #whowrapper li a {
background:url() no-repeat;}
#boxWho #whowrapper li a img {
filter:alpha(opacity=0);}
#boxWho #whowrapper li a:hover img {
filter:alpha(opacity=100);}
我很喜歡這張照片耶XDDD
所以就做了!!(笑)
07→RYO1
.innertext p {
color:#3f3f3f;}
#boxWho{width:195px;height:auto !important;text-align:left;}
#boxWho div#whowrapper{width:200px !important;overflow:hidden;
height:200px;
background:url(http://pink619.myweb.hinet.net/CSS/RYO.jpg) no-repeat;
text-align:center;padding-top:105px;padding-left:0px;}
#boxWho li{margin:2px 0px 3px 12px !important;}
#boxWho #whowrapper li a {
background:url(http://pink619.myweb.hinet.net/CSS/yu1.gif) no-repeat;}
#boxWho #whowrapper li a img {
filter:alpha(opacity=0);}
#boxWho #whowrapper li a:hover img {
filter:alpha(opacity=100);}
這張是有泡泡圖的˙˙˙雖然覺得很適合
但是還是擋到不少部分= =
轉走時請登入帳號並在下面留言告知
然後只要把下面提供的語法貼在您網誌的
"版面設定"→"修改CSS"的語法欄最下面就可以了
留言列表