†††††††††††††††††††††††††††††††††††††††††
††† Jesus is died for our salvation! †††
†††††††††††††††††††††††††††††††††††††††††

††† "Cho"... niềm vui sẽ nhân đôi! †††
††† "Nhận"... nỗi buồn vơi một nửa! †††


Loading...

♥ Search on ledinhduy67's site (Tìm kiếm trên Trang web ledinhduy67):

Thứ Năm, tháng 5 29, 2008

BO GÓC VÀ TẠO ĐƯỜNG VIỀN CHO CÁC WIDGET Ở SIDEBAR

Một cách khá phổ biến cho việc trang trí các widget ở sidebar là bo các góc. Ở bài viết này sẽ giới thiệu một thủ thuật nhỏ để bo góc cho header của widget với ảnh nền, và trang trí một chút cho khung hiển thị nội dung với việc tạo đường viền.

Ảnh minh họa:

Ở trong hình minh họa ta thấy có 2 phần cần phải chỉnh sửa, đó là phần headercontent của Widget, do đó ta sẽ tìm trong code CSS của template 2 classsau: ".sidebar h2" và ".sidebar .widget" . (hoặc class tương tự)
☼ Ta bắt đầu với thủ thuật:
1. Đăng nhập Blog.
2. Vào Bố cục (layout).
3. Vào Chỉnh sửa code HTML (Edit code HTML).
4. Tìm đoạn code CSS sau (hoặc tương tự):
.sidebar h2 {
margin:0;
padding:0;
color:$sidebarHeaderColor;
font: $headerFont;
}
- Thay thế nó bằng code bên dưới:
.sidebar h2 { background: #CCCBB9 url(http://img133.imageshack.us/img133/3540/h2bgwn2.png) top center no-repeat;
padding: 5px 10px;
margin-bottom: 0;
color: #333;
}
- Lưu ý : bạn nên download ảnh nền (Code màu xanh) trong code về, và thay đổi màu sắc cũng như độ rộng để phù hợp với blog của bạn. Việc này khá đơn giản với các phần mềm đồ họa.
5. Tiếp tục tìm đọan code như bên dưới (hoặc tương tự):
.sidebar .widget {
font-size:86%;
margin-top:6px;
margin-$endSide:0;
margin-bottom:12px;
margin-$startSide:0;
padding:0;
line-height: 1.4em;
}
- Và thay thế nó bằng code như bên dưới :
.sidebar .widget {
font-size:86%;
border-left: 3px solid #CCCBB9;
border-right: 3px solid #CCCBB9;
border-bottom: 3px solid #e0d5c2;

padding: 10px;
line-height: 1.4em;
}
- Các code màu xanh chính là code tạo đường viền cho khung hiển thị nội dung của Widget.
6. Save template.
Trường hợp không tìm thấy 2 đoạn code trên thì vào phần Tùy chỉnh chọn Nâng cao, chọn Thêm CSS và thêm 2 đoạn CSS đó vào và click Áp dụng cho blogOK.

Stumble
Delicious
Technorati
Twitter
Facebook
Yahoo
Reddit
Feed

Không có nhận xét nào:

Đăng nhận xét


Please make a Donation so I can keep helping People just like You.
Every little bit helps!  :)
You can even use your Credit Card!... Thank you very much!
- Yahoo or Skype nick: ledinhduy67 -

♥ Labels (♥ TÌM BÀI VIẾT THEO TỪ KHÓA ♥):

3gp files (1) Advertisements (1) AlertPay (2) Anh ngữ (7) Animals (1) Anti (9) Audio (8) Ban (1) Bạn có biết? (179) Bank Online (6) Bank System (4) Bảo mật (1) BBAN (2) Beautiful Pictures (13) Beer (1) Beliefs (1) BIC (2) BitCoin (7) Bitcoin Miner (4) BitCoin Mining (5) BTC (9) Card (2) Card màn hình (2) CashBar (6) Casino (1) Catholicism (40) Câu đối (1) Cây thuốc quanh ta (64) Charles Darwin (4) Chân lý (5) Chân lý Công giáo (55) Chấn thương (2) Chia sẻ (54) Chia sẽ (1) Children (24) Cho vay Trực tuyến (1) Cigarettes (1) Co giật (1) Code (7) Converter (6) CPM (1) Crack (27) Cuộc sống quanh ta (54) Currency Trading (14) Dạy con (16) Dân gian (14) Dictionary (1) Did you know? (179) DogeCoin (1) Download (1) Driver (1) Đái dầm (1) Đại học (12) Đáp án (42) Đau bao tử (3) Đau bụng (3) Đau dạ dày (3) Đau lưng (1) Đau răng (5) Đầu tư Trực tuyến (9) Đề thi (30) Địa lý (4) Đố vui (21) Đố vui có thưởng (20) Đông dược (7) Động kinh (1) Đông y (82) ĐTDĐ (4) Đu đủ (4) Earning Online (2) Earning Online News (56) Eastern Medicine (83) English (8) Exchange (3) Faucet (3) FaucetBox (3) Finance (2) Fonts (1) Forex Trading (12) Free (1) Fun (19) Fun Quiz (21) Gai cột sống (2) Game (2) Gan (2) Ghost (4) Giải đáp (2) Giải độc (5) Giải thưởng (14) Giải trí (26) Giấc ngủ (1) Google-Adsense (1) GPT (1) Gương soi (14) Hạnh phúc (14) Hardware (1) Hệ điều hành (4) Hiểu để sống Đạo (5) Ho (4) Hóa học (5) Học làm người (7) Hosting (1) Hotspot (1) Html (1) Huyết áp (2) HYIP (17) I Share (7) IBAN (2) IDM (3) Internet (14) Introduce Yourself (1) Investment (9) Joiner (2) Key (17) Key Free (13) Keygen (18) Khoa học (41) Kids (20) Kiếm tiền trên mạng (25) Kiếm tiền trực tuyến (28) Kinh doanh (17) LibertyReserve (1) Licence Key (20) Lịch sử (6) LiteCoin (1) Lừa đảo (13) (6) Make money online (56) Mãng cầu xiêm (1) Mathematics (23) Mắt (2) Mặt trái Xã hội (11) Media (1) Medicine (12) Mẹo vặt (4) Miễn phí (2) MMO (106) Mụn nhọt (1) Music (11) Nature (1) Ngâm rượu (2) Ngân hàng Trực tuyến (1) Nhật ký (114) Nhức đầu (3) Nói lắp (1) Notifications (5) Office (2) Ổ đĩa ảo (1) Parent (7) Parenting Tips (16) Payment Proofs (41) PayPal (5) Payza (1) Perfect Money (7) Phần mềm (7) Phong độc (1) Poems (4) PTC (32) PTC News (9) PTD (6) PTP (7) PTR (8) PTS (3) PTU (7) Puzzle with Prizes (10) Quà tặng cuộc sống (124) Quảng cáo (2) Remote (1) Rip (1) Scam (6) Science (32) Search site (2) Security (8) Share (49) Share link (5) Short links (2) Sinh vật (5) Software (80) Splitter (2) Stammering (1) Subtitle (1) Suy nhược Thần kinh (2) Sự thật (28) SWIFT (2) Tai biến (1) Tài chính (1) Tâm linh (10) Tập đi (1) Té ngã (3) Tetris (1) Thảo dược (5) Thần đồng (1) The Best CashBar (6) Thiên nhiên (7) Thiếu máu (1) Thiếu sắt (1) Thông báo (5) Thơ (8) Thủ thuật (40) Thuyết Tiến hóa (5) Thư pháp (2) Thực phẩm (4) Tiếng Anh (1) Tiết niệu (1) Tiểu đường (1) Tips & Tricks (38) Toán (23) Toddler (1) Tool Auto Click (1) Tổ tiên loài người (4) Tốc ký (2) Trading (5) Traffic (4) Trẻ em (27) Tuổi mới lớn (11) Tự điển (1) Tử vi (2) TV Online (1) Ung thư (11) UniKey (1) Văn (4) Văn hóa (8) Video Clip (16) VietKey (1) Vietnam News (52) Viêm họng (1) Viêm xoang (1) VirtaPay (6) Virus (1) Vui vui (3) Wallpaper (1) Webshots Desktop (1) WiFi (4) Windows 7 (16) Windows Vista (13) Windows XP (18) Wine (1) World News (43) Y học (20) Zip / Post code (1)

♥ Introduce Myself:

IP
†††††††††††††††††††††††††††††††††††††††††††††††††††††††††

ĐIỆN TỬ, VI TÍNH LÊ DUY
Số: 2/4B - Trần Bình Trọng - P. Nguyễn An Ninh - Tp. Vũng Tàu
Điện thoại: 064.2470267 - Cell phone: 098.7723967 - 096.7984267
Email: ledinhduy67@yahoo.com.vn & ledinhduy67@gmail.com

Chuyên: Sửa chữa phần cứng, Cài đặt phần mềm máy Vi tính, Laptop.

Nhận:

- Crack bản quyền WINDOWS XP Sp2 vĩnh viễn (Crack trực tuyến qua Internet bằng TeamViewer 4.1 Portable). Được Microsoft chính thức cấp KEY mới, có thể Update lên WINDOWS XP Sp3 và các phiên bản cao hơn...
- Chế tác CD, VCD, DVD theo yêu cầu của khách hàng.
(Kể cả gởi đi các tỉnh xa)

Đăng ký Crack & Update Windows XP Sp2 trực tuyến qua Internet:
Giá trọn gói: 11.99 USD

†††††††††††††††††††††††††††††††††††††††††††††††††††††††††

Biểu mẫu liên hệ

Tên

Email *

Thông báo *

♥ Coins Price: