[B! css] pon_naoã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

pon_nao id:pon_nao

cssã«é–¢ã™ã‚‹pon_naoã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (9)

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

${{author_name}}$
{{author_name}}{{created}}
{{ #comment }}{{ comment }}{{ /comment }}
- {{ label }}

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

CSSãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã®è‚ï¼ è¡¨ç¤ºãƒ»é…ç½®ã®ãƒ—ãƒãƒ‘ãƒ†ã‚£ã€14é¸
è©³ã—ãã¯ã‚³ãƒãƒ©â†’ã€€position ãƒœãƒƒã‚¯ã‚¹ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆæ–¹æ³•ã‚’æŒ‡å®šã™ã‚‹positionãƒ—ãƒãƒ‘ãƒ†ã‚£ topãƒ—ãƒãƒ‘ãƒ†ã‚£ topãƒ—ãƒãƒ‘ãƒ†ã‚£ã¯ã€ãƒœãƒƒã‚¯ã‚¹ã‚’é…ç½®ã™ã‚‹å ´åˆã«ä¸Šã‹ã‚‰ã®è·é›¢ã‚’æŒ‡å®šã—ã¾ã™ã€‚åŸºæº–ä½ç½®ã®ä¸Šç«¯ã‹ã‚‰é…ç½®ã™ã‚‹ãƒœãƒƒã‚¯ã‚¹ã®ä¸Šç«¯ã¾ã§ã®è·é›¢ã‚’ç¤ºã—ã¾ã™ã€‚positionãƒ—ãƒãƒ‘ãƒ†ã‚£ãŒã€Œstaticã€ä»¥å¤–ã®ã¨ãã«æœ‰åŠ¹ã¨ãªã‚‹ãƒ—ãƒãƒ‘ãƒ†ã‚£ã§ã™ã€‚ è©³ã—ãã¯ã‚³ãƒãƒ©â†’ã€€top ãƒœãƒƒã‚¯ã‚¹ã‚’é…ç½®ã™ã‚‹å ´åˆã«ä¸Šã‹ã‚‰ã®è·é›¢ã‚’æŒ‡å®šã™ã‚‹topãƒ—ãƒãƒ‘ãƒ†ã‚£ bottomãƒ—ãƒãƒ‘ãƒ†ã‚£ bottomãƒ—ãƒãƒ‘ãƒ†ã‚£ã¯ã€ãƒœãƒƒã‚¯ã‚¹ã‚’é…ç½®ã™ã‚‹å ´åˆã«ä¸‹ã‹ã‚‰ã®è·é›¢ã‚’æŒ‡å®šã—ã¾ã™ã€‚åŸºæº–ä½ç½®ã®ä¸‹ç«¯ã‹ã‚‰é…ç½®ã™ã‚‹ãƒœãƒƒã‚¯ã‚¹ã®ä¸‹ç«¯ã¾ã§ã®è·é›¢ã‚’ç¤ºã—ã¾ã™ã€‚positionãƒ—ãƒãƒ‘ãƒ†ã‚£ãŒã€Œstaticã€ä»¥å¤–ã®ã¨ãã«æœ‰åŠ¹ã¨ãªã‚‹ãƒ—ãƒãƒ‘ãƒ†ã‚£ã§ã™ã€‚ è©³ã—ãã¯ã‚³ãƒãƒ©â†’ã€€bottom ãƒœãƒƒã‚¯ã‚¹ã‚’é…ç½®ã™ã‚‹å ´åˆã«ä¸‹ã‹ã‚‰ã®è·é›¢ã‚’æŒ‡å®šã™ã‚‹bottomãƒ—ãƒãƒ‘ãƒ†ã‚£ leftãƒ—ãƒãƒ‘ãƒ†ã‚£ leftãƒ—
pon_nao 2010/11/26
css

web
ãƒªãƒ³ã‚¯
æ—¥æœ¬ã®Webã‚µã‚¤ãƒˆã®404ãƒšãƒ¼ã‚¸ãƒ‡ã‚¶ã‚¤ãƒ³ã„ã‚ã„ã‚+Î± - ã‹ã¡ã³ã¨.net
æ°—ã«ãªã£ã¦æŽ¢ã—ãŸã®ã§ã™ãŒã€ã‚°ã‚°ãƒƒã¦ã‚‚ 9å‰²ã¯æµ·å¤–ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã ã£ãŸã®ã§ã€æ—¥æœ¬ ã®ç´ æ•µãª404ãƒšãƒ¼ã‚¸ã‚’æŽ¢ã—ã¦ã¿ã¾ã—ãŸã€‚ æ™‚é–“ã®é–¢ä¿‚ã§ã•ã»ã©æ•°ã‚’æƒãˆã‚‹äº‹ãŒå‡ºæ¥ ã¾ã›ã‚“ã§ã—ãŸãŒã€å°‘ã—ã§ã‚‚å‚è€ƒã«ãªã‚Œã° å¹¸ã„ã§ã™ã€‚ 404ã¯ã€èª°ã§ã‚‚è¨ªã‚Œã‚‹å¯èƒ½æ€§ã®ã‚ã‚‹ãƒšãƒ¼ã‚¸ã§ã™ã€‚ã‚ã‚‹æ„å‘³ã€ç”¨æ„ã—ãŸã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚ˆã‚Šã‚‚è¦‹ã‚‰ã‚Œã‚‹å¯èƒ½æ€§ãŒã‚ã‚Šã¾ã™ã®ã§ã»ã‚“ã®å°‘ã—ã§ã‚‚æ‰‹ã‚’å…¥ã‚Œã¦ãŠãã¨ã„ã„ã‹ã‚‚çŸ¥ã‚Œã¾ã›ã‚“ãã€‚ ã©ã“ã‹ã§ã€Œ404ã¯å¤ã„ã€‚ç„¡æ¡ä»¶ã§ãƒˆãƒƒãƒ—ãƒšãƒ¼ã‚¸ãƒªãƒ€ã‚¤ãƒ¬ã‚¯ãƒˆãŒæœ€é©ã€ãªã‚“ã¦æ„è¦‹ã‚‚è¦‹ã‹ã‘ã¾ã—ãŸãŒã€å€‹äººçš„ã«ã¯ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚’æ··ä¹±ã•ã›ã‚‹è¦å› ã«ãªã‚‹ã®ã§ãƒªãƒ€ã‚¤ãƒ¬ã‚¯ãƒˆã¯é¿ã‘ãŸã»ã†ãŒã„ã„ã¨æ€ã„ã¾ã™ã€‚ ã§ã¯ã€å€‹äººçš„ã«æ°—ã«ãªã£ãŸ404ãƒšãƒ¼ã‚¸ã‚’ã”ç´¹ä»‹ã—ã¦ã„ãã¾ã™ã€‚é †ä¸åŒã§ã€ã‚„ã‚„ã‚µã‚¤ãƒˆã®å±žæ€§ãŒWebé–¢ä¿‚ã«åã£ã¦ã„ã¾ã™ãŒã”äº†æ‰¿ãã ã•ã„ã€‚å°šã€ãƒªãƒ³ã‚¯ã¯404ãƒšãƒ¼ã‚¸ã§ã¯ãªãã€TOPãƒšãƒ¼ã‚¸ã«ã—ã¦ã‚ã‚Šã¾ã™ã€‚ æ ªå¼ä¼šç¤¾ã‚µã‚¯ãƒ©ã‚¯ãƒ¬ãƒ‘ã‚¹ ãƒ‡ã‚¶ã‚¤ãƒ³ã‚‚å¥½è©•ã®ã‚µã‚¯ãƒ©ãƒ‘ãƒ¬ã‚¹ã®404ãƒš
pon_nao 2010/11/26
css

web

blog

design

webdesign
ãƒªãƒ³ã‚¯
css-lecture.com
pon_nao 2010/11/25
css

blog

web

business

design

webdesign
ãƒªãƒ³ã‚¯
[CSS]ãŸã£ãŸäºŒè¡Œã§ã€ã•ã¾ã–ã¾ãªã‚«ãƒ©ãƒ ã‚’è¨å®šã™ã‚‹ã‚°ãƒªãƒƒãƒ‰ã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯
ãŸã£ãŸäºŒè¡Œã®ã‚·ãƒ³ãƒ—ãƒ«ãªã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã§ã€ã•ã¾ã–ã¾ãªã‚µã‚¤ã‚ºã®ã‚«ãƒ©ãƒ ã‚’è¨å®šã™ã‚‹ã‚°ãƒªãƒƒãƒ‰ã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‚’ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ .row { display:table; width:960px; margin:0 auto } .cell { display:table-cell; vertical-align:top; padding-left:10px } HTMLã‚‚ã‚·ãƒ³ãƒ—ãƒ«ã§divè¦ç´ ã‚’ä½¿ã†ã ã‘ã§ã™ã€‚ HTML 3ã‚«ãƒ©ãƒ ã®ä¾‹ã§ã™ã€‚ã‚«ãƒ©ãƒ ã®æ•°ã«ã‚ã‚ã›ã¦ã€divè¦ç´ ã‚’é…ç½®ã—ã¾ã™ã€‚ <div class="row"> <div class="cell" style="background-color:#aaa;">1</div> <div class="cell" style="background-color:#bbb;">2</div> <div class="cell" style="back
pon_nao 2010/11/16
color

HTML

css
ãƒªãƒ³ã‚¯
jqueryã§ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã‚’ãƒªãƒƒãƒã«ã™ã‚‹ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã¾ã¨ã‚ Â« vanillate
jqueryã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã®ã¾ã¨ã‚ã§ã™ã€‚jqueryã¯javascriptãƒ™ãƒ¼ã‚¹ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã®ã‚ˆã†ãªã‚‚ã®ã€‚ç”»åƒã‚„ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã«å‹•çš„ãªæ“ä½œã‚’ä¸ŽãˆãŸã‚Šã™ã‚‹ã“ã¨ãŒå¯èƒ½ã§ã™ã€‚ã¾ãŸã€HTMLã‚½ãƒ¼ã‚¹ã‚‚è¤‡é›‘ã«ãªã‚Šã«ããã€ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’CSSã§æ“ä½œå¯èƒ½ãªã‚‚ã®ãŒå¤šãã€ã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ã‚ˆã‚Šé…åŠ›çš„ã«ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ ãƒ•ã‚§ãƒ¼ãƒ‰ã—ãªãŒã‚‰ã‚¹ãƒ©ã‚¤ãƒ‰ã™ã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€€ãƒ‡ãƒ¢ jQuery ListMenu Pluginã€€ãƒ‡ãƒ¢ å¤§é‡ã®ã‚¢ã‚¤ãƒ†ãƒ ã‚‚ã™ã£ãã‚Šã¨ãƒªã‚¹ãƒˆã«ã§ãã¾ã™ã€‚ Sliding login panel with jQuery ã€€ãƒ‡ãƒ¢ ãƒã‚°ã‚¤ãƒ³ãƒ•ã‚©ãƒ¼ãƒ ã‚‚ãŠã—ã‚ƒã‚Œã«ã€‚å¸¸ã«è¡¨ç¤ºã—ã¦ãŠãå¿…è¦ã¯ãªã„ã§ã™ã‚ˆãã€‚ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ä»˜ãã§ã¶ã‚‰ã•ãŒã£ã¦ãã‚‹ã“ã‚“ãªãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã¯ã„ã‹ãŒã§ã™ã‹ã€‚ create a better jQuery stylesheet switcherã€€ãƒ‡ãƒ¢ ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’jqueryã§åˆ‡ã‚Šæ›¿ãˆã‚‹ãƒ—
pon_nao 2009/11/04
css

*javascript

*jquery
ãƒªãƒ³ã‚¯
CSS ã§ table ã«æ–œç·šã‚’å¼•ãæ–¹æ³•
CSS ã§ table ã«æ–œç·šã‚’å¼•ã„ã¦ã¿ã¾ã—ãŸã€‚ä¸‹ã®è¡¨ã®å·¦ä¸Šã®æ–œç·šã« CSS ã‚’ä½¿ã£ã¦ã¾ã™ã€‚ ã‚µãƒ³ãƒ—ãƒ«ï¼ˆã‚¯ãƒªãƒƒã‚¯ã™ã‚Œã°ã‚µãƒ³ãƒ—ãƒ«ãƒšãƒ¼ã‚¸ã«ç§»å‹•ã—ã¾ã™ï¼‰ Windows XP + IE6 / IE7 / Firefox3 / Safri3 / Google Chrome ã§ç¢ºèªã—ã¦ã„ã¾ã™ã€‚ ãƒã‚¤ãƒ³ãƒˆã¯ä»¥ä¸‹ã§ã™ã€‚ th è¦ç´ ã« position: relative; æ–œç·šã‚’å¼•ãè¦ç´ ï¼ˆã“ã“ã§ã¯ spanï¼‰ã« position: absolute; ã‚’è¨å®šã€‚ æ–œç·šï¼ˆborderï¼‰ã‚’é©ç”¨ã™ã‚‹è¦ç´ ã®å‰ã«   ã‚’è¨å®šã€‚  ãŒãªã‹ã£ãŸã‚Šã€è¦ç´ ã®å¾Œæ–¹ã«  ãŒã‚ã‚‹ã¨ã€th ã®ã‚¹ã‚¿ã‚¤ãƒ«ãŒéš ã‚Œã¦ã—ã¾ã†ã€‚ ã‚¯ãƒã‚¹ãƒ–ãƒ©ã‚¦ã‚¶ã«ã™ã‚‹ãŸã‚ã€font-size ã‚„ line-height ãªã©ã€ã„ãã¤ã‹ã®ãƒ—ãƒãƒ‘ãƒ†ã‚£ã‚’è¨å®šã€‚ HTML <table summary="data"> <thead> <t
pon_nao 2009/10/26
css
ãƒªãƒ³ã‚¯
Free online web template generator
Making your own Web template has never been easier. Our free online editor makes it a matter of minutes. No software to install. No Photoshop needed. No tricky PSD to HTML conversion required. No design service to pay. All you need is there to create a stunning custom Web design ready for download. It's quick, easy and fun ! All parts of your template can be customized. From header to footer, acce
pon_nao 2007/11/20
css

design

generator

template

web

webdesign
ãƒªãƒ³ã‚¯
ãƒšãƒ¼ã‚¸é€ã‚Šéƒ¨åˆ†ã®ãƒ‡ã‚¶ã‚¤ãƒ³ç ”ç©¶:phpspoté–‹ç™ºæ—¥èªŒ
Pagination Gallery: Examples And Good Practices | Design Showcase | Smashing Magazine ãƒšãƒ¼ã‚¸é€ã‚Šéƒ¨åˆ†ã®ãƒ‡ã‚¶ã‚¤ãƒ³ç ”ç©¶ã€‚ SmashingMagazine ã«ã¦æ§˜ã€…ãªã‚µã‚¤ãƒˆã®ãƒšãƒ¼ã‚¸é€ã‚Šéƒ¨åˆ†ã‚’è‰²ã€…ã¨ã¾ã¨ã‚ãŸã‚¨ãƒ³ãƒˆãƒªãŒå…¬é–‹ã•ã‚Œã¾ã—ãŸã€‚ ãªã‚‹ã»ã©ã€ãƒšãƒ¼ã‚¸é€ã‚Šã¨ã„ãˆã©æ§˜ã€…ãªãƒ‡ã‚¶ã‚¤ãƒ³æ–¹æ³•ãŒã‚ã‚‹ã‚ˆã†ã§ã€å‹‰å¼·ã«ãªã‚Šã¾ã™ã€‚ è‰²ã€…ãªã‚µãƒ³ãƒ—ãƒ«ã‚’è¦‹ã‚‹ã†ã¡ã«ã€è‡ªåˆ†ã®ã‚µã‚¤ãƒˆã®ãƒšãƒ¼ã‚¸ãƒ£ãƒ¼ã¯ã©ã‚“ãªã®ãŒåˆã†ã‹ï¼Ÿã¨ã„ã£ãŸã“ã¨ã‚‚åˆ†ã‹ã£ã¦ããã†ã§ã™ã€‚ PHPã§ãƒšãƒ¼ã‚¸ãƒ£ãƒ¼ã‚’ä½œã‚‹å ´åˆã¯ã€ã€ŒPEAR :: Package :: Pagerã€ã‚’ä½¿ãˆã°ç°¡å˜ã«ä½œã‚Œã¾ã™ã€‚
pon_nao 2007/11/20
webdesign

css

tips
ãƒªãƒ³ã‚¯
footerã‚’ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ä¸‹éƒ¨ã«å›ºå®šã™ã‚‹ã€ŽfooterFixed.jsã€
footerã‚’ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ä¸‹éƒ¨ã«å›ºå®šã™ã‚‹ã€ŽfooterFixed.jsã€ footeréƒ¨åˆ†ã‚’ç”»é¢ä¸‹éƒ¨ã«å›ºå®šã™ã‚‹ãŸã‚ã®jsãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŽfooterFixed.jsã€ã‚’ä½œæˆã—ã¾ã—ãŸã€‚ ãƒ•ãƒƒã‚¿ãƒ¼ã‚’ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®å†…å®¹é‡ã«ã‹ã‹ã‚ã‚‰ãšwindowä¸‹éƒ¨ã«è¡¨ç¤ºã•ã›ã‚‹ãŸã‚ã®jsãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã™ã€‚ ã‚µãƒ³ãƒ—ãƒ« è¨ç½®æ–¹æ³•ã¯ headè¦ç´ ãªã®ã§footerFixed.jsã‚’èªã¿è¾¼ã¿ã¾ã™ã€‚ <script type="text/javascript" src="./footerFixed.js"></script> ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ä¸‹éƒ¨ã«å›ºå®šã—ãŸã„è¦ç´ ã«idå±žæ€§ã€Œfooterã€ã‚’ä»˜ã‘ã¾ã™ã€‚ ã“ã‚Œã§ãã®è¦ç´ ã‚’ã‚¦ã‚¤ãƒ³ãƒ‰ã‚¦ã®ä¸‹éƒ¨ã«è¡¨ç¤ºã•ã›ã‚‹ã“ã¨ãŒå¯èƒ½ã§ã™ã€‚ (ã‚¦ã‚¤ãƒ³ãƒ‰ã‚¦ã®ä¸‹éƒ¨ã¨ã„ã†ã®ãŒã‚ã‹ã‚Šã«ãã„ã¨æ€ã†ã®ã§ã™ãŒã€å†…å®¹é‡ãŒã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã‚µã‚¤ã‚ºã‚’è¶…ãˆã‚‹å ´åˆã¯é€šå¸¸é€šã‚Šã€å†…å®¹é‡ãŒã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã‚µã‚¤ã‚ºã‚ˆã‚Šå°ã•ã„å ´åˆã¯ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã®ä¸‹éƒ¨ã«é…ç½®ã¨ã„ã†æ„å‘³ã§ã™
pon_nao 2007/11/16
css

design

javascript
ãƒªãƒ³ã‚¯
1