{"id":2256,"date":"2012-02-07T01:41:32","date_gmt":"2012-02-06T16:41:32","guid":{"rendered":"http:\/\/apr20.net\/?p=2256"},"modified":"2012-02-07T01:41:32","modified_gmt":"2012-02-06T16:41:32","slug":"twitter%e3%81%ae%e3%83%97%e3%83%ad%e3%83%95%e3%82%a3%e3%83%bc%e3%83%ab%e3%82%a6%e3%82%a3%e3%82%b8%e3%82%a7%e3%83%83%e3%83%88%e3%81%ae%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3%e3%82%92css%e3%81%a7%e8%aa%bf","status":"publish","type":"post","link":"https:\/\/apr20.net\/?p=2256","title":{"rendered":"Twitter\u306e\u30d7\u30ed\u30d5\u30a3\u30fc\u30eb\u30a6\u30a3\u30b8\u30a7\u30c3\u30c8\u306e\u30c7\u30b6\u30a4\u30f3\u3092CSS\u3067\u8abf\u6574\u3059\u308b"},"content":{"rendered":"

\u30c4\u30a4\u30c3\u30bf\u30fc\u306e\u30d7\u30ed\u30d5\u30a3\u30fc\u30eb\u30a6\u30a3\u30b8\u30a7\u30c3\u30c8\u3092\u5165\u308c\u3066\u3044\u308b\u30b5\u30a4\u30c8\u3067\u3001CSS\u3067\u30c7\u30b6\u30a4\u30f3\u3057\u3066\u3044\u305f\u3089\u3001h3\u3084h4\u306e\u8a2d\u5b9a\u304cTwitter\u306e\u30a6\u30a3\u30b8\u30a7\u30c3\u30c8\u306b\u307e\u3067\u53cd\u6620\u3055\u308c\u3066\u3001\u56f0\u308b\u3053\u3068\u304c\u6642\u3005\u3042\u308a\u307e\u3059\u3002\uff08\u79c1\u306f\u30fb\u30fb\u30fb\uff09\n<\/p>\n

\u4eca\u56de\u306f\u305d\u308c\u3092\u76f4\u3057\u305f\u304b\u3063\u305f\u306e\u3067\u3001\u8abf\u3079\u3066\u898b\u307e\u3057\u305f\u3002<\/p>\n

Twitter\u306e\u30a6\u30a3\u30b8\u30a7\u30c3\u30c8<\/h3>\n

\u5f53\u30b5\u30a4\u30c8\u3067\u306f\u3001Twitter\u304c\u63d0\u4f9b\u3057\u3066\u3044\u308b\u30b3\u30fc\u30c9\u3092\u305d\u306e\u307e\u307e\u8a2d\u7f6e\u3057\u3066\u3044\u307e\u3059\u304c\u3001\u4ee5\u4e0b\u306e\u3088\u3046\u306a\u30b3\u30fc\u30c9\u3067\u3059\u3002<\/p>\n

[php]
\n<script charset="utf-8" src="http:\/\/widgets.twimg.com\/j\/2\/widget.js"><\/script>
\n<script>
\nnew TWTR.Widget({
\n version: 2,
\n type: ‘profile’,
\n rpp: 4,
\n interval: 10000,
\n width: ‘auto’,
\n height: 300,
\n theme: {
\n shell: {
\n background: ‘#333333’,
\n color: ‘#ffffff’
\n },
\n tweets: {
\n background: ‘#000000’,
\n color: ‘#ffffff’,
\n links: ‘#4aed05’
\n }
\n },
\n features: {
\n scrollbar: false,
\n loop: true,
\n live: true,
\n behavior: ‘default’
\n }
\n}).render().setUser(‘apr_20’).start();
\n<\/script><\/p>\n

[\/php]<\/p>\n

\u3053\u308c\u304cHTML\u3068\u3057\u3066\u8868\u793a\u3055\u308c\u308b\u3068\u3001\u4ee5\u4e0b\u306e\u3088\u3046\u306b\u306a\u3063\u3066\u3044\u307e\u3059\u3002\u8907\u6570\u306e\u3064\u3076\u3084\u304d\u304c\u542b\u307e\u308c\u3066\u3044\u3066\u8907\u96d1\u3060\u3063\u305f\u306e\u3067\u3001\u4f59\u5206\u306a\u7b87\u6240\u306f\u9069\u5f53\u306b\u7701\u3044\u3066\u3044\u307e\u3059\u3002<\/p>\n

HTML\u30bd\u30fc\u30b9<\/h3>\n

[php]<div id="twtr-widget-1" class="twtr-widget twtr-widget-profile">
\n <div style="width: 100%;" class="twtr-doc">
\n <div class="twtr-hd">
\n <a class="twtr-profile-img-anchor" href="http:\/\/twitter.com\/intent\/user?screen_name=apr_20" target="_blank"><img src="http:\/\/a2.twimg.com\/profile_images\/1308881356\/twitter_normal.jpg" class="twtr-profile-img" alt="profile"><\/a><\/p>\n

<h3>apr20.net\/<\/h3><\/p>\n

<h4><a href="http:\/\/twitter.com\/intent\/user?screen_name=apr_20" target="_blank">apr_20<\/a><\/h4><\/p>\n

<\/div><\/p>\n

<div class="twtr-bd"><\/p>\n

<div style="height: 300px;" class="twtr-timeline"><\/p>\n

<div class="twtr-tweets"><\/p>\n

<div class="twtr-reference-tweet"><\/div><\/p>\n

<div id="tweet-id-21" class="twtr-tweet" style="opacity: 1; height: 108px;">
\n <div class="twtr-tweet-wrap"><\/p>\n

<div class="twtr-avatar"><\/p>\n

<div class="twtr-img"><a href="http:\/\/twitter.com\/intent\/user?screen_name=apr_20" target="_blank"><img src="http:\/\/a2.twimg.com\/profile_images\/1308881356\/twitter_normal.jpg" alt="apr_20 profile"><\/a><\/div><\/p>\n

<\/div><\/p>\n

<div class="twtr-tweet-text"><\/p>\n

<p>
\n <a class="twtr-user" href="http:\/\/twitter.com\/intent\/user?screen_name=apr_20" target="_blank">apr_20<\/a> \u30d6\u30ed\u30b0\u66f4\u65b0 : Zencart\u306e\u6587\u5b57\u5316\u3051\u5bfe\u7b56 – <a rel="nofollow" urlentities="" target="_blank" href="http:\/\/t.co\/sOSednM8">http:\/\/t.co\/sOSednM8<\/a>
\n <em>
\n <a href="http:\/\/twitter.com\/apr_20\/status\/166476887701467136" time="Mon Feb 06 11:02:37 +0000 2012" class="twtr-timestamp" target="_blank">5 hours ago<\/a> \u00b7
\n <a href="http:\/\/twitter.com\/intent\/tweet?in_reply_to=166476887701467136" class="twtr-reply" target="_blank">reply<\/a> \u00b7
\n <a href="http:\/\/twitter.com\/intent\/retweet?tweet_id=166476887701467136" class="twtr-rt" target="_blank">retweet<\/a> \u00b7
\n <a href="http:\/\/twitter.com\/intent\/favorite?tweet_id=166476887701467136" class="twtr-fav" target="_blank">favorite<\/a>
\n <\/em>
\n <\/p>
\n <\/div>
\n <\/div><\/div><\/p>\n

<!– tweets show here –><\/p>\n

<\/div><\/p>\n

<\/div>
\n <\/div>
\n <div class="twtr-ft">
\n <div><a href="http:\/\/twitter.com" target="_blank"><img src="http:\/\/widgets.twimg.com\/i\/widget-logo.png" alt=""><\/a>
\n <span><a href="http:\/\/twitter.com\/apr_20" style="color:#ffffff" class="twtr-join-conv" target="_blank">Join the conversation<\/a><\/span>
\n <\/div>
\n <\/div>
\n <\/div>
\n <\/div>[\/php]<\/p>\n

CSS\u3092\u9069\u7528\u3059\u308b<\/h3>\n

\u4e0a\u8a18\u306e\u3088\u3046\u306aHTML\u30bd\u30fc\u30b9\u304c\u308f\u304b\u308c\u3070\u3001\u3042\u3068\u306f\u5909\u66f4\u3057\u305f\u3044\u7b87\u6240\u306bCSS\u3092\u9069\u7528\u3059\u308c\u3070\u5b8c\u4e86\u3067\u3059\u3002\u79c1\u306e\u5834\u5408\u306f\u3001\u30a6\u30a3\u30b8\u30a7\u30c3\u30c8\u306e\u30d8\u30c3\u30c9\u90e8\u5206\u306b\u3042\u308bh3,h4\u3092\u4fee\u6b63\u3057\u305f\u304b\u3063\u305f\u306e\u3067\u3001\u4ee5\u4e0b\u306e\u3088\u3046\u306b\u6307\u5b9a\u3057\u307e\u3057\u305f\u3002<\/p>\n

[php].twtr-widget h3,.twtr-widget h4{
\n\/*\u3053\u3053\u306bCSS\u306e\u8a2d\u5b9a*\/
\n}[\/php] <\/p>\n

\u043e\u043a\u043d\u0430 \u043f\u0432\u0445 \u0432 \u043c\u0438\u043d\u0441\u043a\u0435<\/a><\/div>\n","protected":false},"excerpt":{"rendered":"

\u30c4\u30a4\u30c3\u30bf\u30fc\u306e\u30d7\u30ed\u30d5\u30a3\u30fc\u30eb\u30a6\u30a3\u30b8\u30a7\u30c3\u30c8\u3092\u5165\u308c\u3066\u3044\u308b\u30b5\u30a4\u30c8\u3067\u3001CSS\u3067\u30c7\u30b6\u30a4\u30f3\u3057\u3066\u3044…<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[16,2],"tags":[],"class_list":["post-2256","post","type-post","status-publish","format-standard","hentry","category-twitter-api","category-web"],"_links":{"self":[{"href":"https:\/\/apr20.net\/index.php?rest_route=\/wp\/v2\/posts\/2256","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/apr20.net\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/apr20.net\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/apr20.net\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/apr20.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2256"}],"version-history":[{"count":0,"href":"https:\/\/apr20.net\/index.php?rest_route=\/wp\/v2\/posts\/2256\/revisions"}],"wp:attachment":[{"href":"https:\/\/apr20.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2256"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/apr20.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=2256"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/apr20.net\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=2256"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}