Diễn đàn » Tổng hợp về Forumotion » HTML Page

Đưa Skin mới vào diễn đàn sử dụng ! Nếu quá trình sử dụng diễn đàn xảy ra lỗi, xin vui lòng liên hệ Admin để báo lỗi ! Cảm ơn !

You are not connected. Please login or register

Diễn đàn » Tổng hợp về Forumotion » HTML Page » [Chia sẻ] 1 Trang chủ dạng tin tức ( đơn giản mà đẹp )

[Chia sẻ] 1 Trang chủ dạng tin tức ( đơn giản mà đẹp )

Started by -

  • Please log in to post a topic

    • Sato

    Sato
    Sato

    Sato

    Group: Member

    Hiện đang:
    Bài viết : 263
    Points : 648
    Birthday : 17/03/1991
    Thanks : 287

    Member
    http://www.cntt-k3.biz/register?agreed=true&step=2

    Member
    Bài viết thứ :1

    Đăng vào:9/4/2012, 22:13

    Member
    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>

    #1 - Posted 9/4/2012, 22:13
    http://www.cntt-k3.biz/register?agreed=true&step=2
    Đang kiểm tra dữ liệu...

    Bạn phải điền đầy đủ thông tin đăng ký.

    Số ký tự phải từ 3 trở lên
    Hãy chọn tài khoản khác
    Có thể dùng tài khoản này
    Không sử dụng địa chỉ này
    E-mail sẽ được kiểm sau
    Số ký tự phải từ 3 trở lên
    Trùng tên đăng nhập
    Chưa đúng
    Chính xác

    Free forum | ©phpBB | Free forum support | Báo cáo lạm dụng | Thảo luận mới nhất
    YOUR BANNER HERE
    728x90