Ò׽ؽØͼÈí¼þ¡¢µ¥Îļþ¡¢Ãâ°²×°¡¢´¿ÂÌÉ«¡¢½ö160KB
ÈÈÃűêÇ©£º c c# c++ asp asp.net linux php jsp java vb Python Ruby mysql sql access Sqlite sqlserver delphi javascript Oracle ajax wap mssql html css flash flex dreamweaver xml
 ×îÐÂÎÄÕ : css

Css¶¨ÖÆDrupalÖ÷Ìâ·ç¸ñ

Css¶¨ÖÆDrupalÖ÷Ìâ·ç¸ñ
¡¡¡¡“Ö÷Ìâ”ÊÇDrupalÕ¾µãµÄ»ù±¾ÍâòºÍ¸Ð¾õ¡£ÓÐʱһ¸öÌض¨µÄÕ¾µã»á°²×°²»Ö¹Ò»¸öµÄÖ÷Ìâ¡£Èç¹ûÕ¾µã¹ÜÀíÔ±ÌṩÁ˶à¸öÖ÷Ì⣬Äã¿ÉÒÔΪÄãµÄÕʺÅÑ¡ÔñÄãϲ»¶µÄĬÈÏÖ÷Ìâ¡£
¡¡¡¡DrupalµÄ¹Ù·½Õ¾µãÌṩÁËÐí¶àÖ÷Ìâ·ç¸ñ£¬¾ßÌå¼û£º
¡¡¡¡http://drupal.org/project/Themes
¡¡¡¡ÆäÖУ¬SpreadfirefoxÊÇÎÒ×îϲ»¶µÄÖ÷Ìâ·ç¸ñ£¬ÖøÃûµÄ spreadfirefox.com ʹÓõľÍÊÇÕâ¿îÖ÷Ìâ¡£
¡¡¡¡³ýDrupalµÄ¹Ù·½Õ¾µãÍ⣬»¹ÓÐÐí¶àÆäËû»ú¹¹»ò¸öÈËÌṩDrupalµÄÖ÷Ìâ·ç¸ñ£¬Í¨¹ýGoogle¿ÉÒÔËÑË÷µ½ÕâЩ·ç¸ñ¡£
¡¡¡¡Drupal Ö÷Ìâ·ç¸ñ°²×°
¡¡¡¡Drupal Ö÷Ìâ·ç¸ñµÄ°²×°·Ç³£¼òµ¥£º
¡¡¡¡+ ÔÚ http://drupal.org/project/Themes ÏÂÔØеÄÖ÷Ìâ·ç¸ñ
¡¡¡¡+ ÔĶÁÖ÷Ìâ·ç¸ñ°üÖÐµÄ README ºÍ INSTALL Îļþ£¬¿´¸ÃÖ÷Ìâ·ç¸ñ°üµÄ°²×°ÊÇ·ñÐèҪһЩÌØÊâµÄ²½Öè
¡¡¡¡+ ¼ì²éÒ»ÏÂÖ÷Ìâ·ç¸ñÐèÒªµÄÄ£°åÒýÇæÊÇ·ñÒÑ°²×°
¡¡¡¡+ ½«Ö÷Ìâ·ç¸ñÉÏÔص½DrupalµÄthemesĿ¼ÖÐ
¡¡¡¡+ ͨ¹ý“¹ÜÀí-¡·Ö÷Ìâ”ÆôÓøÃÖ÷Ìâ·ç¸ñ£¬²¢½«ÆäÉèÖÃΪĬÈÏ·ç¸ñ
¡¡¡¡DrupalµÄÖ÷ÌⶨÖƷdz£Áé»î£¬¿ÉÒÔ¶¨ÖÆÿ¸öÇø¿é¶¨ÖƵķç¸ñ¡£Èç¹û¶®PHPµÄ»°£¬¼¸ºõ¿ÉÒÔ×ö³ö¿ÉÒÔÏëµÃµ½·ç¸ñÀ´¡£Êµ¼ÊÉÏ£¬ÔÚ´ó¶àʱºòÎÒÃÇÖ÷ÒªÊÇͨ¹ýͼƬ+CSSÀ´¶¨ÖÆ£¬Õ ......

CSS»ù´¡½Ì³ÌÕûÀí

ÕâÀïÖ»°ÑһЩÎÒ×Ô¼º»¹ÐèÒª¸Ä½øµÄµØ·½·¢ÉÏÀ´¡£
————————————————————————
1.ÍøÒ³²»ÊǾ²Ì¬µÄ¡¢¾ø¶ÔµÄýÌå¡£ÕâÒâζ×ÅÄÚÄÜÉìËõ±äÐΣ¬Óû§Ó¦¸Ã±»ÔÊÐíµ÷Õû×Ô¼ºÏ²»¶µÄ·½Ê½£¬°üÀ¨×ÖÌå´óСºÍÆÁÄ»´óС¡£
¡¡¡¡ÒòΪÕâÑù£¬½¨Òéʹ
ÓÃ"em"ºÍ"%"ÔÚfont-sizeÉÏ£¨¿í¶ÈºÍ¸ß¶È£©£¬Ïà±ÈÏÂpx²»Äܹ»Ôڴ󲿷Öä¯ÀÀÆ÷¸Ä±ä´óС£¬ËùÒÔÒªÉÙÓ㬿ÉÒÔÓÃÔڱ߿òµÄ´óСÉÏ¡£
2.css¿ÉÒÔ´¦Àí16,777,216ÑÕÉ«£¬¿ÉÒÔʹÓÃÃû×Ö¡¢rgbÖµ»òÊ®Áù½øÖÆ´úÂë¡£
¡¡¡¡ÓÐ17¸öÔ¤ÏÈÈ·¶¨µÄÑÕÉ«£¬ËüÃÇÊÇ£º
¡¡¡¡
aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, 
¡¡¡¡
olive, orange, purple, red, silver, teal, white, and yellow.
¡¡¡¡
transparent Ò²ÊÇÒ»¸öÕýÈ·µÄÖµ¡£
3.font-family
¡¡¡¡ÎÄ×ÖʹÓõÄ×ÖÌ壬±ÈÈçËÎÌ壬Times New Roman£¬Arial
µÈµÈ
¡¡¡¡Õâ¸öÊôÐÔ±ØÐëÏêϸÖƶ¨£¬²»ÄÜʹÓÃƫƧµÄ×ÖÌ壬ҪʹÓð²È«×ÖÌ壨±ÈÈç ......

CSS ÖÐ Display µÄһЩÌØÊâÊôÐÔ

ºÜ¶àʱºòÎÒÃDZØÐëʹһЩ¿éÔªËز¢ÅÅÏÔʾ£¬Ò»°ãÏëµ½µÄÊDZØÐëʹÓø¡¶¯£¬µ«ÊÇ¿éÔªËظ¡¶¯¸ø±ß¾à(margin)µÄʱºòÔÚIEÏ»á³öÏÖ¼Ó±¶µÄBUG£¬ËùÒԺܶàʱºò²»µÃ²»°ÑÕâ¸ö¿éÔªËØÌ×ÔÚÒ»¸öÄÚÁªÔªËØÀïÃ棬Ȼºó¸øÄÚÁªÔªËظ¡¶¯ºÍ±ß¾à¡£½ñÌì¿´µ½ÁËâø·É¡¢ÇظèºÍÎÚÁú²è¹ØÓÚdisplay:inline-blockµÄÎÄÕ£¬ºÜ²»´í£¬×ÛºÏһϣ¬¼Ç¼ÏÂÀ´¡£
display:inline-block
¼òµ¥À´Ëµ¾ÍÊǽ«¶ÔÏó³ÊµÝΪÄÚÁª¶ÔÏ󣬵«ÊǶÔÏóµÄÄÚÈÝ×÷Ϊ¿é¶ÔÏó³ÊµÝ¡£ÅԱߵÄÄÚÁª¶ÔÏó»á±»³ÊµÝÔÚͬһÐÐÄÚ£¬ÔÊÐí¿Õ¸ñ¡£µ«ÊÇÕâ¸öÊôÐÔÄ¿Ç°²»ÊÇËùÓеÄä¯ÀÀÆ÷¶¼Ö§³Ö£¬Ö»ÓÐOperaºÍSafariÖ§³Ö£¬FireFox3ºÍIE8¾Ý˵½«»áÖ§³Ö£¬Firefox2ºÍIEʹÓÃÌØÊâ°ì·¨¿ÉÒÔʵÏÖÕâÖÖЧ¹û£¬ÏÂÃæ¾ÍÀ´Ì½ÌÖÒ»ÏÂ
ÔÚFirefox2ÖÐÓÐ-moz-inline-stackºÍ-moz-inline-boxʵÏÖ£¬µ«ÊÇÕâÁ½¸ö˽ÓÐÊôÐÔÔÚijЩÇé¿ö϶¼»áÓÐÒì³££¬¾ßÌåÈçÏ£º
1¡¢display:-moz-inline-stack
“µ±ËüËùÓ¦ÓõÄÍâ°ü×°Æ÷£¨wrapper£©µÄdisplayΪinlineµÄʱºò£¬ËüËù°üº¬µÄa»òbutton½«ÎÞ·¨µã»÷»òÎÞ·¨Ñ¡È¡£¬ÐèҪͨ¹ýposition:relative»¹hackµôÕâ¸öbug”--ÎÚÁú²è
2¡¢display:-moz-inline-box
ʹÓÃÕâÒ»ÊôÐÔºó£¬text-align¾Í»á³öÎÊÌ⣬±ØÐëʹÓÃFirefoxµÄ˽ÓÐÊôÐÔ -moz-box-alignÀ´½â¾ö
ËùÒÔ£¬½¨Ò鲻ҪʹÓà ......

99¿î¸ßÖÊÁ¿Ãâ·Ñ(X)HTML/CSSÄ£°å

99¿î¸ßÖÊÁ¿Ãâ·Ñ(X)HTML/CSSÄ£°å
°æȨÉùÃ÷£º×ªÔØʱÇëÒÔ³¬Á´½ÓÐÎʽ±êÃ÷ÎÄÕÂԭʼ³ö´¦ºÍ×÷ÕßÐÅÏ¢¼°±¾ÉùÃ÷
http://iamsam.blogbus.com/logs/49215789.html
¡¡¡¡´ó¼Ò¶¼Çå³þÒ»¸öÍøÕ¾ÏóÕ÷×ÅÄãºÍÄãµÄÆ·ÅÆ£¬ÕâÈ¡¾öÓÚÄãÈçºÎ¹¹½¨×Ô¼ºµÄÍøÕ¾¡£ÕýÒòΪWordpressÔ½À´Ô½Êܵ½»¥ÁªÍøÉè¼ÆȺÌåµÄ¹Ø×¢£¬Ëü²¢²»´ú±í×î»ù±¾µÄ(X)HTML/CSSºÜ³ó¡¢ºÜÔÓÂҺ͵¥µ÷¡£±òGo½«Ïò´ó¼ÒÍƼö99¸ö¸ßÖÊÁ¿µÄÃâ·Ñ(X)HTML/CSSÄ£°å£¬Äã¿ÉÒÔÓÃÓÚ×Ô¼º»ò¹«Ë¾ÆóÒµµÄÍøÕ¾¡£
Äú»¹¿ÉÒԲο¼ÒÔÏÂ(X)HTML/CSSÏà¹Ø½Ì³Ì¼°×ÊÔ´:
¡¶30¸ö»ùÓÚCSSµÄµ¼º½ºÍ°´Å¥ÓÅÐãÉè¼Æ½Ì³Ì¡·
¡¶2008Äê×î¼ÑWebÉè¼Æ/Ç°¶Ë¿ª·¢¼¼ÇÉ¡¢½Å±¾¼°×ÊÔ´×ܽᡷ
¡¶¾«Ñ¡30¸öÓÅÐãµÄCSS¼¼ÊõºÍʵÀý¡·
¡¶43¸öʵÀýxHTML+CSS(DIV+CSS)ÍøÒ³¼°µ¼º½²¼¾Ö½Ì³Ì¡·
¸ßÖÊÁ¿Ãâ·Ñ(X)HTML/CSSÄ£°å
01. T-20
ÔÚÏßÔ¤ÀÀ ÏÂÔظÃÄ£°å
02. Shape
ÔÚÏßÔ¤ÀÀ ÏÂÔظÃÄ£°å
03. Your Business
ÔÚÏßÔ¤ÀÀ ÏÂÔظÃÄ£°å
04.Solitude
ÔÚÏßÔ¤ÀÀ ÏÂÔظÃÄ£°å
05. Fashion Club (Registration Required)
ÔÚÏßÔ¤ÀÀ ÏÂÔظÃÄ£°å
06. O’No! Typography
ÔÚÏßÔ¤ÀÀ ÏÂÔظÃÄ£°å
07.Projection
ÔÚÏßÔ¤ÀÀ ÏÂÔظÃÄ£°å
08.Fresh Restaurant
ÔÚÏßÔ¤ÀÀ ÏÂÔظÃÄ£°å
09.Jungleland 1.0
ÔÚÏßÔ¤ÀÀ ......

99¿î¸ßÖÊÁ¿Ãâ·Ñ(X)HTML/CSSÄ£°å

99¿î¸ßÖÊÁ¿Ãâ·Ñ(X)HTML/CSSÄ£°å
°æȨÉùÃ÷£º×ªÔØʱÇëÒÔ³¬Á´½ÓÐÎʽ±êÃ÷ÎÄÕÂԭʼ³ö´¦ºÍ×÷ÕßÐÅÏ¢¼°±¾ÉùÃ÷
http://iamsam.blogbus.com/logs/49215789.html
¡¡¡¡´ó¼Ò¶¼Çå³þÒ»¸öÍøÕ¾ÏóÕ÷×ÅÄãºÍÄãµÄÆ·ÅÆ£¬ÕâÈ¡¾öÓÚÄãÈçºÎ¹¹½¨×Ô¼ºµÄÍøÕ¾¡£ÕýÒòΪWordpressÔ½À´Ô½Êܵ½»¥ÁªÍøÉè¼ÆȺÌåµÄ¹Ø×¢£¬Ëü²¢²»´ú±í×î»ù±¾µÄ(X)HTML/CSSºÜ³ó¡¢ºÜÔÓÂҺ͵¥µ÷¡£±òGo½«Ïò´ó¼ÒÍƼö99¸ö¸ßÖÊÁ¿µÄÃâ·Ñ(X)HTML/CSSÄ£°å£¬Äã¿ÉÒÔÓÃÓÚ×Ô¼º»ò¹«Ë¾ÆóÒµµÄÍøÕ¾¡£
Äú»¹¿ÉÒԲο¼ÒÔÏÂ(X)HTML/CSSÏà¹Ø½Ì³Ì¼°×ÊÔ´:
¡¶30¸ö»ùÓÚCSSµÄµ¼º½ºÍ°´Å¥ÓÅÐãÉè¼Æ½Ì³Ì¡·
¡¶2008Äê×î¼ÑWebÉè¼Æ/Ç°¶Ë¿ª·¢¼¼ÇÉ¡¢½Å±¾¼°×ÊÔ´×ܽᡷ
¡¶¾«Ñ¡30¸öÓÅÐãµÄCSS¼¼ÊõºÍʵÀý¡·
¡¶43¸öʵÀýxHTML+CSS(DIV+CSS)ÍøÒ³¼°µ¼º½²¼¾Ö½Ì³Ì¡·
¸ßÖÊÁ¿Ãâ·Ñ(X)HTML/CSSÄ£°å
01. T-20
ÔÚÏßÔ¤ÀÀ ÏÂÔظÃÄ£°å
02. Shape
ÔÚÏßÔ¤ÀÀ ÏÂÔظÃÄ£°å
03. Your Business
ÔÚÏßÔ¤ÀÀ ÏÂÔظÃÄ£°å
04.Solitude
ÔÚÏßÔ¤ÀÀ ÏÂÔظÃÄ£°å
05. Fashion Club (Registration Required)
ÔÚÏßÔ¤ÀÀ ÏÂÔظÃÄ£°å
06. O’No! Typography
ÔÚÏßÔ¤ÀÀ ÏÂÔظÃÄ£°å
07.Projection
ÔÚÏßÔ¤ÀÀ ÏÂÔظÃÄ£°å
08.Fresh Restaurant
ÔÚÏßÔ¤ÀÀ ÏÂÔظÃÄ£°å
09.Jungleland 1.0
ÔÚÏßÔ¤ÀÀ ......

ʹÓÃCSSºÍJQueryÇáËÉÇл»ÍøÒ³ÏÔʾÑùʽ


×÷ÕߣºIIduce   À´Ô´£ºcss9   ʱ¼ä£º2009-12-21   ÔĶÁ£º601 ´Î  Ô­ÎÄÁ´½Ó   [ÊÕ²Ø]  
×î½ü²úÆ·ÖÐÐèÒª¼ÓÈë“Ò»¸öÁбíÏÔʾÑùʽ¿ìËÙÇл»”µÄ¹¦ÄÜ£¬ÕýºÃÔÚÕâƪÎÄÕÂÖп´µ½ÁËËüµÄʵÏÖ·½Ê½£¬¸Ð¾õºÜ²»´í¡£
ÕâƪÎÄÕ½²ÊöµÄÊÇÈçºÎͨ¹ýCSSºÍJQueryÀ´ÊµÏÖÔÚÒ³ÃæÉÏ¿ìËÙÇл»²¼¾Ö£¨Ñùʽ£©µÄ¹¦ÄÜ¡£ÕâÑù×öµÄºÃ´¦ÊDz»ÑÔ¶øÓ÷µÄ£¬ÏÖÔÚµÄÍøÒ³Éè¼Æ¶¼ÊÇÏ£ÍûÔöÇ¿ÓëÓû§µÄ»¥¶¯ÐÔ¡£ÔÊÐí¸Ä±äÒ³Ãæ²¼¾Ö»òÐÅϢչʾ·½Ê½ÎÞÒÉ¿ÉÒÔÌá¸ßÓû§ÌåÑ飬ѡÔñËûÃÇϲ»¶µÄÑùʽȥ»ñÈ¡ÐÅÏ¢¡£
Ê×ÏÈÎÒÃÇ¿´Ò»ÏÂ×îÖÕЧ¹û
µÚÒ»²½£º´´½¨Ò»¸öƯÁÁ±ðÖµı߿ò
ÎÒÃÇÊ×ÏÈͨ¹ýÒ»¸öÎÞÐòÁбí±êÇ©(ul)À´Éè¼ÆÒ»¸ö´¹Ö±µÄÁÐ±í²¼¾Ö£¬ÓÃËüÀ´×÷ΪÎÒÃÇÐÅÏ¢ÏÔʾµÄÐкÍÁС£
HTML
<ul class="display">
<li></li>
<li></li>
</ul>
CSS
Ìáʾ£ºÍ¨¹ýʹÓò»Í¬»ÒÉ«µÄ±ß¿òʵÏÖÁËÒ»¸öƯÁÁ±ðÖµı߿òЧ¹û
ul.display {
float: left;
width: 756px;
margin: 0;
padding: 0;
list-style: none;
border-top: 1px solid #333;
border-right: 1px solid #333;
background: #222;
}
......

cssʵÏÖͼƬѡÖÐЧ¹ûµÄÏà¹Ø´úÂë

<style type="text/css">
.worksbox{width:114px;height:114px;position:relative;}
.worksbox a{border:1px solid #F0F0E8;background-color:#FFF;padding:6px;display:block;}
.worksbox a:hover{border:1px solid #000;background-color:#333;text-decoration: none;}
.worksbox a span{display:none; text-align:center; font-size:12px;}
.worksbox a:hover span{color:#FFF;display:block;background-color:#333;width:114px;position:absolute;top:94px;left:0px;line-height:20px;}
.worksbox a img{width:100px;height:100px;}
</style>
<div class="worksbox" ><a href="http://www.gzse7en.com" ><span>±¾ÆÚÄ£ÌØ¡¾ÖìÒð¡¿</span><img src="http://tu.gzse7en.com/upload_files/admin/20100507/1.gif" border="0" /></a></div> ......
×ܼǼÊý:772; ×ÜÒ³Êý:129; ÿҳ6 Ìõ; Ê×Ò³ ÉÏÒ»Ò³ [1] [2] [3] [4] 5 [6] [7] [8] [9] [10]  ÏÂÒ»Ò³ βҳ
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØͼ | ¸ÓICP±¸09004571ºÅ