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

susieq id:susieq

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

${{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ã§è§’ãŒã¾ã‚‹ã„å¹ãå‡ºã—ã‚’ä½œã‚‹ã€ŒCSS Speech Bubblesã€ã¨ã‹å¹ãå‡ºã—ã„ã‚ã„ã‚ - GIGAZINE
CSSã‚’ä½¿ã£ã¦å¹ãå‡ºã—ã‚’ä½œæˆã™ã‚‹ã“ã¨ãŒã§ãã‚‹CSSãƒ•ã‚¡ã‚¤ãƒ«ã¨JSãƒ•ã‚¡ã‚¤ãƒ«ã€ãã‚Œã‹ã‚‰ç”»åƒãƒ•ã‚¡ã‚¤ãƒ«ã‚’ã²ã¨ã¾ã¨ã‚ã«ã—ãŸã‚»ãƒƒãƒˆã§ã™ã€‚XHTML1.0æº–æ‹ ã§ã€Internet Explorer 6 ã¨ 7ã€Firefox 2.0ã€Safari 2.0ã€Opera 9.0ã§å‹•ä½œç¢ºèªãŒã§ãã¦ã„ã¾ã™ã€‚ ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã¯ä»¥ä¸‹ã‹ã‚‰ã€‚ willmayo.com >> CSS Speech Bubbles å®Ÿéš›ã®ã‚µãƒ³ãƒ—ãƒ«ã¯ä»¥ä¸‹ã«ã‚ã‚Šã¾ã™ã€‚ CSS Speech Bubbles è§’ã‚’ã¾ã‚‹ãã—ã¦ã„ã‚‹ã®ã¯ã€ã€ŒcurvyCornersã€ã‚’ä½¿ç”¨ã—ã¦ã„ã‚‹ã¨ã®ã“ã¨ã€‚ ã»ã‹ã«ã‚‚ã“ã®å¹ãå‡ºã—æ–¹ã®ã‚‚ã®ã¯ä»¥ä¸‹ã«å¤šãã‚ã‚Šã¾ã™ã€‚ å…¥åŠ›æ¬„ï¼ˆãƒ•ã‚©ãƒ¼ãƒ ï¼‰éƒ¨åˆ†ã‚’ãƒžã‚¦ã‚¹ã§ã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ã¨å¹ãå‡ºã—ãŒå‡ºã¦ãã‚‹ã‚¿ã‚¤ãƒ— Tooltip for forms ãƒªãƒ³ã‚¯ã®ä¸Šã«ãƒžã‚¦ã‚¹ã‚’ä¹—ã›ã‚‹ã¨å¹ãå‡ºã—ãŒè¡¨ç¤ºã•ã‚Œã‚‹ã‚¿ã‚¤ãƒ— Ajax tooltip ãƒªãƒ³ã‚¯ã®ä¸Šã«ãƒžã‚¦ã‚¹ã‚’ä¹—ã›
susieq 2007/12/19
webãƒ‡ã‚¶ã‚¤ãƒ³

css
ãƒªãƒ³ã‚¯
MTã§å°åˆ·ç”¨ãƒšãƒ¼ã‚¸ã‚’ä½œæˆã™ã‚‹ã«ã¯ï¼Ÿ - ã„ã£ã—ãã¾ã•ã²ã“BLOG
Movable Typeã§ã€å°åˆ·ç”¨ãƒšãƒ¼ã‚¸ã‚’ä½œæˆã™ã‚‹æ–¹æ³•ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ï¼ˆMovable Typeã‚’ä½¿ã£ã¦ã„ãªãã¦ã‚‚ã€CSSã‚’ä½¿ã£ã¦ã„ã‚Œã°åŒæ§˜ã®ã“ã¨ãŒã§ãã¾ã™ã€‚ï¼‰ æ¬¡ã®ç”»é¢ã®ã‚ˆã†ãªWebãƒšãƒ¼ã‚¸ã‚’ãã®ã¾ã¾å°åˆ·ã™ã‚‹ã¨ã€ä¸è¦ãªã‚‚ã®ãŒå°åˆ·ã•ã‚ŒãŸã‚Šã€ç”¨ç´™ã‹ã‚‰ã¯ã¿å‡ºã¦ã—ã¾ã†å ´åˆãŒã‚ã‚Šã¾ã™ã€‚ ãã“ã§ã€å°åˆ·ã®æ™‚ã ã‘å°åˆ·ç”¨ã®ãƒšãƒ¼ã‚¸ ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã§è¡¨ç¤ºã™ã‚‹ã‚ˆã†ã«ã—ã¾ã™ã€‚ æ¬¡ã®ç”»é¢ã¯ã€ãã®ä¾‹ã§ã™ã€‚ä½™åˆ†ãªé …ç›®ã¯å‰Šé™¤ã•ã‚Œã€å›ºå®šå¹…ã ã¨ã¯ã¿å‡ºã‚‹å ´åˆãŒã‚ã‚‹ã®ã§ã€å›ºå®šå¹…ãŒè§£é™¤ã•ã‚Œã¦ã„ã¾ã™ã€‚ ï¼ˆãªãŠã€ä»Šã€å‚ç…§ã—ã¦ã„ã‚‹æœ¬ã‚µã‚¤ãƒˆã®ãƒšãƒ¼ã‚¸ã‚’å°åˆ·ãƒ—ãƒ¬ãƒ“ãƒ¥ãƒ¼ã™ã‚‹ã¨ã€å°åˆ·ãƒšãƒ¼ã‚¸ã¨Webãƒšãƒ¼ã‚¸ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã®é•ã„ã‚’å®Ÿéš›ã«ç¢ºèªã§ãã¾ã™ã€‚ï¼‰ å°åˆ·ç”¨ã®ãƒšãƒ¼ã‚¸ ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’ä½œæˆã™ã‚‹ã®ã¯ã¨ã¦ã‚‚ç°¡å˜ã§ã™ã€‚ Movable Typeã¯ã€ã‚‚ã¨ã‚‚ã¨ã€Œãƒ‡ãƒ¼ã‚¿ã®XHTMLã€ã¨ã€Œãƒ‡ã‚¶ã‚¤ãƒ³ã®CSSï¼ˆã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆï¼‰ã€ãŒåˆ†é›¢ã•ã‚Œã¦ã„ã¾ã™ã€‚ ã‚ˆã£ã¦ã€æ—¢å˜ã®Webãƒšãƒ¼ã‚¸ã‚’å°åˆ·
susieq 2007/02/20
css

å°åˆ·

ãƒ—ãƒªãƒ³ãƒˆ
ãƒªãƒ³ã‚¯
bodyã«è¨å®šã—ã¦ãŠãã¨ä¾¿åˆ©ãª3ã¤ã®ãƒã‚¤ãƒ³ãƒˆã¨ãŠã¾ã‘ï½œCSS HappyLife
CSSï¼ˆã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆï¼‰ã§bodyã«è¨å®šã—ã¦ãŠãã¨ä¾¿åˆ©ãª5ã¤ã®ãƒã‚¤ãƒ³ãƒˆ - ãƒ‡ã‚¶ã‚¤ãƒ³ã‚¦ã‚©ãƒ¼ã‚«ãƒ¼ | DesignWalker - ãƒã‚µãƒ³ã‚¼ãƒ«ã‚¹ã§åƒãã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®æ—¥è¨˜ã‚’èªã‚“ã§ã€ãƒœã‚¯ãªã‚Šãªæœ€åˆã«æŒ‡å®šã—ã¦ç½®ãã¨è‰¯ã„ãƒã‚¤ãƒ³ãƒˆã‚’ä¸Šã’ãŸããªã£ãŸã®ã§æ›¸ã„ã¡ã‚ƒã„ã¾ã™ã€‚ ã‚€ã—ã‚ã“ã®ã‚µã‚¤ãƒˆã®æ–¹å‘æ€§çš„ã«æœ‰ã£ãŸæ–¹ãŒä¾¿åˆ©ã ã‚ˆãªãƒ¼ã¨ã€‚ æ›¸ããã£ã‹ã‘ã‚’é ‚ãã€æ„Ÿè¬ã„ãŸã—ã¾ã™ã€‚ ã¡ãªã¿ã«ã€æœ€åˆã«æŒ‡å®šã—ã¦ãŠããƒã‚¤ãƒ³ãƒˆã£ã¦ãã‚Œãžã‚Œã ã¨æ€ã†ã®ã§ã€ä¸€ã¤ã®å‚è€ƒã¨ã—ã¦èªã‚“ã§ã„ãŸã ã‘ã‚Œã°å¹¸ã„ã§ã™ã€‚ æœ€åˆã«bodyã«æŒ‡å®šã—ã¦ãŠãã¨ä¾¿åˆ©ã ã¨æ€ã†3ã¤ã‚’ã€‚ body { background:#FFF url(../img/share/bg.gif) no-repeat left top; font-family:Verdana, "ï¼ï¼³ ï¼°ã‚´ã‚·ãƒƒã‚¯", sans-serif; font-size:80%; } ã˜ã‚ƒã‚ã€è©³ç´°ã«ã¤ã„ã¦è‰²ã€…æ›¸
susieq 2007/02/12
css
ãƒªãƒ³ã‚¯
1

ãŠçŸ¥ã‚‰ã›

ã‚‚ã£ã¨èªã‚€

å…¬å¼Twitter

@hatebu
æœ€æ–°ã®äººæ°—ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã®é…ä¿¡

ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆä¸€è¦§

jæ¬¡ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

kå‰ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

lã‚ã¨ã§èªã‚€

eã‚³ãƒ¡ãƒ³ãƒˆä¸€è¦§ã‚’é–‹ã

oãƒšãƒ¼ã‚¸ã‚’é–‹ã

è¨å®šã‚’å¤‰æ›´ã—ã¾ã—ãŸx

ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

ã‚¿ã‚°

é–¢é€£ã‚¿ã‚°ã§çµžã‚Šè¾¼ã‚€ (3)

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

ãŠçŸ¥ã‚‰ã›

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2025å¹´11æœˆç¬¬2é€±ï¼‰

æœˆé–“ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2025å¹´10æœˆï¼‰

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2025å¹´11æœˆç¬¬1é€±ï¼‰

å…¬å¼Twitter

ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆä¸€è¦§

ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

å…¬å¼Twitter

ã¯ã¦ãªã®ã‚µãƒ¼ãƒ“ã‚¹

ã‚¿ã‚°

é–¢é€£ã‚¿ã‚°ã§çµžã‚Šè¾¼ã‚€ (3)

cssã«é–¢ã™ã‚‹susieqã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (3)

CSSã§è§’ãŒã¾ã‚‹ã„å¹ãå‡ºã—ã‚’ä½œã‚‹ã€ŒCSS Speech Bubblesã€ã¨ã‹å¹ãå‡ºã—ã„ã‚ã„ã‚ - GIGAZINE

MTã§å°åˆ·ç”¨ãƒšãƒ¼ã‚¸ã‚’ä½œæˆã™ã‚‹ã«ã¯ï¼Ÿ - ã„ã£ã—ãã¾ã•ã²ã“BLOG

bodyã«è¨­å®šã—ã¦ãŠãã¨ä¾¿åˆ©ãª3ã¤ã®ãƒã‚¤ãƒ³ãƒˆã¨ãŠã¾ã‘ï½œCSS HappyLife

ãŠçŸ¥ã‚‰ã›

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚­ãƒ³ã‚°ï¼ˆ2025å¹´11æœˆç¬¬2é€±ï¼‰

æœˆé–“ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚­ãƒ³ã‚°ï¼ˆ2025å¹´10æœˆï¼‰

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚­ãƒ³ã‚°ï¼ˆ2025å¹´11æœˆç¬¬1é€±ï¼‰

å…¬å¼Twitter

ã‚­ãƒ¼ãƒœãƒ¼ãƒ‰ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆä¸€è¦§

ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

å…¬å¼Twitter

ã¯ã¦ãªã®ã‚µãƒ¼ãƒ“ã‚¹

é–¢é€£ã‚¿ã‚°ã§çµžã‚Šè¾¼ã‚€ (3)

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

CSSã§è§’ãŒã¾ã‚‹ã„å¹ãå‡ºã—ã‚’ä½œã‚‹ã€ŒCSS Speech Bubblesã€ã¨ã‹å¹ãå‡ºã—ã„ã‚ã„ã‚ - GIGAZINE

MTã§å°åˆ·ç”¨ãƒšãƒ¼ã‚¸ã‚’ä½œæˆã™ã‚‹ã«ã¯ï¼Ÿ - ã„ã£ã—ãã¾ã•ã²ã“BLOG

bodyã«è¨å®šã—ã¦ãŠãã¨ä¾¿åˆ©ãª3ã¤ã®ãƒã‚¤ãƒ³ãƒˆã¨ãŠã¾ã‘ï½œCSS HappyLife

ãŠçŸ¥ã‚‰ã›

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2025å¹´11æœˆç¬¬2é€±ï¼‰

æœˆé–“ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2025å¹´10æœˆï¼‰

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2025å¹´11æœˆç¬¬1é€±ï¼‰

å…¬å¼Twitter

ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆä¸€è¦§

ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

å…¬å¼Twitter

ã¯ã¦ãªã®ã‚µãƒ¼ãƒ“ã‚¹