[B! markup][*Web] webmarksjpã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

webmarksjp id:webmarksjp

markupã¨*Webã«é–¢ã™ã‚‹webmarksjpã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (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}}

ã‚¹ãƒƒã‚ãƒªã‹ã‚“ãŸã‚“ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆ
ã‚¢ãƒƒãƒ—ãƒ‡ãƒ¼ãƒˆã•ã‚ŒãŸInternet Explorerãƒ–ãƒ©ã‚¦ã‚¶ã‚’ä½¿ç”¨ã—ã¦Flashã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’è¡¨ç¤ºã—ãŸå ´åˆï¼Œé–²è¦§è€…ã¯ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’è¡¨ç¤ºã§ãã¾ã™ãŒï¼Œã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã¨å¯¾è©±ã™ã‚‹ã“ã¨ã¯ã§ãã¾ã›ã‚“ã€‚ ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®ä¸Šã«ãƒžã‚¦ã‚¹ã‚’ç½®ãã¨ï¼Œæœ‰åŠ¹åŒ–ã™ã‚‹ãŸã‚ã«ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®ã‚¯ãƒªãƒƒã‚¯ã‚’æ±‚ã‚ã‚‹ãƒ„ãƒ¼ãƒ«ãƒ’ãƒ³ãƒˆãŒè¡¨ç¤ºã•ã‚Œã¦ã—ã¾ã„ã¾ã™ã€‚ãã‚Œã‚’é€šå¸¸ã©ãŠã‚Šã«å‹•ä½œã•ã›ã‚‹ãŸã‚ã®å›žé¿ç–ã§ã™ã€‚ ç§ãŒè³¼å…¥ã—ãŸä¸‹è¨˜PCã¯ã„ã¾ã ã«å¥åœ¨ã§ã™ã€‚ 1998å¹´ Dimension T6001999å¹´ Inspironï¼ˆ2å°ï¼‰Â 2003å¹´ Latitude D600
webmarksjp 2008/07/14
css

webåˆ¶ä½œ

markup

*web

*ãƒ‡ã‚¶ã‚¤ãƒ³

ãƒ„ãƒ¼ãƒ«

ã¦) tips

webé–‹ç™º
ãƒªãƒ³ã‚¯
Lucky bag::blog: CSS ã‚’ä½œæˆã™ã‚‹éš›ã®ãŠç´„æŸ
CSS ã‚’ä½œæˆã—ã¦ã„ã‚‹éš›ã«ã€å½“ç„¶ã®å¦‚ããƒ–ãƒ©ã‚¦ã‚¶ã«ã‚ˆã£ã¦æç”»çµæžœã«é•ã„ãŒå‡ºã¦ãã‚‹ã‚ã‘ã§ã€ãƒ ã‚ãƒ¼ã¨ã‹è¨€ã„ãªãŒã‚‰ãã®å·®ç•°ã‚’åŸ‹ã‚ã¦ã„ãä½œæ¥ãŒä¸€ç•ªé¢å€’ã£ã¡ã‚ƒã‚é¢å€’ã€‚ã‚“ã§ã€ãƒœãƒƒã‚¯ã‚¹ãƒ¢ãƒ‡ãƒ«ã‚„ãã®ä»–ãƒ–ãƒ©ã‚¦ã‚¶ã”ã¨ã®ãƒã‚°ä»¥å¤–ã§ã€æ¥µåŠ›ãã†è¨€ã£ãŸå·®ç•°ã‚’å°‘ãªãã™ã‚‹ãŸã‚ã«ã¯ã€ä¸€ç•ªæœ€åˆã«å…¨ç§°ã‚»ãƒ¬ã‚¯ã‚¿ã‚’ä½¿ã£ã¦ãƒ–ãƒ©ã‚¦ã‚¶ã®ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã‚¹ã‚¿ã‚¤ãƒ«ã‚’æ¶ˆã—ã¦ã—ã¾ã†ã®ãŒæ‰‹ã£å–ã‚Šæ—©ã„ã€‚ * { margin: 0; padding: 0; font-style: normal; font-weight: normal; } ã“ã“ã‚‰ã¸ã‚“ã¯åŸºæœ¬ã ã¨æ€ã£ã¦ãŸã‚“ã ã‘ã©ã€æœªã ã«ã“ã‚Œã‚’ã‚„ã£ã¦ã„ãªãã¦ã€ã‚ã®ãƒ–ãƒ©ã‚¦ã‚¶ã¨ã“ã®ãƒ–ãƒ©ã‚¦ã‚¶ã§è¦‹ãŸç›®ãŒé•ã†ã‚“ã§ã™ã‘ã©ã£ã¦ã®ã¯çµæ§‹ã„ãŸã‚Šã™ã‚‹ã€‚ä¸Šè¨˜ã« text-decoration: none; ã‚„ font-size: 100%; ãªã‚“ã‹ã‚’åŠ ãˆã¦ã‚‚è‰¯ã„ã‹ã‚‚çŸ¥ã‚Œãªã„ã‘ã©ã€æœ€ä½Žé™ãƒžãƒ¼ã‚¸ãƒ³ã¨ãƒ‘ãƒ‡ã‚£ãƒ³ã‚°ã¯ç„¡ãã—ã¦ãŠãã“ã¨ã‚’ãŠè–¦
webmarksjp 2008/07/14
CSS

markup

tips

åˆ¶ä½œ

*css

design

*web

resetCss

blog
ãƒªãƒ³ã‚¯
CSSã‚’ä½¿ã„ã€ï¼‘æžšã®ç”»åƒã ã‘ã§ã‚«ãƒ©ãƒ•ãƒ«ãªã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³èƒŒæ™¯ã‚’ä½œã‚‹ä¾‹:phpspoté–‹ç™ºæ—¥èªŒ
A List Apart: Articles: Super-Easy Blendy Backgrounds CSSã‚’ä½¿ã„ã€ï¼‘æžšã®ç”»åƒã ã‘ã§ã‚«ãƒ©ãƒ•ãƒ«ãªã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³èƒŒæ™¯ã‚’ä½œã‚‹ä¾‹ã€‚ æ¬¡ã®ã‚ˆã†ãªé€éŽPNGãŒã‚ã£ãŸã¨ã—ã¦ã€æ›´ã«ã“ã®ä¸‹ã«è‰²ã‚’ä»˜ã‘ã‚‹ã¨ãƒ»ãƒ»ãƒ»ã€‚ å¤§ä½“ã©ã†ãªã‚‹ã‹åˆ†ã‹ã‚‹ã¨æ€ã„ã¾ã™ãŒæ¬¡ã®ã‚ˆã†ãªã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³èƒŒæ™¯ãŒå‡ºæ¥ã¾ã™ã€‚ ãã‚“ãªCSSã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ãŒç´¹ä»‹ã•ã‚Œã¦ã¾ã™ã€‚ example oneÂ (FireFoxã®ã¿) example twoÂ (FireFoxã®ã¿) example threeÂ (FireFoxã®ã¿) example fourÂ (FireFoxã®ã¿) Example fiveÂ (FireFoxã®ã¿) Example sixÂ (IEã‚‚å‹•ãã¾ã™) Example sevenÂ Â (IEã‚‚å‹•ãã¾ã™) ã‚¢ã‚¤ãƒ‡ã‚¢æ¬¡ç¬¬ã§ã“ã†ã„ã£ãŸæŠ€ã‚‚ã§ãã¦ã—ã¾ã„ã¾ã™ãã€‚ é€šå¸¸ãªã‚‰ç”»åƒã‚’PhotoShopãªã‚“ã‹ã§
webmarksjp 2008/07/14
*css

*webdesign

css

tips

design

markup

*web

ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³

ã¦) tips
ãƒªãƒ³ã‚¯
CSSç€ã›æ›¿ãˆãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆï¼
This domain may be for sale!
webmarksjp 2008/07/14
ãƒ‡ã‚¶ã‚¤ãƒ³

web

css

markup

ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆ

*css

design

*web

HTML
ãƒªãƒ³ã‚¯
Passion For The Future: ã™ã¹ã¦ã®ã‚¿ã‚°ã«æž ã¥ã‘ã€è‰²ã¥ã‘ã—ã¦CSSãƒ‡ã‚¶ã‚¤ãƒ³ã‚’æ”¯æ´ã™ã‚‹STYLE Diver
Â« ã“ã®ãƒ–ãƒã‚°å°‚ç”¨ã®æºå¸¯ãƒªãƒ¼ãƒ€ãƒ¼ã€€ã€Œæƒ…å ±è€ƒå¦ã‚¢ãƒ—ãƒªç™»å ´ã€By feedAPPLI | Main | ãƒžã‚¦ã‚¹å‘¨è¾ºã‚’æ‹¡å¤§è¡¨ç¤ºã™ã‚‹SimaLoupe Â» æ›¸è©•ï¼šè„³ãƒ»ã“ã“ã‚ ï½œæ›¸è©•ï¼š ä¼ç”»ãƒ»ç™ºæƒ³ï½œ æ›¸è©•ï¼šæ–‡åŒ–ãƒ»æ–‡æ˜Žï½œæ›¸è©•ï¼šçµŒæ¸ˆãƒ»çµŒå–¶ ï½œæ›¸è©•ï¼šå ä¾›ãƒ»æ•™è‚²ï½œæ›¸ è©•ï¼šå°èª¬ãƒ»æˆ¯æ›²ï½œæ›¸è©•ï¼šãƒãƒƒãƒˆæ´»ç”¨ ï½œæ›¸è©•ï¼š ä»•äº‹ãƒ»ç®¡ç†ï½œæ›¸ è©•ï¼šãƒ¡ãƒ‡ã‚£ã‚¢è«–ï½œæ›¸è©•ï¼šãã®ä»–ï½œæ›¸è©•ï¼šæ€æƒ³ãƒ»å“²å¦ ï½œæ›¸è©• ï¼šæ–‡ç« ãƒ»è¡¨ç¾ï½œæ›¸è©•ï¼šèªçŸ¥ãƒ»å¿ƒç† ï½œæ›¸è©•ï¼šç¥ž è©±ãƒ»å®—æ•™ï½œæ›¸ è©•ï¼šç§‘å¦ãƒ»æŠ€è¡“ï½œæ›¸è©•ï¼šç¤¾ä¼šãƒ»ä¸–é–“ ï½œæ›¸è©•ï¼šæ•™é¤Š ãƒ»é›‘å¦ 2006å¹´åº¦ã€€å¹´é–“ã‚ªã‚¹ã‚¹ãƒ¡æ›¸ç±ãƒ©ãƒ³ã‚ãƒ³ã‚°ã€€ãƒŽãƒ³ãƒ•ã‚£ã‚¯ã‚·ãƒ§ãƒ³éƒ¨é–€ 2006å¹´åº¦ã€€å¹´é–“ã‚ªã‚¹ã‚¹ãƒ¡æ›¸ç±ãƒ©ãƒ³ã‚ãƒ³ã‚°ã€€ãƒ•ã‚£ã‚¯ã‚·ãƒ§ãƒ³ç·¨ 2005å¹´åº¦ã€€æ›¸ç±å£²ã‚Šä¸Šã’ãƒ©ãƒ³ ã‚ãƒ³ã‚°ã€€ãƒ™ã‚¹ãƒˆ20 2005å¹´åº¦ã€€å¹´é–“ã‚ªã‚¹ã‚¹ãƒ¡æ›¸ç± ãƒ©ãƒ³ã‚ãƒ³ã‚°ã€€ãƒ™ã‚¹ãƒˆ20å†Š 2004å¹´åº¦ã€€äººæ°—è¨˜äº‹ãƒ™ã‚¹ãƒˆ10 ã‚¢ã‚¯ã‚»ã‚¹æ•°ãŒå¤šã‹ã£ãŸè¨˜äº‹ã¨ã¯ï¼Ÿ 2004å¹´åº¦ã€€äººæ°—æ›¸
webmarksjp 2008/07/13
*dev

*css

css

markup

*web

ãµ) ãƒ•ãƒªãƒ¼ã‚½ãƒ•ãƒˆ

*webdesign

*webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
ç”»åƒã®ãƒãƒ¼ãƒ«ã‚ªãƒ¼ãƒãƒ¼åŠ¹æžœã‚’CSSã§ç°¡å˜å®Ÿè£…ã™ã‚‹æ–¹æ³•:phpspoté–‹ç™ºæ—¥èªŒ
Simple CSS Image Rollover - Find Motive Back when I first started doing web development I used Javascript Image objects and onMouseOver and onMouseOut to make image rollovers for web pages. This worked well, but was kind of clunky and required 2 separate images. ç”»åƒã®ãƒãƒ¼ãƒ«ã‚ªãƒ¼ãƒãƒ¼åŠ¹æžœã‚’CSSã§ç°¡å˜å®Ÿè£…ã™ã‚‹æ–¹æ³•ã€‚ ç‰¹ã«çœŸæ–°ã—ã„ã‚‚ã®ã§ã¯ãªã„ã¨æ€ã„ã¾ã™ãŒã€çŸ¥ã‚‰ãªã„äººã‚‚å¤šã„ã‚ˆã†ãªæ°—ãŒã—ãŸã®ã§ç´¹ä»‹ã—ã¾ã™ã€‚ anchorã‚¿ã‚°ã®hover æ™‚ã«èƒŒæ™¯ç”»åƒã‚’ãšã‚‰ã™ã¨ã„ã†æ‰‹æ³•ã§ã™ã€‚ ã‚³ãƒ¼ãƒ‰ã¯CSSã¨HTMLãã‚Œãžã‚Œæ¬¡ã®ã‚ˆã†ã«è¨˜è¿°ã—ã¾ã™ã€‚ /* CS
webmarksjp 2008/07/13
cssdesign

webdesign

css

markup

*tips

*webdesign

*Web

1.CSS

JavaScript
ãƒªãƒ³ã‚¯
ãƒãƒ¼ãƒ—ã‚« - ã¯ã¦ãªãƒ€ã‚¤ã‚¢ãƒªãƒ¼ã®span.sanchorå•é¡Œ
ã¯ã¦ãª, CSS | 23:11 | ã¯ã¦ãªãƒ€ã‚¤ã‚¢ãƒªãƒ¼ã®CSSã‚’ã„ã˜ã£ãŸäº‹ãŒã‚ã‚‹äººãªã‚‰èª°ã—ã‚‚ä¸€åº¦ã¯ã‚»ã‚¯ã‚·ãƒ§ãƒ³ã®é ã«ã¤ãâ– ã‚’ç”»åƒã«å¤‰ãˆã‚ˆã†ã¨ã™ã‚‹ã¨æ€ã„ã¾ã™ãŒã€ã“ã®span.sanchorã£ã¦ã„ã†ã®ãŒãªã‹ãªã‹æ›²è€…ã§ã€span.sanchorãŒaã‚¿ã‚°ã®å†…å´ã«ã‚ã‚‹ãŸã‚ã«ã‚ˆãç”»åƒç½®æ›ã§ä½¿ã‚ã‚Œã‚‹ã‚ˆã†ãªtext-indent:-9999pxã¨ã‹ã®æŠ€ã‚’ä½¿ã†ã¨IEã§ãƒªãƒ³ã‚¯ã‚’ã‚¯ãƒªãƒƒã‚¯ã§ããªã„ã¨ã‹ä¸å…·åˆãŒã§ã¦ãã¦ã—ã¾ã†ã¨ã„ã†å•é¡ŒãŒã‚ã‚Šã¾ã™ã€‚åƒ•ã®å ´åˆã¯ä»¥å‰ã‹ã‚‰ãƒ•ã‚©ãƒ³ãƒˆã‚µã‚¤ã‚ºã‚’å°ã•ãã—ã¦paddingã§è¡¨ç¤ºã™ã‚‹ã¨ã„ã†æ–¹æ³•ã‚’ä½¿ã£ã¦ã„ãŸã‚“ã§ã™ãŒã€ãã‚Œã ã¨Operaã§æ£ã—ãè¡¨ç¤ºã•ã‚Œãªã„ã¨ã„ã†å•é¡ŒãŒã‚ã‚Šã¾ã—ãŸãŒç„¡è¦–ã—ã¦ã¾ã—ãŸï¼¾ï¼¾ã€‚ãªã®ã§çµå±€ã©ã†é ‘å¼µã£ã¦ã‚‚ã†ã¾ãã„ã‹ãªã„éƒ¨åˆ†ãŒå‡ºã¦ãã¦ã—ã¾ã„é¢å€’ãªã®ã§æœ€è¿‘ã¯ãã®éƒ¨åˆ†ã«ã¤ã„ã¦ã¯ã„ã˜ã‚‰ãªã„ã‚ˆã†ã«ã—ã¦ã„ã¾ã—ãŸã€‚ã§ã™ãŒã€ã‚ˆã†ã‚„ãè§£æ±ºæ–¹æ³•ãŒè¦‹ã¤ã‹ã‚Šã¾ã—ãŸã€‚è‡ªåˆ†ãŒè¦‹ã¤ã‘ãŸã‚ã‘ã˜ã‚ƒãªã„ã§ã™ã‘
webmarksjp 2008/07/13
ã¯ã¦ãª

markup

*Web

1.Blog

css

hatena

web

design
ãƒªãƒ³ã‚¯
1