[Posting_body] Tạo văn bản nổi bật trong bài viết

[baivong]

Ý tưởng: [You must be registered and logged in to see this link.] Thực hiện: [You must be registered and logged in to see this link.] Sửa chữa: [You must be registered and logged in to see this link.] Viết: [You must be registered and logged in to see this link.]

1/ Display - Templates - Post & tin nhắn - Postingbody:

Tìm code này:

Code:

                {switch_specials_fonts.OTHERS_SPECIFICS_FONTS_WYSIWYG}

                <!-- END switch_specials_fonts -->

            </div>

Thêm vào ngay sau nó:

Code:

<div style="visibility:hidden" class="select" id="textbv">

                <button onmouseover="helpline('Văn bản nổi bật bên
trái')" onclick="bbfontstyle(' [lbv] ',' [/lbv]
');selectWysiwyg(this,'textbv');return false"><img
src="http://i66.servimg.com/u/f66/15/26/55/24/lco10.png"></button>

                <button onmouseover="helpline('Văn bản nổi bật bên
phải')" onclick="bbfontstyle(' [rbv] ',' [/rbv]
');selectWysiwyg(this,'textbv');return false"><img
src="http://i66.servimg.com/u/f66/15/26/55/24/rco10.png"></button>

</div>

Tìm code này:

Code:

<span id="html_edit" style="display:none">

Thêm vào trước nó code sau:

Code:

<button onmouseover="helpline('Tạo văn bản nổi bật trong bài
viết')" class="button2" onclick="selectWysiwyg(this,'textbv')"
type="button"><img
src="http://i66.servimg.com/u/f66/15/26/55/24/bvco10.png"
/></button> 

2/ Thêm vào CSS:

Code:

.lbv, .rbv {width: 35%;padding: 5px 5px 5px
5px;min-height:40px;height:auto !important;border: 1px;text-align:
justify;background-color: #FFC;}.lbv{margin: 0px 10px 0px
0px;}.rbv{margin: 0px 0px 0px 10px;}

3/ Quản lý tổng thể - Kiểm duyệt từ - Thêm từ mới

Từ :	Thay thế bằng từ :
[lbv]	Code: [table class=lbv align=left][tr][td]
[/lbv]	Code: [/td][/tr][/table]
[rbv]	Code: [table class=rbv align=right][tr][td]
[/rbv]	Code: [/td][/tr][/table]

Ghi chú: Bước 3 thực ra là giả mạo BBcode (ai biết cách làm BBcode thì hướng dẫn mình nhé [You must be registered and logged in to see this image.] ), vì thế nếu bạn gõ [lbv] phải có khoảng cách với đoạn văn bản cần chọn.
...ko dc gõ thế này [lbv]văn bản[/lbv]
...mà phải gõ là [lbv] văn bản [/lbv]

Chú thích: Sau khi làm xong, tại khung gửi bài của bạn sẽ có thêm 1 nút thế này: [You must be registered and logged in to see this image.]
Nó sẽ giúp bạn tạo một đoạn văn bản có màu nền nổi bật trong bài viết, gồm 2 lựa chọn là văn bản bên trái hay bên phải.

Cách sử dụng: Bôi đen vùng văn bản cần làm hiệu ứng, sau đó Click chọn hiệu ứng cho văn bản đó nằm bên trái hay bên phải (ko nên dùng cho đoạn văn cuối bài, hoặc đoạn văn liên quan với bài).

[KuGào]

tem cho bác vượng trước rồi tính sau

[blogkien]

Cái này là tạo thêm BBcode phải không?

[baivong]

Cái này là tạo thêm BBcode phải không?

Nó vốn là BBcode table.

[hunghsmn]

Mục đích là giảm dung lượng cho posting_body để viết được nhiều
Thay vì mình viết hết trong posting_body làm cho nó chật không còn đủ chỗ viết thì battuvuong đã vận dụng kết hợp CSS với Kiểm duyệt từ rất thành công.
Hoan hô battuvuong
Hix, blogkien cứ đòi mình chia sẻ có đầu có đuôi. Trong khi mình muốn gợi ý để các bạn làm. Thật may là có battuvuong cũng rất đam mê.

Đầu tiên là Markchan "ăn cắp" của mang về => Qua tay mình => rồi đến battuvuong. Bây giờ nó thành thế này đây. Đây chính là sức mạnh của tập thể đấy các bạn .

Chuyện này làm mình nhớ lại ngày xưa bàn một hồi Ea ra cái cái nút ẩn/hiện "Chèn khung vào bài viết" để ngay bên cạnh khung soạn thảo ( bây giờ nó đâu mất rồi), còn mình ra cái trang html "Khung html" mà bây giờ thỉnh thoảng có ai hỏi mình lại mang ra...

[blogkien]

Pác ơi co em hỏi:

Đâu là sau, đâu là trước?

2 kiểu này có thể hiểu như sau:

trước ----- code ------ sau.
sau ------- code ------ trước.





Với lại dòng này em không thấy:

Code:

{switch_specials_fonts.OTHERS_SPECIFICS_FONTS_WYSIWYG}

Mà chỉ thấy dòng này:

Code:

{switch_specials_fonts.OTHERS_SPECIFICS_FONTS}

[vipphuc]

Các bnaj cho mình xem Demo được không?

[MarkChan]

Sửa chữa: baivong
Viết: battuvuong

=> là 1 mà sao ko ghi là Vượng luôn cho ngắn gọn dễ hiểu hả a
mà sao cái kiểm duyệt từ nó kì quái nhỉ
thay cái :"> vào = cái kí tự của smile mà nó chả có tác dụng gì cả

[blogkien]

Đã thêm trong CSS, đã kiểm duyệt từ. RỒi thử làm 2 cái bước đầu tiên. Hiểu theo 2 kiểu làm 2 kiểu. Cuối cùng thì hiểu theo kiểu này mới đúng nè:

trước -------- code --------- sau

Nút hiển thị trên IE 9 final tốt. Còn trên Chrome 10 thì nó làm cho nút chọn font chữ với nút help thụt xuống.

Acc: Test01.
Pass: conga123

Trang test:

[You must be registered and logged in to see this link.]

----------------

Mà sao khi tiến hành bôi đen văn bản, rồi chọn chia cột, nó không tự add [rbv] và [/rbv] vào hai đầu văn bản trên IE nhỉ? thử viết mà nó không hiện kiểu văn bản nổi bật. Phải tự thêm code [rbv] văn bản [/rbv]

[baivong]

trước ----- code ------ sau.
sau ------- code ------ trước.

Cái gì zậy nè?

[blogkien]

Pác đọc lại bài comment của em đi rồi hiểu. Em thấy có vài lỗi phát sinh đó. Pác thử cài IE 9 final và Chrome rồi xài em nó xem.
ư

-----------

U ú ù u,,,,,,,,,, xích đu. Do em bật a/A nên không thấy nó hiện

Mọi thứ đều ngon.

Hêhe Cảm ơn đại ca. cảm ơn Cô gái trung hoa Nihao

[baivong]

Do mất code khoảng cách ở cuối, khi bỏ vô thẻ code nó bị mất, nhưng con hàng hoạt động khá tốt

Code:

http://testing.7forum.info/t3-topic#16

Xem ở đây, ko lỗi nè: [You must be registered and logged in to see this link.]

[blogkien]

Do mất code khoảng cách ở cuối, khi bỏ vô thẻ code nó bị mất,

Câu này em không hĩu... nghĩa là em dán code vô bị thiếu hỡ?

[baivong]

Thêm

Code:

& n b s p ;

(viết liền nhé, tại nó ko hiển thị nên mình phải cách ra.
vào sau code

Code:

</button>

ở buóc 1

[blogkien]

Code ở bước 1 của pác thế này:

Code:

<div style="visibility:hidden" class="select" id="textbv">

                <button onmouseover="helpline('Văn bản nổi bật bên
trái')" onclick="bbfontstyle(' [lbv] ',' [/lbv]
');selectWysiwyg(this,'textbv');return false"><img
src="http://i66.servimg.com/u/f66/15/26/55/24/lco10.png"></button>

                <button onmouseover="helpline('Văn bản nổi bật bên
phải')" onclick="bbfontstyle(' [rbv] ',' [/rbv]
');selectWysiwyg(this,'textbv');return false"><img
src="http://i66.servimg.com/u/f66/15/26/55/24/rco10.png"></button>

</div>

Giờ thêm cái này vô & n b s p ; (sửa viết liền lại) ở đằng sau

Code:

</button>

Ở trong code đó có 2 cái "</button>" phải thay vào cái nào và như thế nào?
1. & n b s p ;</button>
2. </button>& n b s p ;


Em test rồi, thế này là đúng nè: </button>& n b s p ;

[baivong]

</button>& n b s p ;
Cái ở trong ô code cuối cùng của bươc 1

Thêm vào trước nó code sau:

[blogkien]

Share cho các pác 1 số nút Bvco ( Nút tạo nổi bật bài viết)

[You must be registered and logged in to see this image.]

[darkknight]

được đấy các bác.

[lee196]

Có đê mồ k vậy?

[baivong]

Có đê mồ k vậy?

"đê mồ" [You must be registered and logged in to see this link.] & [You must be registered and logged in to see this link.]

[Hamano Michiyo]

Cha, hơi bị rắc rối nhớ, nhưng mà mình sẽ thử xem sao.
Thank mọi người^^

[kushyisgod]

em hog hiểu?

[handsomevip007]

Em lỡ tay bấm nâhm2 bác nào xóa hộ em với

[Sponsored content]