ã‚ãªãŸã¯PCスマホ使ã„ã§ã™ã？ 上ã®æ–‡å—ã¯ã‚¹ãƒžãƒ›ã‹PCã‹ã«ã‚ˆã£ã¦å¤‰ã‚ã‚Šã¾ã™ ..ã‚ãªãŸã¯PCスマホ使ã„ã§ã™ã？ 上ã®æ–‡å—ã¯ã‚¹ãƒžãƒ›ã‹PCã‹ã«ã‚ˆã£ã¦å¤‰ã‚ã‚Šã¾ã™ ※PCã®äººã¯ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã®æ¨ªå¹…を縮ã‚ã¦ã¿ã‚‹ã¨æ–‡å—ãŒå¤‰ã‚ã‚‹ãžï¼ç¢ºã‹ã‚ã¦ã¿ã‚ˆã†ï¼
ã²ã¨ã‚Šã§Web制作ã§ããŸï¼ã€ŒçŸ¥è˜ï¼ã‹ã‚‰å¦ã¶ã€ã™ã”ã„スライドやサイト２７
作æˆï¼š2013/07/22 更新：2014/11/01 Web制作 > 先日ã€ãŠå®¢ã•ã‚“ã®ã¨ã“ã‚ã¸æ案ã«ã„ã£ãŸã¨ã“ã‚ã€ã€Œã‚µã‚¤ãƒˆã‚’自分ã§ã‚‚作りãŸã„ã®ã§å®šæœŸçš„ã«è¬›ç¿’会を開ã„ã¦æ¬²ã—ã„。Wordã—ã‹åˆ†ã‹ã‚‰ãªã„。ã€ã¨è¨€ã‚ã‚Œã¾ã—ãŸã€‚ã¨ã¯ã„ã£ã¦ã‚‚ã€è‡ªåˆ†ã§ã‚る程度ã€ç¶™ç¶šã—ã¦å‹‰å¼·ã—ã¦ãŠã‹ãªã„ã¨ã€å—講ã™ã‚‹äººã¯2回目以é™ã®å—講内容をç†è§£å‡ºæ¥ãªã„ã—ã€æ•™ãˆã‚‹äººã‚‚基本知è˜ã‚’ã—ã£ã‹ã‚Šèº«ã«ã¤ã‘ã¦ãŠã‹ãªã„ã¨ã€è³ªå•ã«ç”ãˆã‚‹ã“ã¨ã‚‚ã§ãã¾ã›ã‚“。 今回ã¯Web製作をã™ã‚‹ãªã‚‰å¿…ãšæŠ‘ãˆã‚‹ã¹ãã“ã¨ã€çŸ¥è˜ã€Œï¼ã€ã‹ã‚‰å¦ã¶ã€åŸºæœ¬çš„ãªçŸ¥è˜ã‚’ç¿’å¾—ã§ãるスライド・サービス・サイトをã¾ã¨ã‚ã¾ã—ãŸã€‚ディレクションã«ã‚‚OK。メジャーãªã‚‚ã®ä¸å¿ƒã§ã™ã€‚ã¨ã¯ã„ãˆé‡ãŒè†¨å¤§ã«ãªã£ãŸã®ã§ã€å¿…è¦ãªéƒ¨åˆ†ã ã‘ピックアップã—ã¦å¦ã³ã¾ã—ょã†ã€‚※スライドãŒãªã„ã‚‚ã®ã«é–¢ã—ã¦ã¯ã€ãŠå½¹ç«‹ã¡ãƒªãƒ³ã‚¯ã‚’ã¤ã‘ã¦ã¾ã™ã€‚ ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢é€Ÿå ±ã¯ Twitter ã®@commteã§é…ä¿¡ã—ã¦ã„ã¾ã™ã€‚ ã‚‚ãã˜
CSSã§1行目ã®è¦‹å‡ºã—é …ç›®ã‚’ã¶ã‚‰ä¸‹ã’インデントã™ã‚‹ï½œweb bibo
注æ„書ãや箇æ¡æ›¸ããªã©æ®µè½ã®1行目ã«è¦‹å‡ºã—é …ç›®ãŒã‚ã‚‹æ–‡ç« ã§ã€é …目を目立ãŸã›ã‚‹ãŸã‚ã«ã€2行目以é™ã‚’å—下ã’ã™ã‚‹ã“ã¨ãŒã‚ã‚Šã¾ã™ã€‚ã“れを簡å˜ã«å®Ÿç¾ã™ã‚‹æ–¹æ³•ã§ã™ã€‚ 注æ„書ãã¨ã‹ç®‡æ¡æ›¸ããªã©ã€éžå¸¸ã«ä½¿ã†å ´é¢ãŒå¤šã„ã¨æ€ã†ã®ã§ã®ã§ã€ã‹ãªã‚Šå½¹ç«‹ã¤ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã§ã™ã€‚ã¦ã„ã†ã‹ã€ã“ã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯çš†ã•ã‚“知ã£ã¦ã¾ã™ã‚ˆã。。。一応ã€CSSåˆå¿ƒè€…ã®æ–¹å‘ã‘ã¨ã„ã†ã“ã¨ã§è¼‰ã›ã¦ãŠãã¾ã™ã€‚ HTMLコード <ul> <li>※ã‚ã‚ã‚ã‚ã‚ã‚ã‚ã‚ã‚ã‚ã‚ã‚ã‚ã‚ã‚ã‚ã‚ã‚ã‚ã‚ã‚ã‚ã‚ã‚ã‚ã‚ã‚ã‚ã‚ã‚ã‚ã‚ã‚ã‚ã‚ã‚</li> <li>※ã„ã„ã„ã„ã„ã„ã„ã„ã„ã„ã„ã„ã„ã„ã„ã„ã„ã„ã„ã„ã„ã„ã„ã„ã„ã„ã„ã„ã„ã„ã„ã„</li> <li>※ã†ã†ã†ã†ã†ã†ã†ã†ã†ã†ã†ã†ã†ã†ã†ã†ã†ã†ã†ã†ã†ã†ã†ã†ã†ã†ã†ã†ã†ã†ã†ã†ã†ã†ã†ã†ã†ã†ã†ã†</li> </ul> CSSコード ul { list-style: none; width: 250px; font-size: 0.8em; lin
ã€PC】ブãƒã‚°è¨˜äº‹é¢ã®ç”»åƒè¡¨ç¤ºã‚µã‚¤ã‚ºã‚’変更ã—ã¾ã—㟠- goo blog　スタッフブãƒã‚°
ã„ã¤ã‚‚gooブãƒã‚°ã‚’ã”利用ã„ãŸã ãã‚ã‚ŠãŒã¨ã†ã”ã–ã„ã¾ã™ã€‚ 大変ãŠå¾…ãŸã›ã„ãŸã—ã¾ã—ãŸï¼ 先日もãŠä¼ãˆã—ãŸã¨ãŠã‚Šã€æœ¬æ—¥ãƒ–ãƒã‚°è¨˜äº‹é¢ã®ç”»åƒè¡¨ç¤ºã‚µã‚¤ã‚ºã‚’変更ã„ãŸã—ã¾ã—ãŸã€‚ ■目的 ブãƒã‚°ã®è¦‹ã‚„ã™ã•å‘上ã®ãŸã‚ （2012å¹´3月9æ—¥ã«è¡Œã£ãŸç”»åƒã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ä»•æ§˜å¤‰æ›´ã«ã‚ˆã‚Šå¤§ãã„サイズã®ç”»åƒãŒã‚ˆã‚Šã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã—ã‚„ã™ããªã£ãŸã“ã¨ã«ä¼´ã†ä»•æ§˜å¤‰æ›´ã§ã™ï¼‰ ■対象 カスタムレイアウトテンプレートをé¸æŠžã—ã¦ã„る全ブãƒã‚°ï¼ˆPCã®ã¿ï¼‰ ※テンプレートページã®ã€ãƒ†ãƒ³ãƒ—レートåã®å¾Œã«ã€Œã€ã‚¢ã‚¤ã‚³ãƒ³ãŒã‚ã‚‹ã‚‚ã®ãŒã‚«ã‚¹ã‚¿ãƒ レイアウトテンプレートã§ã™ã€‚ ※æºå¸¯ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã«å¤‰æ›´ã¯ã”ã–ã„ã¾ã›ã‚“。 ã€å¤‰æ›´å‰ã€‘ ブãƒã‚°è¨˜äº‹ã«ã€è¨˜äº‹ã®è¡¨ç¤ºå¹…ã«åŽã¾ã‚‰ãªã„サイズã®ç”»åƒã‚’è²¼ã£ãŸå ´åˆã€ スクãƒãƒ¼ãƒ«ãƒãƒ¼ãŒå‡ºã‚‹ã‹ã€ç”»åƒãŒé€”ä¸ã§åˆ‡ã‚Œã¦ã„ã¾ã—ãŸã€‚ ã€å¤‰æ›´å¾Œã€‘ 記事ã®è¡¨ç¤ºå¹…ã«åˆã‚ã›ã¦ã€ç”»åƒã®è¡¨ç¤ºã‚µã‚¤ã‚ºãŒè‡ªå‹•èª¿æ•´ã•ã‚Œã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚ ◆注æ„äº‹é …â—† ※1 ç”»
ã€äºˆå‘Šã€‘ã€PC】PC版ブãƒã‚°è¨˜äº‹é¢ã®è¡¨ç¤ºã‚’変更ã„ãŸã—ã¾ã™ - goo blog　スタッフブãƒã‚°
ã„ã¤ã‚‚gooブãƒã‚°ã‚’ã”利用ã„ãŸã ãã‚ã‚ŠãŒã¨ã†ã”ã–ã„ã¾ã™ã€‚ 7月30日（月）ã«PC版ブãƒã‚°è¨˜äº‹é¢ã®è¡¨ç¤ºã‚’変更ã„ãŸã—ã¾ã™ã€‚ ãªãŠã€å¤‰æ›´å†…容ã¯7月11日～13æ—¥ã®å¤‰æ›´æ™‚ã«ã„ãŸã ã„ãŸãƒ¦ãƒ¼ã‚¶ãƒ¼æ§˜ã‹ã‚‰ã®ã”æ„見をå‚考ã«æ”¹è‰¯ã‚’åŠ ãˆã¦ãŠã‚Šã¾ã™ã€‚ ■目的 ブラウザã«ã‚ˆã‚‹è¡¨ç¤ºã®é•ã„ã‚’å°‘ãªãã—ã€è¦‹ã‚„ã™ã•ã‚’å‘上ã™ã‚‹ãŸã‚ ■対象 カスタムレイアウトテンプレートをé¸æŠžã—ã¦ã„る全ブãƒã‚°ï¼ˆPCã®ã¿ï¼‰ ※テンプレートページã®ã€ãƒ†ãƒ³ãƒ—レートåã®å¾Œã«ã€Œã€ã‚¢ã‚¤ã‚³ãƒ³ãŒã‚ã‚‹ã‚‚ã®ãŒã‚«ã‚¹ã‚¿ãƒ レイアウトテンプレートã§ã™ã€‚ ※æºå¸¯ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã«å¤‰æ›´ã¯ã”ã–ã„ã¾ã›ã‚“。 ■変更箇所 対象テンプレートã®è¡Œé–“ã€æ®µè½é«˜ã•ç‰ã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã«ã‚ˆã‚‹èª¿æ•´ ▼フォントサイズã®èª¿æ•´ ブラウザã®åˆæœŸè¨å®šã«ã‚ˆã‚Šè¡¨ç¤ºã•ã‚Œã‚‹ãƒ•ã‚©ãƒ³ãƒˆã®å¤§ãã•ã«é•ã„ãŒã‚ã‚Šã¾ã—ãŸãŒãã¡ã‚‰ã‚’解消ã—ã¾ã™ã€‚ 対象：コメント入力欄 ▼余白ã®èª¿æ•´ ブラウザã®åˆæœŸè¨å®šã«ã‚ˆã‚Šè¡¨ç¤ºã•ã‚Œã‚‹ã‚¿ã‚°ã®ä½™ç™½ã®è¨å®šã«
Lightboxã®å°Žå…¥æ–¹æ³•ã¨ã‚µãƒ³ãƒ—ルã§ã™ã€‚ç°¡å˜ã«å¯¾å¿œå‡ºæ¥ã¾ã™ã€‚
Lightboxã«å¯¾å¿œã•ã›ãŸã„ページã®HTMLタグを編集ã—ã¾ã™ã€‚ HTMLページã®ï¼‘行目㫠<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> を挿入ã—ã€<TITLE></TITLE>ã®æ¬¡ã®è¡Œã« <link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" /> <script src="js/prototype.js" type="text/javascript"></script> <script src="js/scriptaculous.js?load=effects,builder" type="t
Facebook「ã„ã„ã!ã€ãƒœã‚¿ãƒ³ãŒè¨ç½®ã§ãるよã†ã«ãªã‚Šã¾ã—㟠- ã¯ã¦ãªãƒ€ã‚¤ã‚¢ãƒªãƒ¼æ—¥è¨˜
本日ã€ã¯ã¦ãªãƒ€ã‚¤ã‚¢ãƒªãƒ¼ã«Facebook「ã„ã„ã!ã€ãƒœã‚¿ãƒ³ãŒè¨ç½®ã§ãるよã†ã«ãªã‚Šã¾ã—ãŸã€‚ ã¯ã¦ãªãƒ€ã‚¤ã‚¢ãƒªãƒ¼ã«ã€Œã„ã„ãï¼ã€ãƒœã‚¿ãƒ³ã‚’è¨ç½®ã™ã‚‹ã«ã¯ã€è¨å®šç”»é¢ã®è¨˜äº‹ã®è¨å®šã‹ã‚‰ã€ã€ŒFacebook『ã„ã„ã!ã€ãƒœã‚¿ãƒ³ã‚’表示ã€ã«ãƒã‚§ãƒƒã‚¯ã‚’入れã¦è¨å®šã‚’ä¿å˜ã—ã¾ã™ã€‚è¨å®šã‚’ä¿å˜ã™ã‚‹ã¨ã€å„記事ã®æœ¬æ–‡ã®ä¸‹ã«ã€Œã„ã„ã!ã€ãƒœã‚¿ãƒ³ãŒè¡¨ç¤ºã•ã‚Œã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚ ã©ã†ãžã”利用ãã ã•ã„。 記事共有ボタンã¾ã‚ã‚Šã®ãƒ‡ã‚¶ã‚¤ãƒ³å¤‰æ›´ã«ã¤ã„㦠今回ã®æ©Ÿèƒ½è¿½åŠ ã«ã‚ˆã‚Šã€ã¯ã¦ãªãƒ€ã‚¤ã‚¢ãƒªãƒ¼ã®è¨˜äº‹æœ¬æ–‡ã®ä¸‹ã«è¡¨ç¤ºã™ã‚‹è¨˜äº‹å…±æœ‰ãƒœã‚¿ãƒ³ã¯ã€ã¯ã¦ãªãƒ–ックマークボタンã€ãƒ„イートボタンã€ã€Œã„ã„ã!ã€ãƒœã‚¿ãƒ³ã®3種類ã«ãªã‚Šã¾ã—ãŸã€‚ã‚ã‚ã›ã¦å°‘ã—デザインを変更ã—ã¦ã„ã¾ã™ã€‚ツイートボタンã¯å…¬å¼ã®ãƒ„イートボタンã«å¤‰æ›´ã—ã¾ã—ãŸã€‚ã¯ã¦ãªãƒ–ックマークボタンã€ãƒ„イートボタンã¯è¡¨ç¤ºä½ç½®ã‚’変更ã•ã›ã¦ã„ãŸã ãã¾ã—ãŸã€‚記事表示ボタンã®ãƒ‡ã‚¶ã‚¤ãƒ³ã¯å„テーマã®ãƒ‡ã‚¶ã‚¤ãƒ³ã«å¿œã˜ã¦æœ€é©åŒ–ã—ã¦ã‚ã‚Šã¾ã™
Facebookã®ã€Œãƒ•ã‚¡ãƒ³ãƒšãƒ¼ã‚¸ã€ã«ã‚ªãƒªã‚¸ãƒŠãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’åŠ ãˆã‚‹æ–¹æ³• - ã‹ã¡ã³ã¨.net
Like!ボタンãŒæ€ã„ã®ã»ã‹æ—¥æœ¬ã§ã‚‚良ã 見ã‹ã‘るよã†ã«ãªã£ã¦ã€Facebookã‚‚ 多少ã¯æ™®åŠã—始ã‚ãŸã‹ãªï¼Ÿã¨ã„ã†å°è±¡ ãªã®ã§ã€Facebookã®æ©Ÿèƒ½ã®ä¸€ã¤ã§ã€ 欧米ã§ãƒ–ランディングç‰ã«ã‚‚使ã‚れ㦠ã„るファンページã«ã‚ªãƒªã‚¸ãƒŠãƒªãƒ†ã‚£ã‚ã‚‹ デザインã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’åŠ ãˆã‚‹æ–¹æ³•ã‚’ ã”紹介ã—ã¾ã™ã€‚ [note]Facebook仕様変更ã«ã‚ˆã‚Šã€FBMLã¯å»ƒæ¢ã•ã‚Œã€Facebookページ（旧ファンページ）ã¯HTMLã‚„jsã§ä½œæˆå‡ºæ¥ã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã—ãŸã€‚ã“ã®æƒ…å ±ã¯ä»Šå¾Œå½¹ã«ç«‹ã¡ã¾ã›ã‚“。 æ–°ã—ã書ãã¾ã—ãŸã®ã§ã“ã¡ã‚‰ã‚’ã”å‚ç…§ãã ã•ã„[/note] 日本ã§ã‚‚ã¡ã‚‡ã“ã¡ã‚‡ã“Facebookã®åˆ©ç”¨è€…も増ãˆå§‹ã‚ã¦ã‚‹æ°—ãŒã—ã¾ã™ã€‚ãã‚“ãªFacebookã®æ©Ÿèƒ½ã®ä¸€ã¤ã§ã‚‚ã‚るファンページ。ãã®ã¾ã¾ã ã¨è‹¥å¹²ç´ ã£æ°—ãªã„å°è±¡ãªã®ã§ã€ã‚ªãƒªã‚¸ãƒŠãƒªãƒ†ã‚£ã‚るコンテンツやã€ãã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’åŠ ãˆã‚‹æ–¹æ³•ã‚’ã”紹介。 Static FBMLを使ã†ã®ã§ã™ãŒã€ã‚°
スタイルシートã®æŠ€
スタイルシートã®æŠ€ ã“ã®ãƒšãƒ¼ã‚¸ã§ã¯å®Ÿç”¨çš„ãªã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã«ã‚ˆã‚‹ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ»ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãªã©ã‚’メインã«æ‰±ã£ã¦ãŠã‚Šã¾ã™ã€‚ スタイルシートをサブã§ä½¿ã†ã‹ãƒ¡ã‚¤ãƒ³ã¨ã™ã‚‹ã‹ã¯è³›å¦ä¸¡è«–ã‚ã‚Šã¾ã™ã€‚ ã¾ãŸã€ä¸–ã®ä¸ã«ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆè§£èª¬ã‚µã‚¤ãƒˆã¯å¤šæ•°ã‚ã‚‹ã¨æ€ã„ã¾ã™ãŒã€ スタイルシートã®æŒã¤æ„味を誤解ã—ã¦ã„るサイトãŒå°‘ãªã‹ã‚‰ãšã‚ã‚‹ã®ã¨ã€ リファレンスã®ã‚ˆã†ãªæ›¸ãæ–¹ã§ã¯ãƒ‡ã‚¶ã‚¤ãƒ³ã¸ã®å¿œç”¨ãŒåŠ¹ã‹ãªã„ã®ã§ã¯ï¼Ÿ ã¨ã„ã†äº‹ã‚’考ãˆã¦ã€ã™ãã«åˆ©ç”¨ã§ãる実用的ãªå½¢å¼ã§å‚考ã«ãªã‚Œã°ã¨æ€ã£ã¦ä½œæˆã—ã¾ã—ãŸã€‚ スタイルシートを勉強ã™ã‚‹ã¨ã€å½“サイトã®ä¸€ç•ªä¸‹ã«ã‚る「designã€ã®ã‚ˆã†ã«ã€ Javascriptã¨ä½µç”¨ã—ãŸãƒ‡ã‚¶ã‚¤ãƒ³åˆ‡ã‚Šæ›¿ãˆãƒšãƒ¼ã‚¸ãªã©ã‚’製作ã™ã‚‹äº‹ãŒã§ãるよã†ã«ãªã‚Šã€è¡¨ç¾ã®å¹…ãŒåºƒãŒã‚Šã¾ã™ï¼ 自分ã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®çŸ¥è˜ã‚’ç°¡å˜ã«ãƒ†ã‚¹ãƒˆã§ãã‚‹å•é¡Œã‚’作ã£ã¦ã¿ã¾ã—ãŸã®ã§ã€ã©ã†ãžã€‚ Introduction - 基礎・導入編
Firefox用 mixiデザイン変更css
There is no reason to have to ask before making a link to another site. 相変ã‚らãš[mixi]ã¯ã‚³ãƒã‚³ãƒã¨ãƒ‡ã‚¶ã‚¤ãƒ³ãŒå¤‰ã‚る。鬱陶ã—ã„ã®ã§ã‚„ã‚ã¦ã‚‚らã„ãŸã„。ã¾ã最近ã¯ã‚³ãƒŸãƒ¥ãƒ‹ãƒ†ã‚£ãらã„ã—ã‹ä½¿ã„é“ãŒãªããªã£ã¡ã‚ƒã£ãŸã‘ã©ã€‚ ãã‚Œã«ã—ã¦ã‚‚「å‚åŠ ã‚³ãƒŸãƒ¥ãƒ‹ãƒ†ã‚£ã®æœ€æ–°æ›¸ãè¾¼ã¿ã€ãŒ3カラム目（最å³åˆ—）ã«ç§»å‹•ã•ã‚ŒãŸã®ã¯é…·éŽãŽã‚‹ã€‚元々ã¯ä¸å¤®åˆ—ã€ã€Œæœ€æ–°æ—¥è¨˜ã€ã®ä¸‹ã«ã‚ã£ãŸã®ã«ã€‚3カラム目ã¯è¡¨ç¤ºã—ã¦ãªã‹ã£ãŸã®ã§ã€æœ€åˆã¯ãªããªã£ãŸã®ã‹ã¨æ€ã£ãŸã€‚仕方ãŒç„¡ã„ã®ã§3カラム目を表示ã™ã‚‹ã‚ˆã†ã«å¤‰æ›´ã—ãŸã‚ˆã€‚ ã—ã‹ã—「å‚åŠ ã‚³ãƒŸãƒ¥ãƒ‹ãƒ†ã‚£ã®æœ€æ–°æ›¸ãè¾¼ã¿ã€ã‚„「コメント履æ´ã€ã¨ã„ã†æœ€ã‚‚大事ãªãƒ¢ãƒŽãŒä¸å¤®ã‹ã‚‰å¤–ã•ã‚Œã¦ã„ãã£ã¦ã©ã†ãªã‚“ã …。 ã„ã¤ã‚‚ã©ãŠã‚Šãƒ‡ã‚¶ã‚¤ãƒ³å¤‰æ›´ã¯Firefoxã® userContent.css を使用ã—ã¦ã„る。 @charset "utf-8"; @-
ã¯ã¦ãªåŒ¿åダイアリーã®æ¨™æº–スタイルシートã§ãƒ‡ã‚³ã‚‹ãƒãƒƒãƒ‰ãƒŽã‚¦ãƒã‚¦
pã‚¿ã‚°ã‚„divã‚¿ã‚°ã®classè¦ç´ を指定ã§ãã‚‹ã®ã§HTMLã§ãã®ã¾ã¾è¨˜è¿°ã™ã‚‹ã€‚ ã„ã¤ãã‹ã¯ã¦ãªãƒ€ã‚¤ã‚¢ãƒªãƒ¼ã§ã®ä½¿ç”¨å¯èƒ½ãªã¯ã¦ãªè¨˜æ³•ã¯ç„¡åŠ¹ã«ãªã£ã¦ãŠã‚Šã€ä¾‹ãˆã°ã‚ーワードリンク無効記法ãŒä½¿ãˆãªã„ãŸã‚フォントカラー㌠ã‚ーワードリンクã®é»’ã«æ½°ã•ã‚Œã¡ã‚ƒã†ã‹ã‚“ã˜ã€‚ 以下サンプル。アルファベットã¯ã‚¯ãƒ©ã‚¹å(自動アンカーã¤ã„ã¦ã„ã¦ã¦ã‚³ãƒ”ペã—ã«ãã„。ソースã¿ãŸã»ã†ãŒã„ã„ã‹ã‚‚)。 アイコンicon-arrow :: çŸ¢å° icon-tag :: ã‚¿ã‚° icon-folder :: フォルダ icon-keyword :: ã‚ーワード icon-linlink :: インリンク icon-page :: ページ icon-user :: ユーザー icon-download :: ダウンãƒãƒ¼ãƒ‰ out :: アウト フォントhatena-asin-detail-title :: å¤ªå— synStatement
見出ã—デザインã®å‚考ã«ã—ãŸã„ CSSã§ä½œã‚‹hã‚¿ã‚°ã®ã‚µãƒ³ãƒ—ル集 | 日刊ウェブãƒã‚°å¼
ブãƒã‚°ã®è¨˜äº‹ã‚¿ã‚¤ãƒˆãƒ«ã‚„サイドãƒãƒ¼ã®ã‚¿ã‚¤ãƒˆãƒ«ãªã©ã§ä½¿ãˆã‚‹ã‚ªãƒ¼ã‚½ãƒ‰ãƒƒã‚¯ã‚¹ãªè¦‹å‡ºã—（hタグ）ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚µãƒ³ãƒ—ル集ã§ã™ã€‚見出ã—ã«ã¯CSS3ã‚„ç”»åƒã‚’使ã£ã¦ã„ãªã„ã®ã§ã‚·ãƒ³ãƒ—ルã§ã™ãŒã€ä¸€å¿œã‚ˆã使ã†ã®ã§ã€ãƒ¡ãƒ¢ã¨ã—ã¦ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã—ã¦ãŠãã¾ã—ãŸã€‚ ※追記6/24 HTMLã®ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã‚’pã‹ã‚‰h3ã«ç½®ãæ›ãˆã¾ã—ãŸã€‚ 見出ã—(Headline)ã®ã‚µãƒ³ãƒ—ル集 色やボーダーサイズç‰ã®è£…飾部分㯠ãŠå¥½ã¿ã§ç·¨é›†ã—ã¦ãã ã•ã„。 見出ã—サンプル01 .selector01{ border-left:7px solid #e3297d; padding:.6em .8em } 見出ã—サンプル02 .selector02{ border-left:7px solid #ccc; border-bottom:1px solid #ccc; padding:.6em .8em } 見出ã—サンプル03 .selector03{ bor
ç”»åƒã®ä½¿ç”¨ã‚’極力控ãˆã¦ã‹ã£ã“ã„ã„CSSデザインをやã£ã¦ã¿ã‚ˆã† - Gallery
GalleryãŒé–‹é€šã—ã¾ã—ãŸã€‚フォームã§é¸æŠžã—ã¦ã½ã¡ã£ã¨ã™ã‚‹ã¨ã‚µãƒ ãƒã‚¤ãƒ«ãŒè¡¨ç¤ºã•ã‚Œã¾ã™ã€‚サムãƒã‚¤ãƒ«ã‚’クリックã™ã‚‹ã¨ã€CSSデザインãŒé©ç”¨ã•ã‚ŒãŸå€‹åˆ¥ãƒšãƒ¼ã‚¸ãŒè¡¨ç¤ºã•ã‚Œã¾ã™ã€‚
mixi リニューアルã«åˆã‚ã›ã¦ userContent.css 書ãæ›ãˆ
There is no reason to have to ask before making a link to another site. mixiã®ãƒ‡ã‚¶ã‚¤ãƒ³ãŒ 2008.07.07リニューアルã—ãŸã€‚ mixié‹å–¶äº‹å‹™å±€ã§ã™ã€‚ 本日ã€ãƒˆãƒƒãƒ—ページ（home.pl）ã®ãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«ã‚’ãŠã“ãªã„ã¾ã—ãŸã®ã§ãŠçŸ¥ã‚‰ã›ã„ãŸã—ã¾ã™ã€‚ 今回ã®ãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«ã¯ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®çš†ã•ã¾ãŒ mixi 内ã§å††æ»‘ã«ã‚³ãƒŸãƒ¥ãƒ‹ã‚±ãƒ¼ã‚·ãƒ§ãƒ³ãŒã§ãるよã†ã€åˆ†ã‹ã‚Šã‚„ã™ãç°¡å˜ã«ä½¿ãˆã‚‹æ“作画é¢ã«ãªã‚‹ã‚ˆã†ã«æ”¹å–„ã‚’ãŠã“ãªã„ã¾ã—ãŸã€‚ [mixi] 新機能リリース・障害ã®ã”å ±å‘Š ã‹ãªã‚Šå¼„ã£ã¦ã‚ã£ãŸã®ã ãŒã€ãŠã‹ã’ã§ã‚¬ã‚¿ã‚¬ã‚¿ã«ãªã£ã¦ã—ã¾ã£ãŸã€‚ 独自CSSã‚’ã‚„ã‚ã‚Œã°ã„ã„ã‚ã‘ã ãŒã€ã„ã¾ã•ã‚‰å·¨å¤§TOPç”»åƒã‚„広告やä¸å¿…è¦ãªï¼“カラム目ã¯è¦‹ãŸããªã„。 ◆以å‰ã®ã‚¹ã‚¿ã‚¤ãƒ«ã€€â‡’　ï½ï½‰ï½˜ï½‰ã€€#globalNavigation - オープンメモ帳 â—†2008.07.07
「日経Tech-On!ã€ã‚’スタイルシート OFF ã§èªã‚€ã“ã¨ã«ã¤ã„㦠- カナã‹ãªå›£é¦–é ˜ã®è‡ªè»¢è»Šç½®ãå ´ãƒ€ã‚¤ã‚¢ãƒªãƒ¼
ã€ã€Œæ°´ã¨ç©ºæ°—ã ã‘ã§ç™ºé›»ã—続ã‘ã¾ã™ã€ï¼Œã‚¸ã‚§ãƒãƒ‘ックスãŒæ–°åž‹ç‡ƒæ–™é›»æ± システムを披露 - グリーン・カー - Tech-On!】 ã€ã‚¦ã‚©ãƒ¼ã‚¿ãƒ¼ã‚¨ãƒãƒ«ã‚®ãƒ¼ã‚·ã‚¹ãƒ†ãƒ ã€æ°´ç™ºé›»ã€‘ ã€ä»Šåº¦ã¯ç„¡æ–スタイルシートOffç¦æ¢ã§ã™ã£ã¦ã‚ˆ - 妄想科å¸æ—¥å ±ã€‘ ã€ç„¡æ–スタイルシートOffç¦æ¢ã£ã¦è¨€ã‚ã‚ŒãŸäººãŒçµŒç·¯ã‚’ã¾ã¨ã‚ã‚‹ã‚ˆï¼ - 最終防衛ライン２】 「日経Tech-On!ã€ã¯ã€ç„¡æ–™ç™»éŒ²åˆ¶ã®æŠ€è¡“æƒ…å ±ã‚µã‚¤ãƒˆã‚‰ã—ã„ã§ã™ã€‚ã§ã€ç°¡å˜ã«è¨€ã†ã¨ã€é¬±é™¶ã—ã„制作者スタイルシートãŒç”¨æ„ã•ã‚Œã¦ã„ã¾ã—ã¦ã€ãƒã‚°ã‚¤ãƒ³ã—ãªã„ã¨ã€è¨˜äº‹æœ¬æ–‡ãŒèªã¿è¾›ã„。ãã“ã§ã€ãã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’利用ã›ãšã«ã€UA デフォルトã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã€ã¾ãŸã¯ã€ãƒ¦ãƒ¼ã‚¶ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆãªã©ã‚’利用ã™ã‚‹ã¨ã€èªã¿ã‚„ã™ã„ã¨ã„ã†è©±ã§ã™ã€‚ ã§ã€åˆ¶ä½œè€…スタイルシートを利用ã—ãªã„ã§ã€ãƒªã‚½ãƒ¼ã‚¹ã‚’閲覧ã—ãŸå ´åˆã€ä½•ã‹å•é¡ŒãŒã‚ã‚‹ã®ã‹ã©ã†ã‹ã€ã¨ã„ã†è©±ã€‚ ã“れを「無æ–リンクç¦æ¢ã€ã¨åŒåˆ—ã«æ‰±ã†ã®ã¯ç–‘å• / ãŸã¾ãŸ
ç„¡æ–スタイルシートOffç¦æ¢ã£ã¦è¨€ã‚ã‚ŒãŸäººãŒçµŒç·¯ã‚’ã¾ã¨ã‚ã‚‹ã‚ˆï¼ - 最終防衛ライン3
今度ã¯ç„¡æ–スタイルシートOffç¦æ¢ã§ã™ã£ã¦ã‚ˆ ãã®å ´ã§ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆåˆ‡ã‚Œã°ã„ã„ã˜ã‚ƒã‚“ã¨è¨€ã£ãŸã‚‰äºˆæƒ³ã®æ–œã‚上を行ãåå¿œã•ã‚ŒãŸæœ¬äººãŒã¾ã¨ã‚るよ。 ウォーターエãƒãƒ«ã‚®ãƒ¼ã‚·ã‚¹ãƒ†ãƒ ã€æ°´ç™ºé›» ジェãƒãƒ‘ックスã®æ°´ç™ºé›»ã¯ã€ç™ºè¡¨å½“åˆã“ãã€Œæ°´ã‚’é…¸ç´ ã¨æ°´ç´ ã«åˆ†è§£ã—ã€æ°´ç´ ã§ç™ºé›»ã€‚ã¤ã¾ã‚Šæ°´ã ã‘ã§ç™ºé›»ã§ãるクリンエãƒã‚®ãƒ¼ã€ç‰ã¨ç™ºè¡¨ã—ã¦ã¾ã—ãŸã€‚ã—ã‹ã—ã€è“‹ã‚’é–‹ã‘ã¦ã¿ã‚Œã°é‡‘属ã‚ã‚‹ã„ã¯æ°´ç´ 化金属ã¨æ°´ã‚’åå¿œã•ã›ã¦æ°´ç´ を発生ã•ã›ã¦ã‚‹ã ã‘ã§ã—ãŸã€‚ã“ã®å ´åˆã€æ°´é…¸åŒ–物ãŒå‡ºã‚‹ã—ã€ãã‚‚ãも金属ãŒæ¶ˆè²»ã•ã‚Œã‚‹ã—ã€é‡‘属ã®ç²¾è£½ã«ã¯ã‚¨ãƒãƒ«ã‚®ãƒ¼ã‚’大é‡ã«ä½¿ã†ã—ã§ã€æ°´ã ã‘ã§ç™ºé›»ã™ã‚‹è¨³ã§ã‚‚ã€å…¨ç„¶ã‚¯ãƒªãƒ¼ãƒ³ã§ã‚‚ãªã„代物ã§ã—ãŸã€‚ ã•ã¦ã€ã‚¦ã‚©ãƒ¼ã‚¿ãƒ¼ã‚¨ãƒãƒ«ã‚®ãƒ¼ã‚·ã‚¹ãƒ†ãƒ ã€æ°´ç™ºé›» ã®ã‚³ãƒ¡ãƒ³ãƒˆæ¬„ã•ã£ãã†ã¨ç¾ã‚ŒãŸã€ã‚¢ãƒ³ãƒç›®çš„ã®ã€Œã§ã‚“ã™ã‘ã€æ°ã€‚ ã®ã£ã‘ã‹ã‚‰ 科å¦ãƒªãƒ†ãƒ©ã‚·ãŒæœ€ã‚‚高ã„ã¨è¨€ã‚れる掲示æ¿ã¨èžã„ã¦ã‚„ã£ã¦ãã¾ã—ãŸãŒï¼ŒçŽ‡ç›´ã«è¨€ã£ã¦ãŒã£ã‹ã‚Šã—ã¾ã—ãŸã€‚ 105. ã§ã‚“ã™ã‘ —
今度ã¯ç„¡æ–スタイルシートOffç¦æ¢ã§ã™ã£ã¦ã‚ˆ - 妄想科å¸å€¶æ¨‚部
kikulogã«ä¹±å…¥ã—ã¦ããŸã€Œã§ã‚“ã™ã‘ã€æ°ã€‚アンãƒãŒç›®çš„ã€è¨€å‹•ã¯ãã®æ‰‹æ®µã¨ã„ã†æœ¬æœ«è»¢å€’ãªã‚¹ã‚¿ãƒ³ã‚¹ã§ã‚°ãƒ€ã‚°ãƒ€ã®è°è«–を展開ã—ã¦ãã‚ŒãŸã‚ã‘ã ãŒã€ãã®ä¸ã§ç›®ã‚’引ã„ãŸã®ãŒã€Œã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’OFFã«ã™ã‚‹ã®ã¯ã‚¤ãƒ³ãƒ¢ãƒ©ãƒ«ã€ã¨ã„ã†ä¸»å¼µã§ã‚ã£ãŸã€‚ 無論何もãªã„ã¨ã“ã‚ã‹ã‚‰ã“ã‚“ãªãƒˆãƒ³ãƒ‡ãƒ¢ç™ºè¨€ãŒå‡ºã‚‹çˆã‚‚ãªãã€ã“ã‚Œã¯ä»¶ã®è¨˜äº‹ã‚’掲載ã—ãŸæ—¥çµŒTech-On!ã®é¬±é™¶ã—ã„会員登録è¦æ±‚ãŒã€Œã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆOffã«ã™ã‚Œã°æ¶ˆãˆã¾ã™ã‚ˆã€ã¨ã„ã†è©±ã‹ã‚‰ã€Œãã‚Œã¯å–¶æ¥å¦¨å®³ã →ãã‚“ãªã“ã¨ã‚’公開ã™ã‚‹ãªã‚“ã¦ç¤¾ä¼šäººå¤±æ ¼ã€(æ„訳)ã¦ãªæµã‚Œã«ã€‚ ã¾ã‚ã“ã‚ŒãŒã€Œä¼šå“¡ã®ã¿å…¬é–‹ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’å‹æ‰‹ã«å…¬é–‹ã—ãŸ/ãƒã‚°ã‚¤ãƒ³ãƒ‘スワード公開ã—ãŸã€ã¿ãŸã„ãªè©±ãªã‚‰ç¢ºã‹ã«ã‚¤ãƒ³ãƒ¢ãƒ©ãƒ«ã¨è¨€ãˆã‚‹ã€‚ã—ã‹ã—日経ã®ãã‚Œã¯å˜ã«ç™»éŒ²ã‚’促ã™åŠé€æ˜Žã®ãƒ¬ã‚¤ãƒ¤ã‚’被ã›ã¦ã„ã‚‹ã ã‘ã§ã‚ã‚Šã€èªã‚ãªã„よã†ã«ã—ã¦ã‚ã‚‹ã‚ã‘ã§ã¯ãªã„。公開ã•ã‚ŒãŸãƒ‡ãƒ¼ã‚¿ã‚’èªã¿æ˜“ã„よã†ã«æ•´ãˆã‚‹æ–¹æ³•ã§ã‚ã£ã¦ã€æ±ºã—ã¦ä¸æ£ã‚¢ã‚¯ã‚»ã‚¹ã®æ–¹æ³•ã‚’教示ã—ã¦
「メタボãªHTMLã€ã‚‚大事ã‹ã‚‚：ekken
技術系ã®äººã®ä¸ã«ã¯ã€ã‚ˆã‚Šæ£ã—ã„HTMLã§æ›¸ã事を目標ã¨ã—ã¦ã„る人ãŒã„ã¦ã€ç¢ºã‹ã«ãã®æ–¹ãŒèªã¿ã‚„ã™ã„æ–‡ç« ã®ã“ã¨ãŒå¤šã„ã¨æ„Ÿã˜ã‚‹ã®ã ã‘ã©ã€‚ メタボãªHTML | オトコã®ã‚モãƒï¼’ align="center"ã¨ã„ã†ã®ã‚„，<td width="200" bgcolor="#CCFFFF">ã¨ã„ã†ã®ã‚„，見ãŸç›®ã‚’æ•´ãˆã‚‹ãŸã‚ã®å±žæ€§ã€‚ <br> <br> <br> <br> ãªã‚“ã¦ã¨ã“ã‚ã‚‚ã‚ã‚‹ãªã€‚ ã¯ã£ãり言ã£ã¦ï¼Œã€Œãƒ¡ã‚¿ãƒœã€ã§ã™ã‚ˆã€‚ 「見ãŸç›®ã¯CSSã§æ•´ãˆã‚‹ã€ã¨ã„ã†ã®ã¯ã€èªã¿æ‰‹ã«ã¨ã£ã¦å¥½ã¿ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã§èªã‚€ã“ã¨ãŒã§ãã‚‹ã®ã§ã€è€ƒãˆæ–¹ã¨ã—ã¦ã¯ç†è§£ã§ãる。 書ã‹ã‚ŒãŸãƒ†ã‚ストã®å†…容ã ã‘ãŒæ£ç¢ºã«ä¼ã‚ã‚Œã°ã„ã„æ–‡ç« ã€ãŸã¨ãˆã°ä½•ã‹ã«å¯¾ã™ã‚‹æ„見文ã ã¨ã‹èª¬æ˜Žæ–‡ã®å ´åˆã¯ã€è´…肉をããŽè½ã¨ã—ãŸHTML ã®ã»ã†ãŒèªã¿ã‚„ã™ã„。 ã ã‘ã©å‰µä½œæ–‡ã®å ´åˆã¯ã€ãã†ã¯ã„ã‹ãªã„ã®ã§ã¯ãªã„ã‹ã€ã¨æ€ã£ãŸã€‚ 僕ãŒä¸å‹‰å¼·ãªã ã‘ãªã®ã‹ã‚‚ã—ã‚Œãªã„ã‘ã‚Œã©ã€ã€Œè´…肉をã
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
LightBoxã®ä½¿ã„æ–¹ã¨ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºæ–¹æ³• | CSS Lecture
Demo: Pure CSS GUI icons (experimental) – Nicolas Gallagher
{{#tags}}- {{label}}
{{/tags}}