Bộ sưu tập code của Dragon Vn

DỪNG TAY!!!!

Bạn không thể chỉnh sửa trang này trừ khi tôi chưa khóa hoặc tôi đang chỉnh.

Mong bạn tuân thủ.

Code cơ bản

Code	Kết quả
**Đậm**	Đậm
//Nghiêng//	Nghiêng
__Gạch dưới__	Gạch dưới
--Gạch ngang--	Gạch ngang
[[[SCP-3000|Link các bài trên wiki]]]	Link các bài trên wiki
[http://www.scp-wiki.net Link ngoài wiki]	Link ngoài wiki
Chữ^^Ở trên^^	ChữỞ trên
Chữ,,Ở dưới,,	ChữỞ dưới
Chữ [[footnote]] Ghi chú [[/footnote]]	Chữ1
##red|Màu đỏ## hoặc ##blue|Màu xanh## (nhớ ghi tiếng anh)	Màu đỏ hoặc Màu xanh
##800000|Sử dụng mã màu nếu phương pháp trên không được##	Sử dụng mã màu nếu cách trên không được
{{Kiểu máy đánh chữ}}	Kiểu máy đánh chữ
[[size 1.5em]] Đổi cỡ chữ (nhớ dùng chấm chứ không phải phấy) [[/size]]	Đổi cỡ chữ (nhớ dùng chấm chứ không phải phấy)
[[user Dragon Vietnam]]	Dragon Vietnam
[[*user Dragon Vietnam]]	Dragon Vietnam

Code cỡ chữ đã được đặt sẵn

+ Chữ to cấp 1 (nhớ có cách sau dấu cộng cuối)

Chữ to cấp 1 (nhớ có cách sau dấu cộng cuối) (không nên dùng vì chữ có dấu nhìn xấu lắm)

++ Chữ to cấp 2 (nhớ có cách sau dấu cộng cuối)

Chữ to cấp 2 (nhớ có cách sau dấu cộng cuối)

+++ Chữ to cấp 3 (nhớ có cách sau dấu cộng cuối)

Chữ to cấp 3 (nhớ có cách sau dấu cộng cuối)

++++ Chữ to cấp 4 (nhớ có cách sau dấu cộng cuối)

Chữ to cấp 4 (nhớ có cách sau dấu cộng cuối)

+++++ Chữ to cấp 5 (nhớ có cách sau dấu cộng cuối)

Chữ to cấp 5 (nhớ có cách sau dấu cộng cuối)

++++++ Chữ to cấp 6 (nhớ có cách sau dấu cộng cuối)

Chữ to cấp 6 (nhớ có cách sau dấu cộng cuối)

Code ảnh

Ảnh

Nếu như dịch thì không cần dời ảnh từ trang gốc sang đâu. Ở trang gốc, nhấp chuột phải vào ảnh cần chuyển, copy URL ảnh là đc :)

[[include component:image-block
|image=Link ảnh
|Lệnh thêm=

Còn khi viết thì bạn hãy tự đăng ảnh lên nha, vô tệp rồi chọn ảnh trong máy bạn là được :)))

|name=Tên ảnh
|Lệnh thêm=
]]

Ngoài ra bạn có thể sử dụng lệnh sau, đây là code image yêu thích nhất của mình vì nó khả gọn.

[[=image Link ảnh và lệnh thêm ]]

Lệnh thêm	Mặc định	Mặc định ban đầu nếu không sử dụng code
width	chỉnh độ dài ảnh	Ảnh dài theo như kích thước ban đầu
max-with	kích thước lớn nhất của ảnh, ảnh sẽ tự điều chỉnh về kích thước lớn nhất nếu kích thước ảnh vượt qua	Ảnh dài theo như kích thước ban đầu
float	chỉnh vị trí của ảnh (clear,left or clear,right)	vị trí của ảnh là clear,middle
heading	ghi tiêu đề (trên ảnh)	KHông hiển thị
caption	ghi phần bên dưới ảnh	Không hiển thị
alt	hiển thị dòng chữ khi ảnh ko hiển thị được	Image Unavailable
size	chỉnh kích cỡ ảnh theo các khung có định : sm(small), md(medium), lg(large)	md
link	link bạn dẫn người khác tới khi bấm vào ảnh	Link của ảnh
title	dòng chữ xuất hiện khi bạn đi chuột vào ảnh	Không hiển thị

Code bảng

||~ Ô đậm ||~ Ô đậm ||~ Ô đậm ||
|| Ô không màu || Ô không màu || Ô không màu ||
||< Ô trái ||< Ô trái ||< Ô trái ||
||> Ô phải ||> Ô phải ||> Ô phải ||
||= Ô giữa ||= Ô giữa ||= Ô giữa||

Ô đậm	Ô đậm	Ô đậm
Ô không màu	Ô không màu	Ô không màu
Ô trái	Ô trái	Ô trái
Ô phải	Ô phải	Ô phải
Ô giữa	Ô giữa	Ô giữa

Nâng cao hơn:

Ở đây nếu bạn cho thêm || nữa sẽ cho thêm 1 ô ví dụ:

||||||~ 1||||||||~ 2 ||
|| 1a || 1b || 1c || 2a || 2b || 2c || 2d ||
|||| 1ab || 1c |||| 2ab |||| 2cd ||
|| 1a |||| 1bc |||||| 2abc || 2d ||

1			2
1a	1b	1c	2a	2b	2c	2d
1ab		1c	2ab		2cd
1a	1bc		2abc			2d

Hộp collapsible

Cơ bản:

[[collapsible]]
Chữ cần đóng
[[/collapsible]]

+ show block

Chữ cần đóng

Nâng cao:

[[collapsible show="Chữ muốn hiện lúc đóng" hide="Chữ muốn hiện lúc mở"]]
Chữ cần đóng
[[/collapsible]]

Chữ muốn hiện lúc đóng

Chữ cần đóng

Nâng cao hơn nữa
Nếu muốn có cái để bấm ở các vị trí khác nhau, thì thêm cái này vào trước dấu ]]:

hideLocation="both" (nếu muốn có ở cả cuối và đầu)

hideLocation="bottom" (nếu chỉ muốn ở cuối)

Chữ muốn hiện lúc đóng

Hai đầu

Chữ muốn hiện lúc đóng

Ở dưới

Lưu ý: hộp collapsible không thể ở trong một hộp collapsible. Nghĩ là khi bạn đã ghi code của hộp collapsible thì dù trong hộp có cũng có code collapsible nhưng code đo KHÔNG hoạt động.

Nhưng để cho một hộp collpasible vào trong hộp collapsible thì bạn phải sử dụng một bộ code đặt biệt cho nó:

[[include :snippets:colalt |oddtop=[|show=chữ cần đóng|hide=chữ cần mở]]
1
[[include :snippets:colalt |eventop=[|hide=chữ cần mở]]
2
[[include :snippets:colalt |oddtop=[|show=chữ cần đóng|hide=chữ cần mở]]
3
[[include :snippets:colalt |oddend=[|nohide=true]]
[[include :snippets:colalt |evenend=[|show=chữ cần đóng|nohide=true]]
[[include :snippets:colalt |oddend=[|nohide=true]]

chữ cần đóng

1

chữ cần mở

2

chữ cần đóng

3

Code chữ trong hộp

> Luôn phải gõ cách sau mỗi ký hiệu > thì nó mới nhận là 1 dòng nhé

Luôn phải gõ cách sau mỗi ký hiệu > thì nó mới nhận là 1 dòng nhé

>>> Cho nhiều hộp cũng được, miễn là phải có cách sau dấu > cuối cùng.

Cho nhiều hộp cũng được, miễn là phải có cách sau dấu > cuối cùng.

Code vị trí

[[>]]
Phải
[[/>]]

Phải

[[=]]
Giữa
[[/=]]

Giữa

[[<]]
Trái
[[/<]]

Trái

Code tab

[[tabview]]
[[tab Tựa đề 1]]
Ghi văn bản vào đây. Bạn cũng có thể thêm bao nhiêu tab cũng được.
[[/tab]]
[[tab Tựa đề 2]]
ya thêm vào chữ gì cũng đc đấy
[[/tab]]
[[/tabview]]

Nếu làm đúng bạn sẽ được 1 cái tab.

Code kí hiệu đầu dòng

Dấu chấm:

* Bậc 1
* Bậc 2
* Bậc 3

• Bậc 1
  • Bậc 2
    • Bậc 3

Số

# Số 1
# Số 2
# Số 3

1. Số 1
2. Số 2
3. Số 3

Code nâng cao

Do nhiều code nâng cao khá dài nên mình sẽ để trong hộp collapsible cho nó tiện.

[+] Code tuyết rơi

[[module CSS]]
/* customizable snowflake styling */
.snowflake {
  color: #fff;
  font-size: 1em;
  font-family: Arial, sans-serif;
  text-shadow: 0 0 5px #000;
}

@-webkit-keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@-webkit-keyframes snowflakes-shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(80px);transform:translateX(80px)}}@keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@keyframes snowflakes-shake{0%,100%{transform:translateX(0)}50%{transform:translateX(80px)}}.snowflake{position:fixed;top:-10%;z-index:9999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;-webkit-animation-name:snowflakes-fall,snowflakes-shake;-webkit-animation-duration:10s,3s;-webkit-animation-timing-function:linear,ease-in-out;-webkit-animation-iteration-count:infinite,infinite;-webkit-animation-play-state:running,running;animation-name:snowflakes-fall,snowflakes-shake;animation-duration:10s,3s;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;animation-play-state:running,running}.snowflake:nth-of-type(0){left:1%;-webkit-animation-delay:0s,0s;animation-delay:0s,0s}.snowflake:nth-of-type(1){left:10%;-webkit-animation-delay:1s,1s;animation-delay:1s,1s}.snowflake:nth-of-type(2){left:20%;-webkit-animation-delay:6s,.5s;animation-delay:6s,.5s}.snowflake:nth-of-type(3){left:30%;-webkit-animation-delay:4s,2s;animation-delay:4s,2s}.snowflake:nth-of-type(4){left:40%;-webkit-animation-delay:2s,2s;animation-delay:2s,2s}.snowflake:nth-of-type(5){left:50%;-webkit-animation-delay:8s,3s;animation-delay:8s,3s}.snowflake:nth-of-type(6){left:60%;-webkit-animation-delay:6s,2s;animation-delay:6s,2s}.snowflake:nth-of-type(7){left:70%;-webkit-animation-delay:2.5s,1s;animation-delay:2.5s,1s}.snowflake:nth-of-type(8){left:80%;-webkit-animation-delay:1s,0s;animation-delay:1s,0s}.snowflake:nth-of-type(9){left:90%;-webkit-animation-delay:3s,1.5s;animation-delay:3s,1.5s}.snowflake:nth-of-type(10){left:25%;-webkit-animation-delay:2s,0s;animation-delay:2s,0s}.snowflake:nth-of-type(11){left:65%;-webkit-animation-delay:4s,2.5s;animation-delay:4s,2.5s}
[[/module]]
[[div class="snowflakes" aria-hidden="true"]]
  [[div class="snowflake"]]
  ❅
  [[/div]]
  [[div class="snowflake"]]
  ❆
  [[/div]]
  [[div class="snowflake"]]
  ❅
  [[/div]]
  [[div class="snowflake"]]
  ❆
  [[/div]]
  [[div class="snowflake"]]
  ❅
  [[/div]]
  [[div class="snowflake"]]
  ❆
  [[/div]]
  [[div class="snowflake"]]
    ❅
  [[/div]]
  [[div class="snowflake"]]
    ❆
  [[/div]]
  [[div class="snowflake"]]
    ❅
  [[/div]]
  [[div class="snowflake"]]
    ❆
  [[/div]]
  [[div class="snowflake"]]
    ❅
  [[/div]]
  [[div class="snowflake"]]
    ❆
  [[/div]]
[[/div]]

Kết quả bạn có thể xem tại đây

[[collapsible show="Chữ muốn hiện lúc đóng" hide="Chữ muốn hiện lúc mở"]]

[[include :rhombusproductions:inc:current-projects
|project-name= **//Tên://**
|percent-complete= 10,5
|color=#FF3030

Bạn có thể điền tên, số bất kỳ và màu thì bạn có thể gõ mã css, html. Sau đây là kết quả nhận được:

Tên: - 10% complete

Chú thích

1. Ghi chú