How to: RR's code tip

[Tendou]

Giới thiệu:

Khi chơi RR, các bạn luôn phải sở hữu ít nhất một nhân vật của mình đúng không nào? Vậy khi tương tác với các nhân vật khác, làm sao các bạn có thể chỉ ra cho người đọc rằng mình đang tương tác với những ai?

Code tip chính là câu trả lời.

Chức năng của code tip là cho phép người sử dụng đưa danh xưng và hình ảnh của các nhân vật vào bài viết để người đọc biết được những ai đang có mặt trong đó. Mở rộng ra, kết hợp code tip cùng link cũng giúp đưa người đọc đến phần thông tin cá nhân của nhân vật.

Phân loại:

Ta sẽ phân tip thành hai loại chính: Tip chữ và tip hình.

Tip chữ: là dạng gọn nhất của code tip, được biểu diễn bởi tên người nhân vật, khi trỏ chuột vào tên nhân vật bạn sẽ thấy được hình ảnh nhân vật.

Ví dụ:

Aikaal

Code: Select all

[tip=http://forum.worwor.net/viewpost.php?p=39|Aikaal|Aikaal][img]https://farm1.staticflickr.com/498/19550437898_0501cf732e_o.jpg[/img][/tip]

Tip hình: Là dạng đầy đủ của code tip, vì cả hình đại diện lẫn tên nhân vật của bạn đều sẽ được hiển thị, không cần phải trỏ chuột. Điểm yếu của dạng này là hơi khó sử dụng hơn tip chữ, cũng như chiếm nhiều diện tích hơn.

Ví dụ:

Timothy Charlton

Code: Select all

[url=http://forum.worwor.net/viewpost.php?p=40][div=||width: 100px;margin:5px;][img=100|]http://i.imgur.com/0Wmr2tW.png[/img]Timothy Charlton[/div][/url]

Cú pháp:

Tip chữ:

Code: Select all

[tip= link profile | tên nhân vật | ID ][img] link ảnh [/img][/tip]

- Link profile: Link post chứa thông tin nhân vật của bạn, xem cách lấy link tại đây.
- tên nhân vật: tên nhân vật của bạn.
- ID: ID của tip, mục này giải thích thì rất dài dòng. Thường thì bạn chỉ cần điền họ tên nhân vật của bạn vào là được.
- Link ảnh: Link ảnh tip của bạn.

Tip hình:

Code: Select all

[url= link profile ][div=||width:100px;margin:5px;][img=100|] link ảnh [/img] tên nhân vật [/div][/url]

Riêng đối với tip hình, tất cả các code tip phải được bọc trong code sau:

Code: Select all

[div=||display:flex;flex-flow:row-wrap;font-size: 11px;text-align:center;] Tip hình [/div]

Phần tip hình bên trong có thể lên xuống dòng tùy thích. Ví dụ cụ thể:

Nhi 002

Sonia Nevermind

Code: Select all

[div=||display:flex;flex-flow:row-wrap;font-size: 11px;text-align:center;]

[p=47][div=||width:100px;margin:5px;][img]http://i.imgbox.com/HEptDosL.jpg[/img]Nhi 002[/div][/p]

[p=68][div=||width:100px;margin:5px;][img]http://i.imgbox.com/pHILCGH3.jpg[/img]Sonia Nevermind[/div][/p]

[/div]

[Thiên Thần Chuối]

Đổi màu tooltip.

Aikaal

Code: Select all

[mystyle]

[tip=http://forum.worwor.net/viewpost.php?p=39|Aikaal|Aikaal][img]https://farm1.staticflickr.com/498/19550437898_0501cf732e_o.jpg[/img][/tip]

[style=#tooltip_Aikaal]color: red;[/style]

[/mystyle]

[Thiên Thần Chuối]

Tooltip hiện nay có thể bị thay đổi cấu trúc HTML/CSS/Javascript nên những bạn thay đổi CSS dựa trên nền tooltip hiện nay có thể sẽ không còn valid sau này!