Some Simple CSS Samples

Min's profileEasy Start To The DayBlogListsNetwork

Tools

Help

< Previous Next >

Some Simple CSS Samples

阿拉伯文以及其他需要左侧滚动条的实现:

السلام عليكم!
这里中文文字右到左.

السلام عليكم!
这里中文文字从左到右.

<div style="background-color:#ffffec;border-right: #ffccff 1px dotted; border-top: #ffccff 1px dotted; scrollbar-face-color: deeppink; scrollbar-highlight-color: #f5d8f5; overflow: auto; border-left: #ffccff 1px dotted; width: 100%; scrollbar-track-color: #fefefe;scrollbar-shadow-color: #e5c8e5; direction:rtl; scrollbar-3dlight-color: #ffffff; line-height: 15px; scrollbar-arrow-color: #ffffff; scrollbar-track-color: #ffefff; border-bottom: #ffccff 1px dotted; scrollbar-darkshadow-color: #ffffff; scrollbar-base-color: #ff66ff; height: 100px"><br/>
<div> السلام عليكم!<br/>  这里中文文字右到左.<br/>
<div dir="ltr"> السلام عليكم!<br/> 这里中文文字从左到右.</div>
<br/><br/>
</div>
</div>

direction: rtl; 方向: Right To Left 从右到左

RTE强迫我标签大写我也没有办法应该全部是小写

---- ----

首字大字体显示:

Belem is a young man. United you play, united you win.
你好啊! Guten Tag! Bonjour! Hola! السلام عليكم! Здравствулте! Ciao! Godday! Hej ! Γειάσου! Goedendag! Namaste! Aloha! 여보세요! お前が悪い!

<div style="width:100%; line-height:normal; letter-spacing:1px; font-family:verdana, times new roman, serif; font-size:12px; color:#696969; border:1px dotted #ddd;">
<span style="font-size:42px; color:#f60; font-weight:bold; float:left; height:34px; line-height:34px;">B</span> elem is a young man. United you play, united you win. <br/>你好啊! <span style="color:#ff9933">Guten Tag! Bonjour! Hola! السلام عليكم! Здравствулте! Ciao! Godday! Hej ! Γειάσου! Goedendag! Namaste! Aloha! 여보세요! お前が悪い!
</span>
</div>

float:left; 布局属性在左侧浮动

---- ----

日志背景图片前景图片文字图片环绕综合样例:

花前失却游春侣,独自寻芳.满目悲凉.纵有笙歌亦断肠.林间戏蝶帘间燕,各自双双.忍更思量,绿树青苔半夕阳.

汴水流,泗水流,流到瓜州古渡头.吴山点点愁.思悠悠,恨悠悠,恨到归时方始休.月明人倚楼.

饮散离亭西去,浮生长恨飘蓬.回头烟柳渐重重,淡云孤雁远,寒日暮天红.今夜画船何处?潮平淮月朦胧.酒醒人静奈愁浓.残灯孤枕梦,轻浪五更风.

一叶落,褰珠箔,此时景物正萧索.画楼月影寒,西风吹罗幕,往事思量着.

永夜抛人何处去?绝来音.香阁掩,眉敛,月将沉.争忍不相寻?怨孤衾.换我心,为你心,始知相忆深.

一曲新词酒一杯,去年天气旧亭台.夕阳西下几时回? 无可奈何花落去,似曾相识燕归来.小园香径独徘徊.

无言独上西楼,月如钩,寂寞梧桐深院锁清秋.剪不断,理还乱,是离愁.别是一般滋味在心头.

<div style="border:1px #ffccff dotted;">
<table style="height:auto; width:99%; table-layout:fixed" background="http://lieb.cn/spacestipspics/yuan.gif">
<tr>
<td>
<div style="font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; width:98%; color:#d876ac; text-align:left">
<img style="float: right" src="http://lieb.cn/spacestipspics/corner.gif" alt="右上角前景图片" />
<p/>花前失却游春侣,独自寻芳.满目悲凉.纵有笙歌亦断肠.林间戏蝶帘间燕,各自双双.忍更思量,绿树青苔半夕阳. <br/>
<br/>汴水流,泗水流,流到瓜州古渡头.吴山点点愁.思悠悠,恨悠悠,恨到归时方始休.月明人倚楼.<br/>
<br/>饮散离亭西去,浮生长恨飘蓬.回头烟柳渐重重,淡云孤雁远,寒日暮天红.今夜画船何处?潮平淮月朦胧.酒醒人静奈愁浓.残灯孤枕梦,轻浪五更风.<br/>
<br/>一叶落,褰珠箔,此时景物正萧索.画楼月影寒,西风吹罗幕,往事思量着.<br/>
<br/>永夜抛人何处去?绝来音.香阁掩,眉敛,月将沉.争忍不相寻?怨孤衾.换我心,为你心,始知相忆深.<br/>
<br/>一曲新词酒一杯,去年天气旧亭台.夕阳西下几时回? 无可奈何花落去,似曾相识燕归来.小园香径独徘徊.<br/>
<br/>无言独上西楼,月如钩,寂寞梧桐深院锁清秋.剪不断,理还乱,是离愁.别是一般滋味在心头.
</div>
</td>
</tr>
</table>
</div>

情非得以, 在表格<table>中使用了龌龊的 background="背景图片URL" 主要是MSN Spaces RTE过滤background-image:url(Belem2.gif); background:url(Belem2.gif)等等

5/18/2006 7:50:26 PM | View trackbacks (2) | Blog it | MSN Spaces

Comments (31)

To add a comment, sign in with your Windows Live ID (if you use Hotmail, Messenger, or Xbox LIVE, you have a Windows Live ID). Sign in

Don't have a Windows Live ID? Sign up

	shine sunwrote: <a href="http://www.rmtvip.jp ">アイオン-aion RMT</a> <a href="http://www.rmtvip.jp ">アトランティカ RMT</a> <a href="http://www.rmtvip.jp ">リネージュ2 RMT</a> <a href="http://www.rmtvip.jp ">アラド戦記 RMT</a> <a href="http://www.rmtvip.jp ">FF11 RMT</a> <a href="http://www.rmtvip.jp ">信長の野望 RMT</a> <a href="http://www.rmtvip.jp ">SUN RMT</a> <a href="http://www.rmtvip.jp ">完美世界 RMT</a> <a href="http://www.rmtvip.jp ">新天上碑 RMT</a> <a href="http://www.rmtvip.jp ">エイカ(aika) RMT </a> <a href="http://www.rmtvip.jp ">Atlantica-アトランティカ RMT</a> <a href="http://www.rmtvip.jp ">TW テイルズウィーバー RMT</a> <a href="http://www.rmtvip.jp ">lh_ルーセントハート RMT</a> <a href="http://www.jewelrytopbrand.com/ ">Tiffany jewelry</a> <a href="http://www.rmtvip.jp ">ルシエルブルー(Le Ciel Bleu) RMT</a> <a href="http://www.rmtvip.jp ">ff14 RMT</a> <a href="http://www.rmtvip.jp ">アイオン(aion) RMT </a> ———~~———~~————~~—————~~————~~—— <a href="http://www.rmt-wm.com/games/tenjohi.html ">新天上碑 RMT </a> <a href="http://www.rmt-wm.com/games/AIKA.html ">エイカ(aika) RMT </a> <a href="http://www.rmt-wm.com/games/0010.html ">TW テイルズウィーバー RMT </a> <a href="http://www.rmt-wm.com/games/A0006.html ">lh_ルーセントハート RMT </a> <a href="http://www.rmt-wm.com/games/aion.html ">アイオン(aion) RMT</a> <a href="http://www.rmt-wm.com/games/0003.html ">リネージュ2 RMT</a> <a href="http://www.rmt-wm.com/games/A004.html ">アラド戦記 RMT</a> <a href="http://www.rmt-wm.com/games/0005.html ">FF11(FFXI) RMT</a> <a href="http://www.rmt-wm.com/games/A001.html ">信長の野望 RMT</a> <a href="http://www.rmt-wm.com/games/0006.html ">SUN RMT</a> <a href="http://www.rmt-wm.com/games/0018.html ">完美世界-Perfect World</a> <a href="http://www.replica-watches-mall.com ">Replica Watche</a> <a href="http://www.rmt-wm.com/games/dekaron.html ">デカロン RMT </a> <a href="http://www.rmt-wm.com/games/%E5%A5%87%E8%B9%9F%E3%81%AE%E5%A4%A7%E5%9C%B0_RMT.html ">奇跡の大地 RMT</a> <a href="http://www.rmt-wm.com/games/Atlantica.html ">Atlantica-アトランティカ RMT</a> <a href="http://www.rmt-wm.com/games/Le_Ciel_Bleu.html ">ルシエルブルー(Le Ciel Bleu) RMT </a> <a href="http://www.rmt-wm.com/games/FF14.html ">ff14 RMT</a> <a href="http://www.rmt-wm.com/games/ラテール_RMT.html ">ラテール RMT </ Jan. 21
	sean.yeswrote: 呵呵...顶................................ Apr. 16
	（MSN群）天天群网-365groups.com/(在...wrote: MSN也有在线状态了，具体可看:online.365groups.com 而且网友不需要注册和下载MSN，就可随时跟你聊，原来只有qq在线状态，是国内的网站，速度不错，还有各种图标可选，可以用到网站作为网站的免费客服，特别指出还可用在邮件签名中具体站点大家可以去看： online.365groups.com Apr. 1
	DI WANGwrote: 图片很美，以至于我无法按耐借来用用的想法，谢谢啦 Feb. 15
	蝴蝶wrote: 连background-image都过滤，真是匪夷所思=口=+ Aug. 8
	亞芬wrote: 高人真利害! 會從您這多多學習的!! June 15
	Nancy 陈wrote: 我已经是这样设置的了，还是不行，引用通告项目仍然存在。。。而且，我试过，没用阿 May 23
	Nancy 陈wrote: 大家好！老师，我想知道，如何能使日志上的内容不让别人偷偷引用，但又可以让别人评论呢？知道的朋友也可以在msn-blog留言给我，tks！ May 23
	bin zhuwrote: 问个问题，很急，怎么在CUSTON HTM里用图片做连接按钮。求大大帮忙 May 22
	荣张wrote: 介个空间很强！支持下 May 21
	子夜 wrote: 老师 !! 救命啊 ! ! ! 快来帮我啊!!!! 出问题啦 !!! May 21
	Jaywrote: 我刚发现，原来table可以用bgimage. 以前用div弄不出来。哈，没有用table的习惯。 May 21
	杰房wrote: 抱歉，给你添麻烦了。我不知道自己的日志为什么缺少了HTML标记，比如说，不能更改字体大小、颜色，不能添加链接，没有“《HTML》”这一项等。不知道是系统问题、浏览器问题还是缺少什么插件。望解答。最好能在我的BLOG留言。谢谢。 May 20
	┾Сhõçõlаtê℉ïšч┽wrote: 搞定了..有时间来瞅瞅还需改进 May 20
	Ray Hwrote: 以前记得好象有个msn在线状态指示的...不知道是不是任平生说的那个... 原来老师改进了天气预报啊呵呵不好意思哦我一直没用天气预报了所以没看出来呵呵老师世界杯 I 组的比赛我买到门票了过几天就去看了老师要不要一起去啊哈哈 May 20
	Alfred_njuptwrote: 流到瓜州古渡头.吴山点点愁. May 20
	RushStar guesswrote: 学习ing............. May 20
	任平生wrote: 嘿，belem 你这里已经有qq在线状态生成，为什么不顺便也设计个msn的在线状态呢，呵呵~~ 再说qq官方已经提供的有在线状态生成了，而不见msn有，嗬嗬，你是否可以做一个啊~~~要求是不是太高了~~嘿嘿~~ ~~~~~~~~~~~~~~~~~~~~~~~~~ 还有世界杯预报借走了，不介意吧，呵呵~~ May 19
	parson yanwrote: 实际使用汇报:当我将两个城市的气象预告都放上去后,很难一起显示,试了不下20下 ,无一次是两城市同时成功显示,不知道是什么缘故? May 19
	parson yanwrote: 感谢BELEM改进气象预告功能!!! May 19

Next > Last >>

Trackbacks (2)

The trackback URL for this entry is:

http://gb2312.spaces.live.com/blog/cns!3CDBA96A871601F6!21283.trak

Weblogs that reference this entry