Diễn đàn share thủ thuật code hay shin

    Bộ gõ tiếng Việt cho forum (Mudim, AVIM)

    Share

    Việt-MaxF

    Quản Trị Viên
    Quản Trị Viên

    Posts : 57
    Points : 10000249
    Thanked : 7
    Join date : 02/02/2011
     Status Status : ™—♥•†—Ç iµ V … Før²rever—†•♥—™

    Bộ gõ tiếng Việt cho forum (Mudim, AVIM)

    Bài gửi by Việt-MaxF on Mon Apr 18, 2011 3:52 am


    • Mô tả: TUT này sẽ giúp bạn chèn 1 bộ gõ trực tiếp
      lên forum để thành viên có thể gõ tiếng Việt mà không cần dùng chương
      trình hỗ trợ nào khác.
    • KT chung:
      Cách upload file lên host
      Cách vào CSS của forum
    • Các bước thực hiện:

    1. Bước 1: Download file .js sau về Click here . Có thể dùng file đó luôn nhưng để chủ động bạn nên download về. Danh sách các file mới :
      Code:
      http://code.google.com/p/mudim/downloads/list
    2. Bước 2: Upload file vừa download đó lên 1 host cho hotlinking (fileave.com, webng, fileden v.v...)
    3. Bước 3:Chúng ta sẽ có 1 link dạng http://tênhost/mudim.js , bạn đưa nguyên đường dẫn đó vào code sau :
      Trích dẫn:
      Code:
      <script src="Đường dẫn/mudim.js"></script>
    4. Bước 4: Chèn vào overall_footer của template. Hoặc chèn cái đoạn code
      từ trang tạo script cho vào ACP>>Quản lý tổng thể>>Cấu hình
      diễn đàn>>Mô tả.

    NÂNG CAO:

    Trong suốt bộ gõ (c3zone)
    Chèn vào CSS:
    Code:
    #mudimPanel {
      -moz-opacity: 0.4;
      opacity: 0.4;
      filter: alpha(opacity=40);
    }
    #mudimPanel:hover {
      -moz-opacity: 1;
      opacity: 1;
      filter: alpha(opacity=100);
    }
    Bộ gõ ẩn hiện (by )
    Code:
    #mudimPanel {-webkit-transition: all 2s ease;-moz-transition: all 2s ease;background:#FFF url('http://c3zone.net/users/2611/10/63/87/album/go10.jpg') no-repeat right center!important;-moz-opacity: 0.9;opacity: 0.9;filter: alpha(opacity=90);bottom: 9px!important;left:-333px!important;width: 330px!important;height: 47px!important;padding: 4px 26px 4px 4px!important;font-size: 9px!important;font-weight:bold;vertical-align:middle;-moz-box-shadow: 5px 5px 5px #000;  -webkit-box-shadow: 5px 5px 5px #000;  box-shadow: 5px 5px 5px #000;}
    #mudimPanel:hover {-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-moz-opacity: 1; opacity: 1; filter: alpha(opacity=100);left:0!important}
    Bộ gõ khác:
    Code:
    <script language=javascript1.2 type=text/javascript src=http://lamson.webng.com/Bogovn.js></script>
    Bộ gõ AVIM: Xem bài bên dưới!



    Em đẹp không?
    Spoiler:


    Beeny

    Developer

    Developer

    Posts : 21
    Points : 58
    Thanked : 0
    Join date : 18/04/2011
     Status Status : Beeny

    Re: Bộ gõ tiếng Việt cho forum (Mudim, AVIM)

    Bài gửi by Beeny on Mon Apr 18, 2011 3:56 am

    em không biết cái này có ai chia sẻ chưa
    nếu có rồi thì mod del giúp em nhé
    B1: Add code sau vào css
    Code:

    #AVIMRControl {
      background-image: url(http://vienit.com/forum/transparent.png);
      -moz-border-radius-bottomleft: 3px;
      -khtml-border-bottom-left-radius: 3px;
      -webkit-border-bottom-left-radius: 3px;
      border-bottom-left-radius: 3px;
      -moz-border-radius-bottomright: 3px;
      -khtml-border-bottom-right-radius: 3px;
      -webkit-border-bottom-right-radius: 3px;
      border-bottom-right-radius: 3px;
      border:1px solid #5b958e;
      top: 5px;
      left: 5px;
      position:fixed;
      text-align:left;
      width: 230px;
      z-index: 999;
    }
    body > #AVIMRControl {
      position: fixed;
    }
    #AVIMRControl input {
      margin: 0 0 0 9px;
      position: relative;
      top: -1px;
      vertical-align: middle;
    }
    .AVIMRControl {
      float: left;
      padding: 0;
      margin: 0;
      color: #137e70;
      font-family:Verdana,Tahoma;
      font-size:10px;
      font-weight:bold;
      font-style: normal;
    }
    .AVIMRControl #separator {
      margin: 0 15px;
    }
    .AVIMRControl_r {
      float: right;
      padding-right: 9px;
    }
    .AVIMRControl_r a#AVIMRlink {
      color: #b62727;
      font-family:Verdana,Tahoma;
      font-size:10px;
      font-weight:bold;
      font-style: normal;
      text-decoration: none;
      cursor: pointer;
    }
    Bước 2 chèn code sau vào over_header
    Code:

    <script src="http://codeforum.googlecode.com/files/a1avimr.js" type="text/javascript"></script>
    DEMO:
    Code:

    http://skin4u.co.cc/index.htm
    http://a1tinhgia3.co.cc/index.htm
    Muốn đổi màu chữ thì sửa trong css nhé

    Beeny

    Developer

    Developer

    Posts : 21
    Points : 58
    Thanked : 0
    Join date : 18/04/2011
     Status Status : Beeny

    Re: Bộ gõ tiếng Việt cho forum (Mudim, AVIM)

    Bài gửi by Beeny on Mon Apr 18, 2011 4:05 am

    Mặc định, bộ gõ mudim nằm dưới đáy diễn đàn. Thủ thuật này giúp bạn di chuyển khung điều chỉnh bộ gõ đến 1 vị trí khác tùy ý.

    • Demo :

      Enlarge this imageReduce this image Click to see fullsize
    • Code (chèn vào CSS):
      Code:
      #mudimPanel {-moz-opacity: 0.4;opacity: 0.4;filter: alpha(opacity=40);top: 5px!important;left: 5px!important;width: 330px!important;height: 47px!important;background-color:#FFF!important;padding: 4px!important;font-size: 9px!important;font-weight:bold;vertical-align:middle;}
      #mudimPanel:hover { -moz-opacity: 0.7; opacity: 0.7; filter: alpha(opacity=70);}


    • Tùy chỉnh:


    • top hoặc bottom - phía trên hoặc phía dưới trang
    • left hoặc right - bên phải hay bên trái trang.
    • 5px : khoảng cách đến phía trên hoặc phía dưới, bên phải hay bên trái trang.
    • width: 330px và height: 47px: chiều rộng và chiều cao của khung
    • font-size: 9px cỡ chữ.
    • background-color:#FFF : màu nền, nếu xoá sẽ trở thành màu vàng nhạt như mudim mặc định
    • Chú ý : không được bỏ !important ở bất kì thuộc tính nào.

    Beeny

    Developer

    Developer

    Posts : 21
    Points : 58
    Thanked : 0
    Join date : 18/04/2011
     Status Status : Beeny

    Re: Bộ gõ tiếng Việt cho forum (Mudim, AVIM)

    Bài gửi by Beeny on Mon Apr 18, 2011 4:15 am

    Demo:

    Enlarge this imageReduce this image Click to see fullsize

    Cách làm: Đầu tiên làm gọn bảng mudim và di chuyển nó như hướng dẫn phía trên

    • Sửa các thuộc tính của id mudimPanel.
    • Vào CSS tìm #mudimPanel
    • Sửa thuộc tính background để thêm ảnh "Bộ gõ" vào khung điều khiển bộ gõ. Ở đây mình sử dụng ảnh này :
      Trích dẫn:
      background:#FFF url('http://www.c3zone.net/users/2611/10/63/87/album/go10.jpg') no-repeat right center!important;
    • Tiếp đó sửa thuộc tính padding cho nội dung bên trong không đè lên ảnh nền phía trên:
      Trích dẫn:
      padding: 4px 26px 4px 4px!important;
    • Đặt thuộc tính left là -333 để khung điều khiển bộ gõ thụt vào bên trong.
      Trích dẫn:
      left:-333px!important;
    • Sửa thuộc tính của mudimPanel khi di chuyển chuột vào.
    • CSS. tìm #mudimPanel:hover
    • thêm vào thuộc tính:
      Trích dẫn:
      left:0!important;
    Code hoàn chỉnh - Chèn vào CSS:

    Code:
    #mudimPanel {
    -webkit-transition: all 2s ease; -moz-transition: all 2s ease;
    background: white url('http://www.c3zone.net/users/2611/10/63/87/album/go10.jpg') no-repeat right center!important;
    -moz-opacity: 0.9; opacity: 0.9; filter: alpha(opacity=90);
    bottom: 9px!important;
    left: -333px!important;
    width: 330px!important;
    height: 47px!important;
    padding: 4px 26px 4px 4px!important;
    font-size: 9px!important;
    font-weight: bold;
    vertical-align: middle;
    -moz-box-shadow: 5px 5px 5px black;
    -webkit-box-shadow: 5px 5px 5px black;
    box-shadow: 5px 5px 5px black;
    }
    #mudimPanel:hover {
    -webkit-transition: all 1s ease;-moz-transition: all 1s ease;
    -moz-opacity: 1;opacity: 1;filter: alpha(opacity=100);
    left: 0!important;
    }

    lucky

    Tân Binh
    Tân Binh

    Posts : 7
    Points : 7
    Thanked : 0
    Join date : 20/04/2011
     Status Status : Yêu

    Re: Bộ gõ tiếng Việt cho forum (Mudim, AVIM)

    Bài gửi by lucky on Wed Apr 20, 2011 7:07 am

    hay

    Sponsored content

    Re: Bộ gõ tiếng Việt cho forum (Mudim, AVIM)

    Bài gửi by Sponsored content Today at 8:57 pm


      Hôm nay: Sat Dec 03, 2016 8:57 pm