本想『思念』是最後的版本了,沒想到一時手癢,東修西改的
又做了這個可愛一點的樣式風格......

因為新浪的板型樣式真的是少的可憐,所以只好動手稍微去了解一下,
該怎麼喬,怎麼改,怎麼去設定,才能符合自己的需要。

這個版型跟思念是一樣的,整個結構是將二個側邊欄放在同一邊
再將橫幅的區塊移到左邊,將側欄與橫幅並排
這種版型樣式比較特殊也少見,整個的設定要解說.....
實在是很複雜耶!我怕我會寫的很辛苦,而你看的還是一塌糊塗!

所以若是喜歡這個版型樣式的,有意很高興能分享給您,
將CSS 語法給您套用《圖片請按右鍵另存圖片》
也可自行製作圖片,再將圖片重新換過就好了!
如果是套用我的CSS 語法,將不另外教你如何修改唷!...

這篇的 CSS 裡,將有註明一些標籤的位置說明
喜歡修改 CSS 的朋友也可作參考..



總共有六張圖片一個游標與一篇 CSS 語法

若原本欄位是二欄式的,需先至『版型管理』裡勾選三欄的
再先套用新浪提供的樣式,再『 編輯CSS 』裡重新套用情意的CSS

圖一.....點擊圖片放大
Highslide JS



圖二.....點擊圖片放大
Highslide JS

圖三


圖四


圖五


圖六



游標
將滑鼠移過來→可愛眨眨眼(動態)按此下載
網址:http://yzcomm1.googlepages.com/A024.ani


CSS 語法→按此下載





小小建議
若要修改請先將你原來的CSS 先複製儲存
以防萬一將語法弄亂了,可在貼回去唷!

提醒您!CSS是以新浪的版型下去寫的唷!
所以別家的部落格,應該是不能使用的.....





cm788847 發表在 痞客邦 PIXNET 留言(19) 人氣()


留言列表 (19)

發表留言
  • 晴
  • <p>拜託直接給我語法可以嗎?我不會用ㄟ= = 拜託嚕</p>
  • 胖布丁
  • 嗯嗯 可以了&nbsp;&nbsp; 你好厲害喔<img alt="" src="/_common/FCKeditor/editor/images/smiley/msn/thumbs_up.gif" />~這樣看就知道哪裡出問題了>O<<br />
    <br />
    真是太感謝你了<img alt="" src="/_common/FCKeditor/editor/images/smiley/msn/heart.gif" /><img alt="" src="/_common/FCKeditor/editor/images/smiley/msn/heart.gif" /><img alt="" src="/_common/FCKeditor/editor/images/smiley/msn/wink_smile.gif" />
  • 胖布丁
  • <p>版版:<br />
    我CSS語法放上去之後,作者檔案沒辦法像妳那樣在最上層耶>"< 怎麼辦?<img alt="" src="/_common/FCKeditor/editor/images/smiley/msn/cry_smile.gif" /></p>
  • Kylie
  • 可愛的版型, 打包帶走囉..<img alt="" src="/_common/FCKeditor/editor/images/smiley/msn/teeth_smile.gif" />
  • 小詠
  • 我可以拿走一些圖片嘛!<img alt="" src="/_common/FCKeditor/editor/images/smiley/msn/regular_smile.gif" />
  • 黑人
  • 真的非常感謝妳的熱心分享版面...<br />
    <br />
    我用了你這個版面,改出自己想要的版型<br />
    <br />
    真的很感謝妳 :)
  • 儀
  • 豪可愛<br />
    <br />
    我拿走嚕 <img alt="" src="/_common/FCKeditor/editor/images/smiley/msn/regular_smile.gif" />
  • 大目啾
  • 帶走摟~~謝謝捏: )
  • 情
  • 意,<br />
    我拿去給小櫻用囉....^^
  • 熙
  • 版主的面板做的太可愛了^^<br />
    借走了唷^^
  • 廖婕玲
  • <p><img alt="" src="/_common/FCKeditor/editor/images/smiley/msn/sad_smile.gif" /><img alt="" src="/_common/FCKeditor/editor/images/smiley/msn/regular_smile.gif" /><img alt="" src="/_common/FCKeditor/editor/images/smiley/msn/wink_smile.gif" /><img alt="" src="/_common/FCKeditor/editor/images/smiley/msn/teeth_smile.gif" /><img alt="" src="/_common/FCKeditor/editor/images/smiley/msn/confused_smile.gif" /><img alt="" src="/_common/FCKeditor/editor/images/smiley/msn/tounge_smile.gif" /><img alt="" src="/_common/FCKeditor/editor/images/smiley/msn/embaressed_smile.gif" /><img alt="" src="/_common/FCKeditor/editor/images/smiley/msn/omg_smile.gif" /><img alt="" src="/_common/FCKeditor/editor/images/smiley/msn/whatchutalkingabout_smile.gif" /><img alt="" src="/_common/FCKeditor/editor/images/smiley/msn/angry_smile.gif" /><img alt="" src="/_common/FCKeditor/editor/images/smiley/msn/angel_smile.gif" /><img alt="" src="/_common/FCKeditor/editor/images/smiley/msn/cry_smile.gif" /><img alt="" src="/_common/FCKeditor/editor/images/smiley/msn/lightbulb.gif" /><img alt="" src="/_common/FCKeditor/editor/images/smiley/msn/devil_smile.gif" /><img alt="" src="/_common/FCKeditor/editor/images/smiley/msn/thumbs_up.gif" /><img alt="" src="/_common/FCKeditor/editor/images/smiley/msn/heart.gif" /><img alt="" src="/_common/FCKeditor/editor/images/smiley/msn/kiss.gif" /><img alt="" src="/_common/FCKeditor/editor/images/smiley/msn/envelope.gif" /></p>
  • 糖
  • 謝謝你無私的分享唷<img alt="" src="/_common/FCKeditor/editor/images/smiley/msn/regular_smile.gif" /><br />
    <br />
    帶走嚕^^
  • BUEYUNG
  • ^^<br />
    我取走了這個樣式唷<br />
    很可愛<br />
    謝謝你
  • 廖小妹
  • 我很喜歡這郭<br />
    取走囉<br />
    謝謝分享
  • vicky
  • 哈囉~<br />
    <br />
    這一個css可以套用在無名ㄝ!<br />
    <br />
    <br />
    我原本很絕望的說~已為可愛的版版只能在新浪用<br />
    <br />
    沒想到一試之下居然成功嚕!<br />
    <br />
    <br />
    感謝情意提供!<br />
    <br />
    我的無名:<br />
    <a href="http://www.wretch.cc/blog/ms078958">www.wretch.cc/blog/ms078958</a>1
  • 小N
  • 情意<br />
    <br />
    不好意思= =問題很多....<br />
    我的部落格看到欄位最下面<br />
    為什麼會那樣,會多出來= =
  • 小N
  • 情意<br />
    <br />
    欄位我用好了,原來是部落聯播寬度太寬!<br />
    我弄好之後,因為有廣告所以變的不一樣高!<br />
    怎麼辦?<br />
    <br />
    要怎麼把廣告弄掉!?
  • 小N
  • <p>情意<br />
    <br />
    我套用了語法之後,我的欄位怎麼往下掉上不來= =<br />
    那阿捏~"~</p>