作者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