1
Trang chủ dạng tin tức ( đơn giản mà đẹp ) Fri Jun 22, 2012 7:01 pm
Admin
Admin
Bài viết : 3191
Xu : 9210
Thanks : 8
Age : 34Đến từ : Thanh Hóa
Tài Sản:
.:
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>
