Code tạo chữ chạy trên đầu forum

[NDK]

Code hoặc hướng dẫn này được sử dụng trên phiên bản Xenforo cũ đã quá hạn sử dụng. Bạn hãy click để tìm bản mới hơn

Dưới đây là bài viết hướng dẫn các bạn thêm 1 hoặc nhiều đoạn chữ chạy (hoặc không chạy) . Hướng dẫn này giúp các bạn có thể đưa các chủ đề mình muốn lên trên đầu forum ( cụ thể là dưới breadcumb và trên title bar ) . Chỉ là hướng dẫn cho các bạn biết thêm , nếu bạn nào không thích có thể bỏ qua .
Vào acp -->Styles--> Tìm template forum_list , tìm đoạn :

<xen:h1>{$xenOptions.boardTitle}</xen:h1>

Thêm vào dưới đó :

<marquee direction="left" style ="border:green 1px SOLID" scrollamount="3" align="baseline" width="100%" loop="10000" scrolldelay="60" behavior="scroll" onmouseover="this.stop()" onmouseout="this.start()"><span style="margin-left :50px">Nội dung thứ 1</span><span style="margin-left :50px">Nội dung thứ 2</span><span style="margin-left :50px">Nội dung thứ 3</span></marquee>

Trong đó :
direction="left" : chữ sẽ chạy từ qua trái .
onmouseover="this.stop()" onmouseout="this.start()" : đưa chuột thì dừng , bỏ chuột ra thì chạy .
span style="margin-left :50px" : code này có mục đích để phân chia khoảng cách giữa các nội dung ( nếu bạn muốn chữ chạy với nhiều nội dung).Sửa 50px bằng khoảng cách bạn muốn .
style ="border:green 1px SOLID": đống khung dòng chữ , ở đây mình chọn khung với viền màu xanh lá , độ dày 1 px. Các bạn có thể sửa lại
Nội dung thứ 1 ,2,3 :các bạn thay nội dung muốn thể hiện ở đây .
Chúc các bạn thành công . Tut nhỏ ,hi vọng đc các bạn thích .

 

[PVS]

Dưới đây là bài viết hướng dẫn các bạn thêm 1 hoặc nhiều đoạn chữ chạy (hoặc không chạy) . Hướng dẫn này giúp các bạn có thể đưa các chủ đề mình muốn lên trên đầu forum ( cụ thể là dưới breadcumb và trên title bar ) . Chỉ là hướng dẫn cho các bạn biết thêm , nếu bạn nào không thích có thể bỏ qua .
Vào acp -->Styles--> Tìm template forum_list , tìm đoạn :

<xen:h1>{$xenOptions.boardTitle}</xen:h1>

Thêm vào dưới đó :

<marquee direction="left" style ="border:green 1px SOLID" scrollamount="3" align="baseline" width="100%" loop="10000" scrolldelay="60" behavior="scroll" onmouseover="this.stop()" onmouseout="this.start()"><span style="margin-left :50px"><b><font color="red">Nội dung thứ 1</font></span><span style="margin-left :50px"><font color="blue">Nội dung thứ 2</font></span><span style="margin-left :50px"><font color="green">Nội dung thứ 3</font></b></span></marquee>

Trong đó :
direction="left" : chữ sẽ chạy từ phải qua trái .
onmouseover="this.stop()" onmouseout="this.start()" : đưa chuột thì dừng , bỏ chuột ra thì chạy .
span style="margin-left :50px" : code này có mục đích để phân chia khoảng cách giữa các nội dung ( nếu bạn muốn chữ chạy với nhiều nội dung).Sửa 50px bằng khoảng cách bạn muốn .
style ="border:green 1px SOLID": đóng khung dòng chữ , ở đây mình chọn khung với viền màu xanh lá , độ dày 1 px. Các bạn có thể sửa lại
Nội dung thứ 1 ,2,3 :các bạn thay nội dung muốn thể hiện ở đây .

Demo:

Chúc các bạn thành công . Tut nhỏ ,hi vọng đc các bạn thích .

Nguồn: tailieu24h.net​

 

[THB]

bài này hay.

 

[Jindo_Katori]

Mấy hôm giờ thấy mấy cái bài này thix phết.
Em thì chưa áp dụng nhưng mà rất là khoái

 

[PVS]

^^

 

[NDK]

bài này nhìn quen nhỉ ?

 

[nttruong]

Css căn bản mà!

 

[Jindo_Katori]

Cái này em có 1 vấn đề:
Khi chạy nội dung nó chạy hết hẵn nội dung cuôi mới quay lại chạy từ đầu.
Có cách nào nó nối tiếp không ạ: có nghĩa là sau nội dung cuối cùng là nội dung đầu tiên ngay.
Demo: Chế thánh slide (vì cái addon slide mà không chạy)
Link test: http://tuyhoaplus.com/

 

[Jindo_Katori]

cái này chỉ nên dùng cho text 1 hàng hat 1 cột nhỏ thôi chứ bạn trên chơi nguyên cái side 1man hình thế kia thì k ổn rồi.
- Ảnh có mấy slide css3 đẹp lắm mà

Tại có test thử 1 vài cái addon slide mà không được nên nhét ảnh vào chạy code bừa (cái này có thể resposive)
Àh... vừa phát hiện ra... không chạy replay trên điện thoại nhé.
Chạy đúng 1 lần không chạy tiếp được nữa ???
Bác có demo không cho em xin 1 cái vọc thử

 

[ndkhoa]

nên chèn thêm link cho Thành Viên nếu cần...

<a href="#">Name</a>

 

[Jindo_Katori]

Side ảnh thì k biết sao nhưng bên xenporta2 hỗ trợ cái slide bài khá hay

Lúc trước demo web có cài xenporta nhưng không hoạt động. Từ khi lamg chính thức chưa có thời gian cài lại lần nào...
Để hôm nào vọc lại mới được

 

[Shu Sakamaki]

cho em hỏi là thay nội dung bằng hình ảnh được không ?

 

[lilsio]

Dưới đây là bài viết hướng dẫn các bạn thêm 1 hoặc nhiều đoạn chữ chạy (hoặc không chạy) . Hướng dẫn này giúp các bạn có thể đưa các chủ đề mình muốn lên trên đầu forum ( cụ thể là dưới breadcumb và trên title bar ) . Chỉ là hướng dẫn cho các bạn biết thêm , nếu bạn nào không thích có thể bỏ qua .
Vào acp -->Styles--> Tìm template forum_list , tìm đoạn :

<xen:h1>{$xenOptions.boardTitle}</xen:h1>

Thêm vào dưới đó :

<marquee direction="left" style ="border:green 1px SOLID" scrollamount="3" align="baseline" width="100%" loop="10000" scrolldelay="60" behavior="scroll" onmouseover="this.stop()" onmouseout="this.start()"><span style="margin-left :50px">Nội dung thứ 1</span><span style="margin-left :50px">Nội dung thứ 2</span><span style="margin-left :50px">Nội dung thứ 3</span></marquee>

Trong đó :
direction="left" : chữ sẽ chạy từ qua trái .
onmouseover="this.stop()" onmouseout="this.start()" : đưa chuột thì dừng , bỏ chuột ra thì chạy .
span style="margin-left :50px" : code này có mục đích để phân chia khoảng cách giữa các nội dung ( nếu bạn muốn chữ chạy với nhiều nội dung).Sửa 50px bằng khoảng cách bạn muốn .
style ="border:green 1px SOLID": đống khung dòng chữ , ở đây mình chọn khung với viền màu xanh lá , độ dày 1 px. Các bạn có thể sửa lại
Nội dung thứ 1 ,2,3 :các bạn thay nội dung muốn thể hiện ở đây .
Chúc các bạn thành công . Tut nhỏ ,hi vọng đc các bạn thích .

thay thẻ <span> bằng <img> chắc là ôkê nhỉ

 

[Jour]

Thế Đổi màu chử trong code đó làm sao, em bôi xanh cái dòng đó thì nó mới chạy ạ

 

[Jour]

Chỉ e đổi màu với

 

[NDK]

View attachment 5256
Chỉ e đổi màu với

<marquee direction="left" style ="border:green

Đổi green thành màu bạn muốn, cách này thay đổi màu viền

 

[NDK]

thay màu chữ thì thêm vào sau style="margin-left :50px" đoạn color="tên màu"

 

[NDK]

thay thẻ <span> bằng <img> chắc là ôkê nhỉ

thẻ span đó mình dùng để chia khoảng cách giữa các nội dung
bạn muốn thêm hình thì để thẻ <img> vào Nội dung