Bài gửi
Tiền
ThanksChimSeDiMua
Trang chủ dạng tin tức (đẹp)
on 15/05/2012ChimSeDiMua
loading...
Demo:
- Code:
http://www.cntt-k3.biz/h47-page
- Code:
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<head>
<link rel="stylesheet" href="http://darkscript.openphpbb.com/h7-" type="text/css" media="screen" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
<script src="http://darkscript.openphpbb.com/h8-" type="text/javascript"></script>
<script src="http://darkscript.openphpbb.com/h9-" type="text/javascript"></script>
<script src="http://darkscript.openphpbb.com/h10-" type="text/javascript"></script>
<style>
body{
background: url(http://i76.servimg.com/u/f76/11/96/49/61/bodybg10.png);}
body, body table{
color: #2e2e2e;
font-size: 12px;
font-family: Verdana, Arial, Helvetica, sans-serif;}
a{
color: #154e94;
text-decoration: none;}
a:hover{color: #0f3b70;}
img{border: 0;}
h1, h2, h3{
text-shadow: 0 2px 5px white;
color: #1b61b8;
font-family: arial !important;
font-weight: bold;
font-style: italic;}
#container h1, #container h2, #container h3 {
margin: 0;}
ul{margin: 0;}
#article-body{margin-bottom: 10px;}
#article-title{text-shadow: 0 2px 5px lightgrey;}
#article-head{
position: relative;
top: -20px;
margin-top: -10px;
margin-left: 45px;}
#date span{
position: relative;
right: 2px;}
#date{
text-align: center;
display: inline-block;
margin-bottom: -40px;
margin-left: -9px;
text-shadow: 1px 1px 2px #075277;
padding-top: 12px;
padding-right: 10px;
color: white;
font-family: arial;
font-style: italic;
font-weight: bold;
width: 47px;
height: 76px;
background: url(http://i76.servimg.com/u/f76/11/96/49/61/date210.png) no-repeat;
line-height: 1;}
#date #day{
font-size: 20px;}
#date #month{font-size: 18px;}
#date #year{font-size: 12px;}
#author{
margin-top: -2px;
font-size: 11px;
font-style: italic;}
#read{float: right;}
#main-content{
margin-top: 10px;
margin-bottom: 30px;}
#page-body{
width: 918px;
text-align: left;}
#search-input{
font-weight: bold;
color: white;
text-shadow: 1px 1px 1px grey;
padding: 0 10px;
width: 184px;
height: 36px;
background: url(http://i76.servimg.com/u/f76/11/96/49/61/search10.png) no-repeat;
border: none;}
#search-button{
margin-left: 5px;
cursor: pointer;
width: 42px;
height: 38px;
background: url(http://i76.servimg.com/u/f76/11/96/49/61/search12.png) no-repeat;
border: none;}
#social_icons a{margin-right: 5px;}
#menu{
width: 918px;
height: 56px;
background: url(http://i76.servimg.com/u/f76/11/96/49/61/menubg11.png) no-repeat center;}
#menu ul{padding-top: 13px;}
#menu ul li{
padding: 0 10px 13px 10px;
margin-right: 10px;
display: inline;}
#menu ul li:hover{
background: url(http://i76.servimg.com/u/f76/11/96/49/61/hover11.png) no-repeat bottom center;}
#menu ul li a{
text-shadow: 1px 1px 5px black;
color: white;
font-family: arial !important;
font-weight: bold;
font-style: italic;
font-size: 18px;}
#content-head{
background: url(http://i76.servimg.com/u/f76/11/96/49/61/conten10.png) no-repeat;
height: 20px;
width: 718px;}
#content-body{
background: url(http://i76.servimg.com/u/f76/11/96/49/61/conten12.png) repeat-y;
width: 718px;}
#main{padding: 0 20px 10px 20px;}
#content-foot{
background: url(http://i76.servimg.com/u/f76/11/96/49/61/conten11.png) no-repeat;
height: 20px;
width: 718px;}
#widget-row{padding-top: 25px;}
#widget{margin-left: -9px;}
#widget-head{
background: url(http://i76.servimg.com/u/f76/11/96/49/61/widget11.png) no-repeat;
height: 20px;
width: 209px;}
#widget-body{
background: url(http://i76.servimg.com/u/f76/11/96/49/61/widget12.png) repeat-y;
width: 209px;}
#wmain{padding: 0 10px;}
#widget-foot{
background: url(http://i76.servimg.com/u/f76/11/96/49/61/widget13.png) no-repeat;
height: 20px;
width: 209px;}
#widget-title{
padding-top: 20px;
padding-bottom: 5px;
text-shadow: 0 2px 5px lightgrey;
margin-top: 0;}
#links-list {
padding: 0 !important;
padding-left: 5px;
width: 180px;
list-style-type: none !important;}
#links-list li{
padding: 5px;
border-bottom: 1px solid #a0a0a0;
border-top: 1px solid #d8d8d8;}
#links-list li:first-child{border-top: 0;}
#links-list li:last-child{border-bottom: 0;}
#footer{margin-top: 30px;}
#footer-table{margin-bottom: 20px;}
#footer-table td{
text-shadow: 1px 1px 0 white;
padding: 0 10px;
border-right: 1px solid #1b61b8;
border-left: 1px solid white;}
#footer-table td:first-child{border-left: 0;}
#footer-table td:last-child{border-right: 0;}
#footer-links{
margin-top: 20px;
margin-left: 10px;}
#footer-links a{margin-right: 10px;}
#copyright{
margin-right: 20px;
float: right;}
#site-info{
margin-right: 10px;
font-weight: bold;
text-shadow: 0px 1px 1px white;
padding: 4px;
background: #1b61b8;
border: 2px solid white;
-webkit-background-clip: padding-box;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;}
#site-info-content{
border: 1px solid white;
padding: 5px;
background: #f0f0f0;}
#desc{margin-top: 15px;}
#slider-wrapper {
float: right;
width:620px;
padding: 4px;
background: #1b61b8;
border: 2px solid white;
-webkit-background-clip: padding-box;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;}
#slider {
border: 1px solid #68adf4;
position:relative;
width:618px;
height: 180px;
background:url(http://i76.servimg.com/u/f76/11/96/49/61/loadin10.gif) no-repeat 50% 50%;}
#slider img {
height: 180px;
width: 618px;
position:absolute;
top:0px;
left:0px;
display:none;}
#slider a {
border:0;
display:block;}
.nivo-controlNav {
position:absolute;
left:260px;
bottom:-35px;}
.nivo-controlNav a {
display:block;
width:22px;
height:22px;
background:url(http://i76.servimg.com/u/f76/11/96/49/61/bullet13.png) no-repeat;
text-indent:-9999px;
border:0;
margin-right:3px;
float:left;}
.nivo-controlNav a.active {
background-position:0 -22px;}
.nivo-directionNav a {
display:block;
width: 40px;
height: 40px;
background:url(http://i76.servimg.com/u/f76/11/96/49/61/arrows10.png) no-repeat;
text-indent:-9999px;
border:0;}
a.nivo-nextNav {
background-position:-40px 0;
right:15px;}
a.nivo-prevNav {
left:15px;}
.nivo-caption {
text-shadow:none;
font-family: Helvetica, Arial, sans-serif;}
.nivo-caption a {
color:#efe9d1;
text-decoration:underline;}
</style>
</head><div id="main-content" align="center"> <div id="page-body">
<table width="918px">
<td>
<a href="#"> <img src="http://i76.servimg.com/u/f76/11/96/49/61/logo210.png" title="" alt=""> </a>
</td>
<td align="right">
<form method="get" action="/search" id="search"><input id="search-input" type="text" name="search_keywords" maxlength="128" class="inputbox search" value="Cautare..." onclick="if (this.value == 'Cautare...') this.value = '';" onblur="if (this.value == '') this.value = 'Cautare...';"><input id="search-button" type="submit" value=" "></form>
<div id="social_icons">
<a href="#"> <img src="http://i76.servimg.com/u/f76/11/96/49/61/fb10.png" title="Follow us on Facebook" alt="Follow us on Facebook"> </a>
<a href="#"> <img src="http://i76.servimg.com/u/f76/11/96/49/61/twitte10.png" title="Follow us on Twitter" alt="Follow us on Twitter"> </a>
<a href="#"> <img src="http://i76.servimg.com/u/f76/11/96/49/61/myspac10.png" title="Follow us on Mysapce" alt="Follow us on Myspace"> </a>
<a href="#"> <img src="http://i76.servimg.com/u/f76/11/96/49/61/digg10.png" title="Follow us on Digg" alt="Follow us on Digg"> </a>
<a href="#"> <img src="http://i76.servimg.com/u/f76/11/96/49/61/in10.png" title="Follow us on Linkedin" alt="Follow us on Linkedin"> </a>
<a href="#"> <img src="http://i76.servimg.com/u/f76/11/96/49/61/delici10.png" title="Follow us on Delicious" alt="Follow us on Delicious"> </a>
<a href="#"> <img src="http://i76.servimg.com/u/f76/11/96/49/61/stumbl10.png" title="Follow us on Stumbleupon" alt="Follow us on Stumbleupon"> </a>
<a href="#"> <img src="http://i76.servimg.com/u/f76/11/96/49/61/rssfee10.png" title="RSS Feed" alt="RSS Feed"> </a>
</div>
</td> </table><div id="menu">
<ul>
<li> <a href="http://www.cntt-k3.biz">Trang chủ</a> </li>
<li> <a href="http://www.cntt-k3.biz/forum">Forum</a> </li>
<li> <a href="#">Đăng ký</a> </li>
<li> <a href="#">Liên hệ</a> </li>
</ul>
</div>
<table width="100%" id="desc">
<td><div id="site-info"><div id="site-info-content">
Chào Mừng Các Bạn Đến Với Information Technology - K3
Diễn đàn là một nơi giao lưu học hỏi, trao đổi giữa mọi người với nhau, nhất là đối sinh viên lớp đh tin-k3
Liên lạc với nhau để chia sẻ thông tin và mọi điều về cntt là điều rất tốt
Và tôi mong mọi người cùng nhau tham gia và giúp forum phát triển
Xin chân thành cảm ơn các ban
</div> </div>
</td>
<td><div id="slider-wrapper"><div id="slider" class="nivoSlider">
<img src="http://i76.servimg.com/u/f76/11/96/49/61/hill10.png" alt="" title="Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." />
<a href="#"><img src="http://i76.servimg.com/u/f76/11/96/49/61/ghitar10.png" alt="" title="Nunc fermentum lorem est. Aliquam ligula risus, lobortis ac mollis et, ullamcorper vel justo. " /></a>
<img src="http://i76.servimg.com/u/f76/11/96/49/61/walle10.jpg" alt="" title="Praesent ultrices neque dolor. Nulla molestie lectus ac dui tristique ullamcorper." />
<img src="http://i76.servimg.com/u/f76/11/96/49/61/sky10.jpg" alt="" title="#htmlcaption" />
</div><div id="htmlcaption" class="nivo-html-caption">
<strong>Acesta</strong> este un exemplu de descriere cu <em>HTML</em>. <a href="#">Link...</a>.
</div>
</div>
</td>
</table>
<br><br><br>
<table id="container" cellspacing="0" cellpadding="0">
<td><div id="content-head"></div>
<div id="content-body"> <div id="main">
<h1>Cập nhật...</h1>
123456
<br> <br> <br>
<div id="article-body"><div id="date">
<span id="day">10</span> <br>
<span id="month">05</span> <br>
<span id="year">2010</span> <br>
</div><div id="article-head">
<a href="http://www.cntt-k3.biz/f45-forum"> <h2 id="article-title"> Thủ thuật - Phần mềm </h2> </a>
<p id="author">Scris de Admin</p>
</div>
Nơi Tổng hợp những thủ thuật hay và những phần mềm cần thiết cho máy tính của bạn
<br>
<br>
<br>
<br><br><br><br><br>
<a href="http://www.cntt-k3.biz/f45-forum" id="read"> <p> Xem tiếp... </p> </a>
</div>
<div id="article-body"><div id="date">
<span id="day">10</span> <br>
<span id="month">05</span> <br>
<span id="year">2010</span> <br>
</div><div id="article-head">
<a href="#"> <h2 id="article-title"> Ebook </h2> </a>
<p id="author">Scris de Admin</p>
</div>
Những bộ sách cần thiết cho công nghệ thông tin
<br><br><br><br><br><br><br>
<a href="#" id="read"> <p> Xem tiếp... </p> </a>
</div>
</div> </div>
<div id="content-foot"></div>
</td>
<td valign="top" id="widget-row"><div id="widget"><div id="widget-head"></div><div id="widget-body"><div id="wmain">
<h2 id="widget-title">Top Phần Mềm...</h2>
<ul id="links-list">
<li> <a href="http://www.cntt-k3.biz/t576-topic"> 1 click là có USB Ghost </a> </li>
<li> <a href="http://www.cntt-k3.biz/t151-topic"> Link </a> </li>
<li> <a href="#">Link </a> </li>
<li> <a href="#"> Link </a> </li>
<li> <a href="#"> Link </a> </li>
</ul>
<h2 id="widget-title">Cập Nhật...</h2>
..............................
...
<h2 id="widget-title">Cập nhật...</h2>
.........................
...
</div>
</div><div id="widget-foot"></div>
</div>
</td> </table>
<img style="margin-top: 20px;" src="http://i76.servimg.com/u/f76/11/96/49/61/separa12.png">
<div id="footer">
<table id="footer-table" width="918px" cellspacing="0" cellpadding="0">
<td width="33,3%">
<h2> Chú ý 1</h2>
.........
</td>
<td width="33,3%">
<h2> Chú ý 2</h2>
.........
</td>
<td width="33,3%">
<h2> Chúy 3</h2>
..........
</td>
</table>
</div><div id="footer-links">
<a href="#">Trang chủ</a>
<a href="#">Forum</a>
<a href="#">Đăng kí</a>
<a href="#">Đăng nhập</a>
<span id="copyright">
Copyright © 2011 <a href="#"> Nume site </a><div align="right" style="margin-top: 3px;"> Design oferit de <a href="http://www.cntt-k3.biz/f11-forum" target="blank">Cntt-k3</a> </div>
</span>
</div>
</div> </div>
Cntt-k3
No Comment.