Administrator

View previous topic View next topic Go down

Administrator

Post by Administrator on Wed Nov 05, 2014 10:23 am

Header
 

Table text
ForuMotion end copyright text
   


Last edited by Administrator on Sat Nov 08, 2014 6:57 am; edited 5 times in total

Administrator

Total posts : 201

http://vnsharing.forumotion.net

Back to top Go down

Re: Administrator

Post by Administrator on Thu Nov 06, 2014 12:05 pm





This is a heading



This is a paragraph.





Administrator

Total posts : 201

http://vnsharing.forumotion.net

Back to top Go down

Re: Administrator

Post by Administrator on Sun Nov 09, 2014 2:28 am












Valkyrie

Shop
~ Chào mừng bạn đến với Valkyrie Shop ~



Shop được mở với mục đích phục vụ những bạn muốn dùng rep để nhờ bbcode cho bài viết của mình.






Thông báo tuyển thực tập sinh:









✥ Các bạn có thể chỉ định bbcoder hoặc cứ đăng ký và shop sẽ tự phân công người nào rảnh nhất để làm.



✥ Một vài người không có nhiều thời gian hoặc quá lười nên nếu thực sự muốn nhờ họ thì bạn sẽ phải chịu khó xếp hàng (hoặc đơn giản là tìm ai đó rảnh trong shop làm hộ).



✥ Giá code thương lượng tùy độ khó, còn không cứ theo bảng giá mà tương. Yêu cầu cao hơn thì cáp thêm giá.



✥ Khi req nhớ ghi rõ màu sắc, phong cách, càng chi tiết các tốt. Đi kèm hình và banner nào cũng cảm phiền cung cấp luôn. Xin đừng phang câu “tùy các bạn” :v Nếu dùng câu này thì đến cuối sản phẩm ra như nào các bạn cũng phải nhận hết đó nha.



✥ Mỗi lần mỗi người chỉ nhận một req, giải quyết xong sẽ sang req tiếp theo, đang nhận req nào thì sẽ ghi chú trong bảng của mỗi người. Trong trường hợp đang trong kì thi, bận rộn, thì sẽ treo biển Inactive nên hãy kiểm tra trước khi chỉ định người làm req.



✥ Tiến độ mỗi code tùy theo độ khó, trung bình là 7 ngày (ngắn thì có khi chỉ mất 1,2 ngày) nếu bạn cần gấp, xin hãy nêu rõ trong yêu cầu để bọn mình xem có thể làm xong trong khoảng đó hay không rồi mới quyết định nhận hay bỏ.



✥ Vui lòng không xóa credit tên người làm, không share code lung tung và không tự ý phá code. Tự ý sửa hỏng xin tự chịu trách nhiệm.



✥ Sửa chữa nhỏ miễn phí, sửa chữa lớn, mang tính diện rộng không quá 3 lần.



✥ Sau khi nhận bài, nếu không ưng ý có thể không nhận, nhưng mà code nó tốn khá nhiều chất xám nên hi vọng hãy chuyển từ 20-50 rep công làm. (Riêng bạn Đông chảnh chó không nhận req bài dưới 1k rep, nhưng nếu làm mà khách không nhận thì 1 rep cũng không lấy)



✥ Free 1 bài dưới 200 rep cho 3 bạn đầu tiên req.



Danh sách chờ
M Ăn Hại
Amy nhận
hi11141194 - Bài 2
.....
.[I]ce Bab[Y].
Nhiều quá (」゜ロ゜)」
Lucifer
.....
.RyuichiReiS
.....
ngoisaotimld
.....
























Đông

Giám đốc


AmySnow

Kế toán


Mã Ăn Hại

Lao công


xdplvjskx

Nhân viên



-◆-
~ Đông (Inactive) ~





Liên lạc
Facebook
VnSharing
Tham khảo
123
Request đang nhận
hi11141194 - Bài 1
1500 rep
Request đã hoàn thành
Aladin
1000 rep
 






-◆-
~ Amy ~





Liên lạc
Facebook
VnSharing
Tham khảo
123
Request đang nhận
xxx
xxx
Request đã hoàn thành
xxx
xxx
 




-◆-
~ Mã ~





Liên lạc
Facebook
VnSharing
Tham khảo
123
Request đang nhận
Gasai Yuno
??? rep
Request đã hoàn thành
Mo Ăn Hại
600 rep
.[I]ce Bab[Y]. - Bài 2
300 rep
khoatkqn
700 rep
Scheherazade
Free
 






-◆-
~ Danh ~





Liên lạc
Facebook
VnSharing
Tham khảo
123
Request đang nhận
.[I]ce Bab[Y]. - Bài 1
800 rep
Kysalpha
300 rep
Aladin
1000 rep
Request đã hoàn thành
_Rua_
600 rep
Lam Nhan
800 rep
GA_LOVE
Free
 











Administrator

Total posts : 201

http://vnsharing.forumotion.net

Back to top Go down

Re: Administrator

Post by Administrator on Sun Nov 09, 2014 2:32 am



LƯU Ý: đây là bbcode cũ,

hiện forum đã có code mới TABLE3 ưu việt hơn.


topic này chủ yếu dành để tham khảo các html và style tag.

các bạn mới học bbcode nên làm quen với table3 đơn giản

nếu vẫn muốn dùng table2, đọc kỹ mục 6 ngay bên dưới trước




~~~ thay đổi nội dung bởi: Kaldorei, lý do: thông báo bbcode mới










Sau tổng cộng 18 cái mess pm kịch liệt (9 send 9 nhận), cuối cùng bbcode [table2] đã được add .




Trích:







6. Nhược điểm của bbcode mới này:



Vì lý do hệ thống của forum, mỗi khi xuống hàng là nó auto thêm html tag <br/> vào (view source mới thấy). Cho nên giữa [table2] và [tr], giữa [tr] và [td], cũng như giữa 2 [td] với nhau đều bị chèn thêm <br/>.



==> Xuống hàng nhiều lần, như vd trên là xuống tới 13 hàng --> tới 13 cái <br/> --> tạo một khoảng trống lớn giữa text ở phía trên table và table.



Để khắc phục điều này, một là khi code bạn không xuống hàng gì cả giữa [table2][tr][td], nhưng như vậy thì hơi bị khó nhìn code, hoặc cách hai là thêm một html tag của style vào table. Đó chính là margin-top:-...px.



Tag này có nghĩa là khoảng cách từ viền trên của table đến đoạn text bên trên table. Khi dùng với số âm, thì tức là nó "tràn vào" luôn vị trí bên trên. Trong trường hợp này chính là "tràn vào vị trí khoảng trắng lớn" --> thu hẹp khoảng cách.



Những đoạn code vd mình để trong [php] ở trên là đã bỏ đi tag marin-top, chứ thực chất cái kết quả hiện ra ở dưới là có xài =).



Xuống hàng trong nội dung ô table thì ko bị ảnh hưởng.



Ngoài ra còn cách thứ 3 tiện lợi hơn đó là dùng [table3].

1. Cách cấu thành một bảng table




PHP Code:




[table2=option1|option2]
[
tr]
[
td]cột 1 hàng 1[/td]
[
td]cột 2 hàng 1[/td]
[/
tr]
[
tr]
[
td]cột 1 hàng 2[/td]
[
td]cột 2 hàng 2[/td]
[/
tr]
[/
table2






  • Table sẽ mở đầu bằng [table2] và kết thúc bằng [/table2]

  • Một hàng table sẽ mở đầu bằng [tr] và kết thúc bằng [/tr]

  • Một ô table sẽ mở đầu bằng [td] và kết thúc bằng [/td], nội dung trong ô table có thể xuống dòng thoải mái.

  • Option1 là những html tag của table (sẽ dc liệt kê bên dưới), còn Option2 chính là những html tag của style (mà thời gian qua các bạn đã làm quen với cái tên gọi bb-like-html code với những topic hướng dẫn ngoài kia). Option2 của table sẽ set style cho toàn bộ table (vd: màu chữ, canh lề, size, font....)

  • Giữa 2 option có sự khác biệt, ở option1 thì 2 tag phân biệt nhau bằng khoảng trắng, giữa tên tag và giá trị là dấu bằng, còn ở option2 thì 2 tag phân biệt nhau bằng dấu chấm phẩy, giữa tên tag và giá trị là dấu hai chấm.



2. Các html tag của table





































































Tên TagTác dụngGiá trị
BORDERbề rộng viền table1,2,3...
BORDERCOLORmàu viền tablemã màu
CELLPADDINGkhoảng cách 4 hướng giữa viền table và nội dung trong ô1,2,3...
CELLSPACINGkhoảng cách giữa những viền của ô table1,2,3...
WIDTHchiều rộng của tablepx/em/%
HEIGHTchiều cao của tablepx/em/%
BGCOLORmàu nền của tablemã màu
BACKGROUNDảnh nền của tablelink ảnh
ALIGNcanh lề cho khung tableleft/center/right
RULESchỉ định những phần nào của viền table bên trong được hiện ranone: Không có viền nào bên trong
rows: Viền giữa các hàng
cols: Viền giữa các cột
all: Viền giữa các hàng và cột
FRAMEchỉ định những phần nào của viền table bên ngoài được hiện ravoid: Tất cả viền bên ngoài sẽ ẩn đi
above: Chỉ có viền bên trên hiện ra
below: Chỉ có viền bên dưới hiện ra
lhs : Chỉ có viền bên trái hiện ra
rhs: Chỉ có viền bên phải hiện ra
hsides: Chỉ có 2 viền trên và dưới hiện ra
vsides: Chỉ có 2 viền trái và phải hiện ra




Một vài ví dụ:




PHP Code:




[table2align=center border=2 bordercolor=blue cellspacing=2 cellpadding=5 width=500px bgcolor=#abcdef|text-align:center]
[tr]
[
td]cột 1 hàng 1[/td]
[
td]cột 2 hàng 1[/td]
[/
tr]
[
tr]
[
td]cột 1 hàng 2[/td]
[
td]cột 2 hàng 2[/td]
[/
tr]
[/
table2
























cột 1 hàng 1cột 2 hàng 1
cột 1 hàng 2cột 2 hàng 2





PHP Code:




[table2align=center border=2 bordercolor=blue rules=rows frame=hsides cellspacing=0 cellpadding=5 width=500px|text-align:center]
[
tr]
[
td]cột 1 hàng 1[/td]
[
td]cột 2 hàng 1[/td]
[/
tr]
[
tr]
[
td]cột 1 hàng 2[/td]
[
td]cột 2 hàng 2[/td]
[/
tr]
[/
table2
























cột 1 hàng 1cột 2 hàng 1
cột 1 hàng 2cột 2 hàng 2





PHP Code:




[table2align=center border=2 bordercolor=blue rules=cols frame=vsides cellspacing=0 cellpadding=5 width=500px|text-align:center]
[
tr]
[
td]cột 1 hàng 1[/td]
[
td]cột 2 hàng 1[/td]
[/
tr]
[
tr]
[
td]cột 1 hàng 2[/td]
[
td]cột 2 hàng 2[/td]
[/
tr]
[/
table2
























cột 1 hàng 1cột 2 hàng 1
cột 1 hàng 2cột 2 hàng 2





PHP Code:




[table2align=center border=2 bordercolor=blue rules=all frame=void cellspacing=0 cellpadding=5 width=500px|text-align:center]
[
tr]
[
td]cột 1 hàng 1[/td]
[
td]cột 2 hàng 1[/td]
[/
tr]
[
tr]
[
td]cột 1 hàng 2[/td]
[
td]cột 2 hàng 2[/td]
[/
tr]
[/
table2
























cột 1 hàng 1cột 2 hàng 1
cột 1 hàng 2cột 2 hàng 2





PHP Code:




[table2align=center border=2 bordercolor=blue rules=none cellspacing=0 cellpadding=5 width=500px|text-align:center]
[
tr]
[
td]cột 1 hàng 1[/td]
[
td]cột 2 hàng 1[/td]
[/
tr]
[
tr]
[
td]cột 1 hàng 2[/td]
[
td]cột 2 hàng 2[/td]
[/
tr]
[/
table2
























cột 1 hàng 1cột 2 hàng 1
cột 1 hàng 2cột 2 hàng 2




3. Các html tag của tr, td:



Khi bạn muốn sử dụng html tag cho tr và td, thì bạn phải chuyển sang code [tr2] và [td2].




PHP Code:




[tr2=option1|option2].....[/tr2]
[
td2=option1|option2].....[/td2






  • Option1 là những html tag của tr và td, sẽ được liệt kê sau đây.

  • Option2 cũng là html tag của style, nhiều khi bạn ko muốn set 1 style nào đó cho toàn table, mà chỉ muốn set cho 1 hàng/ô nào đó thì sử dụng cái này. Hoặc bạn cũng có thể set style cho toàn table xong, rồi lại có 1 hàng/ô nào đó muốn set style khác, thì cũng ok.

  • Lưu ý: chỗ nào xài tr2/td2 thì khi kết thúc code cũng phải là tr2/td2.

  • Lưu ý 2: khi xài tr2/td2 thì không được quên dấu | ngăn cách giữa 2 option (dù chỉ xài 1 option cũng phải có |)

  • Lưu ý 3: option2 của [tr2] không nhận dc các style về border.





































































Tên TagTác dụngGiá trị
Dành cho [tr2]
ALIGNcanh lề nội dung theo chiều ngangleft/center/right
VALIGNcanh lề nội dung theo chiều dọctop/middle/bottom/baseline
BGCOLORgiống [table2]
BACKGROUNDgiống [table2]
Dành cho [td2]
ALIGNgiống [tr2]
VALIGNgiống [tr2]
WIDTHchiều rộng của ôpx/em/%
HEIGHTchiều cao của ôpx/em/%
BGCOLORgiống [table2]
BACKGROUNDgiống [table2]
COLSPANghép cột lại với nhau2,3,4...
ROWSPANghép hàng lại với nhau2,3,4...
NOWRAPđảm bảo không xuống dòng (khi nội dung trong ô dài hơn width dc set - sẽ dãn width ra)




Một vài ví dụ:




PHP Code:




[table2align=center border=2 bordercolor=red cellpadding=5 cellspacing=0 width=500px|text-align:center]
[
tr2bgcolor=pink|]
[
td2width=50%|][b]cột 1 hàng 1[/b][/td2]
[
td2width=25%|][b]cột 2 hàng 1[/b][/td2]
[
td2width=25%|][b]cột 3 hàng 1[/b][/td2]
[/
tr2]
[
tr]
[
td2=valign=top|]cột 1 hàng 2[/td2]
[
td2=valign=bottom|]cột 2 hàng 2[/td2]
[
td]cột 3 hàng 2
cột 3 hàng 2
[/td]
[/
tr]
[/
table2






























cột 1 hàng 1cột 2 hàng 1cột 3 hàng 1
cột 1 hàng 2cột 2 hàng 2cột 3 hàng 2

cột 3 hàng 2





PHP Code:




[table2align=center border=2 bordercolor=red cellpadding=5 cellspacing=0 width=500px|text-align:center]
[
tr2bgcolor=pink|]
[
td2rowspan=2|][b]cột 1 hàng 1 và 2[/b][/td2]
[
td2colspan=2|][b]cột 2 và 3 hàng 1[/b][/td2]
[/
tr2]
[
tr]
[
td]cột 2 hàng 2[/td]
[
td]cột 3 hàng 2
cột 3 hàng 2
[/td]
[/
tr]
[/
table2


























cột 1 hàng 1 và 2cột 2 và 3 hàng 1
cột 2 hàng 2cột 3 hàng 2

cột 3 hàng 2




4. Một vài class mặc định cho table:



Khi muốn sử dụng class cho table, đầu tiên bạn phải type [tablestyle][/tablestyle] vào bài viết. Theo nguyên tắc thì chỉ cần 1 page 1 code [tablestyle] thôi là đủ dùng cho mọi post trong page đó. Tuy nhiên nhiều khi người ta chỉ view cái link của 1 post thì lại mất tác dụng --> tốt nhất là mỗi post 1 code =).



Hiện chúng ta chỉ có 4 class (sau này sẽ add thêm, có thể sẽ là những event thiết kế class đẹp cho table, được nhiều người vote ) - tất nhiên event thiết kế class chỉ dành cho những ai biết css



Hiện 4 class này chỉ là bổ sung thêm khi xài html tag phức tạp hay ko thể xài bằng html tag dc.



a. Class "radius"



Tạo cung tròn cho 4 góc của table, lưu ý là 4 ô table ở 4 góc table phải được add lần lượt các class: radiusa, radiusb, radiusc, radiusd theo thứ tự: trên trái, trên phải, dưới trái, dưới phải.




PHP Code:




[table2= class=radius align=center border=2 bordercolor=green cellpadding=5 cellspacing=0 width=500px|text-align:center]
[
tr2bgcolor=palegreen|]
[
td2= class=radiusa|][b]cột 1 hàng 1[/b][/td2]
[
td][b]cột 2 hàng 1[/b][/td]
[
td2= class=radiusb|][b]cột 3 hàng 1[/b][/td2]
[/
tr2]
[
tr]
[
td2= class=radiusc|]cột 1 hàng 2[/td2]
[
td]cột 2 hàng 2[/td]
[
td2= class=radiusd|]cột 3 hàng 2[/td2]
[/
tr]
[/
table2






























cột 1 hàng 1cột 2 hàng 1cột 3 hàng 1
cột 1 hàng 2cột 2 hàng 2cột 3 hàng 2




a. Class "radius2"



Tạo cung tròn cho 4 góc lẫn tất cả các ô table.




PHP Code:




[table2= class=radius2 align=center border=2 bordercolor=green cellpadding=5 cellspacing=0 width=500px|text-align:center]
[
tr2bgcolor=palegreen|]
[
td][b]cột 1 hàng 1[/b][/td]
[
td][b]cột 2 hàng 1[/b][/td]
[
td][b]cột 3 hàng 1[/b][/td]
[/
tr2]
[
tr]
[
td]cột 1 hàng 2[/td]
[
td]cột 2 hàng 2[/td]
[
td]cột 3 hàng 2[/td]
[/
tr]
[/
table2




























cột 1 hàng 1cột 2 hàng 1cột 3 hàng 1
cột 1 hàng 2cột 2 hàng 2cột 3 hàng 2




c. Class "hover"



Tạo màu nền cho hàng table khi di chuyển chuột vào.




PHP Code:





Administrator

Total posts : 201

http://vnsharing.forumotion.net

Back to top Go down

Re: Administrator

Post by Sponsored content Today at 8:51 am


Sponsored content


Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum