Góc Riêng

[Codes] Làm chuyên mục box nổi và trôi 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:

Spoiler:

Code:Chọn nội dung

{catrow.forumrow.FORUM_NAME}

bằng:

Spoiler:

Code:Chọn nội dung

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

- bấm save rùi [Codes] Làm chuyên mục box nổi và trôi 2044517703

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

Spoiler:

Code:Chọn nội dung

.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(https://i.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 nổi và trôi 570489

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

happy

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.

Spoiler:

Nơi có HTML là ok

Code:Chọn nội dung

CSS

Code:Chọn nội dung

.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(https://i.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;
}

ví dụ cho coi hén:

I love 4ALL very much.