個人連結圖片如何修改？ - 部落格

請問你看到的圖片是降子嗎@@~

http://i.imgur.com/zB9YV.jpg

感覺好像是在同一行的說…

如果要讓那些圖片小一點的話…

你可以到管理後台：http://i.imgur.com/9RnTi.png

後台頁的左邊有個"面板樣式(佈影+CSS)"：http://i.imgur.com/r2eux.png

然後選"自訂CSS樣式"：http://i.imgur.com/oaUZ2.png

接下來你會看到一個很大的文字方塊，裡面有一大堆CSS

找到 /*服務切換tab*/ 這段，下面大括號裡面是類似：

#service-list {
height: 50px;
left: 0;
position: absolute;
top: 180px;
width: 710px;
}

接下來在裡面加上幾行如下：


#service-list {

-moz-transform: scale(0.8); /*縮小那一行連結*/
-webkit-transform: scale(0.8);
-o-transform: scale(0.8);
-ms-transform: scale(0.8);
transform: scale(0.8);

-moz-transform-origin: 0 50%; /*縮小後會往左邊對齊*/
-webkit-transform-origin: 0 50%;
-o-transform-origin: 0 50%;
-ms-transform-origin: 0 50%;
transform-origin: 0 50%;

height: 50px;
left: 0;
position: absolute;
top: 180px; /*如果想要把那一行放下面一點，這個數字可以設大一些*/
width: 710px;
}

大致如此，不過很殘酷的…舊的IE可能沒效果(逃)

有問題再問問吧XDD

※ 引述《ouhimesama (安倍晴明‧源博雅)》之銘言：
: 嘗試開了Xuite的日誌功能，套用版面主題之後稍加修改如下：
: http://blog.xuite.net/yanuchen/seimei
: 標題圖片上出現的那些個人連結「BLOG」「PHOTO」「VLOG」...字樣，
: 有沒有辦法調整字樣圖片大小呢？
: 而且「CARD」已經跳到下一行去了，能不能讓全部連結都在同一行呢？
: 爬過好多文章，看到眼睛都花了...css真的好難懂...
: 希望有朋友願意告訴我該如何修改...
: 感謝....

--