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

krogue id:krogue

cssã¨designã«é–¢ã™ã‚‹krogueã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (7)

${{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}}

ã§ã‹ã„ã‹ã‚‰ã“ãã€ã¨ã€ä½•ã‹å¤§äººã®éƒ½åˆã¿ãŸã„ã®ã¨ã‹ - ä½•ã‹ã®è¨˜éŒ²
ã§ã‹ã„ä¼æ¥(ã‚µã‚¤ãƒˆ)ã‚’æŽ¡ç‚¹ : Weblog : SimpleIsmã‚’èªã‚“ã§æ€ã£ãŸã¨ã„ã†ã‹ã€ã¨ã‚Šã‚ãˆãšã‚½ãƒ¼ã‚¹ã®è¨˜è¿°æ–¹æ³•ã«é–¢ã—ã¦ã¯ã‚ã¾ã‚Šç¬‘ã†ã¨ã“ã§ã‚‚ãªã„ã‹ãªãƒ¼ã¨æ€ã„ã¾ã—ãŸ(è‡ªåˆ†ã®å€‹äººçš„ãªæ„Ÿæƒ³ã§ã™ãŒ)ã€‚å‹æ‰‹ãªäºˆæƒ³ã ã‘ã©ã€å¤šåˆ†å¤§äººã®éƒ½åˆã‹ãªã‚“ã‹ã ã¨æ€ã„ã¾ã™ã€‚ã‚‚ã‚ã‚“æŠ€è¡“çš„ãªéƒ½åˆã‚‚ã‚ã‚‹ã¨æ€ã„ã¾ã™ã€‚ ã‚„ã»ã† Yahoo! Japan ãŒä½•ã§ CSS ã‚’ HTML ã®ãªã‹ã«ç›´æŽ¥è¨˜è¿°ã—ã¦ã‚‹ã‹ç†ç”±ã¯çŸ¥ã‚‰ãªã„ã§ã™ãŒã€åˆ†å‰²ã™ã‚‹ã£ã¦ã„ã†ã®ã‚’ã‚·ãƒ¼ãƒ³åˆ¥ã«è€ƒãˆã¦ã„ã‘ã°ã€é–‹ç™ºæ®µéšŽã§ã¯å¿…è¦ã ãŒæœ¬ç•ªæ®µéšŽã§ã¯ä¸è¦ã¨ã‹ã„ã†ã‚ˆã†ãªã“ã¨ã‚‚ã‚ã‚‹ã‚‰ã—ã„ã®ã§ã€ä½•ã‹ãã‚“ãªæ„Ÿã˜ã®ç†ç”±ãŒã‚ã‚‹ã‚“ã˜ã‚ƒãªã„ã‹ãªãƒ¼ã€ã¨æ€ã„ã¾ã™ã€‚ã¡ã‚‡ã£ã¨ä¼¼ã¦ã‚‹ã‚ˆã†ãªé•ã†ã‚ˆã†ãªæ„Ÿã˜ã ã‘ã©ã€ã€Œè¦‹æ˜“ãã™ã‚‹ã£ã¦ã„ã†ã®ã‚’ã‚·ãƒ¼ãƒ³åˆ¥ã«è€ƒãˆã¦ã„ã‘ã°ã€é–‹ç™ºæ®µéšŽã§ã¯å¿…è¦ã ãŒæœ¬ç•ªæ®µéšŽã§ã¯ä¸è¦ã¨ã‹ã„ã†ã‚ˆã†ãªã“ã¨ã‚‚ã‚ã‚‹ã€ã¨ã‚‚è¨€ãˆã‚‹ã‹ã‚‚(è¨€ãˆãªã„ã‹ã‚‚)ã€‚ãƒ¡ãƒ³ãƒ†ãƒŠãƒ³ã‚¹ã¨ã‹ã®ã¨ãã¯è¦‹æ˜“ã„ã»ã†ãŒã„ã„ã‘ã©
krogue 2008/12/22
css

html

web

design

w3c
ãƒªãƒ³ã‚¯
eclucifer blog - FC2 BLOG ãƒ‘ã‚¹ãƒ¯ãƒ¼ãƒ‰èªè¨¼
ç®¡ç†äººã‹ã‚‰ã®ãƒ¡ãƒƒã‚»ãƒ¼ã‚¸ æœ¬å®¶ã® WordPress åŒ–ã«ä¼´ã„ã€å½“ãƒ–ãƒã‚°ã¯ç§»è»¢ã¨ã„ã†å½¢ã«ãªã‚Šã¾ã—ãŸã€‚ â–¼ eclucifer blog Â» è¨˜äº‹ã‚¿ã‚¤ãƒˆãƒ«ä¸€è¦§ http://eclucifer.net/bloglist/
krogue 2008/12/21
css

web

design
ãƒªãƒ³ã‚¯
2007å¹´åº¦ã®CSSãƒ‡ã‚¶ã‚¤ãƒ³ãƒ™ã‚¹ãƒˆ50ç™ºè¡¨
CSSã¨Flashã®ãƒ‡ã‚¶ã‚¤ãƒ³ã§ã‚¤ãƒ³ã‚¹ãƒ”ãƒ¬ãƒ¼ã‚·ãƒ§ãƒ³ã‚’å¾—ã‚‹ãŸã‚ã®ã‚µã‚¤ãƒˆã€ŒBest Web Galleryã€ãŒé¸ã‚“ã 2007å¹´åº¦ã®CSSãƒ‡ã‚¶ã‚¤ãƒ³ãƒ™ã‚¹ãƒˆ50ãŒç™ºè¡¨ã•ã‚Œã¦ã„ã¾ã™ã€‚ã©ã‚Œã‚‚ã“ã‚Œã‚‚ãªã‹ãªã‹ç§€é€¸ãªãƒ‡ã‚¶ã‚¤ãƒ³ãªã®ã§ã€æ¥å¹´åº¦ã®æ–°ã—ã„ãƒ‡ã‚¶ã‚¤ãƒ³ã«å‘ã‘ã¦ã€ä»Šå¹´åº¦ã®ç·å¾©ç¿’ã‚’è¡Œã£ã¦æ–°ãŸãªã‚¤ãƒ³ã‚¹ãƒ”ãƒ¬ãƒ¼ã‚·ãƒ§ãƒ³ã®ç³§ã‚’å¾—ãŸã„äººã‚„ã€ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã‚„ãƒ–ãƒã‚°ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’æ–°ã—ãã—ãŸã„ã®ã§å‚è€ƒã«ãªã‚‹ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’æŽ¢ã—ã¦ã„ã‚‹äººã«æœ€é©ã§ã™ã€‚ ã¨ã„ã†ã‚ã‘ã§ã€ãƒ™ã‚¹ãƒˆ50ã¯ä»¥ä¸‹ã‹ã‚‰ã€‚ Capture the Valley - A project to benefit Habitat for Humanity http://capturethevalley.com/ Squawk http://www.squawkdesign.com/ Emeril's Holiday to Go : Home http://www.emerils.com/
krogue 2008/12/21
ã‚ã–ã‚ã–CSSã£ã¦ã¤ã‘ã‚‹å¿…è¦ã‚’æ„Ÿã˜ãªããªã£ã¦ããŸãª

css

web

design
ãƒªãƒ³ã‚¯
CSSãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆæ™‚ã®ã‚ˆãã‚„ã‚‹å¤±æ•—ã¨å¯¾å‡¦æ³•ï½œWEBåˆ¶ä½œï¼ˆhtml,css(ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆ) )ï½œãƒ—ãƒã‚°ãƒ©ãƒ ãƒ¡ãƒ¢
â– floatã§ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã—ãŸã¨ãã®ãƒœãƒƒã‚¯ã‚¹ã®é–“ã«éš™é–“ãŒå‡ºæ¥ã‚‹ â†’éš™é–“ãŒå‡ºæ¥ã‚‹ãƒœãƒƒã‚¯ã‚¹è¦ç´ å…¨ã¦ã« float è¦ç´ ã‚’è¿½åŠ â– <div>å†…ã«é…ç½®ã—ãŸ<img>ãŒ<div>ã‚ˆã‚Šã‚µã‚¤ã‚ºãŒå°ã•ã„ã¨éš™é–“ãŒå‡ºæ¥ã‚‹ â†’ ä¸‹è¨˜ã‚’è¿½åŠ img { display: block; } â– Win IEã ã‘ãšã‚Œã‚‹æ™‚ãŒã‚ã‚Šã€ãšã‚Œã‚‹å¤§ãã•ãŒãƒ•ã‚©ãƒ³ãƒˆã‚µã‚¤ã‚ºã«ã‚ˆã£ã¦å¤‰ã‚ã‚‹ â†’ãšã‚Œã‚‹<div>ç‰ã« vertical-align ã‚’è¨å®šã™ã‚‹ï¼ˆtop åˆã¯ bottomï¼‰ â– <td>å†…ã®ãƒ•ã‚©ãƒ³ãƒˆãŒæ£ã—ãæŒ‡å®šã—ãŸã¨ãŠã‚Šã§ãªã„ï¼ˆWin IE Mac IEï¼‰ â†’<td>ã®ä¸ã«<span>ã‚’ã„ã‚Œã¦å¯¾å¿œã™ã‚‹ â– MacIEã§<div>ã‚’ floatã•ã›ã‚‹ã¨è¡¨ç¤ºãŒå´©ã‚Œã‚‹ã€‚ â†’ ãƒ•ãƒãƒ¼ãƒˆã•ã›ã‚‹div ã® width height å±žæ€§ã‚’æŒ‡å®šã™ã‚‹ â– <ul><li>ã§ç”»åƒãƒªãƒ³ã‚¯ã‚’ä½œæˆã—ãŸã¨ãã« WinIEã§ãƒ•ã‚©ãƒ³ãƒˆã‚µã‚¤ã‚ºã‚’å¤‰æ›´ã™ã‚‹ã¨ éš™é–“
krogue 2008/12/21
css

web

design
ãƒªãƒ³ã‚¯
ç¬¬13å›žã€€Webãƒšãƒ¼ã‚¸ã§èªã¿ã‚„ã™ã„ãƒ†ã‚ã‚¹ãƒˆã¨ã¯ï¼šITpro
ä»Šå›žã®ãƒã‚¤ãƒ³ãƒˆ 1è¡Œã‚ãŸã‚Šã®æ–‡å—æ•°ã®ç›®å®‰ 1æ®µè½ã®æ–‡å—æ•°ã®ç›®å®‰ æ®µè½ã«å«ã‚€æ–‡å—æ•° è¡Œé–“èª¿æ•´ã®è€ƒãˆæ–¹ å—é–“èª¿æ•´ã‚’ä½¿ã£ãŸãƒã‚´é¢¨å‘³è¦‹å‡ºã— æ—¥æœ¬èªžã¨ã„ã†ã®ã¯ã‚‚ã¨ã‚‚ã¨ç¸¦æ›¸ãæ–‡åŒ–ã§ã™ã€‚æ–‡å—ã‚‚ç†ã§ç¸¦æ›¸ãã—ã¦ã„ãã¨ãã«æ›¸ãã‚„ã™ã„ã‚ˆã†ã«ä½œã‚‰ã‚Œã¦ã„ã¾ã™ã€‚ç¾åœ¨PCç”»é¢ä¸Šã§è¦‹ã‚‹ãƒ•ã‚©ãƒ³ãƒˆã¯ï¼Œæ´»å—å°åˆ·ç‰©ã®ãƒ•ã‚©ãƒ³ãƒˆã¨ã¯é•ã„ï¼Œæ¨ªæ›¸ãã§èªã¿ã‚„ã™ã„ã‚ˆã†ã«ã‚‚ã¨ã‚‚ã¨ã®å—ä½“ã‹ã‚‰è‹¥å¹²å½¢ã‚’å¤‰ãˆã‚‰ã‚Œã¦ã„ã¾ã™ã€‚ãã‚Œã§ã‚‚èµ·æºã§ã‚ã‚‹ç¸¦æ›¸ãã®å½¢ã‚’å®Œå…¨ã«å£Šã™ã“ã¨ãŒã§ããªã„ã®ã§ï¼Œã‚„ã¯ã‚Šæ¨ªæ›¸ãã§ã¯èªã¿ã¥ã‚‰ã„ã‚ˆã†ã«ãªã£ã¦ã„ã¾ã™ã€‚ æ—¥æœ¬äººãŒè‹¦ç—›ã‚’æ„Ÿã˜ã‚‹ã“ã¨ãªãèªã‚ã‚‹æ¨ªæ›¸ã1è¡Œã‚ãŸã‚Šã®å—æ•°ã¯20å—ï¼‹Î±ç¨‹åº¦ã ã¨è¨€ã‚ã‚Œã¦ã„ã¾ã™ã€‚æ„è˜ã—ã¦é›‘èªŒãªã©ã‚’è¦‹ã‚‹ã¨ãŸã„ã¦ã„ãŒ!)25æ–‡å—ã‹ã‚‰28æ–‡å—ç¨‹åº¦ã§ã™ã€‚ç”¨ç´™ï¼Œã¤ã¾ã‚Šæœ¬ã®ã‚µã‚¤ã‚ºãŒA4ã‚’è¶…ãˆã‚‹ã‚ˆã†ãªå¤§åˆ¤ã«ãªã‚‹ã¨ï¼Œ1ãƒšãƒ¼ã‚¸ã‚’å·¦å³2æ®µçµ„ã«åˆ†ã‘ã¦25ï½ž28å—ç¨‹åº¦ã«èª¿æ•´ã•ã‚Œã¦ã„ã¾ã™ã€‚ ä¸€æ–¹ï¼Œç¸¦æ›¸ãã®å ´åˆã«ã¯è˜åˆ¥è¨±å®¹é‡ã¯ã‚°ãƒ³ã¨å¢—åŠ ã—
krogue 2008/12/21
css

web

design

ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£
ãƒªãƒ³ã‚¯
webã‚µã‚¤ãƒˆä½œæˆæ™‚ã«ã‚µã‚¤ãƒˆã‚«ãƒ©ãƒ¼ã‚’æ±ºã‚ã‚‰ã‚Œãªã„äººã®ç‚ºã®webã‚µãƒ¼ãƒ“ã‚¹ã„ãã¤ã‹*ãƒ›ãƒ¼ãƒ ãƒšãƒ¼ã‚¸ã‚’ä½œã‚‹äººã®ãƒã‚¿å¸³
krogue 2008/12/21
web

design

css

color
ãƒªãƒ³ã‚¯
ç¶šãƒ»ãƒ–ãƒ©ã‚¦ã‚¶ã‚’æœ€å¤§åŒ–ã—ã¦é–‹ãå¿…è¦ã¯ãªã„ã‚ˆï¼ï¼šekken
ãƒ–ãƒ©ã‚¦ã‚¶ã‚’æœ€å¤§åŒ–ã—ã¦é–‹ãå¿…è¦ã¯ãªã„ã‚ˆï¼Â ã§è¨€åŠã—ãŸé˜¿æª€ã•ã‚“ã‹ã‚‰åè«–ãŒå¯„ã›ã‚‰ã‚ŒãŸã®ã§ã€å†ã³è¨˜äº‹ã«ã—ã¾ã™ã€‚ èªã¿é›£ã„ã¨æ„Ÿã˜ãŸèªè€…ã«ã¨ã£ã¦ã®æ‰‹é–“ã¯å¤‰ã‚ã‚‰ãªã„ã¨æ€ã† å°‘ãªãã¨ã‚‚ã€ã‚¿ã‚¤ãƒˆãƒ«ã¨å½“æ–¹ã§æ›¸ã„ãŸå†…å®¹ã¯ã‚ºãƒ¬ã¦ã„ã¾ã™ã€‚ç§ã¯ä¸€åº¦ã‚‚ã€ã€Œãƒ–ãƒ©ã‚¦ã‚¶ã‚’æœ€å¤§åŒ–ã—ã¦é–‹ã„ã¦ã„ã‚‹ã€ã¨æ›¸ã„ãŸè¦šãˆãŒã‚ã‚Šã¾ã›ã‚“ã€‚ Adan Kadan Blog ã€Œãƒ¢ãƒ‹ã‚¿ãƒ¼ã‚µã‚¤ã‚ºãŒã“ã‚Œã ã‘å¤§ãããªã£ã¦ã„ã‚‹æ™‚ä»£ã«ã€ã€ã‹ã‚‰çµã‚“ã ãƒªãƒ³ã‚¯å…ˆã€ã€Œçª“ã‚µã‚¤ã‚ºå°‚ç”¨ã€ã€ŠBROWSIZE.ORGã€‹ã€ã®ä¸€è¦§è¡¨ã§ãŠç¤ºã—ã—ãŸã®ã¯ã€ã€Œãƒ¢ãƒ‹ã‚¿ãƒ¼ã‚µã‚¤ã‚ºã§ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚ãƒ–ãƒ©ã‚¦ã‚¶ãƒ¼ã®çª“ã‚µã‚¤ã‚ºã§ã™ã€‚ã€ åƒ•ã¯å‰å›žã®è¨˜äº‹ã§è¨€åŠã—ãŸAdan Kadan Blogã®è¨˜äº‹ã®ã€Œâ€œæ–‡æœˆæ°ã‚¹ã‚¿ãƒ³ãƒ€ãƒ¼ãƒ‰æº–æ‹ â€ã‚’ç›®æŒ‡ã—ã¦ã¿ãŸã‚‚ã®ã®ã€ã¨æ›¸ã‹ã‚ŒãŸæ®µè½ã®ä¸»æ—¨ã‚’ã€Œãƒ¢ãƒ‹ã‚¿ãƒ¼ãŒå¤§ãããªã£ã¦ã„ã‚‹æ™‚ä»£ã«ã€å¯å¤‰å¹…ã®ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚’ä½¿ç”¨ã™ã‚‹ã®ã¯ãƒŠãƒ³ã‚»ãƒ³ã‚¹ã§ã¯ãªã„ã‹ã€ã¨èªã¿å–ã‚Šã¾ã—ãŸã€‚(æ£ç¢ºã«ã¯ã€Œã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã‚’å¤§ããè¡¨
krogue 2008/11/27
css

web

design
ãƒªãƒ³ã‚¯
1