ウノウラボã§ç´¹ä»‹ã•ã‚Œã¦ã„ãŸã‚¹ã‚¿ãƒ¼ãƒ¬ã‚¤ãƒ†ã‚£ãƒ³ã‚°ã®ä¸æ€è°ãªãƒªã‚¹ãƒˆ - JamDiary-twigJavaScriptを使ã‚ãªã„スターレイティングã®ä½œã‚Šæ–¹ã“ã‚ŒCSS脳ã˜ã‚ƒã？ã¨ã€ã»ã‚“ã®ã‚Šã¨ä¸€éƒ¨ã§éžé›£ã•ã‚Œæ°—味ãªJavaScriptを使ã‚ãªã„スターレイティングã®ä½œã‚Šæ–¹ã§ã™ãŒã€ã©ã“ãŒå¤‰ãªã®ã‹æ˜Žè¨˜ã•ã‚Œã¦ã„るソースãŒç„¡ã‹ã£ãŸã®ã§è‡ªåˆ†ã§ä½œã£ã¦ã¿ã‚‹è©¦ã¿ã€‚CSSを切ã£ãŸã‚‰æ„味ä¸æ˜ŽãªHTMLサンプルãŒä½µè¨˜ã•ã‚Œã¦ã„ã¾ã™ãŒã€CSSを切るã¨ãƒªã‚¹ãƒˆã«ç•ªå·ãŒæŒ¯ã‚‰ã‚Œã¦ã„ã‚‹ã ã‘ã§ã€ã‹ãªã‚Šæ„味ä¸æ˜Žã§ã™ã€‚ã›ã‚ã¦è©•ä¾¡ï¼šæ˜Ÿ1ã¤ã¨ã‹æ˜Ÿ3ã¤ã€ã¨ã‹ã€‚classåãŒCSSä¾å˜ã よ所謂ã€class="red"å•é¡Œã§ã™ã。ウノウラボã•ã‚“ã§ç´¹ä»‹ã•ã‚Œã¦ã„ãŸè¨˜äº‹ã‚‚ã€ul class="rating onestar"ã¨ã„ã£ãŸå…·åˆã«CSSä¾å˜ã¨ã„ã†ã‹ã€CSSãŒç„¡ã„ã¨æ„味ä¸æ˜Žã®classåãªã®ã§ã€ãã†ã„ã†ã®ã¯ã‚ˆã‚ã—ããªã„ã‚“ã˜ã‚ƒãªã„ã®ï¼Ÿã¨ã„ã†ã“ã¨ã§ã™ã。CSSã‚ã£ã¦ã®HTMLã«ãªã£ã¡ã‚ƒã£ã¦ã‚‹ã‚ˆï¼ã¨ã„ã†ã“ã¨ã§ã™ã€‚ãã‚‚ãã‚‚ã€ãれ（星）ã¯ãƒªã‚¹ãƒˆãªã®ã ã‚ã†ã‹
オシムã®ãƒãƒ³ã‚°ã‚¤ãƒ³ã‚¿ãƒ“ュー(ãã®1) - クãƒã‚¢ãƒã‚¢ãƒ»ã‚µãƒƒã‚«ãƒ¼ãƒ‹ãƒ¥ãƒ¼ã‚¹
æ „å…‰ã‚¼ãƒŸãƒŠãƒ¼ãƒ«ï¼›å¡¾é¸ã³ã‚¬ã‚¤ãƒ‰
{{#tags}}- {{label}}
{{/tags}}