Entries Profile stuff Affies Credit

<body><script type="text/javascript"> function setAttributeOnload(object, attribute, val) { if(window.addEventListener) { window.addEventListener('load', function(){ object[attribute] = val; }, false); } else { window.attachEvent('onload', function(){ object[attribute] = val; }); } } </script> <div id="navbar-iframe-container"></div> <script type="text/javascript" src="https://apis.google.com/js/platform.js"></script> <script type="text/javascript"> gapi.load("gapi.iframes:gapi.iframes.style.bubble", function() { if (gapi.iframes && gapi.iframes.getContext) { gapi.iframes.getContext().openChild({ url: 'https://www.blogger.com/navbar.g?targetBlogID\x3d4038328260144312534\x26blogName\x3dYogurt+Baoy\x27s+Blog\x26publishMode\x3dPUBLISH_MODE_BLOGSPOT\x26navbarType\x3dSILVER\x26layoutType\x3dCLASSIC\x26searchRoot\x3dhttps://yogurt-baoy96.blogspot.com/search\x26blogLocale\x3den\x26v\x3d2\x26homepageUrl\x3dhttp://yogurt-baoy96.blogspot.com/\x26vt\x3d-4342906906947811698', where: document.getElementById("navbar-iframe-container"), id: "navbar-iframe" }); } }); </script>

[教程]如何美化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>

看到style嗎?看到的話就把以下代碼加進代碼裏面。如上圖紅色線條的代碼。

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:


[教程] 如何使用代碼設計背景 ♥
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 :)

版权所有归葆薏優閣 ♥

Copyrighted © 16.9.2012 BaoYogurt

請幫按按Nuffnang和ChurpChurp。謝謝!:)

完畢·The End

Labels: