"Bảng nổi" của hunghsmn đây

[hunghsmn]

First topic message reminder :

Bôi đen chọn đoạn văn bản rồi bấm một phát được thế này đây.

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

Hehe! Bỏ code lên đây sợ các pro cười, Vậy nên Ai cần thì mô tả cho kỹ: hình gì, màu nền, màu viền bóng ... Mình sẵn sáng phục vụ theo ý thích riêng từng người.

Chú ý: Chắc chắn về kỹ thuật không được như của các pro.

[ThaiKeyboard]

Đây là thành quả của con đây bác ơi!!!

Code:

http://www.yeutranphu.tk/t242-topic#

[batonchinsu]

Đây là thành quả của con đây bác ơi!!!

Code:

http://www.yeutranphu.tk/t242-topic#

Vâng thành quả của bạn là xóa và đổi tên người rip

[ThaiKeyboard]

là sao hả bạn, mình không hiểu???
mình chỉ thay đổi link hình ảnh và mã màu trong css thôi mà... có j sai à

[hunghsmn]

@girl_jolly: Các thẻ BBcode không có thuộc tính align=center đâu. Chỉ có cách là bôi đen chọn toàn bộ [table ] ....[/table ] rồi bấm nút center thôi.

@Thaikeyboard: Đừng có hô vô địch, muôn năm gì đó mà nó cười. Của nó xịn lắm chứ không phải thế này đâu, nhưng mà nó để ... làm của. Nên bác mới tự làm lấy đó
Cái này không tạo nút bấm trên khung trả lời nhanh được

@ nh0xvip.al0ny: Cháu để đâu cũng được, không nhất thiết phải chỗ đó, để đâu thì nó hiện đó. còn để chỗ bác nói thì nó hiện cuối cùng trong thanh công cụ ( làm như nh0xvip.al0ny chỉ cúng được)

@ Lollipop: Cái nút đó cũng được, bác quên mất là trong win thích nút nào thì vô chọn, bác lại đi vẽ, đúng là đảng trí

[ThaiKeyboard]

Cháu nói vậy là vì bác đáng được như vậy. Mặc dù của bác không sịn bằng của anh nhưng tấm lòng của bác thì hơn hẳn tất cả mọi người. Cháu cám ơn bác nhiều lắm!

P/S: Còn anh batonchinsu nó là: "Vâng thành quả của bạn là xóa và đổi tên người rip " là sao hả bác. Cháu chỉ đổi link ảnh và mã màu trong css thôi mà...

[baivong]

@Bác hunghsmn: Việt là dùng Style có sẵn, bác tự làm nhưng rất tuyệt, và chỉ có bác công khai chia sẽ, hướng dẫn.
@ThaiKeyboard: Vấn đề nằm ở cái Skin ngân hàng.

[Cáo Già Đeo Nơ]

Sao các nút khác bỏ ở thanh bài viết được mà cái này không được nhỉ ?

[ThaiKeyboard]

@ThaiKeyboard: Vấn đề nằm ở cái Skin ngân hàng.

Cám ơn Thần Gió nhé! Mình hiểu rồi. Cái skin đó của đứa bạn làm cho mình. Mình cũng ko biết là ai rip skin đó nữa... lúc trước nó hỏi mình sửa cái đó không thì mình bảo là cứ thay hết đi nên nó sửa hết!!
Không ngờ bây giờ lại... mình thành thật xin lỗi bạn đã rip skin đó.
nếu ai biết ai rip thì cho mình biết nhé! MÌnh sẽ sửa đổi. Tất cả là do cá tính háo thắng của mình.

[Cáo Già Đeo Nơ]

@ThaiKeyboard: Vấn đề nằm ở cái Skin ngân hàng.

Cám ơn Thần Gió nhé! Mình hiểu rồi. Cái skin đó của đứa bạn làm cho mình. Mình cũng ko biết là ai rip skin đó nữa... lúc trước nó hỏi mình sửa cái đó không thì mình bảo là cứ thay hết đi nên nó sửa hết!!
Không ngờ bây giờ lại... mình thành thật xin lỗi bạn đã rip skin đó.
nếu ai biết ai rip thì cho mình biết nhé! MÌnh sẽ sửa đổi. Tất cả là do cá tính háo thắng của mình.

Vô mấy link ảnh ở photobucket là biết ngay ấy mà
Sang cái post share trang chủ mà xem gạch được 1 đống đủ xây nhà rồi

[baivong]

Sao các nút khác bỏ ở thanh bài viết được mà cái này không được nhỉ ?

posting_body của bạn đầy rồi, ko chứa thêm dc.

[Cáo Già Đeo Nơ]

Oh, thảo nào nó không cho chèn thêm. tks nhé. Cứ tưởng bị làm sao.

Mà ai cho mình hỏi cái code chữ Aa ( click vô để chèn ảnh cho dễ ) code mặc định là gì không

[hunghsmn]

nút Aa code của nó đây nè:

Code:

      <button class="{BUTTON_WYSI_STYLE}" id="text_editor_cmd_switchmode" type="button" title="{SWITCH_EDITOR_MODE}"><img src="{PATH_IMG_FA}i/switch_wysiwyg.gif" alt="{SWITCH_EDITOR_MODE}" height="16"></button> 

[Cáo Già Đeo Nơ]

Dạ cháu cám ơn bác nhiều ^^!

[hunghsmn]

Bây giờ các bạn lấy đồ xịn chơi nhé, của mình là đồ dỏm tạm cho nó nghỉ đi.
Cái này bắt nguồn từ đây:

Code:

http://geeklu.com/2009/01/wp-note

Nhưng mình đã sửa nhiều lắm rồi nên bây giờ nó thành thế này:
img1:
[You must be registered and logged in to see this image.]

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

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

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

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

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

Để được như vậy, chèn vô CSS code sau:

Code:

.img6, .img1, .img2, .img3, .img4,.img5{
  margin-top:2em;
  margin-left: auto;
  margin-right: auto;
  border-radius: 10px 10px;

        font-familt: Times New Roman;
   font-size: 12px;
   font-weight : bold;
   color: #0093D9;

 -moz-border-radius-bottomright: 10px;
 -khtml-border-radius-bottomright: 10px;
 -webkit-border-bottom-right-radius:10px;

 -moz-border-radius-topleft: 10px;
 -khtml-border-radius-topleft: 10px;
 -webkit-border-top-left-radius:10px;

 -moz-border-radius-bottomleft: 10px;
 -khtml-border-radius-bottomleft: 10px;
 -webkit-border-bottom-left-radius:10px;

 -moz-border-radius-topright: 10px;
 -khtml-border-radius-topright: 10px;
 -webkit-border-top-right-radius:10px;

  padding: 10px 10px 10px 80px;
  margin: 0px 0px 0px 0px;

    min-height:40px;
    height:auto !important;
    height:40px;
    overflow:visible;
 
  position:relative;
  bottom:6px;
  right: 6px;
  border: 1px solid #0000A0;
    background-position: 20px 50%;
    background-repeat: no-repeat;
    text-align: justify;
}

.img6, .img1, .img2, .img3, .img4,.img5{
  margin: 0px 0px -3px 0px;
  margin:  0px 0px 0px 0px;
}


.img1 {
  background-color: #CCFFFF;
  background-image: url(http://i29.servimg.com/u/f29/13/89/26/52/icon0110.gif);
border-top : 1px solid #1F5869;
border-right : 3px solid #1F5869;
border-bottom : 3px solid #1F5869;
border-left : 1px solid #1F5869;
}

.img2 {
  background-color: #FFC;
  background-image: url(http://i46.servimg.com/u/f46/14/26/60/46/icon110.gif);
border-top : 1px solid #FF8000;
border-right : 3px solid #FF8000;
border-bottom : 3px solid #FF8000;
border-left : 1px solid #FF8000;
}

.img3 {
  background-color: #FFF2F9;
  background-image: url(http://i46.servimg.com/u/f46/14/26/60/46/icon210.gif);
border-top : 1px solid #D500D5;
border-right : 3px solid #D500D5;
border-bottom : 3px solid #D500D5;
border-left : 1px solid #D500D5;
}

.img4 {
  background-color: #E4F6F8;
  background-image: url(http://i46.servimg.com/u/f46/14/26/60/46/icon310.gif);
border-top : 1px solid #008040;
border-right : 3px solid #008040;
border-bottom : 3px solid #008040;
border-left : 1px solid #008040;

}

.img5 {
  background-color: #D8F3C9;
  background-image: url(http://i27.servimg.com/u/f27/14/67/90/38/help10.png);
border-top : 1px solid #008A00;
border-right : 4px solid #008A00;
border-bottom : 4px solid #008A00;
border-left : 1px solid #008A00;

}

.img6 {
  background-color: #FFC;
  background-image: url(http://i46.servimg.com/u/f46/14/26/60/46/icon410.gif);

border-top : 1px solid #800040;
border-right : 3px solid #800040;
border-bottom : 3px solid #800040;
border-left : 1px solid #800040;

 -moz-border-radius-topleft: 50px;
 -khtml-border-radius-topleft: 50px;
 -webkit-border-top-left-radius:50px;

 -moz-border-radius-topright: 0px;
 -khtml-border-radius-topright: 0px;
 -webkit-border-top-right-radius: 0px;

 -moz-border-radius-bottomleft: 50px;
 -khtml-border-radius-bottomleft: 50px;
 -webkit-border-bottom-left-radius:50px;

 -moz-border-radius-bottomright: 0px;
 -khtml-border-radius-bottomright: 0px;
 -webkit-border-bottom-right-radius:0px;
}

Tìm trong posting_bod:

Code:

      <button class="{BUTTON_WYSI_STYLE}" id="text_editor_cmd_switchmode" type="button" title="{SWITCH_EDITOR_MODE}"><img src="{PATH_IMG_FA}i/switch_wysiwyg.gif" alt="{SWITCH_EDITOR_MODE}" /></button>

Chèn tiếp đoạn này vào:

Code:

<button class="button2" onmouseover="helpline('Tạo nền nổi cho văn bản')" onclick="bbfontstyle('[table class = img1][tr][td]','[/td][/tr][/table]');return false" type="button"><img src="http://i26.servimg.com/u/f26/14/26/60/46/icon0610.gif"></button>

Thực hiện khi soạn thảo văn bản:
- Soạn thảo văn bản
- Bôi đen chọn đoạn văn bản.
- Bấm nút [You must be registered and logged in to see this image.]
- Khi đó sẽ có:

Code:

[table class = img1][tr][td]NỘI DUNG VĂN BẢN ĐÃ CHỌN[/td][/tr][/table]

Nếu lưu thì kết quá như hình 1, Nếu sữa class=img1 thành class=img2 thì kết quả như hình 2, ...v.v... Nếu sửa class=img6 thì kết quả như hình 6.

Mình muốn phân tích code CSS đễ các bạn tự chỉnh thao ý thích riêng nhưng mệt quá, để hồi nào siêng đã nha.

[Cáo Già Đeo Nơ]

Hi hi, cháu bóc tem bài này
Cám ơn bác nhiều nha nha nha nha nhaaaaaaaa

Đẹp quá, mặc dù chưa làm bao giờ.

[hunghsmn]

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

[Cáo Già Đeo Nơ]

Nó cũng gần giống cái này mà bác:
[You must be registered and logged in to see this image.]

[IceFox]

Bác phối màu đẹp quá

[DeGea]

Bác Hùng muôn năm ! Cháu đã làm dc và rất là thành công ạ . bữa nào cháu xem lại cái code và chỉnh hộ bác lun cái logo thô mà bác nói ý !

[thienan]

Bôi đen chọn đoạn văn bản rồi bấm một phát được thế này đây.

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

Hehe! Bỏ code lên đây sợ các pro cười, Vậy nên Ai cần thì mô tả cho kỹ: hình gì, màu nền, màu viền bóng ... Mình sẵn sáng phục vụ theo ý thích riêng từng người.

Chú ý: Chắc chắn về kỹ thuật không được như của các pro.

Cảm ơn anh Hùng nhiều lắm. Hàng của anh Chất lượng cao vô cùng , tuyệt đẹp..

[banquantri8a]

các bác ơi làm sao để cái nút đó lúc bấm là ra cái danh sách chọn hình chứ ko ra như mặc định được không
làm như vậy sẽ giúp cho newbie làm được đó

[banquantri8a]

đây là thành quả của tui

Code:

http://hiteen.forumvi.com/t40-topic#70

[KillAlt1.0]

bác hùng share nun đi cần j fải thế, bác share lên cháu ủng hộ 2 tay

[hunghsmn]

bác hùng share nun đi cần j fải thế, bác share lên cháu ủng hộ 2 tay

Cháu! Bác chỉ rồi mà, bên trên đây một chút thôi.

[DeGea]

cái kiểu spam ý mà ! bác để ý chi cho mệt !

[Tôn Ngộ Không]

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

Chỉnh như cái bác Hùng ta chỉnh CSS là chính thôi

Code:

.img6 {
  background-color: #f90808;
  background-image: url(http://i46.servimg.com/u/f46/14/26/60/46/icon410.gif);

border-top : 3px solid #249917;
border-right : 3px solid #249917;
border-bottom : 3px solid #249917;
border-left : 3px solid #249917;

độ dày bằng nhau 3px đó

code màu nền
code màu khung
Riêng cái logo khó kiếm quá
[You must be registered and logged in to see this image.]

[pianokzll]

Thêm 1 vote cho bác hùng rất hay ạ.

[Sponsored content]