..::Cộng Đồng Teen Việt::..
Chào mừng bạn đến với diễn đàn Vboy.4rumer.net Chỉ có thành viên của Vboy.4rumer.net mới có thể xem được toàn bộ liên kết bên trong. Chúc các bạn có 1 nơi giải trí thật lành mạnh dành cho tuổi teen !!!
Vui lòng ĐĂNG NHẬP để xem tiếp. Hoặc ĐĂNG KÝ MỚI





IndexCalendarTrợ giúpTìm kiếmThành viênĐăng kýĐăng Nhập




Copyright © 2008-2009 vboy.us.to . All rights reserved

Share|
Tiêuđề

Tạo theme cho Blog

Xem chủ đề cũ hơn Xem chủ đề mới hơn Go down
Tác giảThông điệp

loveawait
 »♠ Max-MOD ♠«

Yahoo Chưa có Bài gửi Bài gửi : 455
Gold Gold : 205359
Birthday Birthday : 20/11/1986
Join date Join date : 01/10/2009
Age Age : 30

Tài năng của loveawait Người này hiện đang:
Level: »♠ Max-MOD ♠«
Danh vọng:455%/%
Tài năng:30%/100%

Bài gửiTiêu đề: Tạo theme cho Blog Wed Nov 11, 2009 12:27 pm

.•´¨ `*:•.::.(¯`°•.¸¤ Tạo Them cho Blog¤¸.•°´¯ ).::.•´¨`•.







Với
mình thì chẳng có tí kiến thức nào về mấy cái gọi là CSS , rồi code cả,
nhưng vì mình rất thích lướt web, và cũng rất thích các design đc các
bạn trong cộng đồng Blog tạo ra. Ra tâm lí chung toui, cũng rất muốn tự
tạo ra cho chính bản than một cái gì đó khác lạ một chút, do đó mình đã
tự tìm code để thực hiện đc ý tưởng, và hum nay, mình chia sẻ cùng bạn


5 phút để thay đổi dao diện cho BLog thân iu:heart: (Để có một blog Opera, bạn cần đăng ký một tài khoản ở http://www.my.opera.com
Sau đó bạn login vào Opera bằng Username và Password của mình và bắt
đầu việc thay đổi giao diện. ) Trong trang mỗi Blog Opera đều có những
kiểu dao diện đc thiết lập sẵn ( hình như số lượng là 13 hay seo ấy ).
Bạn Vào Preferences phía trên cùng của Blog, chọn Web Page Layout Khi
đó sẽ hiện ra 13 themes sẵn có của Blog, bạn sẽ chọn 1 trong 13 themes
sẵn có đó làm skin mặc định cho Blog của mình, từ đó sẽ thay đổi dao
diện dựa trên skin có sẵn. Sau khi toui chọn theme đó, Save lại. Như
vậy touii sẽ thay đổi dao diện dựa trên theme mà toui đã lựa chọn <
mục đích của công việc này là tốn ít sức cho việc viết code, đồng thời
có sự lựa chọn phần hiện các items và menu với background màu mè mờ
mình thích - Tiếp theo nhấp vào dòng chữ custom style sheet để bắt đầu
làm việc với CSS. Trước khi làm việc với bảng CSS, bạn hãy chắc rằng đã
chọn Use my custom style sheet together with the current theme ở phía
bên dưới nhé! - Băng CSS của bạn đang trắng trơn, và bây giờ bạn sẽ dán
những đoạn code vào đó để thay đổi dao diện nhé •Đầu tiên là Banner
phần trên cùng-hiện chính cho Blog Bạn copy and paste đoạn mã này #top2
{CLEAR: both;
height:675px;
padding-left:15px;
background:#000000
url(đường dẫn tới file ảnh của bạn) top left repeat-x;
border-bottom:1px solid #fff;}
chú
ý : bạn chỉnh cái height cho phù hợp nhé. Như trong Blog của toui đang
để là 675 px. Bạn dùng Photoshop hay đi chôm chôm ở đâu đó để có đc
kiểu ảnh mà bạn thích. Sau đó up lên phần File trong Blog của bạn. sau
khi up xong kích chuột phải vào nó chọn Properti (thuộc tính) để thấy
đc cái URL( đường Link tới file ảnh đó ) rồi paste thay thế cho “ đường
dẫn tới file ảnh của bạn” ở đoạn code trên •thứ hai là thay đổi Footer
( phần dưới cùng ) cho Blog #footer {
CLEAR: both;
max-width: 832px;
min-width:758px !important;

MARGIN: 0px auto;
POSITION: relative;
TEXT-ALIGN: left;
padding-left:15px;
padding-right:15px;
padding-bottom:140px;
/*Noi dung blog se cach bottom 140 px de khong bi de nen anh nen*/
background: url(----đường dẫn tới ảnh của bạn chọn----)
bottom left no-repeat; /*Anh nen phia duoi blog*/
margin:0 auto;}
Bạn
hãy thay “----đường dẫn tới ảnh của bạn chọn----“ trong ngoặc đơn bằng
link đến footer của bạn trong host, nhớ là giữ nguyên dấu ( ) nha, rồi
chọn Save. Hãy refresh lại màn hình, blog của bạn đã có background cho
phần bài post rồi đó. Nếu muốn kích cỡ của footer cao hơn hoặc thấp hơn
140px thì bạn hãy sửa lại phần padding-bottom:140px trong đoạn code
trên nhé! Chỉ cần sơ sơ như vậy bạn đã có một Blog chả giống ai roui
đó. Và típ theo, để thêm phần cá tính, bạn tạo nền cho mỗi bài viết khi
bạn post lên nhé …. Để làm điều này trước khi Poste bài, bạn gián đoạn
code này trước roui paste vào khung poste bài : cellspacing="0"
cellpadding="0" style="border:1px solid #000000">


size="2" color="#000">

*****Nội dung bài viết ghi ở đây*****

Bạn
thay "---URL đến ảnh nền---“ bằng Link tới ảnh mừ bạn chọn nhe (bạn up
ảnh bạn thích vào phần File roui lấy ra link như ở trên mình hướng
dẫn)………..và bài viết của bạn sẽ viết đè thay thế “ *****Nội dung bài
viết ghi ở đây***** “ trong đoạn code đó nhé Chúc bạn có những niềm vui
từ thành quả lao động của Chúc bạn thành công:ko:


Hãy cảmơn bài viết của loveawait bằng cách bấm vào "" nhé!!!

Về Đầu Trang Go down

Tiêuđề

Tạo theme cho Blog

Xem chủ đề cũ hơn Xem chủ đề mới hơn Về Đầu Trang
Trang 1 trong tổng số 1 trang
.::Host up ảnh miểnphí: Clickhere! - Hướng dẩn sử dụng Diễn đàn:Clickhere!::.
Permissions in this forum:Bạn không có quyền trả lời bài viết
..::Cộng Đồng Teen Việt::.. :: Thế Giới Blog :: Thủ Thuật Blog-