作者grassboy2 (小胖子．吳草兒)
看板Blog
標題Re: [Xuite] 個人連結圖片如何修改？
時間Fri Sep 7 16:02:48 2012
請問你看到的圖片是降子嗎@@~
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真的好難懂...
: 希望有朋友願意告訴我該如何修改...
: 感謝....
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 114.34.136.131
1F：推 ouhimesama:謝謝您的幫忙～我用google chrome看「card」會跑到第二 09/07 17:19
2F：→ ouhimesama:行耶。不過位置的確是想往下調的，感謝幫忙！我再試試 09/07 17:20
3F：推 ouhimesama:請問如果我想要讓那排字往圖片右下角對齊要怎麼改呢？ 09/07 23:42
4F：推 ouhimesama:修好啦！感謝grassboy2詳細耐心教學！！ 09/07 23:57