[TUT] Thay các nút button gửi bài như vbb

[Rin]

Hôm nay mình sẽ hướng dẫn các bạn trang trí lại các button bài gửi của 4r các bạn trở nên đẹp hơn và nhiều chức năng như của vbb

Demo: http://ckeditor.com/demo

* Cách làm:

phpBB3 & PunBB:

1. Vào ACP -> Display -> Colors -> CSS gắn code sau vào cuối CSS

Code:

#quick_reply #textarea_content {
  clear: both;
  margin-left: auto;
  margin-right: auto;
  width: 95% !important;
  height: auto !important;
}
 
#text_editor_controls {
  display: none !important;
}

2. Vào ACP -> Modules -> JavaScript Codes Management thực hiện như sau:

Title: tuỳ bạn
Placement: In all pages

gắn code sau vào bên dưới khung

Code:

jQuery.getScript('http://goo.gl/BFDfd');

Tương tự như thế .....

phpBB2:

1. Vào ACP -> Display -> Colors -> CSS

Code:

#quick_reply .row2 {
  clear: both;
  margin-left: auto;
  margin-right: auto;
  width: 95% !important;
  height: auto !important;
}
 
#text_editor_controls {
  display: none !important;
}

2. Vào ACP -> Modules -> JavaScript Codes Management
Title: tuỳ bạn
Placement: In all pages

Code:

jQuery.getScript('http://goo.gl/BFDfd');

Invision:

1. Vào ACP -> Display -> Colors -> CSS

Code:

.qreply {
  clear: both;
  margin-left: auto;
  margin-right: auto;
  width: 95% !important;
  height: auto !important;
}
 
#text_editor_controls {
  display: none !important;
}

2. Vào ACP -> Modules -> JavaScript Codes Management
Title: tuỳ bạn
Placement: In all pages

Code:

jQuery.getScript('http://goo.gl/BFDfd');

Bản quyền: © fmQuery 2012
Dịch bởi: Rin

[vnd2012rs]

hƠ hƠ dc Ó

[vnd2012rs]

nhƯng mà làm xong không hiện

[mrkunvl]

Cái này post cũng lâu rồi Rin post cũng được đấy ^^

[Rin]

nhƯng mà làm xong không hiện

gắn code hợp vs version nhé ... bản này sẽ hiện rất lâu phải khi load xong 4r hoàn toàn nó mới hiện nên hơi mệt 1 chút Rin vẫn chưa biết cách fix nó

[ligerv]

http://diendan.chinhphuc.info/t22597-topic

[Rin]

ồ hớ thui trùng bài del đi

[Eagle8x]

Bài kia sao chép ko ghi nguồn nhỉ?

[Rin]

ơ thế vậy giữ bài của em đi del bài kia đi anh :P

[vnd2012rs]

ơ thế vậy giữ bài của em đi del bài kia đi anh :P

khôn nhỉ hô hô

[ruby-coding]

Hình như cái này ko có BBcode [CODE] thì phải

[mrkunvl]

Đó là tùy thuộc vào những người thích dùng đồ của vbb dùng mặc định của Fm Tuy thô sơ nhưng đúng với bản chất của nó hơn

[Pookie]

Help mình với mọi người ơi @@
làm được 1 2 ngày sau này mất luôn mấy cái button rồi
link forum
baekhovn.forumvi.com/forum

[ZerO kIng 2]

Khi xài TUT này thì các BBcode như [BBcode notes] sẽ không hiển thị!

[hunghsmn]

Về chuyện hình thức của thanh công cụ soạn thảo mình xin bổ sung thêm:
- Trong CSS có button.button2, input.button2 qui định hình thức các button. còn button.button2:hover, input.button2:hover qui định hình thức các button khi rê chuột vào. Với một chút kiến thức CSS chúng ta có thể sửa lại 2 mục này theo ý thích.

- Kết hợp sửa trong posting_body. Ví dụ nút chữ đậm: người ta viết thế này:

Code:

<button class="button2" onclick="bbstyle(0)" onmouseover="helpline('b')" type="button" id="addbbcode0" accesskey="b" title="{L_BBCODE_B}"><img src="{PATH_IMG_FA}wysiwyg/text_bold.png" alt="{L_BBCODE_B}" /></button> 

Ở đây người ta dùng ảnh (<img src="{PATH_IMG_FA}wysiwyg/text_bold.png" alt="{L_BBCODE_B}" />)Nếu không thích ảnh này chúng ta có thể thay bằng ảnh khác do ta vẽ ra, hoặc thay bằng chữ B

Không cần răc rối chi cho mệt. Với cách mình chỉ các bạn hoàn toàn làm được như ý

[minhtamag]

Không chạy dù đã thử hết các code trên (của mình là phpBB2)

[Sponsored content]