IT thường nhật

CÁCH TẠO WIDGET LIÊN HỆ KÈM THEO FORM CONTACT TUYỆT ĐẸP.

0 Blogspot tháng 4 13, 2018

<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody><tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFhEpHi2qsoo62U6rOifNF6PJzKoRgFQd2y7oHMsProAjKsjoboMjQRLFSOxHjQQ_THnrCFyWBUqT2Uc5KaENprt53STqUVKTaYJ7sCz7q2QAUbbiIxr2YhyVBJm-3KzxbPCw20sDX140U/s1600/blogg-min.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" data-original-height="600" data-original-width="960" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFhEpHi2qsoo62U6rOifNF6PJzKoRgFQd2y7oHMsProAjKsjoboMjQRLFSOxHjQQ_THnrCFyWBUqT2Uc5KaENprt53STqUVKTaYJ7sCz7q2QAUbbiIxr2YhyVBJm-3KzxbPCw20sDX140U/s640/blogg-min.png" width="640" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;"><span style="font-family: "arial" , "helvetica" , sans-serif;">Ảnh minh họa.</span></td></tr></tbody></table><span style="font-family: "arial" , "helvetica" , sans-serif;">Xin chào các bạn, mình là <b>Nguyễn Chánh Đức, </b> đã lâu mình không đăng 1 thủ thuật nào lên blog, hôm nay mình sẽ hướng dẫn các bạn tạo 1 form contact kèm theo liên hệ, cái Css và Html này là mình nhặt đước và edit lại phần CSS và chia sẻ lên đây cho các bạn tham khảo, các bạn theo dõi bài viết nhé. Demo tại bài viết mình luôn nhé, các bạn cuộn xuống lower sẽ thấy!</span><br /><h2> Các bước tiến hành </h2><br /><span style="font-family: "arial" , "helvetica" , sans-serif; font-size: small;"> Bước 1: Các bạn vào bố cục -> thêm tiện ích -> HTML.<br />Bước 2: Các bạn thêm phần <b>CSS, HTML</b> này vào nhé.</span><br /><blockquote><span style="font-family: "arial" , "helvetica" , sans-serif; font-size: small;"><style scoped="scoped" type="text/css"> .contact-form-bacsiwindows-v form{position:relative;background:linear-gradient(-225deg,#403f7e 0%,#5753C9 60%,#7c8bf0 100%);padding:100px 120px 50px 60px;width:700px;max-width:100%;border-radius:20px;max-width:100%} .form-body{width:1080px;margin:0 auto;padding:100px 0;position:relative;max-width:100%} #ContactForm1_contact-form-name{text-transform:capitalize} .contact-form-bacsiwindows-v{width:100%;margin:0 auto;padding:0;background:#e9eef3} #ContactForm1_contact-form-email-message::-webkit-input-placeholder,#ContactForm1_contact-form-email::-webkit-input-placeholder,#ContactForm1_contact-form-name::-webkit-input-placeholder{text-transform:uppercase;letter-spacing:1.2px;color:rgba(255,255,255,.7)} #ContactForm1_contact-form-name,#ContactForm1_contact-form-email{margin:0 0 .5em;width:50%;float:right;height:auto;padding:10px 15px;background:rgba(255,255,255,.1);color:#fff;box-sizing:border-box;font-family:Roboto,sans-serif;transition:.15s;font-size:14px;letter-spacing:.5px;border:1px solid transparent} #ContactForm1_contact-form-name:focus,#ContactForm1_contact-form-email:focus,#ContactForm1_contact-form-email-message:focus{border:1px solid rgba(255,255,255,.8);outline:none} #ContactForm1_contact-form-error-message img{display:none} #ContactForm1_contact-form-email-message{width:100%;height:auto;margin:0;padding:10px 12px;background:rgba(255,255,255,.1);border:1px solid transparent;color:#fff;box-sizing:border-box;font-size:14px;font-family:Roboto,sans-serif;transition:.15s;letter-spacing:.5px} #ContactForm1_contact-form-submit{height:35px;float:right;color:#FFF;padding:0 30px;margin:2em 0 0;cursor:pointer;border-radius:0;font-weight:700;background:transparent;border:2px solid white;outline:0} #ContactForm1_contact-form-submit:hover{background-color:#fff;color:#7c8bf0} #ContactForm1_contact-form-submit:focus,#ContactForm1_contact-form-submit:active{position:relative;top:2px} #ContactForm1_contact-form-error-message,#ContactForm1_contact-form-success-message{color:#fff;padding:16px 0;display:inline-block;clear:both} h2.contact-label{color:#fff;position:absolute;margin:0;top:30px;font-size:28px;font-weight:700} h2.contact-label span{display:block;font-size:16px;font-weight:400;letter-spacing:1px} .r-contact-bacsiwindows{background:white;position:absolute;right:5%;top:50%;transform:translate(0,-50%);padding:30px 40px;border-radius:20px;box-shadow:0 10px 55px rgba(0,0,0,.15);max-width:100%} .r-contact-bacsiwindows .r-contact{} .r-contact-bacsiwindows .contact-u,.r-contact-bacsiwindows .contact-u a{font-size:20px;margin:15px 0;font-weight:400;color:#9498be} .r-contact-bacsiwindows .contact-u i{background:#7b89ee;width:45px;line-height:45px;text-align:center;border-radius:100%;margin:0 10px 0 0;color:#fff} .r-contact-bacsiwindows .contact-u .fb{background:#0084ff} .r-contact-bacsiwindows .contact-u .email{background:#df5644} .r-contact-bacsiwindows .contact-u .support{background:#81c596} .form-body cap.cap{color:#fff;line-height:1.5;margin:0 0 2em;display:block} </style> </span><span style="font-family: "arial" , "helvetica" , sans-serif;"><div class="contact-form-bacsiwindows-v"></span><span style="font-family: "arial" , "helvetica" , sans-serif;"><div class="form-body"></span><span style="font-family: "arial" , "helvetica" , sans-serif;"><form name="contact-form"></span><span style="font-family: "arial" , "helvetica" , sans-serif;"><h2 class="contact-label"><span>liên hệ</span>với chúng tôi</h2></span><span style="font-family: "arial" , "helvetica" , sans-serif;"><cap class="cap">Hãy điền thật ngắn gọn, chính xác và dễ hiểu nội dung cần tư vấn/liên hệ vào biểu mẫu dưới đây, chúng tôi sẽ cố gắng trả lời sớm nhất có thể (không quá 48 giờ), cảm ơn và chúc bạn một ngày tốt lành!</cap></span><span style="font-family: "arial" , "helvetica" , sans-serif;"><input id="ContactForm1_contact-form-name" name="name" placeholder="Tên của bạn" size="30" style="width:49%;float:left" type="text" value=""></span><span style="font-family: "arial" , "helvetica" , sans-serif;"><input id="ContactForm1_contact-form-email" name="email" placeholder="Địa chỉ Email" size="30" type="text" value=""></span><span style="font-family: "arial" , "helvetica" , sans-serif;"><textarea cols="25" id="ContactForm1_contact-form-email-message" name="email-message" placeholder="Nội dung cần liên hệ" rows="7"></textarea></span><span style="font-family: "arial" , "helvetica" , sans-serif;"><input id="ContactForm1_contact-form-submit" type="button" value="SEND"></span><span style="font-family: "arial" , "helvetica" , sans-serif;"><div style="width: 100%;"></span><span style="font-family: "arial" , "helvetica" , sans-serif;"><div id="ContactForm1_contact-form-error-message"></span><span style="font-family: "arial" , "helvetica" , sans-serif;"></div></span><span style="font-family: "arial" , "helvetica" , sans-serif;"><div id="ContactForm1_contact-form-success-message"></span><span style="font-family: "arial" , "helvetica" , sans-serif;"></div></span><span style="font-family: "arial" , "helvetica" , sans-serif;"></div></span><span style="font-family: "arial" , "helvetica" , sans-serif;"></form></span><span style="font-family: "arial" , "helvetica" , sans-serif;"><div class="r-contact-bacsiwindows"></span><span style="font-family: "arial" , "helvetica" , sans-serif;"><div class="r-contact"></span><span style="font-family: "arial" , "helvetica" , sans-serif;"><div class="contact-u"><i class="fa fa-phone" aria-hidden="true"></i></span><span style="font-family: "arial" , "helvetica" , sans-serif;">0868.102.208</div></span><span style="font-family: "arial" , "helvetica" , sans-serif;"><div class="contact-u"><i class="fa fa-envelope-open-o" aria-hidden="true"></i></span><span style="font-family: "arial" , "helvetica" , sans-serif;"> nguyenchanhduc0908@gmail.com</div></span><span style="font-family: "arial" , "helvetica" , sans-serif;"><div class="contact-u"><i class="fa fa-commenting-o" aria-hidden="true"></i></span><span style="font-family: "arial" , "helvetica" , sans-serif;"><a href="https://fb.com/ducidol0908" target="_blank">Nguyễn Chánh Đức</a></div></span><span style="font-family: "arial" , "helvetica" , sans-serif;"><div class="contact-u"><i class="fa fa-question-circle" aria-hidden="true"></i> 10/24 (Thứ 2 -&gt; Chủ nhật)</div></span><span style="font-family: "arial" , "helvetica" , sans-serif;"></div></span><span style="font-family: "arial" , "helvetica" , sans-serif;"></div></span><span style="font-family: "arial" , "helvetica" , sans-serif;"></div></span><span style="font-family: "arial" , "helvetica" , sans-serif;"></div></span></blockquote><br /><span style="font-family: "arial" , "helvetica" , sans-serif; font-size: small;">Bước 3: Lưu bố cục lại, hưởng thụ thôi!</span><br /><h2> Tổng kết </h2><br /><br /><span style="font-family: "arial" , "helvetica" , sans-serif; font-size: small;"><span style="font-weight: normal;"> Bài viết đến đây cũng kết thúc rồi, nếu thấy hay thì share lên Facebook hoặc Google+ trên bài viết nhé. Cảm ơn các bạn đã theo dõi bài viết, chúc các bạn 1 ngày vui vẻ!</span></span><span style="opacity: .3;">Code by: BacSiWindows.</span>

CÁCH TẠO WIDGET LIÊN HỆ KÈM THEO FORM CONTACT TUYỆT ĐẸP.

Ảnh minh họa. Xin chào các bạn, mình là Nguyễn Chánh Đức, đã lâu mình không đăng 1 thủ thuật nào lên blog, hôm nay mình sẽ hướng dẫn các b...

Đọc thêm »

[PSD Ảnh Bìa] Tình Yêu Của Anh - Andiez.

0 Ảnh Bìa, Ảnh Bìa Bài Hát, Ảnh BÌA FACEBOOK, PSD Ảnh Bìa, PSD Bìa tháng 4 13, 2018

Dạo gần đây cũng ít thời gian nên cũng ra được nhiều thủ thuật hay cho các bạn nên thông cảm nha. Thời gian không nhiều nên cũng tranh thủ làm cái bìa up Blog cho các bạn :D<br>Bài hát này đang khá là HOT trên chương trình Sing My Song được thể hiện và sáng tác bởi Andiez. Anh này là người hát và sáng tác các ca khúc đã HOT từ trước trên Youtube như ( 1 Phút, Đường Một Chiều, v.v.v)<br><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0Pr46140ZEmF5hBAnWzDkBvwJMIc0yHaPmLn0jwBMcYi6SQ0uMCb1bSy-oXnP1uDiIz7sqUlGj1lHsM92mxdyotkmtFhiczPrhkkeZ7Frf-LwxnZNlEzjUaUZQ5pzLISv08rg6zF72qw/s1600/T%25C3%25ACnh-Y%25C3%25AAu-C%25E1%25BB%25A7a-Anh.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="315" data-original-width="851" height="236" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0Pr46140ZEmF5hBAnWzDkBvwJMIc0yHaPmLn0jwBMcYi6SQ0uMCb1bSy-oXnP1uDiIz7sqUlGj1lHsM92mxdyotkmtFhiczPrhkkeZ7Frf-LwxnZNlEzjUaUZQ5pzLISv08rg6zF72qw/s640/T%25C3%25ACnh-Y%25C3%25AAu-C%25E1%25BB%25A7a-Anh.jpg" width="640"></a></div><a name="more"></a><br><h2 style="background-color: white; border: 0px; box-sizing: border-box; color: #2c3e50; font-family: arial, sans-serif; font-size: 20.8px; font-stretch: inherit; font-weight: 300; line-height: normal; margin: 0px; padding: 0px; vertical-align: baseline;">Share PSD Ảnh Bìa Tình Yêu Của Anh - Andiez</h2><span style="color: #2c3e50; font-family: "arial" , sans-serif;"><span style="background-color: white;">Tình yêu chẳng đâu xa</span></span><br><div><span style="color: #2c3e50; font-family: "arial" , sans-serif;"><span style="background-color: white;">Vẫn ở quanh ta đấy mà tình yêu từ mỗi chúng ta...</span></span><br><span style="color: #2c3e50; font-family: "arial" , sans-serif;"><span style="background-color: white;"><br></span></span></div><div style="text-align: center;"><a class="button medium red" href="http://123link.pw/c1rL7E" target="_blank"><i class="fa fa-download"></i> Tải PSD</a><a class="button medium blue" href="http://www.nguyenhuyit.tk/p/chuan-bi-phan-mem-adobe-photoshop-cs3.html" target="_blank"><i class="fa fa-crop"></i> Hướng dẫn edit</a><br></div>

[PSD Ảnh Bìa] Tình Yêu Của Anh - Andiez.

Dạo gần đây cũng ít thời gian nên cũng ra được nhiều thủ thuật hay cho các bạn nên thông cảm nha. Thời gian không nhiều nên cũng tranh thủ l...

Đọc thêm »

CÁCH TẠO TRANG 404 LỖI THEO PHONG CÁCH HACKER.

0 Blogspot tháng 4 03, 2018

CÁCH TẠO TRANG 404 LỖI THEO PHONG CÁCH HACKER.

Ảnh minh họa. Xin chào các bạn, hôm nay mình sẽ hướng dẫn các bạn tạo trang 404 theo phong cách hacker, demo mình sẽ để cuối bài viết nhé, t...

Đọc thêm »

CÁCH TẠO FORM CONTACT TUYỆT ĐẸP CHO BLOGSPOT.

1 Blogspot tháng 3 29, 2018

CÁCH TẠO FORM CONTACT TUYỆT ĐẸP CHO BLOGSPOT.

Ảnh minh họa. Xin chào các bạn, hôm nay mình sẽ hướng dẫn các bạn tạo một form contact tuyệt đẹp cho phần bố cục. CSS này nó rất là nhẹ, các...

Đọc thêm »

[PSD Ảnh Bìa] Trong Trí Nhớ Của Anh - Trung Quân Idol.

0 Ảnh BÌA FACEBOOK, PSD, PSD | Bìa, PSD Ảnh Bìa tháng 3 26, 2018

Cảm giác yêu đơn phương nó đau lắm phải không các bạn? Mình đang yêu 1 cô gái kia mà lại không dám nói ra vì sợ nói ra rồi... thế nên cũng chỉ âm thầm theo dõi người ta thôi :( Lúc buồn cũng chỉ cover và gửi những nỗi buồn vào những tấm ảnh mà mình làm! Mọi người có gì bình luận nhiệt tình chém gió cho đỡ buồn nhé :3<br><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSLE2-WrzU_2GgjJIKBvxteECPX-u6MJq2qN9CmZveFN2CT25weJCNcAwsRPcG-el58N3GTrYvzkT4eBdomiWEAP6f2TdBGdV4HjAB43sEYZtf9hppEYMvxbQ4fW1MmFgJKwkU-EEO7og/s1600/Trong-Tr%25C3%25AD-Nh%25E1%25BB%259B-C%25E1%25BB%25A7a-Anh.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="315" data-original-width="851" height="236" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSLE2-WrzU_2GgjJIKBvxteECPX-u6MJq2qN9CmZveFN2CT25weJCNcAwsRPcG-el58N3GTrYvzkT4eBdomiWEAP6f2TdBGdV4HjAB43sEYZtf9hppEYMvxbQ4fW1MmFgJKwkU-EEO7og/s640/Trong-Tr%25C3%25AD-Nh%25E1%25BB%259B-C%25E1%25BB%25A7a-Anh.jpg" width="640"></a></div><a name="more"></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSLE2-WrzU_2GgjJIKBvxteECPX-u6MJq2qN9CmZveFN2CT25weJCNcAwsRPcG-el58N3GTrYvzkT4eBdomiWEAP6f2TdBGdV4HjAB43sEYZtf9hppEYMvxbQ4fW1MmFgJKwkU-EEO7og/s1600/Trong-Tr%25C3%25AD-Nh%25E1%25BB%259B-C%25E1%25BB%25A7a-Anh.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><br></a><br><h2>Ảnh Bìa Trong Trí Nhớ Của Anh - Trung Quân Idol</h2><span style="color: #2c3e50; font-family: "arial" , sans-serif;"><span style="background-color: white;">Và tình yêu đó</span></span><br><div><span style="color: #2c3e50; font-family: "arial" , sans-serif;"><span style="background-color: white;">Chỉ có trong giấc mơ mà thôi...</span></span></div><div style="text-align: center;"><a class="button medium red" href="http://123link.pw/K7FM" target="_blank"><i class="fa fa-download"></i> Tải PSD</a><a class="button medium blue" href="http://www.nguyenhuyit.tk/p/chuan-bi-phan-mem-adobe-photoshop-cs3.html" target="_blank"><i class="fa fa-crop"></i> Hướng dẫn edit</a><br></div>