Claire. With You.

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: bs