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

NDK

MasterSergeant
Tham gia
16/03/2015
Bài viết
830
Được Like
743
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 :
PHP:
<xen:h1>{$xenOptions.boardTitle}</xen:h1>
Thêm vào dưới đó :
PHP:
<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

Super Moderator
Thành viên BQT
Tham gia
28/02/2015
Bài viết
16,728
Được Like
12,680
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 :
Mã:
<xen:h1>{$xenOptions.boardTitle}</xen:h1>

Thêm vào dưới đó :
Mã:
<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:

Untitled.png

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​
 

Jindo_Katori

FirstSergeant
Tham gia
01/03/2015
Bài viết
1,462
Được Like
1,205
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
 
  • Like
Reactions: THB

PVS

Super Moderator
Thành viên BQT
Tham gia
28/02/2015
Bài viết
16,728
Được Like
12,680
^^
 
  • Like
Reactions: THB

NDK

MasterSergeant
Tham gia
16/03/2015
Bài viết
830
Được Like
743
bài này nhìn quen nhỉ ?
 
  • Like
Reactions: THB

Jindo_Katori

FirstSergeant
Tham gia
01/03/2015
Bài viết
1,462
Được Like
1,205
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/
upload_2015-4-22_8-2-19.png
 

Jindo_Katori

FirstSergeant
Tham gia
01/03/2015
Bài viết
1,462
Được Like
1,205
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ử
 

Jindo_Katori

FirstSergeant
Tham gia
01/03/2015
Bài viết
1,462
Được Like
1,205
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
 
  • Like
Reactions: THB

Shu Sakamaki

Corporal
Tham gia
09/07/2015
Bài viết
104
Được Like
38
cho em hỏi là thay nội dung bằng hình ảnh được không ?
 

lilsio

Private
Tham gia
28/07/2015
Bài viết
13
Được Like
6
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 :
PHP:
<xen:h1>{$xenOptions.boardTitle}</xen:h1>
Thêm vào dưới đó :
PHP:
<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ỉ
 
  • Like
Reactions: THB

Jour

Private
Tham gia
03/08/2015
Bài viết
26
Được Like
14
Thế Đổi màu chử trong code đó làm sao, em bôi xanh cái dòng đó thì nó mới chạy ạ
 

NDK

MasterSergeant
Tham gia
16/03/2015
Bài viết
830
Được Like
743
thay màu chữ thì thêm vào sau style="margin-left :50px" đoạn color="tên màu"
 

NDK

MasterSergeant
Tham gia
16/03/2015
Bài viết
830
Được Like
743
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
 

Hướng dẫn sử dụng

XenForo 1 XenForo 2
Translate by PVS

Dịch vụ XenForo của VNXF

Mr. Tuấn

Mobile/Zalo: 0988 488 096

Telegram: bluekpro

Email: [email protected]

Nhà Tài Trợ

Mút Xốp Không Gian
pallet Thịnh Phát
Top Bottom