Đă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 |
[Chia sẻ] 1 Trang chủ dạng tin tức ( đơn giản mà đẹp )
+10
Tôn Ngộ Không
quantai
Mr.Win™
lxlovely
changhoangtumu
phutu01
hunghsmn
singh
nh0xl0ve.dl
chienthan12
14 posters
Trang 1 trong tổng số 1 trang
[Chia sẻ] 1 Trang chủ dạng tin tức ( đơn giản mà đẹp )
demo:
code :
- Code:
http://www.cntt-k3.biz/h47-page
code :
- 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>
Re: [Chia sẻ] 1 Trang chủ dạng tin tức ( đơn giản mà đẹp )
Đẹp lắm nhưng mà không có nguồn hã hay tự làm z
Re: [Chia sẻ] 1 Trang chủ dạng tin tức ( đơn giản mà đẹp )
có nguồn mà. chia sẻ cái này thì cần gì ghi cái đấy
Re: [Chia sẻ] 1 Trang chủ dạng tin tức ( đơn giản mà đẹp )
ĐẸP. NHƯNG LÀM SAO CHO TIN TỨC TRONG FORUM LIN KẾT RA. À TIN TỨC ĐÓ LÀ NÓ TỰ CẬP NHẬT HAY LÀ CHỈNH TAY THỦ CÔNG
Re: [Chia sẻ] 1 Trang chủ dạng tin tức ( đơn giản mà đẹp )
chienthan12 viết sẵn cho cái khung như thế này:singh đã viết:ĐẸP. NHƯNG LÀM SAO CHO TIN TỨC TRONG FORUM LIN KẾT RA. À TIN TỨC ĐÓ LÀ NÓ TỰ CẬP NHẬT HAY LÀ CHỈNH TAY THỦ CÔNG
- Code:
<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>
Trong đó chia đều 3 cột bằng nhau.
CÒn viết gì vào đó là tùy mỗi người
À mà code này không cần có thẻ tạo hàng < tr> hay sao ấy
Re: [Chia sẻ] 1 Trang chủ dạng tin tức ( đơn giản mà đẹp )
Hình như trong này thì ý của người làm là dẫn đến box trong forum thôi chứ không có Auto đâu
Re: [Chia sẻ] 1 Trang chủ dạng tin tức ( đơn giản mà đẹp )
nh0xl0ve.dl đã viết:Hình như trong này thì ý của người làm là dẫn đến box trong forum thôi chứ không có Auto đâu
ùh đúng rồi. phải tự mình cập nhật = thủ công chứ ko phải tự cập nhật đâu
Re: [Chia sẻ] 1 Trang chủ dạng tin tức ( đơn giản mà đẹp )
Nếu cái topic này mà auto thì FM sẽ loạn đấy
Re: [Chia sẻ] 1 Trang chủ dạng tin tức ( đơn giản mà đẹp )
tự cập nhật cũng không phải là khó , mà nó chỉ gây load hơi chậm tý thôi ,như thế thì không thuận lợi cho việc đọc tin
1 demo nhỏ
1 demo nhỏ
- Code:
http://phutu.7forum.net/h72-page
Re: [Chia sẻ] 1 Trang chủ dạng tin tức ( đơn giản mà đẹp )
thanks nhiu lam
changhoangtumu- CPMember
- Ngày đăng ký : 05/08/2010
Số bài : 11
CPP : 19
Châm ngôn sống : Chỉ Thành công không được thất bại. sống theo cá nhân
Re: [Chia sẻ] 1 Trang chủ dạng tin tức ( đơn giản mà đẹp )
hihi ... vote nhiệt tình ...!! anh chủ thớt có thể cho em cái css với cái javascript được ko anh. em tính dùng lâu dì nên sợ bị die thanks anh
Re: [Chia sẻ] 1 Trang chủ dạng tin tức ( đơn giản mà đẹp )
quantai đã viết:hihi ... vote nhiệt tình ...!! anh chủ thớt có thể cho em cái css với cái javascript được ko anh. em tính dùng lâu dì nên sợ bị die thanks anh
yên tâm đi ko die đâu
mà các đoạn javascript thì cậu có thể thay được mà ví dụ như : http://darkscript.openphpbb.com/h9 . thêm chữ -page vào rồi copy đoạn đó về là của mình là được
Re: [Chia sẻ] 1 Trang chủ dạng tin tức ( đơn giản mà đẹp )
phutu01 đã viết:tự cập nhật cũng không phải là khó , mà nó chỉ gây load hơi chậm tý thôi ,như thế thì không thuận lợi cho việc đọc tin
1 demo nhỏ
- Code:
http://phutu.7forum.net/h72-page
hay đó phutu.có thể share cách làm được k?
Re: [Chia sẻ] 1 Trang chủ dạng tin tức ( đơn giản mà đẹp )
Tin tức ư! Khuyên các bạn nên dùng blogspot
Ưu điểm: gọn, nhẹ, dễ làm, lấy tin từ diễn đàn, kể cả của diễn đàn khác....
Ví du cụ thể nhất là đó!
Ưu điểm: gọn, nhẹ, dễ làm, lấy tin từ diễn đàn, kể cả của diễn đàn khác....
Ví du cụ thể nhất là đó!
Re: [Chia sẻ] 1 Trang chủ dạng tin tức ( đơn giản mà đẹp )
bạn chienthan12 share thì ghi nguồn vào nha.
nguồn
nguồn
- Code:
fg-coding.net
Re: [Chia sẻ] 1 Trang chủ dạng tin tức ( đơn giản mà đẹp )
Khá đẹp!! Cái này có thể dow một số template free về sủa dc
Re: [Chia sẻ] 1 Trang chủ dạng tin tức ( đơn giản mà đẹp )
ùh có thể nhờ pro làm cái tin tức tự cập nhật dc màb59.hnue đã viết:Khá đẹp!! Cái này có thể dow một số template free về sủa dc
Re: [Chia sẻ] 1 Trang chủ dạng tin tức ( đơn giản mà đẹp )
- Code:
http://darkscript.openphpbb.com/h8
Re: [Chia sẻ] 1 Trang chủ dạng tin tức ( đơn giản mà đẹp )
Nó là HTML của FM được dùng để lưu jshelp me đã viết:mấy cái này là sao vạy ?
- Code:
http://darkscript.openphpbb.com/h8
Similar topics
» Chia sẽ trang chủ cho ngày lễ tình nhân...New
» chia sẻ trang index mình đang xài nè các bạn......trang load tạm ổn ^^
» [Chia sẻ trang chủ] Trang chủ trung thu teen...=))
» [Chia sẻ] Trang chủ valentine,Hướng dẫn cài trang chủ vbb cho fm
» [Chia sẻ] Trang Chủ Nền Đen
» chia sẻ trang index mình đang xài nè các bạn......trang load tạm ổn ^^
» [Chia sẻ trang chủ] Trang chủ trung thu teen...=))
» [Chia sẻ] Trang chủ valentine,Hướng dẫn cài trang chủ vbb cho fm
» [Chia sẻ] Trang Chủ Nền Đen
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
|
|