CHINH PHỤC
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.
CHINH PHỤC

Cộng đồng Forumotion Việt Nam

Đăng nhập

Ghi nhớ
Latest topics
» Tôi sẽ đỗ đại học!
by nightWalker 9/2/2024, 7:00 pm

» Kỷ niệm xưa của chúng ta
by nightWalker 9/2/2024, 6:49 pm

» Bị lệch khung cần người giúp đỡ
by webhuy28 7/10/2021, 10:34 pm

» [HỎI ĐÁP] Danh sách bạn bè không thể hiển thị
by anhdaodaica1 2/10/2021, 10:04 pm

» [HỎI ĐÁP] Thông tin tài khoản không thể lưu thay đổi
by anhdaodaica1 2/10/2021, 6:05 am

» Phim bố già full
by huy.pc52 24/8/2021, 12:20 am

» Xin code Box HTML cho Forumvi
by Larva 1/7/2021, 12:57 pm

» Hello Anh Em Chinh phục
by HoàngTửNaivip5p 28/5/2021, 5:03 am

» Trang chủ tin tức cập nhật HOT 2016
by kenbi05 1/1/2020, 11:02 pm

» Không Dang9 bài viết = hình ảnh được
by huy.pc52 30/11/2019, 10:52 am

» CHÚC ANH EM NĂM MỚI VUI VẺ TRÀNG ĐẦY HẠNH PHÚC
by sps.kủn 12/2/2019, 1:16 pm

» Skin CNTT-K3 2015 (Full Mod)[✔]
by kenbi05 6/7/2018, 12:30 am

» baivong, handsome,....
by sps.kủn 29/6/2018, 1:54 pm

» [SHARE] SKIN ĐHFM.V7 @PUNBB
by tonyhoaivu 2/5/2018, 2:37 pm

» Share Skin Xanh Dương Cùi Bắp
by tonyhoaivu 28/4/2018, 5:57 pm

» Xin Skin http://v1.hotrofm.net/
by tonyhoaivu 28/4/2018, 5:45 pm

» Xin Skin Rao Vặt
by tonyhoaivu 15/4/2018, 12:07 pm

» Làm Sao Để Xóa Khung Này
by tonyhoaivu 14/4/2018, 7:18 pm

» [Lập nhóm]Lập nhóm fm
by vietkanpy 31/3/2018, 11:53 am

» [Help] về server úp ảnh của phutu [✔]
by baivong 17/3/2018, 10:18 pm

» Đừng khóc cho “tôi – Chinh Phục!”…
by AnHung 27/2/2018, 5:33 pm

» [Share] Skin Diendandaihoc.com [ Punbb ] [✔]
by Lu Mờ 13/2/2018, 7:28 pm

» Mời mấy thím vào groups Forumotion Việt Nam.
by dang02315 13/2/2018, 12:40 am

» Có thể làm các kiểu giao diện được không?
by Lu Mờ 9/2/2018, 3:40 pm

» ltns chinhphuc.info
by Shinichi Kudo 27/1/2018, 2:27 am

Top posting users this week
No user


Trang chủ đăng nhập Hey Guys! - Design & Code by Juskteez

+7
pkhoai1994
Ocean Sapphire
Rin
Draudrey
quagiangsinh30
anh huy dan
Juskteez
11 posters

CHINH PHỤC :: KHU VỰC CHIA SẺ :: HTML Page

Go down

Trang chủ đăng nhập Hey Guys! - Design & Code by Juskteez Empty Trang chủ đăng nhập Hey Guys! - Design & Code by Juskteez

Bài gửi by Juskteez 19/8/2012, 6:36 pm

Viết bằng CSS3 và 1 ít HTML5! Trông hơi cùi tí nên mong AE thông cảm hehe
Demo: http://jerm.help-out.net/h3-page

Code:
Code:
<!doctype html>
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US">
<head>
<meta charset="UTF-8" />

<title>Hey Guys! HTML page | Design by Juskteez | Copyright © 2012 Deezsign</title>

<style type="text/css">
.designed {position: absolute;bottom:4px;right: 4px;background: url(http://i1245.photobucket.com/albums/gg587/vhuyphong/demoeez/copyright.png) center no-repeat;width: 167px;height: 29px;z-index: -1;opacity: 0.1;}
body {
   background: url(http://www.servimg.com/u/f34/15/64/85/86/bg10.jpg) top center no-repeat;
   background-size: 100%;
}
a, a:hover, a:active {text-decoration: none;}
:focus {outline: none;}
.heyguyslogo {
   background: url(http://i1245.photobucket.com/albums/gg587/vhuyphong/demoeez/heyguys.png) center no-repeat;
   display: block;width: 400px;height: 165px;
   margin: auto;
}
.welcome {
   background: url(http://i1245.photobucket.com/albums/gg587/vhuyphong/demoeez/welcome.png) center no-repeat;
   display: block;width: 246px;height: 45px;
   float: right;margin-top: 110px;margin-right: -55px;
}
form {margin: auto;text-align: center;width:280px;margin-top: 8%;height: 150px;}
input[type="text"], input[type="password"] {
   height:30px;width:240px;padding:5px;
   background: url(http://i1245.photobucket.com/albums/gg587/vhuyphong/demoeez/input-bg.jpg) center;text-align: center;
   border: none;border-radius: 6px;margin: 5px;
   box-shadow: 0 1px 1px rgba(255, 255, 255, .4), 0 1px 1px rgba(0, 0, 0, .5) inset;
   font: 18px 'Open Sans Condensed', Arial, sans-serif;color: white;text-shadow: 0 1px 1px rgba(0, 0, 0, .5);
}
input[type="submit"]{
   font: 20px 'Open Sans Condensed', Arial, sans-serif;color: white;
   padding-left: 18px;padding-right: 18px;margin: 5px;font-weight:bold;
   border: 1px solid #002543;border-radius: 5px;text-transform: uppercase;
   text-shadow:0px 2px 1px rgba(0, 0, 0, .7);box-shadow: inset 0px 1px 1px #4b9ada, 0 4px 0 #002543;
   background-image: -o-linear-gradient(top, #004b8f 00%, #0057a6 100%);
   background-image: -moz-linear-gradient(top, #004b8f 00%, #0057a6 100%);
   background-image: -webkit-linear-gradient(top, #004b8f 00%, #0057a6 100%);
   -webkit-transition: all 0.15s linear;-moz-transition: all 0.15s linear;-o-transition: all 0.15s linear;
}
input[type="submit"]:active{
   margin-top:9px;color: #4585b4;
   text-shadow:0px -2px 1px rgba(0, 0, 0, .7);box-shadow: inset 0px 3px 1px #002543;
   background-color: #00539f;
   -webkit-transition: all 0.15s linear;-moz-transition: all 0.15s linear;-o-transition: all 0.15s linear;
}
#forgot {
   font: 16px 'Open Sans Condensed', Arial, sans-serif;
   color: white;margin: auto;display: block;width:130px;
   text-align: center;text-shadow:0px 2px 1px rgba(0, 0, 0, .7);
   margin-top: 5px;
}
/* Responsive Design */
@media screen and (max-width: 1399px) {
body {
   background: url(http://www.servimg.com/u/f34/15/64/85/86/bg10.jpg) top center no-repeat;
}
}
@media screen and (min-width: 510px) {input[type="submit"]{height: 40px}}
@media screen and (min-width: 300px) and (max-width: 510px) {
.designed {right: 40px;}
.heyguyslogo {
   width: 280px;height: 115px;
   background-size: 280px 115px;
}
.welcome {
   width: 172px;height: 31px;
   background-size: 172px 31px;
   margin-top: 90px;margin-right: 55px;
}
form {width:240px;margin: auto;height: 130px;}
input[type="text"], input[type="password"] {font-size: 15px;height:24px;margin: 3px;}
input[type="submit"]{height: 30px;font-size: 16px;margin: 3px;}input[type="submit"]:active{margin-top: 6px;}
}
</style>
</head>

<body>
   <a href="" class="heyguyslogo"><span class="welcome"></span></a>
   <form class="loginform" method="post" action="/login">
      <input type="text" class="username" name="username" placeholder="Tên đăng nhập" required/>
      <input type="password" class="password" name="password" placeholder="Mật khẩu" required/>
      <input type="checkbox" checked="checked" style="display:none;" name="autologin">
      <input type="submit" class="submit" name="login" value="Đăng nhập" />
   </form>
   <a href="/profile?mode=sendpassword" id="forgot">Quên mật khẩu?</a>
   <a href="mailto:vhuyphong@gmail.com" class="designed"></a>
</body>
</html>

PSD cho bác nào muốn Đì-zai lại hoặc sửa cái tên: http://www.mediafire.com/?gdjwxt6nx9dylx1

p/s: Font trong Design là Open Sans Condensed nhưng cái máy nhà mình nó điên điên nên ko hiện font, ai thích thì thêm đoạn này vô sau thẻ <title>
Code:
<link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700&subset=latin,vietnamese' rel='stylesheet' type='text/css'>


Được sửa bởi Juskteez ngày 19/8/2012, 6:48 pm; sửa lần 1. (Reason for editing : Thêm PSD và code font chữ)
Juskteez
Juskteez
CPMember
CPMember

Chrome PunBB
Ngày đăng ký : 08/06/2012
Số bài : 370
CPP : 742
Châm ngôn sống : Be Simple, but...Not too Simple!

http://deezsign.forumotion.com/

Về Đầu Trang Go down

Trang chủ đăng nhập Hey Guys! - Design & Code by Juskteez Empty Re: Trang chủ đăng nhập Hey Guys! - Design & Code by Juskteez

Bài gửi by anh huy dan 19/8/2012, 6:48 pm

Wow đẹp dấy Good good
anh huy dan
anh huy dan
CPMember
CPMember

Chrome PhpBB2
Ngày đăng ký : 19/06/2012
Số bài : 58
CPP : -4
Châm ngôn sống : ss

http://clbmangaanimevn.taro.tv

Về Đầu Trang Go down

Trang chủ đăng nhập Hey Guys! - Design & Code by Juskteez Empty Re: Trang chủ đăng nhập Hey Guys! - Design & Code by Juskteez

Bài gửi by quagiangsinh30 19/8/2012, 7:20 pm

thank cho bác ^^!
quagiangsinh30
quagiangsinh30
CPMember
CPMember

Chrome PhpBB2
Ngày đăng ký : 13/07/2012
Số bài : 155
CPP : 18
Châm ngôn sống : 00001

http://tuoitre.nforum.biz/

Về Đầu Trang Go down

Trang chủ đăng nhập Hey Guys! - Design & Code by Juskteez Empty Re: Trang chủ đăng nhập Hey Guys! - Design & Code by Juskteez

Bài gửi by Draudrey 19/8/2012, 7:32 pm

không có nút đăng ký, chả lẽ muốn đăng ký phải chạy vào rum? mà rum cho cái code liên kết cho khách thì toi!
Draudrey
Draudrey
CPModerator
CPModerator

Chrome Invision
Ngày đăng ký : 10/08/2012
Số bài : 902
CPP : 601
Châm ngôn sống : Nhìn lại mình trên CP mới thấy mình hồi đó sao trẻ trâu vcđ ra, đan con mạch nó muốn tự sát v l

http://diendan.chinhphuc.info/

Về Đầu Trang Go down

Trang chủ đăng nhập Hey Guys! - Design & Code by Juskteez Empty Re: Trang chủ đăng nhập Hey Guys! - Design & Code by Juskteez

Bài gửi by Juskteez 19/8/2012, 7:33 pm

๖ۣۜGhost[1St]Die đã viết:không có nút đăng ký, chả lẽ muốn đăng ký phải chạy vào rum? mà rum cho cái code liên kết cho khách thì toi!
Bạn có đọc tiêu đề không đấy kiêu
Muốn đăng ký thì ver sau làm đăng ký! Ok?
Juskteez
Juskteez
CPMember
CPMember

Chrome PunBB
Ngày đăng ký : 08/06/2012
Số bài : 370
CPP : 742
Châm ngôn sống : Be Simple, but...Not too Simple!

http://deezsign.forumotion.com/

Về Đầu Trang Go down

Trang chủ đăng nhập Hey Guys! - Design & Code by Juskteez Empty Re: Trang chủ đăng nhập Hey Guys! - Design & Code by Juskteez

Bài gửi by Rin 19/8/2012, 7:39 pm

mình ko nghĩ là có cùi đâu đẹp lắm đó teez voted Cười nhe răng
Rin
Rin
CPModerator
CPModerator

Chrome Invision
Ngày đăng ký : 14/07/2011
Số bài : 1530
CPP : 1493
Châm ngôn sống : tất cả những gì ta biết ko là gì so với những gì ta sắp học

http://www.vnsweetdream.net

Về Đầu Trang Go down

Trang chủ đăng nhập Hey Guys! - Design & Code by Juskteez Empty Re: Trang chủ đăng nhập Hey Guys! - Design & Code by Juskteez

Bài gửi by Ocean Sapphire 19/8/2012, 9:41 pm

Cái này đẹp mà, nhất là phần chữ và nền, đơn giản mà nổi bật hehe
Ocean Sapphire
Ocean Sapphire
CPPurpleMember
CPPurpleMember

Chrome PunBB
Ngày đăng ký : 21/05/2012
Số bài : 1084
CPP : 1933
Châm ngôn sống : ba chấm

http://fanrubydevil.forumvi.com

Về Đầu Trang Go down

Trang chủ đăng nhập Hey Guys! - Design & Code by Juskteez Empty Re: Trang chủ đăng nhập Hey Guys! - Design & Code by Juskteez

Bài gửi by pkhoai1994 20/8/2012, 12:06 am

tạo xong trang html thì chèm ỦRL trang HTML mình vừa tạo vào đoạn nào ạ ? chỉ e ?
pkhoai1994
pkhoai1994
CPMember
CPMember

Chrome PunBB
Ngày đăng ký : 11/05/2012
Số bài : 51
CPP : -4
Châm ngôn sống : cách bạn đối xử vs tối cũng chính là cách đối xử mà bạn sẽ nhận lại được từ tôi . Nên hãy biết cho đi trước khi đòi hỏi nhận lại .

http://letgososhi.forumvi.com/

Về Đầu Trang Go down

Trang chủ đăng nhập Hey Guys! - Design & Code by Juskteez Empty Re: Trang chủ đăng nhập Hey Guys! - Design & Code by Juskteez

Bài gửi by nightWalker 20/8/2012, 7:02 am

pkhoai1994 đã viết:tạo xong trang html thì chèm ỦRL trang HTML mình vừa tạo vào đoạn nào ạ ? chỉ e ?
Set làm trang chủ thì bỏ gì nữa chịu
nightWalker
nightWalker
CPYellowMember
CPYellowMember

Firefox PunBB
Ngày đăng ký : 14/04/2011
Số bài : 2109
CPP : 194
Châm ngôn sống : ;))

http://diendan.chinhphuc.info/

Về Đầu Trang Go down

Trang chủ đăng nhập Hey Guys! - Design & Code by Juskteez Empty Re: Trang chủ đăng nhập Hey Guys! - Design & Code by Juskteez

Bài gửi by pro_qng 20/8/2012, 8:45 am

đẹp lắm
pro_qng
pro_qng
CPPurpleMember
CPPurpleMember

Firefox PunBB
Ngày đăng ký : 17/08/2012
Số bài : 528
CPP : 205
Châm ngôn sống : Các cụ có câu : Thương nhau mà sống :)

http://gameland.forumvi.com

Về Đầu Trang Go down

Trang chủ đăng nhập Hey Guys! - Design & Code by Juskteez Empty Re: Trang chủ đăng nhập Hey Guys! - Design & Code by Juskteez

Bài gửi by MR.Rồng 20/8/2012, 7:42 pm

Cho Cái Bản Quyền Nhé !!!
Thanks
MR.Rồng
MR.Rồng
CPMember
CPMember

Chrome PunBB
Ngày đăng ký : 19/08/2012
Số bài : 218
CPP : 114
Châm ngôn sống : Quẩy lên nào :D

http://Forumotion.forumvi.com

Về Đầu Trang Go down

Trang chủ đăng nhập Hey Guys! - Design & Code by Juskteez Empty Re: Trang chủ đăng nhập Hey Guys! - Design & Code by Juskteez

Bài gửi by handsomevip007 20/8/2012, 8:01 pm

tớ rất tèo đã viết:Cho Cái Bản Quyền Nhé !!!
Thanks
Ý bạn là cái này ? kiêu
Hey Guys! HTML page | Design by Juskteez | Copyright © 2012 Deezsig
handsomevip007
handsomevip007
CPAdministrator
CPAdministrator

Opera Invision
Ngày đăng ký : 22/12/2010
Số bài : 6406
CPP : 11255
Châm ngôn sống : Tuổi trẻ sẽ dừng lại nhưng sáng tạo là mãi mãi ...

http://a14toiyeu.forumvi.net/

Về Đầu Trang Go down

Trang chủ đăng nhập Hey Guys! - Design & Code by Juskteez Empty Re: Trang chủ đăng nhập Hey Guys! - Design & Code by Juskteez

Bài gửi by MR.Rồng 21/8/2012, 3:27 pm

Đúng Rồi Đấy
MR.Rồng
MR.Rồng
CPMember
CPMember

Chrome PunBB
Ngày đăng ký : 19/08/2012
Số bài : 218
CPP : 114
Châm ngôn sống : Quẩy lên nào :D

http://Forumotion.forumvi.com

Về Đầu Trang Go down

Trang chủ đăng nhập Hey Guys! - Design & Code by Juskteez Empty Re: Trang chủ đăng nhập Hey Guys! - Design & Code by Juskteez

Bài gửi by Sponsored content


Sponsored content


Về Đầu Trang Go down

Về Đầu Trang

- Similar topics

CHINH PHỤC :: KHU VỰC CHIA SẺ :: HTML Page

 
Permissions in this forum:
Bạn không có quyền trả lời bài viết