[教程]如何美化Text Area ♥
Friday, September 21, 2012, 9/21/2012 07:38:00 PM - Permalink | 0 Comments
本博主研究有關代碼是屬於BS的。BT是否能使用,我就不知道了,看你們BT使用者的造化了XP
就是那個紅色箭頭指著的。這個很簡單,不用想得很複雜。
如果有放BlogLogo在blog,那麼你們blog logo下面就會出現一個格子。裏面有代碼,方便給人copy的。這種可以稱為Text Area。要怎樣美化它?
好,和我一起一步一步做。
首先,
按Ctrl+F,找出你的blog logo 代碼位置。如下圖
你會看到 <textarea>代碼</textarea>
border: #顏色代碼 6px double;
border-radius: 9px;
說明
- border是框。
- 顏色代碼是你要框框什麽顏色。
- 紫色是你框的線要多粗,值越大,就越粗。
- 紅色是你框線的pattern。有double、dashed、solid等等。
- border-radius是你框角的彎度。
- 青色是彎度的值,值越大,就越彎。
你們自己也可以自己加一些代碼進去,例如:text-shadow、font-family、background-url等等。只要用心就可以做出比我美的text area。你們自己也可以加些框的特效。
好了,有什麽不明白可以留言。
P/S:要轉帖請告知。然後把我部落大名show出來。
請幫按按Nuffnang和ChurpChurp。謝謝!:)
完畢·The End
Labels: bs
[教程] 如何使用代碼設計背景 ♥
Sunday, September 16, 2012, 9/16/2012 08:00:00 AM - Permalink | 0 Comments
有人問我,所以我教教大家啦。
這個教程是給和我一樣不會用PS的人。設計背景真的讓人很頭疼!今天就教教大家如何使用簡單的代碼設計出blog的背景。此研究是屬於BS的,BT使用者可以試試看。
如下圖:(可點圖放大)
就是哥特風蕾絲的背景。其他的都可以,只要保證圖片是可以被連接的。
如:
對,就是要這種一片的,如果沒有的話,可以到很多blog找。
好了,廢話不多說,請找好圖片,放住一邊先。
我先教大家把圖片放在上面一排這樣的。像我的blog這樣。我只懂 blogskin 方法。
首先,按 Ctrl+F 找 body {
then,找 background。
把所有關於background的代碼刪掉,然後加上以下的代碼。
background: url (圖片網址);
background-position: top;
background-repeat: repeat-x;
說明:
- URL就是你要的圖片網址。
- Position就是你圖片的位置,top是頂部、bottom是底部、left是左、right是右。
- Repeat是圖片/背景重複,repeat-x就是打橫重複、repeat-y就是打直重複。不可以放no-repeat/repeat!如果你放了,就不像上面的圖片了。
好了,大致上我相信大家都看明白了吧?
那麼以上的圖片代碼又是什麽呢?和上面的代碼一樣,只是要把position的top改成left或right,然後把repeat-x改成repeat-y。
是不是很簡單 ? : D
那麼colour呢?因為colour和圖片不是一起的。所以你只是單單放圖片的話是不會有顏色的。空白要怎麼變成你喜歡的顏色呢?很簡單。
在background:url (圖片URL) 後面加顏色代碼
如:background: url (http://xxxxxxxx.png) #顏色代碼;
把顏色代碼改成你想要的顏色代碼就可以了。這樣就能呈現出完整的背景了。
好了,我教完了,不明白的地方可以問。
P/S: 以上代碼是博主自己研究出來的。如有什么差错,请多多包涵^^
以上教学是博主辛辛苦苦一字一字编出来的
要转帖请告知并附上本blog的大名,请别copy :)
以上教学是博主辛辛苦苦一字一字编出来的
要转帖请告知并附上本blog的大名,请别copy :)
版权所有归葆薏優閣 ♥
Copyrighted © 16.9.2012 BaoYogurt
完畢·The End
Labels: bs