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

Bạn có muốn phản ứng với tin nhắn này? Vui lòng đăng ký diễn đàn trong một vài cú nhấp chuột hoặc đăng nhập để tiếp tục.
Diễn đàn share thủ thuật code hay shin

3 posters

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

    Việt-MaxF
    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) Empty Bộ gõ tiếng Việt cho forum (Mudim, AVIM)

    Bài gửi by Việt-MaxF 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 Bộ gõ tiếng Việt cho forum (Mudim, AVIM) 757423)
    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!
    Beeny
    Beeny

    Developer

    Developer


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

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

    Bài gửi by Beeny 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
    Beeny

    Developer

    Developer


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

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

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

    Bộ gõ tiếng Việt cho forum (Mudim, AVIM) Tip11Mặ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
      Bộ gõ tiếng Việt cho forum (Mudim, AVIM) Mudim10
    • 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
    Beeny

    Developer

    Developer


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

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

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

    Demo:

    Enlarge this imageReduce this image Click to see fullsize
    Bộ gõ tiếng Việt cho forum (Mudim, AVIM) 38937646

    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 : Bộ gõ tiếng Việt cho forum (Mudim, AVIM) Go10
      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
    lucky

    Tân Binh
    Tân Binh


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

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

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

    hay

    Sponsored content


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

    Bài gửi by Sponsored content


      Hôm nay: Thu Mar 28, 2024 11:04 am