网站博客网页自动满屏模块html代码集成 系统构件设置

网站博客网页自动满屏模块html代码集成 系统构件设置

自动换行

<!-- 未知标题外 由此开始 --><div style="text-align:left;color:Red"><font size="2"><b>未知标题外 </b></font></div><!-- 未知标题外 到此为止 --><div style="background-color: #00BB77; background-image: url(); border: 8px solid #aaa; padding: 8px; width: 400px; height:300px; margin: 0px auto; overflow: auto;"> <div style="text-align:left; position:relative;"> <!-- 未知标题内 由此开始 --><div style="text-align:left;color:Blue"><font size="2"><b>未知标题内 </b></font></div><!-- 未知标题内 到此为止 --><marquee direction="up" width="280" onmouseover="stop()" scrollamount="2" onmouseout="start()" height="1000" bgcolor="#FFCCFF"><a href="http://9host.blogspot.com" target="_blank"><img border="0" src="http://lh3.ggpht.com/_Tt18y7wW-yY/SYgyMwhrfbI/AAAAAAAABgo/TycLAWYKZR4/s144/df%E5%8F%8D%E5%AF%B9%E5%B9%BF%E6%B3%9B%E7%9A%84.JPG"/></a><br/><br/><a href="http://twitter.com/mooncc" target="_blank"><img border="0" src="http://assets1.twitter.com/images/twitter_logo_125x29.gif"/></a><br/><br/><a href="http://wap.feedsky.com/9host" target="_blank"><img border="0" src="http://img.feedsky.com/images/icon_sub_mobile_c1s2.gif"/></a><br/><br/><a href="友情连接地址4" target="_blank"><img border="0" src="友情连接图片4"/></a><br/><br/><a href="友情连接地址5" target="_blank"><img border="0" src="友情连接图片5"/></a> <br/>* 低俗资讯站 <br/> nba直播IT手机新闻,性爱技巧视频 <br/> [<a href="http://wap.feedsky.com/~f?u=9host&b=feedsky&l=1">1:宣判Windows死亡 Linux终将胜利</a>]<br/> [<a href="http://wap.feedsky.com/~f?u=9host&b=feedsky&l=2">2:uTorrent 1.8.3 Build 14984 Beta</a>]<br/> [<a href="http://wap.feedsky.com/~f?u=9host&b=feedsky&l=3">3:Google Chrome 2.0.172.2 已发布</a>]<br/> [<a href="http://wap.feedsky.com/~f?u=9host&b=feedsky&l=4">4:谷歌高管称语音搜索是公司核心业务</a>]<br/> [<a href="http://wap.feedsky.com/~f?u=9host&b=feedsky&l=5">5:意大利公司推出99欧元上网机</a>]<br/> [<a href="http://wap.feedsky.com/~f?u=9host&b=feedsky&l=6">6:三星Instinct S30真机图像</a>]<br/> [<a href="http://wap.feedsky.com/~f?u=9host&b=feedsky&l=7">7:中国蓝光高清CBHD产业化提速</a>]<br/> [<a href="http://wap.feedsky.com/~f?u=9host&b=feedsky&l=8">8:Twitter不满谷歌收购报价 10亿美元也不卖</a>]<br/> [<a href="http://wap.feedsky.com/~f?u=9host&b=feedsky&l=9">9:LibFetion WM第三版发布 支持Smartphone</a>]<br/> [<a href="http://wap.feedsky.com/~f?u=9host&b=feedsky&l=10">10:(09.04.03)官方简体中文版 Windows 7 Ultimate x64 build 7068[BT]</a>]<br/> (1/2) <br/> [<a href="http://wap.feedsky.com/~f?u=9host&b=feedsky&p=2" title="下一页">下一页</a>]<br/> [<a href="http://wap.feedsky.com/?i=2" title="精品推荐">精品推荐</a>]<br/> [<a href="http://wap.feedsky.com/?i=3" title="热点推荐">热点推荐</a>]<br/> [<a href="http://wap.feedsky.com/" title="返回首页">返回首页</a>] <br/>* </marquee> <!-- 未知标题内下 由此开始 --><div style="text-align:left;color:Blue"><font size="2"><b>未知标题内下 </b> </font></div><!-- 未知标题内下 到此为止 --></div> </div> <!-- 未知标题外下 由此开始 --><div style="text-align:left;color:Red"><font size="2"><b>未知标题外下:如</b><a href="http://qqggqqmm.blogspot.com" target="_blank">点击通知首页、内页交换链接</a></font></div><!-- 未知标题外下 到此为止 --> <!-- 网页自动满屏实现试验2 到此为止 --> <div id="divTest" style="width:310px;height:100%;position:absolute;"> <table border="4pt" style="WIDTH: 300px;height:100%; border-color: red"><tbody><tr><td valign="TOP" bgcolor="White"> …… 首先我们定义body和顶部第一行#header，这里面的关键是body中的text-align:center;和header中的margin-right: auto;margin-left: auto;，通过这两句使得header居中。注：其实定义text-align:center;就已经在IE中实现居中，但在mozilla中无效，需要设置margin:auto;才可以实现mozilla中的居中。 接下来定义中间的两列#right和#left。为了使中间两列也居中，我们在它们外面嵌套一个层#contain，并对contain设置margin:auto;，这样#right和#left就自然居中了。 注意中间两列定义的顺序，我们首先定义#right，通过float: right;让它浮在#contain层的最右边。然后再定义#left，通过float: left;让它浮动在#right层的左面。这和我们以前表格从左到右定义的顺序正好相反(更正：先左后右、还是先右后左都可以实现，根据自己需要设计)。 我们看到代码中在#contain和两列之间还嵌套了一个层#mainbg，这个层是做什么用的呢？这个层就是用来定义#contain的背景的。你肯定会问，为什么不直接在#contain中定义背景，而要多套一层呢？那是因为在#contain中直接定义的背景，在mozilla中将显示不出来，必须定义高度值才可以。如果定义了高度值，#right层就无法实现根据内容的自动伸缩。为了解决背景和高度问题，就必须增加这么一个#mainbg层。窍门在于#mainbh这个层定义float: left;，因为float使层自动有宽和高的属性。(暂且这么理解：) 最后是定义底部的#footer层。这个定义的关键是：clear:both;，这一句话的作用是取消#footer层的浮动继承。否则的话，你会看到#footer紧贴着#header显示，而不是在#right的下面。 主要的层定义完毕，这个布局就ok了。补充一点：你看到我还定义了一个.text{margin:0px;padding:20px;}，这个class的作用是使内容的外围有20px的空白。为什么不直接在#right里定义margin或者padding呢，因为mozilla和IE对css盒模型的解释不一致，直接定义margin/padding会造成mozilla里布局变形。我一般采用内部再套一层的做法来解决。 …… </td></tr></tbody></table> </div> <!-- 网页自动满屏实现试验2 到此为止 -->

未知标题外

未知标题内

* 低俗资讯站
nba直播IT手机新闻,性爱技巧视频
[1:宣判Windows死亡 Linux终将胜利]
[2:uTorrent 1.8.3 Build 14984 Beta]
[3:Google Chrome 2.0.172.2 已发布]
[4:谷歌高管称语音搜索是公司核心业务]
[5:意大利公司推出99欧元上网机]
[6:三星Instinct S30真机图像]
[7:中国蓝光高清CBHD产业化提速]
[8:Twitter不满谷歌收购报价 10亿美元也不卖]
[9:LibFetion WM第三版发布 支持Smartphone]
[10:(09.04.03)官方简体中文版 Windows 7 Ultimate x64 build 7068[BT]]
(1/2)
[下一页]
[精品推荐]
[热点推荐]
[返回首页]
*

未知标题内下

未知标题外下:如点击通知首页、内页交换链接

…… 首先我们定义body和顶部第一行#header，这里面的关键是body中的text-align:center;和header中的margin-right: auto;margin-left: auto;，通过这两句使得header居中。注：其实定义text-align:center;就已经在IE中实现居中，但在mozilla中无效，需要设置margin:auto;才可以实现mozilla中的居中。 接下来定义中间的两列#right和#left。为了使中间两列也居中，我们在它们外面嵌套一个层#contain，并对contain设置margin:auto;，这样#right和#left就自然居中了。 注意中间两列定义的顺序，我们首先定义#right，通过float: right;让它浮在#contain层的最右边。然后再定义#left，通过float: left;让它浮动在#right层的左面。这和我们以前表格从左到右定义的顺序正好相反(更正：先左后右、还是先右后左都可以实现，根据自己需要设计)。 我们看到代码中在#contain和两列之间还嵌套了一个层#mainbg，这个层是做什么用的呢？这个层就是用来定义#contain的背景的。你肯定会问，为什么不直接在#contain中定义背景，而要多套一层呢？那是因为在#contain中直接定义的背景，在mozilla中将显示不出来，必须定义高度值才可以。如果定义了高度值，#right层就无法实现根据内容的自动伸缩。为了解决背景和高度问题，就必须增加这么一个#mainbg层。窍门在于#mainbh这个层定义float: left;，因为float使层自动有宽和高的属性。(暂且这么理解：) 最后是定义底部的#footer层。这个定义的关键是：clear:both;，这一句话的作用是取消#footer层的浮动继承。否则的话，你会看到#footer紧贴着#header显示，而不是在#right的下面。 主要的层定义完毕，这个布局就ok了。补充一点：你看到我还定义了一个.text{margin:0px;padding:20px;}，这个class的作用是使内容的外围有20px的空白。为什么不直接在#right里定义margin或者padding呢，因为mozilla和IE对css盒模型的解释不一致，直接定义margin/padding会造成mozilla里布局变形。我一般采用内部再套一层的做法来解决。 ……