Keywords

Latest topics

» Chuyển Host upload ảnh
by dang02315 Fri Sep 02, 2016 12:32 am

» [ AUTO 2U ] PHIÊN BẢN 2.5.3 ( MỚI NHẤT )
by ngothithuyva Mon Sep 14, 2015 9:14 am

» [ AUTO 2U ] PHẦN MỀM BN2U - AUTO 2U MỚI NHẤT
by Xop Paseo Wed Sep 09, 2015 9:58 am

» [ AUTO 2U ] PHIÊN BẢN 2.5.2-NGÀY 24/10/2014
by chebienk5a Tue Sep 08, 2015 9:52 pm

» [ AUTO ] Tự nhảy game 2U
by chebienk5a Tue Sep 08, 2015 7:36 pm

» [ Bách chiến vô song 2 ] Cách đi phó bản ma giáo đàn 6-7 boss
by Admiin Mon Aug 24, 2015 5:40 pm

» [ LIST KEY 2U ] NGÀY 29/6/2015 PHIÊN BẢN 2.5.2 Trở Lên
by Pé Pun Sun Aug 23, 2015 5:01 pm

» [ AUTO 2U ] Demo auto up thân mật pet ver 1.0
by steven.gia119 Sun Aug 16, 2015 8:11 pm

» [ KEY Bảng Vàng ] NGÀY 05/03/2015 - ( Lần 3 )
by steven.gia119 Sun Aug 16, 2015 8:10 pm

» [ LIST KEY 2U ] NGÀY 24/10/2014 PHIÊN BẢN 2.5.1 Trở Lên
by chepchep800 Fri Aug 07, 2015 12:14 pm

» [ LIST KEY 2U ] NGÀY 18/2/2015 PHIÊN BẢN 2.5.2 Trở Lên
by chepchep800 Thu Aug 06, 2015 9:28 pm

» [ AUTO 2U ] Auto UP EXP UP vũ đạo Ver 2.5.3
by akikaneko Mon Jul 13, 2015 8:03 pm

» [ AUTO 2U ] PHIÊN BẢN 2.5.1 - NGÀY 15/9/2014
by ohellobeyeu Mon Jul 06, 2015 9:32 pm

» [ AUTO 2U ] UPDATE AUTO MỚI
by Admiin Sun Jul 05, 2015 4:35 pm

» Công thức ép chậu Khu vườn trên mây
by khanhkute Sat Jul 04, 2015 2:57 pm

» [ AUTO 2U ] BÀI VIẾT HƯỚNG DẪN TỔNG HỢP
by Admiin Thu Jul 02, 2015 9:27 am

» [ KEY Bảng Vàng ] NGÀY 06/02/2015 - ( Lần 1 )
by boysocket Sun Jun 28, 2015 12:43 am

» [ AUTO 2U ] Auto UP Like ( đơn ) Ver 2.5.3
by khoianh897 Fri Jun 26, 2015 4:04 pm

» [ AUTO 2U ] Tool tra đáp án bảng vàng trong 2u
by khoianh897 Fri Jun 26, 2015 3:53 pm

» [ AUTO 2U ] Auto UP Rung động Ver 2.5.3
by khoianh897 Fri Jun 26, 2015 3:38 pm

» [ AUTO ] Post EXP Nhà máy 1 Boom online
by OniChannn Wed Jun 24, 2015 12:54 pm


Liên hệ Email người quản lý

Share

Admiin
NGƯỜI ĐẸP TRAI NHẤT
NGƯỜI ĐẸP TRAI NHẤT

Posts Posts : 786
Points Points : 93568226
Thanked Thanked : 72
Tham Gia Tham Gia : 01/10/2010
Tuổi Tuổi : 23
Đến từ Đến từ : Nghệ An
Tình trạng Tình trạng : Độc thân

  
 :

Liên hệ Email người quản lý

Bài gửi by Admiin on Tue Jun 14, 2011 2:04 pm

1. Xem hướng dẫn về Fancybox [You must be registered and logged in to see this link.] (Tham khảo và tìm cho mình cái gì đó thích hợp)
2. Tạo Form liên hệ Email [You must be registered and logged in to see this link.] (Ai làm được cái này rồi thì khỏi đọc tiếp)
Bài này baivong sẽ hướng dẫn bạn cách làm một Form liên hệ sử dụng Fancybox iframe
Forum mình xài hàng free, vì thế chẳng tìm đâu ra chỗ để up file *.php vào đâu cả, xài host free thì cũng không biết cách
Hôm qua lang thang trên mạng thấy cái Create a free website weebly, đang bạn mò thì phát hiện ra chỗ liên hệ, đem về nhét vô cái Fancybox thấy hay hay, nên giờ mới có cái chia sẽ cho bạn nè.

Bây giờ các dân nghiệp dư bắt đầu nào...
Bước 1: Đăng ký một tài khoản trên [You must be registered and logged in to see this link.]
...Các bước đơn giản nên mình chỉ lướt nhanh thôi nhé. Bạn nào không rõ thì Click vào link hình ví dụ.
[You must be registered and logged in to see this link.]
Điền User, pass, mail, mã xác nhận và Click Sign Up
[You must be registered and logged in to see this link.]
Điền tiêu đề web, chọn loại web và Click Continue
[You must be registered and logged in to see this link.]
Đặt URL cho web (nên chọn luôn cái mục đầu) và Click Continue
[You must be registered and logged in to see this link.]
Thế là xong, có một cái web, chuẩn bị làm một trang liên hệ thôi.
Bước 2: Tạo trang liên hệ

Thiết kế web với weebly hay ở chỗ chỉ cần kéo và thả những gì bạn muốn vào từ thanh công cụ, vì thế dân nghiệp dư như tui vẫn có thể giải quyết được một cách dễ dàng.
Đầu tiên bạn kéo cái Contact Form trong Tab Elements - Basic vào:
[You must be registered and logged in to see this link.]
Sau đó Click vào Contact Form bạn vừa kéo vào để nó chuyển sang chế độ chỉnh sửa.
Trên thanh công cụ, chọn Tab Tab Elements - Basic và lôi vào 2 cái Two Column Layout, tạo thành 4 khung riêng biệt.
[You must be registered and logged in to see this link.]
Bây giờ bạn Click vào từng phần của Contact Form và kéo lên trên, mục đích là làm giảm chiều dọc của trang.
[You must be registered and logged in to see this link.]
Name khung trên bên trái, Email bên phải, Comment khung dưới bên phải.
Bây giờ trong tab Elemens chọn Form Fields - Standard kéo cái Options Buttons vào khung dưới bên trái.
[You must be registered and logged in to see this link.]
... xong phần bố cục, bây giờ bạn Click vào từng công cụ để chỉnh sửa lại
[You must be registered and logged in to see this link.]
Khung Comment bạn nên chọn Height là Small, width là Large rồi sửa lại khung.
Cuối cùng Click vào phần trống cạnh nút Sumit để chọn toàn bộ Contact Form và chỉnh sửa lại phần tên, Email nhận thư, nút gửi thư
[You must be registered and logged in to see this link.]
Click Close để kết thúc
Bước 3: Chỉnh sửa trang liên hệ
[You must be registered and logged in to see this link.]
Click vào tab Design - Favorites chọn Edit HTML/CSS
[You must be registered and logged in to see this link.]
Sau đó thay các code trong tab HTML và CSS bằng code sau:
HTML:
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
 
 <head>
<title>%%TITLE%%</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 </head>
 <body>
    <div id="wrapper">
         
 
   
                    <div id="content">
                %%CONTENT%%
                    </div>
             
    </div>
 
  <div style='padding: 20px; width:100%; text-align:center;'>%%WEEBLYFOOTER%%</div>
  <div style='display:none;'>%%MENU%%</div>
</body>
 </html>

CSS:
Code:
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input{
    margin:0;
    padding:0;
}
ul{
    list-style:none;
}
fieldset{
    border:0;
}
a img{
    border:0;
}
.clear{
    clear:both;
}


body {
    background: #020202 top center no-repeat;
    font-family: arial, sans-serif;
    font-size:12px;
    color:#666666;
    height: 100%;
    margin:0;
    padding:0;
}

a{
  outline: none;
    color: #ffc946;
    text-decoration: none;
}
p {
    line-height: 170%;
    color: #a3a2a2;
    font-size: 13px;
    padding: 0px 0px 10px 0px;
}
h1 {
    font-family: LucidaSans, arial;
    font-size:30px;
    color:#fff;
    line-height:1.5;
    padding: 5px 0px 5px 0px;
}
h2 {
    font-family: LucidaSans, arial;
    font-size:24px;
    color:#fff;
    font-weight: normal;
    line-height:1.5;
    padding: 5px 0px 5px 0px;
}

#wrapper {
    width:780px;
    margin: 0px auto;
}

.title{
    font-family: "Times New Roman", Times, serif;
    width:800px;
    height: 75px;
    padding: 30px 0px 0px 0px;
    font-size: 40px;
    color: #fff;
}

#navigation{
    position: relative;
    width:780px;
    height: 54px;
    padding: 21px 0px 0px 0px;
    z-index: 2;
}

#navigation ul{
    float: right;
}

#navigation li{
    font-family: Georgia, arial;
    float: left;
    height: 32px;
    z-index: 2;
    color: #e2e2e2;
    font-size: 17px;
    padding: 0px 0px 0px 6px;
    margin: 0px 0px 0px 27px;
}

#navigation li a{
    display: inline-block;
    height: 27px;
    padding: 5px 16px 0px 10px;
    z-index: 2;
    color: #e2e2e2;
}

#navigation li:hover a, #navigation li a:hover, #navigation li#active a{
    color: #393939;
    background: url(naviliright.jpg) right no-repeat;
}

#navigation li:hover, #navigation li#active{
    background: url(navlileft.jpg) left no-repeat;
}

#weebly-menus .weebly-menu-wrap { z-index: 5000; margin: 22px 0px 0px 0px; }
 #weebly-menus .weebly-menu { padding: 0; margin: 0px; list-style: none; }
 #weebly-menus .weebly-menu li { float: left; clear: left; width: 168px; text-align: left; }
 #weebly-menus .weebly-menu li a { position: relative; display: block; width: 150px; background: #e8bf5d; border-top:  none; border-bottom: 1px solid #f3d07c; border-right: none; border-left: none; text-decoration: none; font-size: 13px; font-weight: normal; line-height:1; padding: 8px 6px 8px 12px; color: #333333; }
 #weebly-menus .weebly-menu li a:hover { background: #d2a12c; color: #f4f4f4; font-weight: bold;}

#content{
    width:780px;
    min-height:400px;
    _height:400px;
    padding: 30px 0px 50px 0px;
}


#footer{
    width:780px;
    color: #616060;
    font-size: 12px;
    margin: 0px 0px 20px 0px;
    text-align: right;
}
Click FREVIEW xem thử, được cái hình đen thui là ổn, nhấn Save & Exit, đặt tên rồi Save lại.
[You must be registered and logged in to see this link.]
Bước 4: Tạo trang xác nhận gửi thư

[You must be registered and logged in to see this link.]
Click vào Tab Pages chọn New page để tạo trang mới.

  • Đặt tên trang. VD: Xac nhan
  • Show in Navigation menu: No
  • Click vào Edit page để chỉnh sửa trang
[You must be registered and logged in to see this link.]
Trong Tab Elements - Basic kéo và thả Paragraph with title vào
Click chỉnh sửa trang, có thể dùng mẫu sau:
[You must be registered and logged in to see this link.]
Gửi thư thành công
Thư liên hệ đã được gửi vào hòm thư người quản lý, nó sẽ được xem xét và trả lời trong thời gian sớm nhất
Quay trở lại Tab Page, Edit trang Home (Trang gửi thư liên hệ)
[You must be registered and logged in to see this link.]
Click Form Options để chỉnh sửa phần liên hệ, Click vào Set link và chọn trang Xac nhan vừa tạo lúc nãy rồi Save lại
[You must be registered and logged in to see this link.]
Vậy là xong phần tạo trang trang liên hệ với Weebly, bạn chỉ cần xuất bản trang này, bằng cách nhấn vào nút Publish
Có thể nó yêu cầu bạn cài đật trang web, tuy nhiên bạn có thể bỏ quang bằng cách ấn ContinueSave lại. Khi nào Click vào Publish mà nó hiện ra cái link trang web như trong hình là xong.
[You must be registered and logged in to see this link.]
Các bước tạo trang mình viết khá chi tiết nên hơi dài, bạn nào rành rồi làm chỉ mất 5 phút là tối đa.

Bước 5: Kết hợp Fancybox để chèn vào forum

[hide]Bạn có thể dùng luôn trang đó để liên hệ, hoặc cầu kỳ hơn là dùng một cách đặc biệt để chèn vào. Bây giờ mình sẽ hướng dẫn cách dùng Fancybox để chèn trang liên hệ.

Thêm vào trước thẻ
Code:
</head>
trong Templastes - header
Code:
<script type="text/javascript" src="http://link.cfviet.co.cc/packbox"></script>
    <link rel="stylesheet" type="text/css" href="http://link.cfviet.co.cc/CSSbox" media="screen" />
<script type="text/javascript">
        $(document).ready(function() {
       

            $("#lienheCFviet").fancybox({
                'width'                : '9',
                'height'            : '3',
                'autoScale'            : false,
                'transitionIn'        : 'none',
                'transitionOut'        : 'none',
                                'scrolling' : 'no',
                'type'                : 'iframe'
            });



});

    </script>
Dùng code này để đặt ở bất ký nơi nào bạn thích.
Code:
<a id="lienheCFviet" href="http://lienhecfviet.weebly.com/">Liên hệ</a>
Thay link [You must be registered and logged in to see this link.] bằng trang liên hệ của bạn nhé.[http://chinhphuc.info] :hide:
Demo: Nếu làm đúng sẽ được như hình dưới đây:
[You must be registered and logged in to see this link.]

Đây là hình ảnh quản lý tin nhắn tại trang web



... và nhận tin tại Email



Tổng hợp ảnh hướng dẫn
Spoiler:
[You must be registered and logged in to see this link.]
[You must be registered and logged in to see this link.]
[You must be registered and logged in to see this link.]
[You must be registered and logged in to see this link.]
[You must be registered and logged in to see this link.]
[You must be registered and logged in to see this link.]
[You must be registered and logged in to see this link.]
[You must be registered and logged in to see this link.]
[You must be registered and logged in to see this link.]
[You must be registered and logged in to see this link.]
[You must be registered and logged in to see this link.]
[You must be registered and logged in to see this link.]
[You must be registered and logged in to see this link.]
[You must be registered and logged in to see this link.]
[You must be registered and logged in to see this link.]
[You must be registered and logged in to see this link.]
[You must be registered and logged in to see this link.]
[You must be registered and logged in to see this link.]
[You must be registered and logged in to see this link.]
[You must be registered and logged in to see this link.]
nguồn:
Spoiler:
chinhphuc.info

    Similar topics

    -

    Hôm nay: Fri Dec 09, 2016 10:48 am