Đăng nhập
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 |
HTML Bả Trì đẹp <new>
+2
quagiangsinh30
mrkunvl
6 posters
Trang 1 trong tổng số 1 trang
HTML Bả Trì đẹp <new>
Code nè
à quên demo http://cubimtq2.forumvi.com/h1-page
- Code:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Trang web đang trong thời gian xây dựng</title>
<link href='http://fonts.googleapis.com/css?family=Droid+Serif' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Squada+One' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Courgette' rel='stylesheet' type='text/css'>
<style>
@charset "utf-8";
/* CSS Document */
html, body{
width:100%;
height:100%;
padding:0px;
margin:0px;
}
fieldset{
border:0px;
}
body{
top:0;
background-image: url(http://i34.servimg.com/u/f34/15/64/85/86/bg12.jpg);
background-repeat: repeat;
}
.title{
font-family: 'Courgette', cursive;
position:absolute;
top:530px;
left:50%;
width:600px;
margin-left:-300px;
height:50px;
text-align:center;
color:#3f3f3f;
font-size:16pt;
text-shadow: 0px 1px white;
}
.webbody{
position:absolute;
top:150px;
left:50%;
width:600px;
margin-left:-301px;
height:350px;
background-color:white;
border:1px solid #dadada;
z-index:950;
}
.bodyshadow{
position: absolute;
top: 501px;
left: 50%;
margin-left: -296px;
width: 592px;
height: 19px;
background-image: url(http://i34.servimg.com/u/f34/15/64/85/86/shadow10.png);
background-repeat: no-repeat;
background-position: center top;
}
.progressionwrap{
position:absolute;
top:150px;
left:50%;
width:600px;
margin-left:-300px;
height:12px;
border-bottom:1px solid #dadada;
z-index:1000;
}
.progressionbar{
position: relative;
float: left;
width: 0%;
height: 12px;
background-image: url(http://i34.servimg.com/u/f34/15/64/85/86/progre10.png);
background-repeat: repeat;
}
.progressioninfo{
position:absolute;
top:0px;
right:0px;
margin:-50px -50px 0px 0px;
height:35px;
width:100px;
padding: 8px 0px 0px 0px;
font-family: 'Droid Serif', serif;
font-size:9pt;
text-align:center;
}
.tipgreen{
background-image: url(http://i34.servimg.com/u/f34/15/64/85/86/green_10.png);
background-repeat: no-repeat;
background-position: center top;
color:#3f3f3f;
}
.tipblue{
background-image: url(http://i34.servimg.com/u/f34/15/64/85/86/blue_t10.png);
background-repeat: no-repeat;
background-position: center top;
color:white;
}
.tipred{
background-image: url(http://i34.servimg.com/u/f34/15/64/85/86/red_ti10.png);
background-repeat: no-repeat;
background-position: center top;
color:white;
}
.counterwrap{
width:100%;
float:left;
height:114px;
margin-top:37px;
}
.cgreen{
background-color:#c0da79;
border-top:2px solid #98b252;
border-bottom:2px solid #98b252;
}
.cblue{
background-color:#4ab3da;
border-top:2px solid #1f84aa;
border-bottom:2px solid #1f84aa;
}
.cred{
background-color:#da4b4a;
border-top:2px solid #ac2423;
border-bottom:2px solid #ac2423;
}
.timewraps{
width:103px;
float:left;
height:103px;
-moz-border-radius:200px;
-ms-border-radius:200px;
-o-border-radius:200px;
-webkit-border-radius:200px;
border-radius:200px;
background-color:white;
margin:5px 0px 0px 38px;
}
.timetext{
font-family: 'Droid Serif', serif;
width:100%;
float:left;
color:#757574;
font-size:10pt;
text-transform:uppercase;
text-align:center;
margin-top:15px;
}
.counter{
font-family: 'Squada One', cursive;
width:100%;
float:left;
color:#757574;
font-size:42pt;
text-align:center;
margin-top:-5px;
}
.subscribe_wrap{
width: 100%;
float: left;
height: 110px;
border-bottom: 1px solid #dadada;
background-image: url(http://i34.servimg.com/u/f34/15/64/85/86/social10.jpg);
background-repeat: repeat-x;
background-position: left top;
text-align:center;
}
.subscribe_input{
width:550px;
height:25px;
margin-top:10px;
padding:7px 10px 10px 10px;
border: 1px solid #dadada;
-moz-border-radius:8px;
-ms-border-radius:8px;
-o-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;
font-family: 'Droid Serif', serif;
color:#757574;
}
.greenbutton{
width: 200px;
padding: 5px 10px;
height: 32px;
background-image: url(http://i34.servimg.com/u/f34/15/64/85/86/green_11.png);
background-repeat: repeat-x;
background-position: left top;
border:1px solid #a7c25f;
-moz-border-radius:5px;
-ms-border-radius:5px;
-o-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
margin-top:10px;
color:#535352;
text-shadow:0px 1px #e3fc9e;
font-family: 'Droid Serif', serif;
background-color:#c9e08d;
cursor:pointer;
}
.greenbutton:hover{
background-image: none;
}
.bluebutton{
width: 200px;
padding: 5px 10px;
height: 32px;
background-image: url(http://i34.servimg.com/u/f34/15/64/85/86/blue_b10.png);
background-repeat: repeat-x;
background-position: left top;
border:1px solid #2d9dc6;
-moz-border-radius:5px;
-ms-border-radius:5px;
-o-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
margin-top:10px;
color:#4a4a4a;
text-shadow:0px 1px white;
font-family: 'Droid Serif', serif;
background-color:#73c8e6;
cursor:pointer;
}
.bluebutton:hover{
background-image: none;
}
.redbutton{
width: 200px;
padding: 5px 10px;
height: 32px;
background-image: url(http://i34.servimg.com/u/f34/15/64/85/86/red_bu10.png);
background-repeat: repeat-x;
background-position: left top;
border:1px solid #da4b4a;
-moz-border-radius:5px;
-ms-border-radius:5px;
-o-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
margin-top:10px;
color:white;
text-shadow:0px 1px #630000;
font-family: 'Droid Serif', serif;
background-color:#eb7b7a;
cursor:pointer;
}
.redbutton:hover{
background-image: none;
}
/** TWITTER SECTION **/
.twitterbody{
width: 600px;
float: left;
text-align: center;
margin-top:10px;
}
.tweet,
.query {
font-family: 'Droid Serif', serif;
color: #7a7a7a;
}
.tweet_list {
border-radius: 0.5em;
list-style: none;
margin: 0;
padding: 0;
overflow-y: hidden;
}
.tweet_list .awesome,
.tweet_list .epic {
text-transform: uppercase;
}
.tweet_list li {
text-align:center;
overflow-y: auto;
overflow-x: hidden;
padding: 0.3em;
list-style-type: none;
border:0px !important;
font-family: 'Droid Serif', serif;
font-weight:normal;
text-decoration:none;
font-size:10pt;
color:#7a7a7a;
}
.tweet_list li:first-child{
overflow-y: auto;
overflow-x: hidden;
padding: 0.3em;
list-style-type: none;
list-style-type: none;
border:0px !important;
}
.tweet_list li:last-child{
overflow-y: auto;
overflow-x: hidden;
list-style-type: none;
border-top:0px;
border-bottom:0px;
padding-top:17px;
}
.tweet_list li a {
color: #ff0202;
text-decoration:none;
}
.tweet_list li a:hover {
color: #a20303;
text-decoration:underline;
}
.tweet_list .tweet_avatar {
padding-right: .3em; float: left;
}
.tweet_list .tweet_avatar img {
vertical-align: middle;
}
/** ERROR REPORTING **/
.errors{
display:none;
width:200px;
text-align:left;
position:absolute;
top:120px;
left:50%;
margin-left:-300px;
padding:6px 12px;
background-color:#ff9d9d;
border:1px solid #e46464;
-moz-border-radius:4px;
-ms-border-radius:4px;
-o-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
color:white;
-moz-text-shadow:#8d0707;
-ms-text-shadow:#8d0707;
-o-text-shadow:#8d0707;
-webkit-text-shadow:#8d0707;
text-shadow:#8d0707;
font-family: 'Courgette', cursive;
font-size:12pt;
}
.successcontainer{
display:none;
width:270px;
text-align:left;
position:absolute;
top:124px;
left:50%;
margin-left:-300px;
padding:6px 12px;
background-color:#afce52;
border:1px solid #72ac20;
-moz-border-radius:4px;
-ms-border-radius:4px;
-o-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
color:white;
-moz-text-shadow:#297118;
-ms-text-shadow:#297118;
-o-text-shadow:#297118;
-webkit-text-shadow:#297118;
text-shadow:#297118;
font-family: 'Courgette', cursive;
font-size:9pt;
}
/** SOCIAL SECTION **/
.swrap{
position:absolute;
top:150px;
left:50%;
margin-left:-382px;
width:40px;
height:330px;
padding:10px;
}
.swrap img{
border:0px;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
}
.swrap img:hover{
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter: alpha(opacity=50);
-moz-opacity: .5;
-khtml-opacity: .5;
opacity: .5;
}
.sgreen{
border:1px solid #b0b0b0;
-moz-border-radius:3px;
-ms-border-radius:3px;
-o-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
background-color:#c0da79;
}
.sred{
border:1px solid #989898;
-moz-border-radius:3px;
-ms-border-radius:3px;
-o-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
background-color:#da4b4a;
}
.sblue{
border:1px solid #989898;
-moz-border-radius:3px;
-ms-border-radius:3px;
-o-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
background-color:#4ab3da;
}
/*** TRAMSITIONS ***/
.swrap img{
-moz-transition: height 1s ease-out, opacity .5s ease;
-webkit-transition: height 1s ease-out, opacity .5s ease;
-o-transition: height 1s ease-out, opacity .5s ease;
transition: height 1s ease-out, opacity .5s ease;
}
</style>
<style>
@charset "utf-8";
/* CSS Document */
.tools{
position:fixed;
bottom:0;
left:0;
width:100%;
background-color:black;
height:20px;
padding:10px;
}
.tools a{
padding:5px 10px;
margin-right:15px;
background-color:white;
border:1px solid #E2E2E2;
color:#333333;
-moz-border-radius:3px;
-ms-border-radius:3px;
-o-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
font-family: 'Droid Serif', serif;
font-size:10pt;
cursor:pointer;
}
.tools a:hover{
background-color:#CCCCCC;
}
.tools span{
padding:10px 30px;
color:white;
font-family: 'Droid Serif', serif;
font-size:10pt;
}
.background1{
background-image: url(http://i34.servimg.com/u/f34/15/64/85/86/bg13.jpg) !important;
background-repeat: repeat;
}
.background2{
background-image: url(http://i34.servimg.com/u/f34/15/64/85/86/bg210.png) !important;
background-repeat: repeat;
}
</style>
<!-- JAVASCRIPT SECTION -->
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script src="http://cubimtq2.forumvi.com/14311.js"></script>
<script src="http://cubimtq2.forumvi.com/13291.js"></script>
<script src="http://cubimtq2.forumvi.com/15301.js"></script>
</head>
<body class="background1"><div class="title">Trang web đang trong thời gian xây dựng.</div>
<div class="progressionwrap">
<div class="progressionbar">
<div id="tooltipchanger" class="progressioninfo tipgreen">70% Complete</div>
</div>
</div><div class="webbody">
<div id="countchanger" class="counterwrap cgreen">
<div class="timewraps">
<div class="timetext">Ngày</div>
<div class="counter" id="days">145</div>
</div>
<div class="timewraps">
<div class="timetext">Giờ</div>
<div class="counter" id="hours">22</div>
</div>
<div class="timewraps">
<div class="timetext">Phút</div>
<div class="counter" id="minutes">34</div>
</div>
<div class="timewraps">
<div class="timetext">Giây</div>
<div class="counter" id="seconds">14</div>
</div>
</div>
<div class="subscribe_wrap">
<form method="post" id="slickform" action="javascript:slickcontactparse();">
<fieldset>
<input id="email" class="subscribe_input" name="email" type="text" onfocus=" if (this.value == 'trantheanh.tq@gmail.com') {this.value = '';}" value="Gửi email tới người quản lý"/><input name="submit" id="submit" type="submit" value="Gửi" class="greenbutton">
</fieldset>
</form>
</div>
<!--Twitter Starts-->
<div class="twitterbody"></div>
<!--Twitter Ends-->
</div><div class="bodyshadow"></div>
<div id="socialchanger" class="swrap sgreen">
<a href="#"><img src="http://i34.servimg.com/u/f34/15/64/85/86/twitte11.png" alt="Join Us On Twitter"></a>
<a href="#"><img src="http://i34.servimg.com/u/f34/15/64/85/86/facebo14.png" alt="Join Us On Facebook"></a>
<a href="#"><img src="http://i34.servimg.com/u/f34/15/64/85/86/del-da10.png" alt="Join Us On Delicious"></a>
<a href="#"><img src="http://i34.servimg.com/u/f34/15/64/85/86/devian11.png" alt="Join Us On Deviant"></a>
<a href="#"><img src="http://i34.servimg.com/u/f34/15/64/85/86/forrst11.png" alt="Join Us On Forrst"></a>
<a href="#"><img src="http://i34.servimg.com/u/f34/15/64/85/86/stumbl11.png" alt="Join Us On Sumble"></a>
</div>
<!-- TOOLS --><div class="tools">
<span>Thay đổi hình nền:</span>
<a title="Hình nền 1" id="background1">Hình nền 1</a>
<a title="Hình nền 2" id="background2">Hình nền 2</a>
<span>Thay đổi màu nền:</span>
<a title="Red Theme" id="redtheme">Màu đỏ</a>
<a title="Green Theme" id="greentheme">Màu xanh lá mạ</a>
<a title="Blue Theme" id="bluetheme">Màu xanh nước biển</a>
</div>
</body>
</html>
à quên demo http://cubimtq2.forumvi.com/h1-page
Re: HTML Bả Trì đẹp <new>
handsomevip007 đã viết:màu mè đẹp đấy nhưng sao cái giây với cái mail không xài dc
anh hand fix lại cho nó hoàn chỉnh lun đi anh
Re: HTML Bả Trì đẹp <new>
Theo mình nên bỏ cái bar ở dưới, khi vào trang bảo trì có ai ở đó làm gì đâu mà đổi hình nền hay màu nền!
Re: HTML Bả Trì đẹp <new>
HTML Bảo trì mà lại ghi Bả trì, làm ngồi nghĩ mãi chả hiểu nó làm cái quái gì
Similar topics
» Trang web cung cấp html web template cho module html
» Xin html tạo bản Latest topics thành 1 trang html riêng
» giúp em cái html này với view source cho vào html của forum mà không được
» HTML đơn giản , giản dị
» [solved] tại sao bật html rồi bài viết có html vẫn vô hiệu
» Xin html tạo bản Latest topics thành 1 trang html riêng
» giúp em cái html này với view source cho vào html của forum mà không được
» HTML đơn giản , giản dị
» [solved] tại sao bật html rồi bài viết có html vẫn vô hiệu
Trang 1 trong tổng số 1 trang
Permissions in this forum:
Bạn không có quyền trả lời bài viết
|
|