本文目录一览:
- 1、求一个简单的个人网页html模板
- 2、织梦瀑布体延时加载该怎么做呢?
- 3、求帮这段dedecms主页调用栏目页的代码改成可以显示3列,每列10行,一共可以调用30篇文章的代码?
- 4、织梦模板大全:求各种类型的织梦模板下载网站
求一个简单的个人网页html模板
这种模板很多的,百度打开一个网页右键源代码就能找到了。
html xmlns=""headmeta http-equiv="Content-Type" content="text/html; charset=gb2312"
meta name="viewport" id="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1"
meta name="apple-mobile-web-app-capable" content="yes"
meta name="apple-mobile-web-app-status-bar-style" content="black"
link href="{dede:global.cfg_templets_skin/}/images/apple-touch-icon-57.png" sizes="57x57" rel="apple-touch-icon"
link href="{dede:global.cfg_templets_skin/}/images/apple-touch-icon-72.png" sizes="72x72" rel="apple-touch-icon"
link href="{dede:global.cfg_templets_skin/}/images/apple-touch-icon-114.png" sizes="114x114" rel="apple-touch-icon"
title{dede:global.cfg_webname/}/title
meta name="keywords" content="{dede:global.cfg_keywords/}"
meta name="description" content="{dede:global.cfg_description/}"
link href="{dede:global.cfg_templets_skin/}/style/style.css" rel="stylesheet" type="text/css"
script type="text/javascript" src="{dede:global.cfg_templets_skin/}/style/jquery-1.9.1.js"/script
script type="text/javascript" src="{dede:global.cfg_templets_skin/}/style/theme_trust.js"/script
style type="text/css"
html,
body {
margin: 0;
padding: 0;
}
.iw_poi_title {
color: #CC5522;
font-size: 14px;
font-weight: bold;
overflow: hidden;
padding-right: 13px;
white-space: nowrap
}
.iw_poi_content {
font: 12px arial, sans-serif;
overflow: visible;
padding-top: 4px;
white-space: -moz-pre-wrap;
word-wrap: break-word
}
/style
script type="text/javascript" src="{dede:global.cfg_templets_skin/}/main.js"/script
script
jQuery(document).ready(function() {
jQuery('#openSidebar').click(function() {
jQuery('.wrapper').toggleClass('openNav');
});
jQuery('#menu a').click(function() {
jQuery('.wrapper').removeClass('openNav');
});
});
/script
script type="text/javascript" src="{dede:global.cfg_templets_skin/}/api"/scriptscript type="text/javascript" src="{dede:global.cfg_templets_skin/}/getscript"/scriptlink rel="stylesheet" type="text/css" href="{dede:global.cfg_templets_skin/}/bmap.css"
style type="text/css"
html,
body,
wrapper {
height: 100%;
}
/style
/head
body
div class="wrapper"
div class="sidebar"
div class="clearfix k1120"
div class="navBox" id="openSidebar"
a href="javascript:void(0)" class="navOpen"/a
/div
div id="menu"
ul class="clearfix"
lia href="#home" class="nav_home current"span首页br /bHome/b/span/a
/li
lia href="#services" class="nav_services"span服务范围br /bServices/b/span/a
/li
lia href="#case" class="nav_case"span案例展示br /bCase/b/span/a
/li
lia href="#about" class="nav_about"span关于我们br /bAbout us/b/span/a
/li
lia href="#news" class="nav_news"span新闻动态br /bNews/b/span/a
/li
lia href="#contact" class="nav_contact"span联系我们br /bContact us/b/span/a
/li
/ul
/div
/div
/div
div class="pageMain"
div id="header"
div class="k1120 clearfix"a href="{dede:global.cfg_basehost/}" id="logo"logo/a
/div
/div
div id="home" class="scrol-page"
div class="banner"
div class="b_1" style="background-position: 50% 0px;"
div class="k1120 clearfix"
div class="b_pic"
div class="mac" style="margin-top: 0px; opacity: 1;"img src="{dede:global.cfg_templets_skin/}/images/mac.png"
/div
div class="iphone" style="margin-top: 0px; opacity: 1;"img src="{dede:global.cfg_templets_skin/}/images/iphone.png"
/div
div class="ipad" style="margin-top: 0px; opacity: 1;"img src="{dede:global.cfg_templets_skin/}/images/ipad.png"
/div
/div
div class="b_text" style="margin-top: 0px; opacity: 1;"
{dede:global.cfg_ggg/}
/div
/div
/div
/div
div class="banner"
织梦瀑布体延时加载该怎么做呢?
瀑布流属于前端的,css、js上面,而非dedecms程序参考以下的模板,看看他们怎么做的:清新风格图片瀑布流 DedeCMS仿IPC.ME博客模板: 瀑布流图片Zblog2.0主题iPhoto: 查看原帖
麻烦采纳,谢谢!
求帮这段dedecms主页调用栏目页的代码改成可以显示3列,每列10行,一共可以调用30篇文章的代码?
需要重新架构,只根据您的样式ID写是无法写的。需要考虑到兼容性。
下面提供一段全新的符合您要求的代码和CSS,供您参考学习。
div class="list"
ul class="tnews"
a class="title" title="公司新闻" href="/news/news/"span class="t1"公司新闻/spanspan class="t2"NEWS/span/a
lia title="织梦DEDEcms文章散文模板" href="/news/news/18.html"span style="float:right; padding-left:2px;"01-07/span织梦DEDEcms文章散文模板/a/li
lia title="轻博客织梦博客模板/文章资讯模" href="/news/news/17.html"span style="float:right; padding-left:2px;"01-07/span轻博客织梦博客模板/文章资讯模/a/li
lia title="dede织梦商城模板(服装商城)" href="/news/news/16.html"span style="float:right; padding-left:2px;"01-07/spandede织梦商城模板(服装商城)/a/li
lia title="安防安防门的安装要求和使用说明" href="/news/news/7.html"span style="float:right; padding-left:2px;"07-25/span安防安防门的安装要求和使用说明/a/li
lia title="将相金属带您解析安防安防门的分" href="/news/news/6.html"span style="float:right; padding-left:2px;"07-25/span将相金属带您解析安防安防门的分/a/li
lia title="将相安防安防门一般在什么地方设" href="/news/news/5.html"span style="float:right; padding-left:2px;"07-25/span将相安防安防门一般在什么地方设/a/li
/ul
ul class="tnews"
a class="title" title="行业动态" href="/news/hot/"span class="t1"行业动态/spanspan class="t2"INFORMATION/span/a
lia title="安防监控选购有章可循" href="/news/hot/27.html"span style="float:right; padding-left:2px;"01-07/span安防监控选购有章可循/a/li
lia title="人气明星职业妆容画法" href="/news/hot/20.html"span style="float:right; padding-left:2px;"01-07/span人气明星职业妆容画法/a/li
lia title="打造21世纪社会急需高端人才" href="/news/hot/19.html"span style="float:right; padding-left:2px;"01-07/span打造21世纪社会急需高端人才/a/li
lia title="安防安防门的样式还需提高" href="/news/hot/10.html"span style="float:right; padding-left:2px;"07-25/span安防安防门的样式还需提高/a/li
lia title="安防安防门的种类及安装位置介绍" href="/news/hot/9.html"span style="float:right; padding-left:2px;"07-25/span安防安防门的种类及安装位置介绍/a/li
lia title="安防门的产品种类和分类" href="/news/hot/8.html"span style="float:right; padding-left:2px;"07-25/span安防门的产品种类和分类/a/li
/ul
ul class="tnews"
a class="title" title="常见问题" href="/faq/"span class="t1"常见问题/spanspan class="t2"FAQ/span/a
lia title="各类监控怎么洗涤才好?" href="/faq/2014/0107/26.html"span style="float:right; padding-left:2px;"01-07/span各类监控怎么洗涤才好?/a/li
lia title="安防监控的安装注意啥?" href="/faq/2014/0107/25.html"span style="float:right; padding-left:2px;"01-07/span安防监控的安装注意啥?/a/li
lia title="安防监控的风格怎么搭?" href="/faq/2014/0107/24.html"span style="float:right; padding-left:2px;"01-07/span安防监控的风格怎么搭?/a/li
lia title="监控清洗让爱家在焕然一新" href="/faq/2014/0107/23.html"span style="float:right; padding-left:2px;"01-07/span监控清洗让爱家在焕然一新/a/li
lia title="合肥中科大先进技术研究院综合主" href="/faq/2014/0107/22.html"span style="float:right; padding-left:2px;"01-07/span合肥中科大先进技术研究院综合主/a/li
lia title="政府采购中心“监控”招标公告" href="/faq/2014/0107/21.html"span style="float:right; padding-left:2px;"01-07/span政府采购中心“监控”招标公告/a/li
/ul
/div
/*common tail css*/
.list{ margin:0 auto;}
.list ul{ float:left; width:275px; display:block; color:#7B7474;}
.list ul .title{ width:250px; height: 33px; display:block; background-color:#D0D0D0; margin:32px 0 5px; color:#666666}
.list ul .title:hover{ text-decoration:none; background-color:#54C0F0; color:#FFF;}
.list ul .title .t1{ line-height:32px; font-size:14px; font-weight:bold; padding-left:10px;}
.list ul .title .t2{ line-height:28px; font-size:10px; font-weight:bold; padding:4px 0 0 5px;}
.list ul li{ width:245px; height:30px; display:block; line-height:30px; padding-left:5px; font-size:13px; overflow:hidden}
织梦模板大全:求各种类型的织梦模板下载网站
去下载织梦模板的网站,比如
‘织梦模板之家’
都是可以免费下载的,而且种类齐全,什么类型的都有