mấy ngày hôm nay thấy plus hơi lỗi lỗi đôi khi nhập code vào CSS lại báo lung tung , bữa nay thấy ổn ổn rồi bắt tay vào viết bài này vì nhiều anh em còn thắc mắc phần mudule profile cái mudule này cũng khá quan trọng vì nó chứa ảnh Avatar đồng thời cũng thể hiện mộ mặt của chủ nhà nữa ... nói chung làm nó thì không khó lắm có điều bà con phải biết qua phần cắt gọt ở photoshop một tý thôi ,
phần một là nói về code
|
#profile_highlight
.rc {background:transparent url(Link
ảnh Trên)
no-repeat left bottom;height:X
px}
#profile_highlight .rc_ft {background:transparent url(Link
Ảnh Dưới)
no-repeat left top;height: Y
px}
#profile_highlight .rc_bd {background:transparent url(Link
ảnh Giữa)
repeat-x top;}
#profile_highlight .rc_bd div.rc_bc, #profile_highlight
.rc_ft div, #profile_highlight .rc div,#profile_highlight .rc_bd .rc_bc .bd
{background:transparent;} |
đó là đoạn code quy ước chung bạn có thể biến tấu sao cho hợp lý với cái ảnh mình muốn làm ,
đầu tiên bạn tìm lấy một cái ảnh rùi cắt nó làm 3 phần trong cả ba phần bạn cắt ra thì bạn nên chọn chiều rộng cho nó là 150 còn chiều cao thì tùy ở bạn chiều cao của các phần ảnh tương ứng sẽ y hệt chiều cao trong đoạn code trên ( các chữ cái X ,Y chính là số chiều cao tương ứng ., còn phần ảnh giữa thì tốt nhất bạn nên cho nó ở trạng thái lặp bạn nha!!! , sau khi đã cắt gọt hợp lý rồi thì bạn upload 3 cái ảnh đó lên một trang nào đó như photobucket hặc trang nào mà cho phép bạn có thể lấy link ảnh ... công việc cuối cùng là thay link ảnh vào code trên rồi điều chỉnh chiều cao cho đúng với bức ảnh tương ứng , sau đó vứt
nó vô CSS là được thôi
bạn nào mà cảm thấy khó hiểu và không làm được thì đây vanhoai đã làm sẵn 6 cái cho bà con lựa chọn , quăng code của cái mà mình thích vào CSS bạn nhá, khỏe đến thế là cùng ........
code:
|
#profile_highlight .rc {background:transparent url(http://img.photo.zing.vn/file_uploads/gallery/w642h/q42008/2009/07/13/05/85791247480895.jpg) no-repeat left bottom;height:48px;}
#profile_highlight .rc_ft {background:transparent url(http://img.photo.zing.vn/file_uploads/gallery/w642h/q42008/2009/07/13/05/20691247480891.jpg) no-repeat left top;height:199px;}
#profile_highlight .rc_bd{background:transparent url(http://img.photo.zing.vn/file_uploads/gallery/w642h/q42008/2009/07/13/05/44671247480893.jpg) repeat-y left top;height:230px;}
#profile_highlight .rc_bd div.rc_bc, #profile_highlight .rc_ft div, #profile_highlight .rc div, #profile_highlight .rc_bd .rc_bc .bd {background:transparent;}
|
code
|
#profile_highlight .rc {background:transparent url(http://img.photo.zing.vn/file_uploads/gallery/w642h/q42008/2009/07/13/05/28751247482790.gif) no-repeat left bottom;height:114px;}
#profile_highlight .rc_ft {background:transparent url(http://img.photo.zing.vn/file_uploads/gallery/w642h/q42008/2009/07/13/05/27141247482788.gif) no-repeat left top;height:116px;}
#profile_highlight .rc_bd{background:transparent url(http://img.photo.zing.vn/file_uploads/gallery/w642h/q42008/2009/07/13/05/85321247482790.gif) repeat-y left top;height:260px;}
#profile_highlight .rc_bd div.rc_bc, #profile_highlight .rc_ft div, #profile_highlight .rc div, #profile_highlight .rc_bd .rc_bc .bd {background:transparent;}
|
code
|
#profile_highlight .rc {background:transparent url(http://img.photo.zing.vn/file_uploads/gallery/w642h/q42008/2009/07/13/06/18341247485692.jpg) no-repeat left bottom;height:46px;}
#profile_highlight .rc_ft {background:transparent url(http://img.photo.zing.vn/file_uploads/gallery/w642h/q42008/2009/07/13/06/20421247485696.jpg) no-repeat left top;height:149px;}
#profile_highlight .rc_bd{background:transparent url(http://img.photo.zing.vn/file_uploads/gallery/w642h/q42008/2009/07/13/06/66671247485697.jpg) repeat-y left top;height:260px;}
#profile_highlight .rc_bd div.rc_bc, #profile_highlight .rc_ft div, #profile_highlight .rc div, #profile_highlight .rc_bd .rc_bc .bd {background:transparent;}
|
code
|
#profile_highlight .rc {background:transparent url(http://img.photo.zing.vn/file_uploads/gallery/w642h/q42008/2009/07/13/07/27391247487720.jpg) no-repeat left bottom;height:82px;}
#profile_highlight .rc_ft {background:transparent url(http://img.photo.zing.vn/file_uploads/gallery/w642h/q42008/2009/07/13/07/68771247487722.jpg) no-repeat left top;height:112px;}
#profile_highlight .rc_bd{background:transparent url(http://img.photo.zing.vn/file_uploads/gallery/w642h/q42008/2009/07/13/07/87671247487044.jpg) repeat-y left top;height:260px;}
#profile_highlight .rc_bd div.rc_bc, #profile_highlight .rc_ft div, #profile_highlight .rc div, #profile_highlight .rc_bd .rc_bc .bd {background:transparent;}
|
code
|
#profile_highlight .rc {background:transparent url(http://img.photo.zing.vn/file_uploads/gallery/w642h/q42008/2009/07/13/11/66501247503730.jpg) no-repeat left bottom;height:81px;}
#profile_highlight .rc_ft {background:transparent url(http://img.photo.zing.vn/file_uploads/gallery/w642h/q42008/2009/07/13/11/45691247504119.jpg) no-repeat left top;height:100px;}
#profile_highlight .rc_bd{background:transparent url(http://img.photo.zing.vn/file_uploads/gallery/w642h/q42008/2009/07/13/11/27181247503731.jpg) repeat-y left top;height:280px;}
#profile_highlight .rc_bd div.rc_bc, #profile_highlight .rc_ft div, #profile_highlight .rc div, #profile_highlight .rc_bd .rc_bc .bd {background:transparent;}
|
code
|
#profile_highlight .rc {background:transparent url(http://img.photo.zing.vn/file_uploads/gallery/w642h/q42008/2009/07/13/11/79321247502800.jpg) no-repeat left bottom;height:34px;}
#profile_highlight .rc_ft {background:transparent url(http://img.photo.zing.vn/file_uploads/gallery/w642h/q42008/2009/07/13/11/88141247502803.jpg) no-repeat left top;height:121px;}
#profile_highlight .rc_bd{background:transparent url(http://img.photo.zing.vn/file_uploads/gallery/w642h/q42008/2009/07/13/11/12921247502801.jpg) repeat-y left top;height:280px;}
#profile_highlight .rc_bd div.rc_bc, #profile_highlight .rc_ft div, #profile_highlight .rc div, #profile_highlight .rc_bd .rc_bc .bd {background:transparent;}
|
ảnh minh họa ở trên còn code tương ứng ở phía giới nha bà con , bữa ny chưa có thời gian nên chỉ làm 
được có cái thui (thiết kế thiên về cổ điển) bữa sao rãnh làm nhìu hơn , ....
Bài viết thuộc bản quyền của
Vanhoai.tk (vui lòng ghi lại nếu đưa nó về nhà mình bạn nhé )
babynhoc2810 17:06 07-10-2009
M¥ ßlog_ßo¥SÇout_DeKa ♥♫♥♫ 11:03 29-09-2009
choanh_yeunha 00:16 29-09-2009
mjt<--->ga` 09:59 10-09-2009
phuducuanui_h 15:49 26-08-2009
lagntu_datinh1922002 13:58 25-08-2009
<========== modull profile
#profile_highlight .rc {background:transparent url(http://i638.photobucket.com/albums/uu104/dalatbuon/bbxong.gif) no-repeat left bottom;height:120 px}
#profile_highlight .rc_ft {background:transparent url(http://i638.photobucket.com/albums/uu104/dalatbuon/giua.jpg) no-repeat left top;height: 150 px}
#profile_highlight .rc_bd {background:transparent url(http://i638.photobucket.com/albums/uu104/dalatbuon/giua.jpg) repeat-y top;}
#profile_highlight .rc_bd div.rc_bc, #profile_highlight .rc_ft div, #profile_highlight .rc div,#profile_highlight .rc_bd .rc_bc .bd {background:transparent;}
baby_ngockg 17:44 23-08-2009
buocchan_nguacon_161 12:48 23-08-2009
Venessa 14:55 09-08-2009
Lam quen nha anh
©-¶Ñhóç-©☻¶«em 11:15 09-08-2009
da. ,, cUm 0n anh ..ch0 em xin cai' ^^
hoasimtim88_tn 14:27 31-07-2009
minh doc nhieu trang day thiet ke blog nhung chi co cua ban la de lam va de hiu nhat
Thanks you very much!
chuc ban lun vui ve va thanh cong!
harden boy 10:54 27-07-2009
harden boy 10:53 27-07-2009
«´¨`•..¤ Hải Ly ¤..•´¨`» 20:12 21-07-2009
Cậu Chủ Nhỏ 09:13 21-07-2009
yagguagzogzaifegyuhou_tokbaytroggio 01:46 16-07-2009
hic hic
cam on anh nhiu nhiu ve may lan chi giup e
chac bj k fai do khoc do cuoi voi cai blog nua
ah nhung con 1 van de
thinh thoang
tong so khac trong blog of e lai tro ve "mo"
va the la lai cong tung ng mot
tu dau
e tuc lam n chang biet lam nhu the nao
vi cung chang hiu tai sao no lai nhu vay nua
a bit hok?
chi giup e voi!!!
[MR]_ALENO 00:01 16-07-2009
#profile_highlight .rc {background:transparent url(http://img149.imageshack.us/img149/7500/26623719.png) no-repeat left bottom;height:168 px;}
#profile_highlight .rc_ft {background:transparent url(http://img513.imageshack.us/img513/4343/345thumb.gif) no-repeat left top;height:150 px;}
#profile_highlight .rc_bd {background:transparent url(http://img513.imageshack.us/img513/6982/1120397.gif) repeat-x top;}
#profile_highlight .rc_bd div.rc_bc, #profile_highlight .rc_ft div, #profile_highlight .rc div, #profile_highlight .rc_bd .rc_bc .bd {background:transparent;}
đây là code của t nè. bạn xem giùm coi? thanks bạn trước nha
giolaoxunghe 21:52 15-07-2009
dung la mot ky niem cuoi khoa dang nho mi a
nhieu luc muon quay lai choi cho xa lang
gio di lam ban qua roi
dung la qua la la vui hee chúc thằng bạn buổi tối vui vẻ nhé
doi_khong_don_coi_h22:48 15-07-2009
[MR]_ALENO 18:39 15-07-2009
bạn vô xem thư nha
kelly-chen 17:42 15-07-2009
doi_khong_don_coi_h22:48 15-07-2009
MIRRON (TuMuoi) Thiên Bang Hội 09:57 15-07-2009
doi_khong_don_coi_h17:12 15-07-2009
Thiên Hà Thuỷ 22:14 14-07-2009
doi_khong_don_coi_h02:06 15-07-2009
giolaoxunghe 22:00 14-07-2009
vay ha dao nay lam an dc qua may dc lam cong tac vien the co phat luong cho ko
ma hai thang tau nhau roi ma dao nay chu phong tran lam
uh khi nao co dip may thang nhau bua cho say nha chuc buoi toi vui ve nha
doi_khong_don_coi_h02:05 15-07-2009
lantimmuathu 21:07 14-07-2009
doi_kong_don_coi_h21:29 14-07-2009
giolaoxunghe 20:46 14-07-2009
mi chup tam hinh giong con chim lac dan qua may lam gi ma chui thang quang cao sim anh dang san sim ma
dao nay the nao lau roi ko ll em khoe chu co ve que ko hay o lai vinh
anh va chu DANG GIA moi gap nhau o can tho vui lam no moi xuong kien giang hoc tieng han chua bi di hn quoc
ma dao nay log cua mi cung vac tu va hang tong nhieu qua ha
chuc thang ban buoi toi vui ve nhe
doi_kong_don_coi_h21:30 14-07-2009
peter vip 19:59 14-07-2009
ung ho blog ban ne nho ghe tham blog minh nha
doi_kong_don_coi_h21:30 14-07-2009
[†]™…•—•»…J-K€ññ¥…«•—•…™[†] 18:09 14-07-2009
doi_kong_don_coi_h21:30 14-07-2009
CUA ĐỒNG 13:21 14-07-2009
Cam on ban rat nhieu. Neu tren mỗi miền quê VN, mỗi xã phuong co một người như ban thi VN ta k can nhieu truong hoc den vay
Một nguoi ma lam cho nhieu nguoi thi hanh phuc nhat
Su chia se cua ban con lon hon bang dai hoc cua minh nhieu
Đúng la Trường đời rộng mở biết bao
Đây là sách quí hãy vào mà xem
Chuc ban co nhieu tu lieu qui giúp đời
Đặc biệt la nhung ng khong co cơ hội đi học nưa
doi_kong_don_coi_h14:45 14-07-2009
~^_^~Khờ(^_^)! 08:53 14-07-2009
doi_kong_don_coi_h14:45 14-07-2009
Trần Long Tường 08:33 14-07-2009
Dạo này đệ chuyển sang nghề truyền dạy võ công à^^ Có nhọc cồn thì đừng nản chí nhé^^ Buổi sáng vui vẻ^^
Huynh bị mấy tay bán sim đến nhà rao vặt đó^^ Đành cho mượn đất để quảng cáo kiếm chút tiền nuôi con^^
doi_kong_don_coi_h14:46 14-07-2009
azncutie3000 06:02 14-07-2009
doi_kong_don_coi_h14:46 14-07-2009