WORWOR.NET ON FACEBOOK:
https://www.facebook.com/worwornet?fref=ts

Báo cập nhật tình trạng game định kỳ 6 tháng / 1 lần


Lưu ý: Quản lý diễn đàn không chịu trách nhiệm cho nội dung do người dùng đăng tải.

How to: RR's code tip

Hướng dẫn sử dụng BBCode và các chức năng của forum.

User avatar
Tendou
Site Admin
Posts: 410
Joined: 15 Jul 2015, 18:00
Location: Mihama Academy
Has thanked: 68 times
Been thanked: 74 times
Gender: None specified

How to: RR's code tip

Postby Tendou » 17 Jul 2015, 09:45

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ụ:

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ể:



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]
Last edited by Tendou on 21 Jun 2016, 17:37, edited 4 times in total.

User avatar
Thiên Thần Chuối
Site Admin
Posts: 345
Joined: 13 Jul 2015, 19:09
Mood: Shalala.
Has thanked: 125 times
Been thanked: 45 times
Gender: None specified

Re: How to: RR's code tip

Postby Thiên Thần Chuối » 24 Jun 2016, 08:25

Đổ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]
.

User avatar
Thiên Thần Chuối
Site Admin
Posts: 345
Joined: 13 Jul 2015, 19:09
Mood: Shalala.
Has thanked: 125 times
Been thanked: 45 times
Gender: None specified

How to: RR's code tip

Postby Thiên Thần Chuối » 25 Jun 2016, 09:24

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!
.

Return to “How to Use”



Who is online

Users browsing this forum: No registered users and 1 guest