[Codes] Làm chuyên mục box chuyển động

admin · 1 [Codes] Làm chuyên mục box chuyển động Fri Nov 25, 2011 6:52 pm

admin

Admin

Tuổi : 33

Bài đã gửi : 1463

Được cảm ơn : 24

Sinh nhật : 1990-08-04

Ngày tham gia : 2011-06-05

[Codes] Làm chuyên mục box chuyển động 570489

hehe. cái ni đang được mọi người mê tít. hehe
nghĩa là muốn cái chuyên mục thò ra, nếu đụng vô thì sẽ thụt vào.
phải k hè? hehe
nếu rứa làm như ri ni:

1. ACP> Display> Templates> Index_box
- tìm và thay:

Code:: {catrow.forumrow.FORUM_NAME}

bằng:

Code:: <div class="box4rum"><dl>{catrow.forumrow.FORUM_NAME}</dl></div>

- bấm save rùi [Codes] Làm chuyên mục box chuyển động 2044517703

2. ACP> Display> Colors & Pics> Colors> CSS
- chèn vô cuối CSS (rứa cho dễ)

Code:: .box4rum {transition: all 15s ease; -webkit-transition: all 15s ease; -moz-transition: all 15s ease;transition-delay: 5s; -webkit-transition-delay: 5s; -moz-transition-delay: 5s;padding-bottom:9px;background:transparent url(http://i43.servimg.com/u/f43/16/03/04/56/box_sh10.gif) no-repeat bottom left;font-size:.9em;margin:1px 3px 2px 1px;position:relative;left:-25px;transform:rotate(-2deg); -moz-transform:rotate(-2deg); -webkit-transform:rotate(-2deg);}.box4rum:hover {transition: all 3s ease; -webkit-transition: all 3s ease; -moz-transition: all 3s ease;transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg);position:relative;left:10px;}

- bấm submit.

[Codes] Làm chuyên mục box chuyển động 570489

rùi xong. ra ngoài coi thành quả.
hehe. thò ra thụt vô. trôi trôi. hehe

[Codes] Làm chuyên mục box chuyển động 87772

thiệt ra có thể làm hiệu ứng trôi nổi ni ---
k biết gọi là chi nên gọi rứa hén ---
cho những chi mình muốn
có thể đơn thuần là một đoạn văn
hoặc là chèn codes như làm box trên
cứ làm theo 2 bước là được.

DEMO:

Tình hình diễn đàn

Thống kê bài viết mới

1 [Codes] Làm chuyên mục box chuyển động Fri Nov 25, 2011 6:52 pm

admin