oOo VnSharing oOo

Chào mừng đã đến với forum oOo VnSharing oOo.

Bạn chưa đăng kí (hoặc chưa đăng nhập) nên quyền lợi của bạn sẽ bị hạn chế. Việc đăng kí làm thành viên hoàn toàn miễn phí, sau khi đăng kí bạn có thể post bài, tham gia thảo luận, liên lạc với các thành viên khác qua hệ thống tin nhắn riêng, yêu cầu manga/anime... và rất nhiều quyền lợi khác. Thủ tục đăng kí rất nhanh chóng và đơn giản, hãy Đăng Kí Làm Thành Viên!

Nếu bạn quên mật khẩu, xin nhấn vào đây.

Nếu bạn gặp trục trặc trong vấn đề đăng kí hoặc không thể đăng nhập, hãy liên hệ với chúng tôi.
Go Back   oOo VnSharing oOo > Các Box Chung > Hướng dẫn - Hỏi đáp > BBCode

HD cho người mới | ĐĂNG KÍ VIP MEMBER: KHÔNG QUẢNG CÁO, KHÔNG CẦN POST BÀI ĐỂ DOWNLOAD!
Mua sắm bằng Rep! | VnSharing Shop   Facebook

[EVENT] Reup Anime trên CAV


Ðề tài đã khoá
 
Ðiều Chỉnh Xếp Bài
  #1  
Old 10-04-2012, 11:40
Ôn Song Tú's Avatar
Ôn Song Tú Ôn Song Tú is offline
Vương gia hữu nữ sơ trường thành
Nữ đại huệ chất thả lan tâm
A na đa tư thị thiên sinh
ngoại tuệ trung tối nan đắc
 
Phòng trưng bày huy hiệu
Phoenix Okuni Huy hiệu staff cấp 3 Crystal 
Sakura Kyouko Tomoe Mami Miki Sayaka Disruptor 
Tổng số huy hiệu: 27
Tham gia ngày: 08-03-2009
Bài gửi: 4,615
Cấp Độ: 660
Rep: 32533
Ôn Song Tú has a reputation beyond reputeÔn Song Tú has a reputation beyond repute
Ôn Song Tú has a reputation beyond reputeÔn Song Tú has a reputation beyond reputeÔn Song Tú has a reputation beyond reputeÔn Song Tú has a reputation beyond reputeÔn Song Tú has a reputation beyond reputeÔn Song Tú has a reputation beyond reputeÔn Song Tú has a reputation beyond reputeÔn Song Tú has a reputation beyond reputeÔn Song Tú has a reputation beyond reputeÔn Song Tú has a reputation beyond reputeÔn Song Tú has a reputation beyond reputeÔn Song Tú has a reputation beyond reputeÔn Song Tú has a reputation beyond repute

Gửi tin nhắn qua Yahoo chat tới Ôn Song Tú
BBcode [FONT2] (Update chức năng mới 25/5/2012) !!!!!

Xin chào các tềnh iu Thời kỳ của siFR đã qua rồi

Thêm code này là được bao nhiêu cái code "có số 2" rồi nhỉ


1. Công thức:


PHP Code:
[font2=option1|option2]Nội dung[/font2
  • option1: là id, điền gì cũng dc, tùy vào mục đích sử dụng mà giữa 2 code [font2] sẽ giống hay khác nhau phần này (trong cùng 1 page).
  • option2: điền tên font vào, có thể tùy chỉnh thêm một vài thông số khác.

Ví dụ:

Nhà em có con gà trống, mèo con và cún con.


PHP Code:
[font2=thuc01|uvn-mangtre]Nhà em có con gà trốngmèo con và cún con.[/font2

2. Các thông số đi kèm:


Lưu ý: giữa các thông số cách nhau bằng dấu "&" (tương tự như xài sIFR)

2.1 s (viết tắt của "size")

Set kích cỡ cho chữ, đơn vị là px, mặc định là cỡ chữ sẽ như bình thường.

Nhà em có con gà trống, mèo con và cún con.


PHP Code:
[font2=thuc02|uvn-huongque&s=30]Nhà em có con gà trốngmèo con và cún con.[/font2
2.2 w (viết tắt của "width") và h (viết tắt của "height")

Set chiều rộng và cao cho khung chứa text, đơn vị là px. Thường xài chung với tham số set màu viền (sẽ được nói bên dưới). Vd sau là mình có set màu viền để cho các bạn thấy width và height.
Xài 1 trong 2 cái cũng được, ko nhất thiết phải xài cả 2.

Nhà em có con gà trống, mèo con và cún con.


PHP Code:
[font2=thuc03|uvn-mautim2&w=500&h=50&bg=f9f9f9]Nhà em có con gà trốngmèo con và cún con.[/font2
2.3 al (viết tắt của "align") và val (viết tắt của "vertical align")

Canh lề cho text trong khung (tất nhiên là khung phải được set trước w và h rồi). Vd sau là mình có set màu viền để cho các bạn thấy khung.
Xài 1 trong 2 cái cũng được, ko nhất thiết phải xài cả 2.
  • "al" có các giá trị: left, center, right (mặc định khi ko xài là center)
  • "val" có các giá trị: top, middle, bottom (mặc định khi ko xài là middle)

Nhà em có con gà trống, mèo con và cún con.


PHP Code:
[font2=thuc04|utm-charlotte&w=500&h=50&bg=f9f9f9&al=right&val=bottom]Nhà em có con gà trốngmèo con và cún con.[/font2
2.4 cl (viết tắt của "color") và bg (viết tắt của "background color")

Set màu text và màu nền, tự động nhận diện mã màu hex hay rgba.
  • Nếu xài hex thì ko cần gõ "#" --> vd: abcdef
  • Nếu xài rgba thì ko cần gõ "RGBA" --> vd: (123,45,67,0.5)
Xài 1 trong 2 cái cũng được, ko nhất thiết phải xài cả 2.

Nhà em có con gà trống, mèo con và cún con.


PHP Code:
[font2=thuc05|vf-chancery&w=500&h=50&cl=11AB23&bg=(31,199,196,0.9)]Nhà em có con gà trốngmèo con và cún con.[/font2
2.5 rad (viết tắt của "radius")

Set cung tròn cho các góc của khung text, giá trị có thể tùy biến từ 1 đến 8 giá trị, đơn vị là px.
Vd: 10 20 30 40 / 50 60 70 80 --> 4 số đầu là bán kính thứ nhất của 4 góc tròn, còn 4 số sau là bán kính thứ hai của 4 góc tròn đó.

Nhà em có con gà trống, mèo con và cún con.


PHP Code:
[font2=thuc06|corsiva&w=500&h=50&bg=abcdef&rad=10 20]Nhà em có con gà trốngmèo con và cún con.[/font2
2.6 gra (viết tắt của "gradient")

Set gradient cho màu nền khung text. Chia làm 3 thông số nhỏ, cách nhau bằng dấu "/":

PHP Code:
&gra=option1/option2/option3 
Option1 có các giá trị sau:
  • hor (viết tắt của "horizontal"): màu biến đổi theo chiều ngang.
  • ver (viết tắt của "vertical"): màu biến đổi theo chiều dọc.
  • dia1 (viết tắt của "diagonal"): màu biến đổi theo chiều chéo từ trên xuống.
  • dia2 (viết tắt của "diagonal"): màu biến đổi theo chiều chéo từ dưới lên.

Option2 là màu nền, cách gõ mã màu tương tự như cl và bg, lưu ý là, một khi đã xài hex thì hex hết, rgba thì rgba hết. Muốn set bao nhiêu màu tùy thích, mỗi màu cách nhau bằng dấu ";".

Option3 là chia tỉ lệ màu nền theo %, mỗi số cách nhau bằng dấu ";". Bạn được quyền bỏ qua option3, lúc này tỉ lệ sẽ được tính toán chia đều cho các màu.

Một số lưu ý đối với trình duyệt IE từ 9 trở xuống:
  • Dù bạn có set bao nhiêu màu đi chăng nữa, thì IE9- cũng chỉ hiện màu đầu và màu cuối, và tỉ lệ 2 màu này luôn là 0% và 100%.
  • IE9- chỉ có 2 chiều gradient là horizontal và vertical, vì thế, khi bạn set "dia1" thì sẽ hiện theo chiều vertical, khi bạn set "dia2" thì sẽ hiện theo chiều horizontal.

Một số ví dụ:

Nhà em có con gà trống, mèo con và cún con.


PHP Code:
[font2=thuc07|utm-wedding-kt&w=700&h=100&s=30&gra=ver/(123,54,98,0.7);(43,154,213,0.7)]Nhà em có con gà trốngmèo con và cún con.[/font2
Nhà em có con gà trống, mèo con và cún con.


PHP Code:
[font2=thuc08|uvn-giaytrang&w=700&h=100&s=30&gra=hor/1FC7C4;9F991A;B11CBC]Nhà em có con gà trốngmèo con và cún con.[/font2
Nhà em có con gà trống, mèo con và cún con.


PHP Code:
[font2=thuc09|uvn-banhmi&w=700&h=100&s=30&gra=dia2/1FC7C4;9F991A;B11CBC;2348CF/0%;25%;50%;100%]Nhà em có con gà trốngmèo con và cún con.[/font2
2.7 bd (viết tắt của "border")

Set viền cho khung text. Chia làm 3 thông số nhỏ, cách nhau bằng dấu ";":
  • option1: set độ dày cho viền, đơn vị là px.
  • option2: set kiểu viền (solid, double, dotted...).
  • option3: set màu viền (giống các thông số khác, có thể hex hoặc rgba).

Nhà em có con gà trống, mèo con và cún con.


PHP Code:
[font2=thuc20|corsiva&w=500&h=50&bg=abcdef&rad=10 20&bd=3;solid;5D1919]Nhà em có con gà trốngmèo con và cún con.[/font2
2.8 tsd (viết tắt của "text-shadow")

Tạo bóng cho text, cấu trúc như sau:

Trích:
op1a,op2a,op3a;op4a/op1b,op2b,op3b;op4b...
Trong 1 bóng có:
  • op1: vị trí theo chiều ngang của bóng.
  • op2: vị trí theo chiều dọc của bóng.
  • op3: độ mờ của bóng.
  • op4: màu của bóng (giống các thông số khác, có thể hex hoặc rgba).
Giữa 2 bóng cách nhau bằng dấu "/", cứ thế tiếp tục nếu muốn nhiều bóng.

Nhà em có con gà trống, mèo con và cún con.


PHP Code:
[font2=thuc21|uvn-huongque&s=30&tsd=2,2,2;47A73E/4,4;32722C]Nhà em có con gà trốngmèo con và cún con.[/font2
2.9 !hv! (viết tắt của "hover")

Đây ko phải là 1 thông số riêng, mà chỉ là 1 phần trong các thông số đã nói ở trên, có tác dụng chuyển đổi thuộc tính khi lia chuột vào (ngoại trừ align, vertical align, và gradient là ko có, còn border chỉ được hover màu viền).

Cách sử dụng: sau khi điền giá trị cho 1 thông số nào đó, gõ liền ngay sao đó "!hv!<giá trị khi hover>"

Nhà em có con gà trống, mèo con và cún con.


PHP Code:
[font2=thuc10|uvn-butlong1&s=20!hv!30]Nhà em có con gà trốngmèo con và cún con.[/font2
Nhà em có con gà trống, mèo con và cún con.


PHP Code:
[font2=thuc11|uvn-butlong1&s=20!hv!30&cl=2042BD!hv!E42351]Nhà em có con gà trốngmèo con và cún con.[/font2
Nhà em có con gà trống, mèo con và cún con.


PHP Code:
[font2=thuc20b|corsiva&w=500&h=50&bg=abcdef&rad=10 20&bd=3;solid;5D1919!hv!76C433]Nhà em có con gà trốngmèo con và cún con.[/font2
Đối với gradient, có thể làm hover bằng cách tạo hiệu ứng giả:
  • Đầu tiên là set gradient bằng mã màu rgba để tạo độ mờ (thường là 0.7, 0.8)
  • Kế đến là set thêm background, tạo hover cho background
  • Kết quả: màu của background trộn lẫn với màu của gradient, nên khi hover, background chuyển màu sẽ cho cảm giác gradient cũng chuyển màu.

Nhà em có con gà trống, mèo con và cún con.


PHP Code:
[font2=thuc12|freestyle&w=700&h=100&s=30&bg=FFFFFF!hv!DFDF32&gra=ver/(123,54,98,0.7);(43,154,213,0.7)]Nhà em có con gà trốngmèo con và cún con.[/font2
2.10 time (cái này ko phải viết tắt =) )

Set thời gian chuyển đổi cho hover, tức là bình thường khi hover, hiệu ứng chuyển ngay tức thì, còn bây giờ thì chuyển từ từ.

Nhà em có con gà trống, mèo con và cún con.


PHP Code:
[font2=thuc13|vf-freestyle6&w=700&h=100&s=30&bg=FFFFFF!hv!DFDF32&gra=ver/(123,54,98,0.7);(43,154,213,0.7)&time=500ms]Nhà em có con gà trốngmèo con và cún con.[/font2
2.11 !ani! (viết tắt của animation)

Giống như hover, đây ko phải là 1 thông số riêng, mà chỉ là 1 phần trong các thông số đã nói ở trên, mà cụ thể là chỉ có 4 thông số "cl", "bg", "bd" và "tsd" là có (riêng "bd" chỉ được animate màu viền). Có tác dụng tạo hiệu ứng chuyển đổi liên tục (ko cần lia chuột).

Phải bắt buộc dùng kèm với thông số "time".

Cách sử dụng: tương tự "!hv!".

Lưu ý: không được xài vừa !hv! vừa !ani! trong cùng 1 thông số.

Nhà em có con gà trống, mèo con và cún con.


PHP Code:
[font2=thuc14|crystal&w=700&h=100&bg=FFFFFF!ani!DFDF32&gra=ver/(123,54,98,0.7);(43,154,213,0.7)&time=500ms]Nhà em có con gà trốngmèo con và cún con.[/font2
2.12 aniratio (viết tắt của animation ratio)

Một chu kỳ của hiệu ứng animation có thể chia ra nhiều giai đoạn, tùy thuộc vào số lần sử dụng !ani! ở phía sau mỗi thông số.
  1. từ giá trị ban đầu chuyển đến giá trị thứ hai.
  2. từ giá trị thứ hai chuyển đến giá trị thứ ba, bốn, ..., n.
  3. từ giá trị thứ n chuyển về giá trị ban đầu.

Bình thường, nếu ko xài thông số "aniratio" này thì tỉ lệ sẽ tự chia đều cho các giai đoạn. Khi sử dụng thì sẽ chia lại tỉ lệ thời gian, mỗi số cách nhau bằng dấu ";".

Lưu ý: bạn chỉ có thể chia lại tỉ lệ từ giai đoạn 2 trở đi, vì giai đoạn đầu và cuối luôn mặc định là 0% và 100%. Nói 1 cách đơn giản hơn, là nếu bạn sử dụng (1 !ani!/thông số) thì set 1 số aniratio, (2 !ani!/thông số) thì set 2 số aniratio (nếu muốn).

Nhà em có con gà trống, mèo con và cún con.


PHP Code:
[font2=thuc15|script_i&w=700&h=100&s=30&bg=FFFFFF!ani!DFDF32&gra=ver/(123,54,98,0.7);(43,154,213,0.7)&time=500ms&aniratio=10%]Nhà em có con gà trốngmèo con và cún con.[/font2
Vd có 3 giai đoạn animation: (chú ý thông số &bg=FFFFFF!ani!DFDF32!ani!A34E4E - 2 lần !ani!)

Nhà em có con gà trống, mèo con và cún con.


PHP Code:
[font2=thuc19|crystal&w=700&h=100&bg=FFFFFF!ani!DFDF32!ani!A34E4E&gra=ver/(123,54,98,0.7);(43,154,213,0.7)&time=1s]Nhà em có con gà trốngmèo con và cún con.[/font2
Một ví dụ sử dụng đầy đủ tất cả các thông số, kể cả hover và animation:




3. Một số hướng dẫn khác


3.1 Thông thường, khi một bài viết có nhiều đề mục, mỗi đề mục bạn sẽ sử dụng font đặc biệt, và set style giống nhau. Trước đây khi xài sIFR, ứng với mỗi đề mục bạn lại cop cái code dài dòng đó và thay thế nội dung. Giờ code [font2] ko cần phải mắc công như thế nữa.

Nhà em có con gà trống, mèo con và cún con.


Gà trống gáy ò ó o


Mèo con luôn rình bắt chuột


Cún con trông canh gác nhà


PHP Code:
[font2=thuc17|]Nhà em có con gà trốngmèo con và cún con.[/font2]

[
font2=thuc17|]Gà trống gáy ò ó o[/font2]

[
font2=thuc17|]Mèo con luôn rình bắt chuột[/font2]

[
font2=thuc17|circle3dow=600&h=50&s=20&bg=A3B0ED&rad=10 20]Cún con trông canh gác nhà[/font2
--> chỉ cần set style cho cái cuối cùng, và tất cả đều cùng id.

3.2 Vì cấu trúc html của code [font2] khá đặc biệt, khác hẳn với BBcode thông thường, nên đôi lúc khi kết hợp với các BBcode khác, có vài chỗ khó được như ý muốn. Lúc này thì bạn phải tự set style thủ công như trước giờ thôi . Set bằng cách nào?

Bằng cách xài [font] thay thế [font2], lúc này [font2] chỉ có tác dụng "làm nền", nhận diện file font trong bài viết. Còn nơi hiển thị font thực sự chính là code [font], bây giờ có thể kết hợp thoải mái các bbcode khác với [font].

Ví dụ, trong bài viết mình muốn sử dụng 3 font: aztek_b, uvn-baybuomnang và hl-thufap1, thì gõ dòng sau vào bài:


PHP Code:
[font2=xxx|aztek_b;uvn-baybuomnang;hl-thufap1][/font2
Sau đó trong bài viết, chỗ nào cần xài font thì dùng code [font]:

Trích:
Nhà em có con gà trống, mèo con và cún con. Gà trống gáy ò ó o. Mèo con luôn rình bắt chuột. Cún con trông canh gác nhà. Nhà em có con gà trống, mèo con và cún con. Gà trống gáy ò ó o. Mèo con luôn rình bắt chuột. Cún con trông canh gác nhà.
PHP Code:
[font=aztek_b]Nhà em có con gà trốngmèo con và cún con[/font]. Gà trống gáy ò ó o. [font=uvn-baybuomnang]Mèo con luôn rình bắt chuộtCún con trông canh gác nhà[/font]. Nhà em có con gà trốngmèo con và cún con. [size=4][font=hl-thufap1]Gà trống gáy ò ó oMèo con luôn rình bắt chuộtCún con trông canh gác nhà.[/font][/size
3.3 Nếu bạn muốn dùng font đặc biệt cho toàn table, cho một hàng, hay một ô nào đó, thì có một cách nhanh gọn lẹ là:

Toàn table:

Nội dungNội dungNội dung
Nội dungNội dungNội dung


PHP Code:
[font2=thuc18|utm-beautiful-caps][/font2]
[
table3]{|id=font-thuc18 border=1 cellpadding=2
|Nội dung|Nội dung|Nội dung
|-
|
Nội dung|Nội dung|Nội dung
|}[/table3
Cho 1 hàng hay chỉ 1 ô:

Nội dung Nội dung Nội dung Nội dung
Nội dung Nội dung Nội dung Nội dung
Nội dung Nội dung Nội dung Nội dung


PHP Code:
[Font2=thuc18b|uvn-thanhpho&s=22&cl=FFFFFF!hv!B8BEFF&gra=ver/7C64BE;AF64BE][/font2]
[
table3]{|border=2 bordercolor=blue cellspacing=0 cellpadding=text-align:center
|-id=font-thuc18b
|Nội dung
|Nội dung
|Nội dung
|Nội dung
|-
!
id=font-thuc18b|Nội dung
|Nội dung
|Nội dung
|Nội dung
|-
!
id=font-thuc18b|Nội dung
|Nội dung
|Nội dung
|Nội dung
|}[/table3
Một cách kết hợp font2 với table3



4. Một vài ứng dụng với text-shadow và animation


Chú ý: code là chết, người là sống, rối mắt, lòe loẹt hay ko là tùy người sử dụng, không nên quá lạm dụng những cái dưới đây gây khó khăn cho người đọc =).

Nổi + Chìm


Nhấp nháy viền chữ


Bóng xoay tròn


Chữ chạy


Tách bóng


Hiệu ứng đèn dầu



5. Danh sách các font hiện có


Vì số lượng font nhiều, 294 font, toàn bộ dung lượng font là 30MB, nên mình đưa danh sách font ra một topic khác. Cân nhắc & chuẩn bị trước khi click vào =)

http://vnsharing.net/forum/showthread.php?t=468295
__________________

thay đổi nội dung bởi: Ôn Song Tú, 27-05-2012 lúc 21:24
  #2  
Old 10-04-2012, 16:44
Ôn Song Tú's Avatar
Ôn Song Tú Ôn Song Tú is offline
Vương gia hữu nữ sơ trường thành
Nữ đại huệ chất thả lan tâm
A na đa tư thị thiên sinh
ngoại tuệ trung tối nan đắc
 
Phòng trưng bày huy hiệu
Phoenix Okuni Huy hiệu staff cấp 3 Crystal 
Sakura Kyouko Tomoe Mami Miki Sayaka Disruptor 
Tổng số huy hiệu: 27
Tham gia ngày: 08-03-2009
Bài gửi: 4,615
Cấp Độ: 660
Rep: 32533
Ôn Song Tú has a reputation beyond reputeÔn Song Tú has a reputation beyond repute
Ôn Song Tú has a reputation beyond reputeÔn Song Tú has a reputation beyond reputeÔn Song Tú has a reputation beyond reputeÔn Song Tú has a reputation beyond reputeÔn Song Tú has a reputation beyond reputeÔn Song Tú has a reputation beyond reputeÔn Song Tú has a reputation beyond reputeÔn Song Tú has a reputation beyond reputeÔn Song Tú has a reputation beyond reputeÔn Song Tú has a reputation beyond reputeÔn Song Tú has a reputation beyond reputeÔn Song Tú has a reputation beyond reputeÔn Song Tú has a reputation beyond repute

Gửi tin nhắn qua Yahoo chat tới Ôn Song Tú
Đề nghị các bạn test tránh xài số ID giống với mấy code trogn pót 1 =)
  #3  
Old 10-04-2012, 17:20
Mochizuki's Avatar
Mochizuki Mochizuki is offline
 
Lover
Pisuke
Phòng trưng bày huy hiệu
Dark Saber Huy hiệu staff cấp 1 DOS Tan DOS Tan 
Dark Saber Dark Saber Windows 95 Tan Windows 98 Tan 
Tổng số huy hiệu: 17
Tham gia ngày: 03-01-2010
Bài gửi: 7,027
Cấp Độ: 303
Rep: 14422
Mochizuki has a reputation beyond repute
Mochizuki has a reputation beyond reputeMochizuki has a reputation beyond reputeMochizuki has a reputation beyond reputeMochizuki has a reputation beyond reputeMochizuki has a reputation beyond reputeMochizuki has a reputation beyond reputeMochizuki has a reputation beyond repute

sao phải nhét trong table mà ko nhét trong span


đệch, mình đang khủng hoảng span mà


p.s: đừng có lạm dụng nhiều font quá trong 1 bài viết nha =) thứ nhất là load chậm, thứ 2 là siêu nặng luôn =)
__________________
Phơi mình gập cánh giữa tầng không
Ngắm vạn phù du, một chiếc lồng
Sải muôn vạn nhịp trời chẳng thấu
Buông cánh rồi lòng tự mênh mông.

thay đổi nội dung bởi: Mochizuki, 10-04-2012 lúc 17:33
  #4  
Old 10-04-2012, 17:31
Ôn Song Tú's Avatar
Ôn Song Tú Ôn Song Tú is offline
Vương gia hữu nữ sơ trường thành
Nữ đại huệ chất thả lan tâm
A na đa tư thị thiên sinh
ngoại tuệ trung tối nan đắc
 
Phòng trưng bày huy hiệu
Phoenix Okuni Huy hiệu staff cấp 3 Crystal 
Sakura Kyouko Tomoe Mami Miki Sayaka Disruptor 
Tổng số huy hiệu: 27
Tham gia ngày: 08-03-2009
Bài gửi: 4,615
Cấp Độ: 660
Rep: 32533
Ôn Song Tú has a reputation beyond reputeÔn Song Tú has a reputation beyond repute
Ôn Song Tú has a reputation beyond reputeÔn Song Tú has a reputation beyond reputeÔn Song Tú has a reputation beyond reputeÔn Song Tú has a reputation beyond reputeÔn Song Tú has a reputation beyond reputeÔn Song Tú has a reputation beyond reputeÔn Song Tú has a reputation beyond reputeÔn Song Tú has a reputation beyond reputeÔn Song Tú has a reputation beyond reputeÔn Song Tú has a reputation beyond reputeÔn Song Tú has a reputation beyond reputeÔn Song Tú has a reputation beyond reputeÔn Song Tú has a reputation beyond repute

Gửi tin nhắn qua Yahoo chat tới Ôn Song Tú
Trích:
Nguyên văn bởi QuackQuack View Post
sao phải nhét trong table mà ko nhét trong span

đệch, mình đang khủng hoảng span mà
  • span
  • div với display:table-cell
  • table

Test tới test lui test xui test ngược cuối cùng chọn table

Code này ko hack dc đâu, muốn khủng hoảng span thì dùng [font2] làm nền, [hover] để nghịch với span
  #5  
Old 10-04-2012, 17:34
Mochizuki's Avatar
Mochizuki Mochizuki is offline
 
Lover
Pisuke
Phòng trưng bày huy hiệu
Dark Saber Huy hiệu staff cấp 1 DOS Tan DOS Tan 
Dark Saber Dark Saber Windows 95 Tan Windows 98 Tan 
Tổng số huy hiệu: 17
Tham gia ngày: 03-01-2010
Bài gửi: 7,027
Cấp Độ: 303
Rep: 14422
Mochizuki has a reputation beyond repute
Mochizuki has a reputation beyond reputeMochizuki has a reputation beyond reputeMochizuki has a reputation beyond reputeMochizuki has a reputation beyond reputeMochizuki has a reputation beyond reputeMochizuki has a reputation beyond reputeMochizuki has a reputation beyond repute

^ nhìn cái php là biết íu hack đc rồi

Trích:
p.s: đừng có lạm dụng nhiều font quá trong 1 bài viết nha =) thứ nhất là load chậm, thứ 2 là siêu nặng luôn =)
  #6  
Old 21-05-2012, 23:39
haithuong313's Avatar
haithuong313 haithuong313 is offline
 
Lover
koizumi_luna
Phòng trưng bày huy hiệu
White Mage Moogle Đá cấp 5: Amethyst Red iPod tan 
Crystal Silver of Light Bích vân Pink iPod tan 
Tổng số huy hiệu: 17
Tham gia ngày: 31-07-2010
Bài gửi: 2,138
Cấp Độ: 449
Rep: 22213
haithuong313 has a reputation beyond repute
haithuong313 has a reputation beyond reputehaithuong313 has a reputation beyond reputehaithuong313 has a reputation beyond reputehaithuong313 has a reputation beyond reputehaithuong313 has a reputation beyond reputehaithuong313 has a reputation beyond reputehaithuong313 has a reputation beyond reputehaithuong313 has a reputation beyond reputehaithuong313 has a reputation beyond reputehaithuong313 has a reputation beyond reputehaithuong313 has a reputation beyond reputehaithuong313 has a reputation beyond reputehaithuong313 has a reputation beyond reputehaithuong313 has a reputation beyond repute

Thật là bá đạo
Phần code animate ko thấy được trên opera Buồn thật.
__________________



.
  #7  
Old 25-05-2012, 13:09
Ôn Song Tú's Avatar
Ôn Song Tú Ôn Song Tú is offline
Vương gia hữu nữ sơ trường thành
Nữ đại huệ chất thả lan tâm
A na đa tư thị thiên sinh
ngoại tuệ trung tối nan đắc
 
Phòng trưng bày huy hiệu
Phoenix Okuni Huy hiệu staff cấp 3 Crystal 
Sakura Kyouko Tomoe Mami Miki Sayaka Disruptor 
Tổng số huy hiệu: 27
Tham gia ngày: 08-03-2009
Bài gửi: 4,615
Cấp Độ: 660
Rep: 32533
Ôn Song Tú has a reputation beyond reputeÔn Song Tú has a reputation beyond repute
Ôn Song Tú has a reputation beyond reputeÔn Song Tú has a reputation beyond reputeÔn Song Tú has a reputation beyond reputeÔn Song Tú has a reputation beyond reputeÔn Song Tú has a reputation beyond reputeÔn Song Tú has a reputation beyond reputeÔn Song Tú has a reputation beyond reputeÔn Song Tú has a reputation beyond reputeÔn Song Tú has a reputation beyond reputeÔn Song Tú has a reputation beyond reputeÔn Song Tú has a reputation beyond reputeÔn Song Tú has a reputation beyond reputeÔn Song Tú has a reputation beyond repute

Gửi tin nhắn qua Yahoo chat tới Ôn Song Tú
Thông báo: Code [Font2] vừa mới được cập nhật, chỉnh sửa

Tất nhiên là cách làm cũ trước giờ vẫn giữ nguyên, các bạn ko cần lo phải sửa lại gì cả.

1. Chỗ thông số gradient:

Trích:
Cũ:

Trích:
Option3 là chia tỉ lệ màu nền theo %, mỗi số cách nhau bằng dấu ";". Có các trường hợp sau:
  • Được quyền bỏ qua option3 nếu gradient chỉ có 2 màu, lúc này tỉ lệ mặc định sẽ là 0% và 100%.
  • Được quyền bỏ qua option3 nếu gradient chỉ có 3 màu, lúc này tỉ lệ mặc định sẽ là 0%, 50% và 100%.
  • Nếu gradient có từ 4 màu trở lên, thì phải bắt buộc set option3.
Nay sửa thành:

Trích:
Option3 là chia tỉ lệ màu nền theo %, mỗi số cách nhau bằng dấu ";". Bạn được quyền bỏ qua option3, lúc này tỉ lệ sẽ được tính toán chia đều cho các màu.
Tức là từ nay, dù cho gradient có 4 màu trở lên, bạn cũng ko cần phải buộc set option3 nữa.
Trích:
Cũ:

Trích:
E9- ko nhận mã màu rgba trong gradient, vì thế, nếu bạn set mã màu rgba để tạo độ mờ, thì code sẽ tự động trả về mã hex trong phần css của IE9-, và tất nhiên là sẽ ko thấy độ mờ trên IE9-.
Nay sửa thành:

Trích:
Del
Tức là bên IE9- giờ có thể tạo được màu có độ mờ, nên hover gradient được rồi.
2. Chỗ thông số !ani! và aniratio

Trích:
Cũ:

Trích:
Một chu kỳ của hiệu ứng animation có 2 giai đoạn:
  1. từ giá trị ban đầu chuyển đến giá trị thứ hai.
  2. từ giá trị thứ hai chuyển về giá trị ban đầu.
Nay sửa thành:

Trích:
Một chu kỳ của hiệu ứng animation có thể chia ra nhiều giai đoạn, tùy thuộc vào số lần sử dụng !ani! ở phía sau mỗi thông số.
  1. từ giá trị ban đầu chuyển đến giá trị thứ hai.
  2. từ giá trị thứ hai chuyển đến giá trị thứ ba, bốn, ..., n.
  3. từ giá trị thứ n chuyển về giá trị ban đầu.
Trích:
Cũ:

Trích:
Bình thường, nếu ko xài thông số "aniratio" này thì mặc định là 50%, tức là thời gian của 2 giai đoạn bằng nhau. Khi sử dụng thì sẽ chia lại tỉ lệ thời gian.
Nay sửa thành:

Trích:
Bình thường, nếu ko xài thông số "aniratio" này thì tỉ lệ sẽ tự chia đều cho các giai đoạn. Khi sử dụng thì sẽ chia lại tỉ lệ thời gian, mỗi số cách nhau bằng dấu ";".

Lưu ý: bạn chỉ có thể chia lại tỉ lệ từ giai đoạn 2 trở đi, vì giai đoạn đầu và cuối luôn mặc định là 0% và 100%. Nói 1 cách đơn giản hơn, là nếu bạn sử dụng (1 !ani!/thông số) thì set 1 số aniratio, (2 !ani!/thông số) thì set 2 số aniratio (nếu muốn).
Vd: (chú ý thông số &bg=FFFFFF!ani!DFDF32!ani!A34E4E - 2 lần !ani!)

Nhà em có con gà trống, mèo con và cún con.


PHP Code:
[font2=thuc19|crystal&w=700&h=100&bg=FFFFFF!ani!DFDF32!ani!A34E4E&gra=ver/(123,54,98,0.7);(43,154,213,0.7)&time=1s]Nhà em có con gà trốngmèo con và cún con.[/font2
4. Chỗ một số hướng dẫn khác

Cũ:

Trích:
Nếu bạn muốn dùng font đặc biệt cho toàn table, thay vì set cho từng ô, thì có 1 cách nhanh gọn lẹ là:
Nay sửa thành:

Trích:
Nếu bạn muốn dùng font đặc biệt cho toàn table, cho một hàng, hay một ô nào đó, thì có một cách nhanh gọn lẹ là:

Toàn table:

Nội dungNội dungNội dung
Nội dungNội dungNội dung


PHP Code:
[font2=thuc18|utm-beautiful-caps][/font2]
[
table3]{|id=font-thuc18 border=1 cellpadding=2
|Nội dung|Nội dung|Nội dung
|-
|
Nội dung|Nội dung|Nội dung
|}[/table3
Cho 1 hàng hay chỉ 1 ô:

Nội dung Nội dung Nội dung Nội dung
Nội dung Nội dung Nội dung Nội dung
Nội dung Nội dung Nội dung Nội dung


PHP Code:
[Font2=thuc18b|uvn-thanhpho&s=22&cl=FFFFFF!hv!B8BEFF&gra=ver/7C64BE;AF64BE][/font2]
[
table3]{|border=2 bordercolor=blue cellspacing=0 cellpadding=text-align:center
|-id=font-thuc18b
|Nội dung
|Nội dung
|Nội dung
|Nội dung
|-
!
id=font-thuc18b|Nội dung
|Nội dung
|Nội dung
|Nội dung
|-
!
id=font-thuc18b|Nội dung
|Nội dung
|Nội dung
|Nội dung
|}[/table3
5. Thông số mới: bd (viết tắt của border)

Set viền cho khung text. Chia làm 3 thông số nhỏ, cách nhau bằng dấu ";":
  • option1: set độ dày cho viền, đơn vị là px.
  • option2: set kiểu viền (solid, double, dotted...).
  • option3: set màu viền (giống các thông số khác, có thể hex hoặc rgba).

Nhà em có con gà trống, mèo con và cún con.


PHP Code:
[font2=thuc20|corsiva&w=500&h=50&bg=abcdef&rad=10 20&bd=3;solid;5D1919]Nhà em có con gà trốngmèo con và cún con.[/font2
Chú ý: thông số này cũng có !hv! và !ani!, tuy nhiên chỉ được !hv! hay !ani! màu viền.

Nhà em có con gà trống, mèo con và cún con.


PHP Code:
[font2=thuc20b|corsiva&w=500&h=50&bg=abcdef&rad=10 20&bd=3;solid;5D1919!hv!76C433]Nhà em có con gà trốngmèo con và cún con.[/font2
6. Thông số mới: tsd (viết tắt của text-shadow)

Tạo bóng cho text, cấu trúc như sau:

Trích:
op1a,op2a,op3a;op4a/op1b,op2b,op3b;op4b...
Trong 1 bóng có:
  • op1: vị trí theo chiều ngang của bóng.
  • op2: vị trí theo chiều dọc của bóng.
  • op3: độ mờ của bóng.
  • op4: màu của bóng (giống các thông số khác, có thể hex hoặc rgba).
Giữa 2 bóng cách nhau bằng dấu "/", cứ thế tiếp tục nếu muốn nhiều bóng.

Nhà em có con gà trống, mèo con và cún con.


PHP Code:
[font2=thuc21|uvn-huongque&s=30&tsd=2,2,2;47A73E/4,4;32722C]Nhà em có con gà trốngmèo con và cún con.[/font2
Chú ý: thông số này cũng có !hv! và !ani!.

7. Một vài ứng dụng với text-shadow và animation

Chú ý: code là chết, người là sống, rối mắt, lòe loẹt hay ko là tùy người sử dụng, không nên quá lạm dụng những cái dưới đây gây khó khăn cho người đọc =).

Nổi + Chìm


Nhấp nháy viền chữ


Bóng xoay tròn


Chữ chạy


Tách bóng


Hiệu ứng đèn dầu

thay đổi nội dung bởi: Ôn Song Tú, 25-05-2012 lúc 13:15
  #8  
Old 27-05-2012, 21:16
Ôn Song Tú's Avatar
Ôn Song Tú Ôn Song Tú is offline
Vương gia hữu nữ sơ trường thành
Nữ đại huệ chất thả lan tâm
A na đa tư thị thiên sinh
ngoại tuệ trung tối nan đắc
 
Phòng trưng bày huy hiệu
Phoenix Okuni Huy hiệu staff cấp 3 Crystal 
Sakura Kyouko Tomoe Mami Miki Sayaka Disruptor 
Tổng số huy hiệu: 27
Tham gia ngày: 08-03-2009
Bài gửi: 4,615
Cấp Độ: 660
Rep: 32533
Ôn Song Tú has a reputation beyond reputeÔn Song Tú has a reputation beyond repute
Ôn Song Tú has a reputation beyond reputeÔn Song Tú has a reputation beyond reputeÔn Song Tú has a reputation beyond reputeÔn Song Tú has a reputation beyond reputeÔn Song Tú has a reputation beyond reputeÔn Song Tú has a reputation beyond reputeÔn Song Tú has a reputation beyond reputeÔn Song Tú has a reputation beyond reputeÔn Song Tú has a reputation beyond reputeÔn Song Tú has a reputation beyond reputeÔn Song Tú has a reputation beyond reputeÔn Song Tú has a reputation beyond reputeÔn Song Tú has a reputation beyond repute

Gửi tin nhắn qua Yahoo chat tới Ôn Song Tú
^ ngày nào cũng type css như cơm bữa mà chưa hiểu rõ à

btw, 1 cách kết hợp font2 với table3

Cái html tag "border=...px" của [table3] có bất tiện là không set kiểu viền được, và khi tăng số px lên thì nó chỉ tăng cái viền ngoài chứ mấy viền trong ô table thì vẫn ko tăng.

Vì thế, trong những TH muốn tăng độ dày viền bên trong hoặc đổi kiểu viền thì các bạn thường phải set từng border cho từng ô table, hoặc phải cực khổ xài [bgcolor2] để tạo table. Như bài này.

Bằng cách kết hợp với [font2], [table3] có thể làm cái table giống như trên và gọn nhẹ hơn nhiều:



PHP Code:
[box=;display:none||||][font2=thuc1|&cl=fff&bg=66f][/font2][font2=thuc2|&bd=2;solid;66f][/font2][/box]
[
table3]
{|
id=font-thuc2 border-collapse:collapse;text-align:center;width:280px
!colspan=2|[font2=xxx|&tsd=2,2,4;333&cl=fff&bg=66f&s=20][B]Nausicaä of the Valley of the Wind[/B][/font2]
|-
!
colspan=color:#33f|[IMG]http://img96.imageshack.us/img96/281/220pxnausicaaposter.jpg[/IMG]
|+Japanese promotional postershowing Nausicaä flying a glideran Ohmu and a skull of a Giant Warrior
|-
!
id=font-thuc1|[B]Kanji[/B]
|
風の谷のナウシカ
|-
!!
color:#66f|[B]Rōmaji[/B]
|Kaze no Tani no Naushika
|-
!
id=font-thuc1|[B]Directed by[/B]
|
Hayao Miyazaki
|-
!!
color:#66f|[B]Produced by[/B]
|Isao Takahata
|-
!
id=font-thuc1|[B]Written by[/B]
|
Hayao Miyazaki
|-
!!
color:#66f|[B]Starring[/B]
|Sumi Shimamoto|+Goro Naya|+Yoji Matsuda|+Yoshiko Sakakibara|+Iemasa Kayumi
|-
!
id=font-thuc1|[B]Music by[/B]
|
Joe Hisaishi
|-
!!
color:#66f|[B]Cinematography[/B]
|Koji Shiragami
|-
!
id=font-thuc1|[B]Editing by[/B]
|
Tomoko Kida
|-
!!
color:#66f|[B]Studio[/B]
|Topcraft
|-
!
id=font-thuc1|[B]Distributed by[/B]
|
Toei Company
|-
!!
color:#66f|[B]Release date(s)[/B]
|March 41984
|-
!
id=font-thuc1|[B]Running time[/B]
|
116 minutes
|-
!!
color:#66f|[B]Country[/B]
|Japan
|-
!
id=font-thuc1|[B]Language[/B]
|
Japanese
|}[/table3

thay đổi nội dung bởi: Ôn Song Tú, 27-05-2012 lúc 21:20
  #9  
Old 01-06-2012, 12:58
haithuong313's Avatar
haithuong313 haithuong313 is offline
 
Lover
koizumi_luna
Phòng trưng bày huy hiệu
White Mage Moogle Đá cấp 5: Amethyst Red iPod tan 
Crystal Silver of Light Bích vân Pink iPod tan 
Tổng số huy hiệu: 17
Tham gia ngày: 31-07-2010
Bài gửi: 2,138
Cấp Độ: 449
Rep: 22213
haithuong313 has a reputation beyond repute
haithuong313 has a reputation beyond reputehaithuong313 has a reputation beyond reputehaithuong313 has a reputation beyond reputehaithuong313 has a reputation beyond reputehaithuong313 has a reputation beyond reputehaithuong313 has a reputation beyond reputehaithuong313 has a reputation beyond reputehaithuong313 has a reputation beyond reputehaithuong313 has a reputation beyond reputehaithuong313 has a reputation beyond reputehaithuong313 has a reputation beyond reputehaithuong313 has a reputation beyond reputehaithuong313 has a reputation beyond reputehaithuong313 has a reputation beyond repute

^ Bạn Tú ơi cho mình mượn cái code table ở trên nha
Nói thật là mình loạn lên vì table rồi
  #10  
Old 21-06-2012, 15:21
Emerald_king's Avatar
Emerald_king Emerald_king is online now
 
Lover
AmySnow
Akatsuki Sasuke
Sự thật đau đớn được khơi bày và Sas-kun bị hận thù che mắt. Vì để trả thù cho người anh trai yêu quý, Sas-kun đã gia nhập vào akatsuki, cậu dấn thân lên con đường tội lỗi cùng với đôi mắt đẫm huyết lệ.
SP: 93
Phòng trưng bày huy hiệu
Seimei Yumiya Hikami Kunai Blue of Tear Tourmaline Pendant 
Necklace of the Stars Elf of Natural Jar of Miracles Huy hiệu chứng nhận cấp 2: Lord of hurt 
Tổng số huy hiệu: 30
Tham gia ngày: 20-02-2011
Bài gửi: 3,047
Cấp Độ: 1071
Rep: 53203
Emerald_king has a reputation beyond reputeEmerald_king has a reputation beyond reputeEmerald_king has a reputation beyond reputeEmerald_king has a reputation beyond repute
Emerald_king has a reputation beyond reputeEmerald_king has a reputation beyond reputeEmerald_king has a reputation beyond reputeEmerald_king has a reputation beyond reputeEmerald_king has a reputation beyond reputeEmerald_king has a reputation beyond reputeEmerald_king has a reputation beyond reputeEmerald_king has a reputation beyond reputeEmerald_king has a reputation beyond reputeEmerald_king has a reputation beyond reputeEmerald_king has a reputation beyond repute

Gửi tin nhắn qua Yahoo chat tới Emerald_king Gửi tin nhắn qua Skype™ tới Emerald_king
Hôm nay xem lại bài này mới phát hiện ra: Hình như ngoài mấy cái cơ bản ra thì mấy cái hiệu ứng chữ chạy, tách bóng, rồi !ani!, aniratio,... đều không thấy được trên Opera
__________________
Ðề tài đã khoá

Bookmarks & Social Networks


Ðiều Chỉnh
Xếp Bài

Quyền Hạn Của Bạn
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is Mở
Smilies đang Mở
[IMG] đang Mở
HTML đang Tắt

Chuyển đến


Múi giờ GMT. Hiện tại là 21:25.

Bản quyền oOo VnSharing Group oOo © 2007 - 2012
Vui lòng ghi nguồn VnSharing.net khi bạn dùng các bài viết của site. LIÊN HỆ QUẢNG CÁO: 0945255655. Mail: qc.vnsharing@gmail.com
Powered by: vBulletin Copyright © by 2000-2014, Jelsoft Enterprises Ltd.


Sửa chữa laptop Đà Lạt | linh kiện laptop đà lạt | sửa chữa máy tính đà lạt | thiết kế website đà lạt | lắp đặt mạng camera đà lạt