Solitude

Nhất khúc Dương xuân, xuân dĩ mộ

Noel
Trường An December 14th, 2011

 

 

Cái cò, cái vạc, cái nông
Trong ba cái ấy vặt lông cái nào?

Định treo vòng lá Giáng sinh lên mà nhìn hoài không biết chọn cái gì. Thôi thì post hết cho nó rực rỡ (imba).

Code trang trí blog (hay còn gọi là h a ck giao diện blog) :P . Những platform blog như WP chẳng hạn cho giới hạn tinh chỉnh giao diện khá là nghèo nàn. Nhưng mùa lễ hội này bạn lại muốn treo một vòng lá, kết một chuỗi chuông lên blog thì phải làm seo?

Rất dễ: Mở phần soạn thảo bài viết ra, post vào code này:

<img src="http://i36.photobucket.com/albums/e31/moonreflected/noel/fltxtf55.gif" border="0" style="top:0px; right:10px; position:absolute;">

Trong đó, link hình bạn tự thay vào. Thuộc tính style - position:absolute khiến cho hình này trở thành một lớp "nổi" lên trên blog mà vị trí được xác định bởi các thuộc tính top, right, left, bottom - bạn tự thay số px để đẩy hình đến nơi thích hợp, có thể dùng cả số âm. Thuộc tính này không thể dùng với div, nên rất tiếc là bạn đừng nên quá tham lam, nhồi nhét quá nhiều hình vào thì nó đánh nhau đấy.

Hình này sẽ "nổi" lên đầu trang chừng nào bài viết đó vẫn còn trên trang. Cho nên, mách lẻo là bạn hãy dùng Widget - Văn bản, post code hình vào. Phần văn bản sau đó bạn muốn viết gì cũng được, không liên quan. :D

 

 

Code để làm giống như này: Link. (Siêng được 3 bữa lại bỏ xó cái blog này rồi ::) ).

<div style="background:url('link') top left repeat-x #333629;margin:5px;padding:10px;">
<table border="0" width="98%">
<tbody>
<tr>
<td style="border:2px solid gray;opacity:0.7;filter:alpha(opacity=70);border-radius:10px;" width="300px" bgcolor="white">
<div style="padding:10px;"> Mục lục
</div>
</td>
<td style="text-align:center;padding-top:100px;padding-left:30px;" valign="top"> Ghi chú </td>
</tr>
</tbody>
</table>
</div>

Phần div để xác định background, trong đó mã màu là màu phù hợp với hình nền, ở đây thuộc tính của hình nền là no-repeat, left, top để hình nền nằm ở đầu phía bên trái. Phía dưới hình nền được làm để phù hợp với màu nền của div, cho nên nếu lớp có kéo dài thì cũng không phá vỡ tổng thể.

Trong lớp div này, ta làm một table. Dùng table vì nếu không khéo dùng div thì sẽ phá vỡ kết cấu của theme. Trong đó, dễ thấy là phần Mục lục được làm mờ này có thuộc tính style là opacity (dùng cho các browser) và filter (dành cho IE), chỉ số càng thấp thì phần được gán thuộc tính càng mờ.


Photobucket

Photobucket

Photobucket

Photobucket

Photobucket

Photobucket

Photobucket

Photobucket

Photobucket

Photobucket

Photobucket

Photobucket

 



3 Responses
Diam

Em làm thử cái phần trang trí bài viết, nhìn vui vui, tự dưng thấy có không khó Noel hẳn :D :D
Cảm ơn chị nhiều nhen. <3 <3 <3

Pinky

Wow, mấy cái vòng lá Giáng sinh nhà chị Aster đẹp quá, có cảm giác như đang lạc vào shop bán đồ Noel í!!! ^_^ Mà cũng thích bài hướng dẫn của chị lắm, rất tỉ mỉ, tiếc là em giờ vô gia cư ùi nên chẳng có nhà đâu mà treo lên cả -> bùn, hix!!

Cơ mà sao chị ko treo lên page chính cho nó hoành tráng nhỉ? Để trong 1 entry em thấy nó hơi phí, vì mỗi lần vào nhà chị Ast, mún hưởng ké không khí Christmas lại phải click vào entry nì :) (Just kidding!)

Chị ui, hem bít chị còn nhớ em ko, từ thuở SessRin tới giờ cũng đã lâu em ko liên lạc với chị, nhưng em vẫn vào nhà chị khá đều đặn, chỉ có điều chưa comment, thấy chị vẫn ổn, em vui. Cơ mà e vẫn vào nhà theo lối moonlight-flower.com/aster/?cat=1 chị ạ :) cứ đi đường ấy tự khắc nó cũng dẫn tới đây, ko hiểu sao em vẫn chưa quen với cách chọn click vào đường link mới của chị :).

Nhắc tới trước đây, chị cho em xin lỗi vì đã gọi chị là bạn mà ko xem kỹ năm sinh nhé, vì vừa rồi em vào accvn ấy, chị ko còn hoạt động trên í nữa, nhưng em vào nhà aster12 và lamthien thì thấy để Byear là 1984, nếu thật vậy thì em xin lỗi chị vì sơ suất của mình trước đây nên xưng hô ko thích hợp... Cơ mà em vẫn thích gọi chị là Aster thôi, ko phải TruongAn như tên mới, vậy có dc ko ạ? Nếu chị ko thích em sẽ sửa lại.

Thích cái ko gian tuyết rơi nhè nhẹ ở nhà chị, da diết, khắc khoải, bùn bùn nhưng vẫn nhẹ nhàng khó tả. Chỗ em ở giờ cũng có tuyết rùi, nhưng em chỉ thấy lạnh tê người và trống rỗng thôi, chán phèo! Ko còn thấy thích như hồi ở nhà mơ mộng nghĩ tuyết xứ người nó thế nào nhỉ... Chỉ thích 1 điều là rất có ko khí Noel, y như những gì mình từng tưởng tượng trước kia ở phương Tây, vậy thôi ...

Chúc Giáng sinh vui vẻ và năm mới an lành, chị nhé.

Thương chị :x

Trường An

*gãi đầu* Hở, mình nhớ ACC đâu có chế độ khai báo năm sinh? Chắc đây là chức năng mới có nên mặc định 1984 là năm sinh của admin bên nớ đó.

Mình cũng có tật là chẳng bao giờ để ý khai báo năm sinh, miễn sao cho trên 22 tuổi là được (vì dưới 22 thì phiền) nên phần khai báo năm sinh của mình chả mấy khi đúng. Nghe Pinky gọi là chị thì giật mình. U_U Đừng xưng hô trịnh trọng với mình, mình sợ lắm.

Mình vẫn nhớ Pinky mà. :D Các bạn đi rồi ghé lại báo một tiếng là mừng rồi. Còn nhớ năm nào Pinky than thở về chuyện tốt nghiệp, giờ cũng đã đến "chỗ có tuyết rơi" rồi. Mình cũng muốn đi chơi mùa đông, nhưng sợ lạnh. T.T

Giáng sinh vui vẻ nhé. :D

P/S: Đang dùng lối "mỗi ngày treo 1 hình" lên phe phang, chứ treo hết thì chắc khách đi qua mắng mình chết. :D

Leave a Reply

(required)

(required)

:) :D :( :(( ;)) :banh: ;) ::) =)) :)) b-) :meo1: :meo2: :meo3: :meo4: :meo5: :meo6: :meo7: :meo8: :meo9: :meo10: :meo11: more »

Bộ gõ tiếng Việt đã được bật. Bạn có thể gõ tiếng Việt không cần phần mềm trong máy.
RSS feed for comments on this post.

Copyright © Trường An. All rights reserved.