Tìm thấy 9 mục

[Code] Tổng hợp Codes và Tuts cho forumotion tại hotrofm.net

Trong bài viết này là 1 số Codes và Tuts được share tại hotrofm.net , nếu còn thiếu các bạn cmt bên dưới để mình bổ sung nhé !


1 : Đầu tiên là chắc chắn cần có Skin, bạn có thể lấy 1 Skin tại đây : Click


2 : Latest topic ( có rất nhiều bạn có thể chọn 1 cái theo ý thích của mình )

Latest topic vietdesigner full version
Topx Style đơn giản nhưng màu mè ( ver 1.5 )
Topx advanced statistics latest
Topx style đơn giản nhưng màu mè
Latest topic devs
Topx dạng tab của Vngame
Last Online & Quảng Cáo bên phải Forum
Topx vxf.vn full version
Topx xdavn Full version
Last dạng tab invision
Topx style xenforo
Topx dvanced statistics latest classic PunBB
- update...

3 : Codes ( Click vào demo để xem demo )

- Chatbox hotrofm đang dùng - Demo
- Đặt avatar của bạn ở một nơi nhất đinh - Demo
bảng thông báo đơn giản đẹp - Demo
Tiền tố Forumotion - Demo
hoa mai rơi khắp forum - Demo
Việt hóa trang lý lịch Forumotion - Demo
- Xem ảnh với fancybox + login + thông báo tin nhắn - Demo
Bảng đăng nhập đóng mở có nút đăng ký cho Forumotion - Demo
Đăng nhập nhanh trên toolbar FM đã được việt hóa  - Demo
Link youtube tự động chuyển thành video - Demo
Đăng nhập tự động sau khi đăng ký
đăng nhập mới xem được code
Css chuyển toàn bộ bbcode sang font awesome
CSS việt hóa cho các button cực đơn giản mà nhẹ
Hiệu ứng đẹp hiển thị khi rê chuột vào liên kết trong diễn đàn
Ẩn chữ số bài và số % trên Last Topic bằng Javascript
- Việt hóa URL theo tiêu đề bài viết cho Forumotion
Khung thông báo đẹp
Khung thống kê cho PunBB
BQT Trực tuyến - Staff Online Widget
Đóng mở danh mục dành cho Punbb và Phpbb3
Hiển thị số thành viên đang truy cập ảo cho Forumotion
Trích dẫn nhanh trượt xuống không chuyển trang
Hiện tooltip hashtags khi rê vào tên thành viên toàn forum
Giới thiệu Ban quản trị 
Tự động đóng khung các liên kết trong bài viết
Nút đóng mở thanh chat với fanpage facebook
Button reply ảnh GIF
Chatbox cho invision
Js vô hiệu hoá ký tự đặc biệt phần đăng ký
Kiểm tra tài khoản khi đăng ký
Tự động đăng nhập sau khi đăng ký xong cho Forumotion
Xóa bình luận thông qua ajax không chuyển trang
Sửa lỗi font chữ bị nhỏ khi copy bài viết từ một trang web khác
Khung Sceditor cool ( part 2 )
Recommended Content cùng chuyên mục
Quảng cáo sau bài viết thứ nhất
Chuyển link theo phong cách xenforo
Khung hashtags posting_body
Huân chương theo số bài viết
Việt hóa thanh toolbar Forumotion
Hiện nhiều tab quảng cáo khi click chuột lần đầu tiên vào diễn đàn
Css respoonsive mobile img forumotion hotrofm.net
code dấu tick như hotrofm
Tự động thay thế các ảnh bị hư bằng một ảnh khác
Avatar drop - style phutu.vn ( ver Punbb)
Đổi font chữ cho từng Nickname
Thanh nav đơn giản
Rút gọn liên kết dài trong bài viết
Giới hạn số ký tự tối thiểu khi gửi bài viết trong diễn đàn
Đóng mở box
Tạo icon riêng cho từng box
Code popup login style ForumUS
Frame bbcode forumotion
bbcode nhúng video từ vbox7.com forumotion
code thay đổi button quote ở mobile
Thay Úp ảnh mặc định thành úp ảnh Imgur
bbcode embe jsfiddle in website forumotion
bbcode up ảnh imgur thay thế code tinypic forumotion
bbcode up file lên driver google bằng google app scrip
bbcode thông báo notification hide forumotion
bbcode phân trang trong bài viết
Notifications thông báo khi có trả lời bài viết và nhắn tin riêng
Gửi bài mới và bình luận bỏ qua trang trung gian (không chuyển hướng)
Đóng khung chữ ký ĐẸP cho Forumotion
chọn toàn bộ Code cho Forumotion
jquery Tạo Prefix ( tiêu ngữ )
Bảng đăng nhập và đăng ký nhanh popup 2 trong 1
Bảng đăng ký, đăng nhập, tìm kiếm, đăng xuất nhanh trượt xuống
Thay Background liên tục
Xóa topic không chuyển trang
Tự động chèn nguồn trang sau copy
Thông báo hiện ra khi bạn vô tình tắt trình duyệt lúc đang soạn bài viết
Khung khuyến cáo ở nơi comment bài viết
Thay đổi màu thanh cuộn cho Web, Forum
News Sticker với CSS3 Thuần dành cho forumotion
Tạo nút hỏi trước khi Thoát khỏi diễn đàn
Giới hạn lần xem cho khách
tùy chọn thêm cho hashtags
bbcode nút demo và dowload cực đẹp với font awesome
Ruồi và nhện bò khắp diễn đàn
Lên top bằng tên lửa style VBB
Viewtopic_body đẹp dạng tin tức
- updates....


Tạm thời up như vậy nhé ! sẽ sắp sếp lại sau


Tags: #code #tuts #html-page #forumotion #lasttopic #thủ-thuật #hướng-dẫn

Trang đăng nhập sử dụng giao diện Material Design của Google

Nhân dịp HotroFM ra mắt nên mình share một cái cho có màu Very Happy

Topics tagged under thủ-thuật on Diễn Đàn Hỗ Trợ FM  Untitl10

Demo: http://4rdinhcao.forumvi.com/h28-login

Đây là source nguyên cái trang đó:

Code:


<!DOCTYPE html>
  <html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" id="min-width" lang="vi" xml:lang="vi" xmlns:og="http://opengraphprotocol.org/schema/">
    <head>
      <title>Đăng nhập -  DINHCAO</title>
      <meta http-equiv="content-type" content="text/html; charset=utf-8" />
      <meta http-equiv="content-script-type" content="text/javascript" />
      <meta http-equiv="content-style-type" content="text/css" />
      <!--Import Google Icon Font-->
      <link href="http://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"/>
      <!--Import materialize.css-->
      <link type="text/css" rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.1/css/materialize.min.css"  media="screen,projection"/>
      <!--Let browser know website is optimized for mobile-->
      <link rel="shortcut icon" type="image/x-icon" href="http://illiweb.com/fa/favicon/discussion.ico" />
      <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
      <style>
        body{background-attachment:fixed;background-color:#272D4E;color:#FFF;font-family:'trebuchet ms',tahoma,arial,sans-serif;font-size:12px}
.lol-body{position:absolute;width:100%;height:100%;text-align:center}
.lol-content{display:inline-block;float:none}
.lol-login-form{margin:0 auto 3rem;border-radius:5px;padding:1.5rem 2rem 0.5rem;color:#444}
.row.lol-logo h1{color:#fff;text-align:center;margin-top:5%;font-size:3.5rem}
.dark-grey-text{color:#121212}
.col.l5.m8.s12{display:inline-block;float:none}
.center-btn > *{width:100%;margin-top:1em}
        .input-field .prefix.active,input[type=text]:focus:not([readonly])+label,input[type=password]:focus:not([readonly])+label,input[type=email]:focus:not([readonly])+label,input[type=url]:focus:not([readonly])+label,input[type=time]:focus:not([readonly])+label,input[type=date]:focus:not([readonly])+label,input[type=datetime-local]:focus:not([readonly])+label,input[type=tel]:focus:not([readonly])+label,input[type=number]:focus:not([readonly])+label,input[type=search]:focus:not([readonly])+label,textarea.materialize-textarea:focus:not([readonly])+label{color:#3f51b5!important}
        input[type=text]:focus:not([readonly]),input[type=password]:focus:not([readonly]),input[type=email]:focus:not([readonly]),input[type=url]:focus:not([readonly]),input[type=time]:focus:not([readonly]),input[type=date]:focus:not([readonly]),input[type=datetime-local]:focus:not([readonly]),input[type=tel]:focus:not([readonly]),input[type=number]:focus:not([readonly]),input[type=search]:focus:not([readonly]),textarea.materialize-textarea:focus:not([readonly]){border-bottom:1px solid #3f51b5!important;box-shadow:0 1px 0 0 #3f51b5!important}
@media only screen and (max-width:700px){.flow-text{line-height:1.84rem}.center-btn button,.center-btn > a{display:block;margin:10px 0}}
      </style>
    </head>

    <body>
      <div class="row lol-body" style="margin-bottom:0">
        <div class="row lol-logo">
          <a href="/"><h1>DINHCAO</h1></a>
        </div>
        <div class="lol-content">
          <div class="row" style="margin-bottom:0">
            <div class="lol-login-form lol-1">
              <div class="row" style="margin-bottom:0">
                <form class="col s12" action="/login" method="post" name="form_login">
                  <div class="row">
                    <div class="input-field s6">
                      <i class="material-icons prefix">account_circle</i>
                      <input id="icon_prefix" name="username" type="text" class="validate" />
                      <label for="icon_prefix">Tài khoản</label>
                    </div>
                    <div class="input-field s6">
                      <i class="material-icons prefix">vpn_key</i>
                      <input id="icon_telephone" name="password" type="password" class="validate" />
                      <label for="icon_telephone">Mật khẩu</label>
                    </div>
                    <div class="center-btn">
                      <button type="submit" class="waves-effect waves-light yellow darken-2 btn" name="login" id="login-btn"><span class="dark-grey-text"><i class="mdi-hardware-keyboard-arrow-left left"></i>Đăng nhập</span></button>
                      <a class="waves-effect waves-light yellow darken-2 btn" id="register-btn" href="register?agreed=true&step=2"><span class="dark-grey-text"><i class="mdi-social-person-add left"></i>Đăng ký</span></a>
                    </div>
                  </div>
                </form>
              </div>
            </div>
          </div>
        </div>
        
      </div>
      <!--Import jQuery before materialize.js-->
      <script type="text/javascript" src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
      <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.1/js/materialize.min.js"></script>
    </body>
  </html>


Ảnh by: @Titus

#codefm

Tags: #tuts #forumotion #thủ-thuật

[Thủ thuật] Lựa chọn tên miền phù hợp cho Website của bạn.

Quy định chọn tên miền


  • Chọn tên miền không được vượt quá 63 ký tự (đã bao gồm phần .com, .net, .org, .info).
  • Chọn tên miền chỉ bao gồm các ký tự trong bảng chữ cái (a-z), các số (0-9) và dấu (-). Khoảng trắng và các ký tự đặc biệt khác đều không hợp lệ.
  • Chọn tên miền không bắt đầu hoặc kết thúc bằng dấu (-).
  • Chọn tên miền không bắt đầu bằng http:// hoặc www hay http://www.


Topics tagged under thủ-thuật on Diễn Đàn Hỗ Trợ FM  Van_ban_phap_ly_ten_mien

Để chọn tên miền tốt, cần phải tuân theo những quy tắc sau:

1. Cố gắng chọn tên miền ngắn gọn, dễ nhớ.
Trừ khi bạn muốn chọn tên miền là tên đầy đủ của công ty hay thương hiệu của bạn, bạn nên chọn tên miền ngắn nhất có thể được (vnn.vn, hp.com, sony.com, vnnic.vn…). Tên miền ngắn thì dễ nhớ, dễ gõ địa chỉ, và dễ dàng khi cần thiết kế nhãn hiệu, logo. Bạn sẽ dễ dàng để nhớ các tên như apple.com, hp.com, sony.com, buy.com… Bạn cũng có thể nhớ những tên đặc biệt như Yahoo.com, Google.com. Những tên miền có một ý nghĩa đặc biệt, ngắn gọn hoặc gắn liền đến thương hiệu, sản phẩm, dịch vụ của bạn và khi phát âm dễ nghe, dễ đọc thì sẽ dễ nhớ hơn.

2. Chọn tên miền liên quan đến thương hiệu, sản phẩm, tên công ty của bạn.
Điều này bạn thường lựa chọn khi đặt tên miền, tuy nhiên lại không dễ thực hiện. Nếu như bạn không thể tìm chính xác tên miền như tên doanh nghiệp, sản phẩm, thương hiệu của bạn. Hãy tìm một tên nói lên chức năng, công việc chính hay mô tả tính độc đáo của doanh nghiệp bạn. Bạn có thể ghép các ký tự lại hoặc bạn cũng có thể xem xét khả năng dùng các tên miền có phần đuôi là .BIZ, .INFO nếu không tìm được tên có phần đuôi VN,.COM,.NET,.ORG.

3. Chọn tên miền phải xây dựng nhắm đến mục tiêu khách hàng.
Với rất nhiều phần đuôi của tên miền hiện nay, nguời sử dụng interrnet phần lớn vẫn quen thuộc với những tên miền .COM, .NET, .ORG. Nếu khách hàng mục tiêu của bạn là toàn cầu, tên miền .COM, .NET sẽ có lợi cho bạn. Nếu bạn muốn nhấn mạnh doanh nghiệp bạn ở một quốc gia, bạn sẽ xem xét để có một tên miền quốc gia (.VN, .UK, .US,…) và đó là sự chọn lựa đúng đắn của bạn.

4. Chọn tên miền không gây nhầm lẫn.
Một tên miền tốt phải không tương tự hoặc dễ gây nhầm lẫn với tên miền sẵn có. Nếu tên miền sẵn có là một thương hiệu đã được đăng ký, bạn có thể gặp rắc rối khi sử dụng tên miền tương tự. Một khía cạnh cần phải lưu ý là tên miền của bạn cần phải dễ đọc khi bạn phải đọc tên miền cho ai đó qua điện thoại. Đừng dùng các dấu (-) trong tên miền của bạn (trừ khi bắt buộc ), bởi vì rất dễ nhầm lẫn khi đọc và gõ các tên miền loại này.

5. Chọn tên miền khó viết sai.
Chọn tên miền ngắn gọn, chọn theo các tư vấn trên và theo vần, dễ đọc, dễ nhớ thì khả năng viết sai ít xảy ra. Vì khi tên miền dài, rắc rối, khó nhớ, bạn sẽ mất đi nhiều khách hàng truy cập vào website của bạn.
#codefm

Tags: #thủ-thuật #domain

[Thủ thuật] Tắt chức năng tự động phát video trên Facebook.

Mới đây, Facebook đã cập nhật thêm tính năng mới là tự động phát video. Tuy nhiên nó có thể gây phiền toái với nhiều người. Nó cũng gây tốn băng thông mạng của bạn, và tốn cả dung lượng 3G của bạn khi bạn đang truy cập Facebook bằng 3G. Nếu như không muốn video tự động phát các bạn có thể tắt nó đi.

Để tắt tính năng tự động phát video trên Facebook các bạn làm theo hướng dẫn sau.

Tắt tự động phát video Facebook trên iOS

Bước 1:
Các bạn truy cập vào Settings

Bước 2:
Sau đó tìm tới ứng dụng Facebook

Bước 3:
Chọn Settings trong ứng dụng Facebook

Bước 4:
Bạn thay đổi thuộc tính tại mục Video > Auto-play thành off để có thể tắt tự phát video hoặc cài đặt để chỉ tự phát video khi dùng wifi (Wifi-only)

Tắt tự động phát video Facebook trên Android

Trên Android, các bạn mở ứng dụng Facebook lên
Sau đó chọn vào biểu tượng cài đặt
Tìm và chọn App Settings
Sau đó thay đổi giá trị ở mục Video Auto-play thành Off để tắt tự động phát hoặc Wi-fi only để chỉ tự động phát khi dùng Wifi.

Trên máy tính

Trên trình duyệt máy tính các bạn tắt tự động phát video Facebook bằng cách:

Bước 1:
Chọn vào biểu tượng mũi tên trỏ xuống ở góc trái Facebook web, sau đó chọn Cài đặt (Settings)

Bước 2:
Tại cửa sổ cài đặt các bạn chọn tới mục Video và thay đổi giá trị ở mục Video tự phát để tắt tự phát video.

Chúc các bạn thành công !!!
#codefm

Tags: #thủ-thuật #facebook

[Thủ thuật] Chụp ảnh toàn bộ trang web trên Firefox và Chrome.

Chụp ảnh trang web trên Firefox

Bước 1:
Các bạn truy cập vào trang chủ Add-on của firefox tại địa chỉ https://addons.mozilla.org/en-US/firefox/
Sau đó tại ô tìm kiếm, các bạn gõ vào Fireshot
Các kết quả tìm kiếm sẽ xuất hiện ngay bên dưới, các bạn chọn add-on Full Web Page Screenshots .

Bước 2:
Tại trang của add-on Full Web Page Screenshots, bạn chọn Add to Firefox.

Bước 3:
Chờ một lát để tải về add-on

Sau khi tải về hoàn thành, bạn chọn Install để cài đặt add-on lên firefox.

Bước 4:
Sau khi cài đặt hoàn thành, các bạn sẽ thấy biểu tượng của add-on Fireshot xuất hiện trên thanh Address của Firefox. (Nếu không thấy, bạn click vào biểu tượng Menu ba dấu gạch ngang ở góc bên phải sau đó chọn Customize và kéo biểu tượng Fireshot lên thanh Address là được)

Để chụp ảnh bạn click vào biểu tượng Fireshot trên thanh công cụ sẽ lập tức chụp ảnh theo tùy chọn tại lần chụp gần đây nhất của bạn.

Để tùy chọn chế độ chụp bạn click vào mũi tên bên cạnh biểu tượng Fireshot, một menu sẽ xuất hiện, tại đây bạn tùy chọn chế độ chụp mà bạn muốn.

Capture Visible area and … : Để chụp ảnh phần trang web mà bạn đang nhìn thấy.
Capture Selected area and … : Để chụp ảnh khu vực tùy ý mà bạn lựa chọn.
Capture Entire page and … : Để chụp ảnh toàn bộ trang hiện tại bạn đang xem.

Với mỗi tùy chọn, bạn có thể chọn để chỉnh sửa ngay sau khi chụp trên ứng dụng chỉnh sửa ảnh của Fireshot hoặc bạn có thể upload lên mạng ngay khi chụp hoặc cũng có thể lưu luôn thành file ảnh vào máy tính không cần chỉnh sửa, bạn cũng có thể lưu thành file PDF, in ảnh luôn, copy ảnh vào bộ nhớ tạm để dán vào một ứng dụng nào đó như paint, office, gửi email, lưu vào OneNote… bằng cách chọn một trong các tùy chọn edit, upload, save, save as PDF, Print, Copy to clipboard, E-Mail, Send to OneNote.

Giao diện tại trang chỉnh sửa ảnh của Fireshot. Có khá nhiều công cụ để bạn có thể chỉnh sửa ảnh.
Vì các bạn sử dụng phiên bản miễn phí nên sẽ bị giới hạn một số chức năng. Các bạn có thể trả phí để sử dụng toàn bộ chức năng của Fireshot nếu muốn bằng cách chọn vào biểu tượng FS Pro!.

Sau khi chỉnh sửa xong, bạn chọn Save để lưu ảnh lại.

Các bạn có thể tùy chỉnh cho Fireshot bằng cách chọn Preference trong Menu của Fireshot.

Tại đây bạn có thể chọn các menu xuất hiện tại trang ứng dụng Fireshot, tùy chọn dạng file ảnh được tạo, cài đặt phím tắt cho công cụ,…

Chụp ảnh trang web trên Chrome

Bước 1:
Các bạn truy cập vào trang tải extension của Chrome tại địa chỉ https://chrome.google.com/webstore/category/extensions?hl=en-US
Sau đó gõ vào ô tìm kiếm Fireshot rồi Enter.

Bạn sẽ tìm thấy extension Capture Webpage Screenshot Entirely. FireShot, bạn chọn ADD TO CHROME để thêm extension này vào Chrome.

Bước 2:
Tiếp theo chọn Add extension

Chờ chút để tải về và cài đặt extension.

Sau khi cài đặt extension xong, sẽ không còn xuất hiện ADD TO CHROME nữa mà sẽ chuyển thành RATE IT để bạn đánh giá cho extension này. Đồng thời biểu tượng Fireshot sẽ xuất hiện ở trên thanh Address của Chrome.

Bước 3:
Để chụp ảnh trang web, các bạn chọn vào biểu tượng FireShot sẽ mở ra một menu các tùy chọn.

Các bạn chọn một trong các tùy chọn để chụp ảnh web mà bạn muốn tương tự như trên Firefox. Tuy nhiên các bạn sẽ không có tùy chọn thêm mà sau khi chụp sẽ được chuyển ngay tới trang chứa ảnh mà bạn đã chụp và các tùy chọn thêm sẽ xuất hiện ở trang này.

Bước 4:
Sau khi chụp ảnh xong, một tab mới với các tùy chọn cho bức ảnh mà bạn vừa chụp sẽ được mở ra.

Tại đây, cuộn xuống dưới bạn sẽ thấy các tùy chọn Save as Image để lưu thành file ảnh, Save to PDF để lưu thành file PDF, Copy to Clipboard để sao chép vào clipboard (tương tự Ctrl + C), và Print để in.

Các bạn sẽ phải mua bản Pro để có thể chỉnh sửa ảnh và thêm một số chức năng khác cho extension này.

Để cài đặt cho Fireshot các bạn click vào biểu tượng Fireshot và chọn Option sẽ mở ra một thẻ mới FireShot options, tại đây các bạn có thể cài đặt dạng file, phím tắt cho Fireshot.

Chụp ảnh bằng add-on Nimbus


Tương tự với Fireshot, Nimbus cũng là add-on hỗ trợ chụp ảnh trang web trên Firefox và Chrome được khá nhiều người sử dụng.

(Trên Chrome các bạn cũng có thể tìm thấy Extension Nimbus giống như trên Firefox nên bài viết này mình chỉ hướng dẫn các bạn trên Firefox)

Các bạn mở trang Add-on của Firefox và gõ vào thanh tìm kiếm tên ứng dụng Nimbus screen capture

Sau đó chọn vào ứng dụng Nimbus Screen Capture.

Tiếp theo chọn Add to Firefox.

Sau đó chọn Cài đặt.

Cài đặt add-on Nimbus thành công.

Bây giờ bạn sẽ thấy xuất hiện biểu tượng ứng dụng Nimbus trên thanh address của Firefox, bạn click vào biểu tượng để chụp ảnh. Tương tự như với Fireshot, nimbus cũng có các tùy chọn Visible part of page, Selected area và Entire page.

Sau khi chụp ảnh xong bạn sẽ được đưa tới trang chứa các tùy chọn giống như với Fireshot trên Chrome. Để lưu ảnh bạn chọn Save Screenshot hoặc Save as Image.

Các bạn cũng có thể cài đặt cho Nimbus bằng cách chọn Option ở menu Nimbus (Khi click vào biểu tượng Nimbus)

Các bạn có thể cài dạng file ảnh, chất lượng file ảnh, tên file mặc định khi lưu, phím tắt chụp ảnh, và các tùy chọn chụp ảnh nhanh.

Chúc các bạn thành công !!! Nhớ ủng hộ HotroFM nhé
#codefm

Tags: #thủ-thuật #firefox #chrome #addon

[Thủ thuật] Cách sửa lỗi để Forum/Web của bạn đạt chuẩn W3C - Chuẩn SEO ONPAGE.

Cái này rất tốt cho các bạn làm web hoặc wap bởi không chỉ code hoạt động thì đã đúng với seo, khi đọc xong thì mới biết lâu nay có thể các bạn đã vấp 1 số lỗi giống như mình dẫn đến việc SEO wap không đạt hiệu quả như mong đợi

Check tại: http://validator.w3.org

Một Số Lỗi Thường Gặp:


1. Thiếu thẻ đóng – (end tag for “X” omitted, but OMITTAG NO was specified)
Đây là một lỗi mà hầu hết các website mắc phải. Với các thẻ lưỡng tính như br, hr, link, img, meta, input . . . thì bắt buộc phải có dấu / ở trong thẻ.
<br>, <hr> <link> <img> <meta> <input> là sai.
Chính xác phải là <hr /> <link /> <img /> <meta /> <input />

2. Thiếu thuộc tính type – (required attribute “type” not specified)
Lỗi này do khai phải CSS hoặc JavaScript bị thiếu thuộc tính type.
<style> , <script> là sai.
Chính xác phải là <style type=”text/css”> <script type=”text/javascript”>
Lưu ý trước kia khai báo JavaScript sử dụng thuộc tính language tuy nhiên bây giờ phải sử dụng thuộc tính type mới chính xác.

3. Sử dụng thẻ <marquee> – (element “marquee” undefined)
Chúng ta thường sử dụng thẻ này để chạy chữ, hình ảnh . . . tuy nhiên thẻ này không được quy định trong các thẻ HTML mà W3C đặt ra. Chính vì vậy chúng ta phải thay thế nó bằng CSS, Jquery

4. Sử dụng các ký tự đặc biệt – (cannot generate system identifier for general entity)
Những ký tự đặc biệt trong HTML như < > / & . . . thì không được phép viết trực tiếp mà phải sử dụng các ký tự thay thế. Chúng ta có thể tham khảo danh sách các ký tự đặc biệt trong HTML .

& là sai.
Chính xác phải là &

Bảng mã: http://w3schools.com/tags/ref_ascii.asp

5. Thiếu thuộc tính alt trong hình ảnh – (required attribute “alt” not specified)
Thuộc tính alt cung cấp thông tin văn bản thay thế cho bức ảnh để khi hình ảnh bị lỗi hoặc tải chậm sẽ hiển thị thay cho bức ảnh. Đặc biệt thuộc tính alt này ảnh hưởng rất lớn trong việc Google Index hình ảnh của chúng ta.

<img src=”/hinhanh.jpg” />
Chính xác phải là <img src=”/hinhanh.jpg” alt=”mô tả cho hình ảnh” />

6. Trùng lặp ID CSS – (ID “X” already defined)
ID và class trong CSS có chức năng tương tự nhau. Class có thể dùng nhiều lần cho các phần tử tuy nhiên id thì chỉ được dùng một lần duy nhất cho một phần tử.

<p id=”para”> Paragraph </p>
<h1 id=”para”> Heading 1 </h1> là sai

Chính xác phải là <p id=”para1″> Paragraph </p>
<h1 id=”para2″> Heading 1 </h1>

7. Trùng lặp thuộc tính – (duplicate specification of attribute X)
Đây là lỗi thường gặp khi sử dụng thuộc tính class cho các phần tử HTML
<p> là sai
Chính xác phải là <p class = “class1 class2″>

8. Các thẻ cũ không được sử dụng trong HTML
Trong những phiên bản mới thì W3C đã loại bỏ một số thẻ định dạng cũ và thay vào đó là sử dụng css
<font> <u> <center> <strike> không được sử dụng

9. Sử dụng thẻ <embed> để chèn Flash – (element “embed” undefined)
Khi chèn Flash thì thẻ <embed> không được sử dụng ( tuy nhiên sẽ được sử dụng trong phiên bản HTML5 ) mà phải thay thế bằng thẻ <object>

Một Số Ví Dụ:


1. Dấu & trong các link liên kết:

Code:

Sai:
<!-- This is invalid! --> <a href="index.php?chapter=1©=3&lang=en">...</a>

Vì lúc này cụm © là 2 ký tự đặc biệt trong HTML (giống như - khoảng trắng) nên khi view lên thanh adrress sẽ không ra kết quả nhu mong muốn, cụ thể là © sẽ chuyển thành ký hiệu (c) -> phần serve không nhận được giá tham số copy từ url có thể khắc phục như sau:

Code:

Đúng:
<a ref="index.php?chapter=1&copy=3&lang=en">...</a>

Kí tự đặc biệt trong text cũng tương tự

2. Đặt sai các cặp thẻ đóng mở:

Code:

Không chuẩn: <B><I>NoName9x Pro</B></I>
Chuẩn: <B><I>NoName9x Pro</I></B>


3. Viết chữ thường từ DOCTYPE:

Code:

Không chuẩn:
<!doctype html public "-//w3c//dtd html 4.0 transitional//en">
Chuẩn:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">


4.Thiếu thẻ TITLE: TITLE là thẻ bắt buộc có trong HTML

5. Viết hoa trong các element và attribute của HTML

Code:

Không chuẩn: onClick,HREF,...
Chuẩn: onclick,href,....

Tất chữ của các element và attribute của tag HTML phải viết chữ thường.

6. Cách viết HTML trong JavaScript:

Code:

Không chuẩn: <script type="text/javascript">
<!--
// This is an error!
document.write("</P>");
// -->
</script>

Chuẩn:
<script type="text/javascript">
<!--
document.write("</P>");
// -->
</script>


Chúc các bạn thành công.
#codefm

Tags: #thủ-thuật #w3c #seo

[Thủ thuật] Tự động mời tất cả bạn bè trên Facebook like trang và tham gia sự kiện.

Bạn đang tìm một bài hướng dẫn  mời tất cả bạn bè trên Facebook, nhưng có quá nhiều thông tin không chính xác? Đừng quá lo lắng, mình sẽ chia sẻ với bạn cách làm hiệu quả nhất cho Facebook năm 2015 cùng hướng dẫn từng bước để bạn có thể tự mình thực hiện!


Fanpage và Sự kiện (Event) Facebook có thể được coi là là 2 công cụ bán hàng / marketing phổ biến và tốt nhất hiện nay tại Việt Nam . Điều đáng tiếc là cho đến thời điểm hiện tại, ngài tỷ phú Mark Zukerberg vẫn chưa cho phép chúng ta gửi lời mời tới nhiều bạn bè trong cùng một lúc. Tuy nhiên, vỏ quýt dày có móng tay nhọn! Với bài viết này, mình sẽ hướng dẫn bạn cách mời toàn bộ bạn bè like Fanpage hoặc tham gia sự kiện cực nhanh và hiệu quả. Trình duyệt mà mình sử dụng trong bài hướng dẫn là Chrome & Cốc Cốc, đây cũng chính là 2 trình duyệt mà các bạn nên dùng nhờ tính năng hỗ trợ Facebook tốt nhất hiện nay.

Bước 1: Mở trình duyệt. Click vào biểu tượng 3 dấu gạch bên góc phải của Chrome (hoặc biểu tượng ở góc trên bên trái trình duyệt Cốc cốc). Chọn Cài đặt (Settings)

Topics tagged under thủ-thuật on Diễn Đàn Hỗ Trợ FM  B1

Bước 2:
Click vào Tiện ích (Extensions) > Kéo xuống chọn Tải thêm tiện ích (Get more extensions) > Cửa hàng Chrome trực tuyến sẽ bật lên.

Topics tagged under thủ-thuật on Diễn Đàn Hỗ Trợ FM  Buoc-2

Bước 3:
Nhập từ khóa “Facebook Invite All” vào ô tìm kiếm trên cùng bên trái. Một loạt tiện ích sẽ xuất hiện. Tại đây, bạn chọn ứng dụng Facebook Invite All và tiến hành cài đặt miễn phí.

Topics tagged under thủ-thuật on Diễn Đàn Hỗ Trợ FM  Buoc-3

Bước 4:
Sau khi cài đặt thành công, trình duyệt sẽ tự động thêm một dấu tích màu đen vào cuối ô địa chỉ mỗi khi bạn truy cập Facebook. Bạn có thể sử dụng nó như một nút bấm kích hoạt tính năng mời bạn bè like fanpage hoặc tham gia sự kiện.

Topics tagged under thủ-thuật on Diễn Đàn Hỗ Trợ FM  Buoc-4

Bước 5:
Sử dụng Facebook Invite All để mời bạn bè like page và tham gia sự kiện qua video dưới đây:

#codefm



Tags: #thủ-thuật #facebook #addon

[Thủ thuật] 20 mẹo để cứu điện thoại của bạn khi bị dính nước.

Có nhiều cách cứu di động bị dính nước để làm cho nó hoạt động trở lại, tránh phải mua “dế” mới. Dưới đây là một số hướng dẫn đơn giản, đặc biệt có thể áp dụng được cho cả máy nghe nhạc iPod và các máy nghe nhạc MP3.

Các bước đơn giản xử lý di động bị ướt nước:

1. Đừng quá lo lắng. Bạn có thể cứu di động nếu làm theo các chỉ dẫn dưới đây ngay lập tức. Nên giữ bình tình và đừng quá lo lắng. Chìa khóa để cứu di động bị dính nước là kiên nhẫn.

2. Rút ngay nguồn điện. Nước có thể thâm nhập vào di động rất nhanh. Khi bị dính nước, nếu như di động đang xạc pin, phải rút ngay thiết bị xạc khỏi di động.

3. Tháo pin. Nước là chất dẫn điện rất tốt. Vì vậy, khi di động dính nước, việc đầu tiên nên làm là tháo pin càng nhanh càng tốt. Nếu không có pin hoặc không được gắn với thiết bị điện nào đó, các bảng mạch bên trong di động sẽ an toàn hơn. Sau khi di động bị dính nước, cần tháo pin ngay.

4. Tháo SIM. Danh sách liên lạc có thể là thứ quan trọng nhất cần cứu. Ngoài ra, SIM điện thoại có thể còn cả những dữ liệu khác. Để cứu SIM, chỉ cần lau sạch sim bằng giấy hoặc khăn khô. Sau khi tháo SIM ra, nên nhớ đừng để SIM dưới ánh nắng trực tiếp.

5. Giũ nước bám trên di động. Sau khi di động bị dính nước, nên lắc điện thoại để giũ bỏ nước bám. Không nên dùng khăn vì như vậy nước có thời gian để ngấm vào di động.

6. Sử dụng giấy lụa hoặc giấy báo. Nếu không có giấy lụa, có thể dùng giấy báo để thấm nước. Trong trường hợp không có cả hai loại giấy trên, có thể dùng khăn khô hoặc thậm chí cả áo lót.

7. Sử dụng bông ngoáy tai. Có một số vùng bên trong di động không thể dùng ngón tay để lau nước, thay vào đó bạn có thể dùng bông ngoáy tai.

8. Sử dụng tăm. Dùng cái tăm có cuộn tý bông hoặc giấy lụa ở đầu để có lau nước ở những rãnh hẹp trong di động. Nên để ý đừng để giấy lụa hoặc thấm ước nước tắc ở những rãnh hẹp trong di động.

9. Dùng máy hút bụi. Có thể dùng máy hút bụi một cách thận trọng để loại bỏ hơi ẩm bám lại bên trong di động. Khi dùng máy hút bụi nên để ý khoảng cách, quá gần có thể làm hư di động và không nên dùng quá 15 phút.

10. Để vào thùng gạo. Có thể bạn không tin rằng có thể cứu di động ướt bằng cách để nó vào thùng gạo qua đêm. Gạo có khả năng hút ẩm rất tốt, sẽ hấp thụ nốt hơi ẩm còn lại bên trong di động.

11. Để trên nóc tivi. Bạn có thể để di động ướt trên nóc tivi, vì tivi thường phát nhiệt qua các lỗ thoát trên nóc. Cách này có thể không có tác dụng với tivi LCD treo tường, thường phát sinh nhiệt rất thấp.

12. Để di động gần lò vi sóng. Bạn cũng có thể để di động ướt gần lỗ thông hơi phía sau của lò vi sóng. Lỗ thông hơi này có thể phát nhiệt thấp đủ giúp làm khô di động.

13. Để phía trước điều hòa. Bạn có thể di động ướt phía trước điều hòa. Không khí từ điều hòa rất khô, sẽ làm bay hơi nước nhanh hơn.

14. Để di động dưới ánh nắng. Nếu không có thời gian sấy khô, sau khi lau sạch nước trong di động bằng giấy hoặc khăn khô, bạn có thể để di động đó ở chỗ có ánh mặt trời như cửa sổ nhưng không nên để quá lâu. Hoặc bạn có thể sử dụng chất làm khô để hấp thụ hơi ẩm bám lại bên trong di động.

15. Dùng cồn. Nếu di động rơi vào nước muối, dùng các biện pháp trên có thể hình thành các tinh thể (chất muối) đọng lại trên bảng mạch của di động. Để loại bỏ các tinh thể muối, có thể dùng vải thấm chút cồn lau nhẹ lên bo mạch. Đừng đổ cồn trực tiếp lên những khu vực này và cũng đừng lắp pin đến khi vẫn còn mùi cồn.

16. Dùng bóp hơi. Nếu có sẵn cái bóp hơi (dùng để thổi bụi máy tính), bạn có thể dùng nó để thổi nước bám bên trong di động, nhất là ở những khe hẹp. Nhưng đừng nghĩ đến việc đi mua nó từ cửa hàng, vì bạn không có nhiều thời gian như vậy trong trường hợp khi cứu di động bị dính nước.

Những việc nên tránh khi di động rơi vào nước:

17. Đừng đặt di động vào tủ lạnh. Nhiều người nghĩ rằng đặt di động ướt vào tủ lạnh có thể làm khô hơi ẩm. Nhưng thực tế, cách này không có tác dụng bởi hầu hết các tủ lạnh là tự động và cách này có thể làm hại đến di động bị ướt.

18. Đừng để di động vào máy làm kem. Đặt di động ướt vào máy làm kem có thể làm hại màn hình LCD của di động.

19. Đừng dùng máy sấy tóc. Bạn có thể dùng máy sấy tóc để làm khô di động nhưng hơi thổi từ máy sấy có thể làm cho nước thâm nhập vào sâu bên trong di động. Như vậy, có thể làm hư thêm các thành phần và bảng mạch điện bên trong. Bạn cũng nên nhớ đừng hong khô pin bằng hơi nóng từ máy sấy tóc. Pin Lithium-ion rất nhạy cảm với nhiệt và có thể bị nổ.

20. Đừng dùng di động nếu màn hình vẫn còn mờ. Màn hình mờ cho thấy di động đó vẫn còn có dấu hiệu của hơi ẩm bên trong. Nếu màn hình của di động bị ướt nước vẫn mờ thì bạn không nên lắp pin hay cắm sạc. Nên để di động ở trạng thái không sử dụng thêm vài ngay đến khi hơi ẩm bên trong màn hình hết hẳn.
#codefm

Tags: #mẹo-hay #smartphone #điện-thoại #thủ-thuật

[Thủ thuật] Giúp điện thoại của bạn được bền hơn.

Một ngày nào đó, bạn giật mình vì không hiểu sao điện thoại của mình đang dùng tự nhiên "dở chứng": màn hình không tuân lệnh bàn phím, chưa kịp nói thì máy hết pin, đèn màn hình trắng xóa...

Ông Đào Ngọc Anh - chuyên viên kỹ thuật của Công ty cổ phần truyền thông Thăng Long - cho biết thủ phạm có thể là một trong những nguyên nhân sau.

Do thời tiết

Thời tiết ẩm ướt vào các mùa như mùa đông, mùa xuân thường dễ ảnh hưởng đến điện thoại như: bàn phím không sáng đèn nhưng mọi hoạt động của máy vẫn diễn ra bình thường. Vài hôm sau tình trạng này lại tiếp diễn, rồi đâu lại vào đấy.

Đó có thể do điện thoại đang bị ẩm, ảnh hưởng đến hệ thống ánh sáng điện thoại. Bạn chỉ cần đến các trung tâm bảo hành và vệ sinh máy thì mọi việc sẽ ổn.

Sử dụng pin không đúng

Nhiều khách hàng không hiểu sao điện thoại của mình lại nhanh hết pin. Thông thường pin điện thoại sau một thời gian sử dụng sẽ bị suy giảm, chỉ còn khoảng 80% so với ban đầu. Ngoài ra, sử dụng sai qui cách cũng sẽ dẫn đến việc pin "chết yểu".

Bạn cần chú ý sạc liên tục theo đúng chỉ tiêu thời gian 12 giờ khi mới mua máy. Canh chừng 3-4 giờ thì ngưng sạc để pin nghỉ ngơi mươi phút rồi sạc tiếp cho đúng thời gian qui định. Để pin không bị chai, hãy dùng hết pin rồi mới sạc tiếp, tránh việc pin chưa hết đã lo nạp dồn cũng như không nên sạc quá lâu hoặc quá mau. Trong quá trình sạc cũng nên tắt máy, không để pin hoạt động ở hai trạng thái vừa nạp vừa phóng điện. Canh chừng sự tiếp xúc giữa dây sạc và điện thoại, thấy máy nóng thì rút ra rồi cắm lại cho chắc chắn.

Bộ nhớ của máy

Không thể phủ nhận nhiều tiện ích có được từ những chương trình phần mềm như từ điển, trò chơi, nghe nhạc... khi cài đặt vào điện thoại. Tuy nhiên, cài đặt quá nhiều sẽ khiến máy khởi động chậm, treo máy dù máy đã được trang bị thẻ nhớ dung lượng cao. Đó là chưa kể nhiều khách hàng đã tải nhầm chương trình chỉ mang tính chất dùng thử hoặc do các hacker tạo ra, rất có hại cho máy. Kết quả, máy không kích hoạt được vào các mục themes, menu như bình thường.

Đặc biệt, cần cảnh giác với các mã số bí mật chỉ dẫn để xem phiên bản máy hoặc để format, reset lại máy. Thông thường format cũng có tác dụng là làm sạch các file rác, chỉnh trang lại bộ nhớ máy. Tuy nhiên, sau khi format, toàn bộ dữ liệu cũ bị mất sạch, lắm khi hệ điều hành bị ảnh hưởng nếu format không đúng.

Vì vậy, khách hàng cần luôn quan tâm đến sức khỏe của bộ nhớ. Chương trình nào cần thiết thì mới cài đặt, cái nào không cần thiết nên xóa bỏ bớt. Cần xem xét kỹ lưỡng thông tin phần mềm trước khi cài đặt. Nếu cần format, reset lại máy thì đến các trung tâm có uy tín.

Khắc phục một số lỗi thông thường

Với Samsung (dòng A, E, X, S) thường thấy nhất là lỗi dịch vụ giới hạn (hàng xách tay, chính hãng đều bị) và Nokia (dòng 1100, 8210, 8250 series 40), Motorola (V60, 66, 70, T720, 720i) là lỗi treo máy và bộ sưu tập (hình ảnh, âm thanh trong gallery) bỗng nhiên biến mất.

Xử lý đơn giản, bạn chỉ việc tắt máy, đợi mươi giây rồi khởi động lại. Thế nhưng lắm khi máy thường xuyên bị lỗi giới hạn (Samsung) và tự nhiên ngắt nguồn (Nokia) thì bạn cần xem lại, có thể máy đã bị lỗi phần mềm. Bạn đến các trung tâm chăm sóc điện thoại chuyên nghiệp để cài đặt lại phần mềm cho tốt hơn.

Riêng trường hợp một số điện thoại bao gồm cả Nokia, Samsung, Sony Ericsson, Siemens, Motorola... bỗng dưng bắt sóng rất yếu, lúc có lúc không. Mặc dù cột hiển thị sóng vẫn báo đầy sóng nhưng không sao nghe hoặc thực hiện được cuộc gọi một cách rõ ràng. Lỗi này chủ yếu do máy đã có những va đập mạnh, bị đánh rơi nhiều lần, IC nguồn bị hở. Bạn cũng cần sớm đem điện thoại đi chữa trị bằng cách thay IC nguồn khác.
#codefm

Tags: #thủ-thuật #smartphone