• 締切済み

ツィッターをWEB上でみせたいのですが以下のコード入れるとサクラサーバ

ツィッターをWEB上でみせたいのですが以下のコード入れるとサクラサーバーでは、見れないのですが、なぜですか?わかる方いたら教えてください。 <script src="http://widgets.twimg.com/×××/×××/×××××××.js"></script> <script> new TWTR.Widget({ version: 2, type: 'profile', rpp: 4, interval: 6000, width: 190, height: 200, theme: { shell: { background: '#ADADA', color: '#4B4841' }, tweets: { background: '#F3F3F3', color: '#57524A', links: '#A29D97' } }, features: { scrollbar: false, loop: false, live: false, hashtags: true, timestamp: true, avatars: false, behavior: 'all' } }).render().setUser('×××××××').start(); </script> </div>

みんなの回答

  • kuzumiHK
  • ベストアンサー率72% (132/183)
回答No.1

さくらサーバで試してみましたが、普通に見れました。 いくつか質問です。 (1)ローカルでは見られるんでしょうか。 (2)JSのURLは、widgets.twimg.com/j/2/widget.jsでしょうか。 (3)IEで画面左下に注意マークが出ているでしょうか。 (4) <style type="text/css"> .twtr-widget, .twtr-widget *{ border:1px solid #f00; } </style> こちらを追加するとどうなりますでしょうか。

関連するQ&A

  • twitterのプロフィールウィジェットの表示

    半月前からでしょうか、ツイッターのプロフィールウィジェットが表示されません。 私自身は、何も変えていないです。 どうしたら表示されるでしょうか。 ---以下、ツイッター上で表示されるコード--- <script src="http://widgets.twimg.com/j/2/widget.js"></script> <script> new TWTR.Widget({ version: 2, type: 'profile', rpp: 5, interval: 5000, width: 250, height: 300, theme: { shell: { background: '#555555', color: '#ffffff' }, tweets: { background: '#000000', color: '#ffffff', links: '#4aed05' } }, features: { scrollbar: false, loop: false, live: true, hashtags: true, timestamp: true, avatars: false, behavior: 'all' } }).render().setUser('自分のID').start(); </script> ---終了---

  • twitterのプロフィールウィジェットをホーム・

    twitterのプロフィールウィジェットをホームページで表示させたいのですが表示されるかどうか試しに以下のようにやってみましたが空白のページしか表示されません。なぜでしょうか? htmlのコードはhttp://twitter.com/about/resources/widgets/widget_profileにて取得しました。 プレビューも確認しました。宜しくお願いします。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>無題ドキュメント</title> </head> <body> <div > <script src="http://widgets.twimg.com/j/2/widget.js"></script> <script> new TWTR.Widget({ version: 2, type: 'profile', rpp: 4, interval: 6000, width: 250, height: 300, theme: { shell: { background: '#333333', color: '#ffffff' }, tweets: { background: '#000000', color: '#ffffff', links: '#4aed05' } }, features: { scrollbar: false, loop: false, live: false, hashtags: true, timestamp: true, avatars: false, & nbsp; behavior: 'all' } }).render().setUser('自分のID').start(); </script> </div> </body> </html>

    • ベストアンサー
    • HTML
  • textarea内の<script>~を出力したい

    現在、java scriptを使ったブログを作成しているホームページ制作初心者です。 textareaに入力した文字列を指定の<div id="~"></div>に出力するといった事を試しており、textarea内が一般的な文字列であったり、html言語であれば、出力に成功することができました。 ただ、そのtextarea内の文字列を<scritpt scr=" ... ">~</script>とした場合、外部ファイルに記載されているスクリプトを起動する事ができません。ソースを確認すると、その場所にjava scriptがちゃんと入っているのですが、全く動かないという状況です。 そこで質問なのですが、指定のjava scriptを、リロードが完全に終わった後でも、呼び出しを行うということはできるのでしょうか? 具体的には、ツイッターの公式ウィジェットを使った場合であれば、 <textarea style="display:none;" name="~" rows="7" cols="65"> <script src="http://widgets.twimg.com/j/2/widget.js"></script><script>new TWTR.Widget({version: 2,type: 'search',search: '文字列',interval: 5000,title: 'タイトル文字列'',subject: '',width: 500,height:350,theme:{shell:{background: '#333333',color: '#ffffff'},tweets: {background: '#ffffff',color: '#444444',links: '#1985b5'}},features: {scrollbar: false,loop: true,live: true,hashtags: true,timestamp: true,avatars: true,toptweets: true,behavior: 'default'}}).render().start();</script> </textarea> とした上で、このtextarea内の文字列を他のdivの中に書き込みを行う、というところまでは成功したのですが、このjava script本体が起動せず、その部分が空白として表示されてしまうといった次第です。 もし何か解決策があれば、ご教授頂ければと思い質問しました。よろしくお願いします。

  • FORMのサイズがIEとFirefoxで違って困っています!

    依頼されて問合せフォームを作成しているのですが、 <input type="text">や<textarea>の部分がIEとFirefoxでサイズが違ってしまい、綺麗に表示されません。 IEで丁度いい大きさにsize指定すると、Firefoxでは大きすぎ、 Firefoxで丁度いい大きさにsize指定すると、IEでは小さすぎます。 初心者でよく分からず、大変困っております。 どなたかご教示頂きたく、よろしくお願い致します!! 【(1)のCSS】 html { scrollbar-face-color: #F5E1D8; scrollbar-highlight-color: #FFFFFF; scrollbar-shadow-color:#F5E1D8; scrollbar-3dlight-color: #F5E1D8; scrollbar-arrow-color: #FFFFFF; scrollbar-track-color: #FFFFFF; scrollbar-darkshadow-color: #FFFFFF; } body { margin:0 auto 0; background-color: #FFFFFF; font-family:sans-serif; font-size:8pt; } form { margin:0px; scrollbar-face-color: #F5E1D8; scrollbar-highlight-color: #FFFFFF; scrollbar-shadow-color:#F5E1D8; scrollbar-3dlight-color: #F5E1D8; scrollbar-arrow-color: #FFFFFF; scrollbar-track-color: #FFFFFF; scrollbar-darkshadow-color: #FFFFFF; } input { font-size:12px; } #container { width:957px; margin:0 auto 0; background-color:#FFFFFF; } #logo{ margin-left:80px; height:120px; } #box1{ text-align:center; line-height:20px; height:100px; } #nyuryoku{ margin:0 auto 0; width:418px; height:600px; background-image: url(../img/sinki_waku.gif); background-repeat: no-repeat; background-position: center center } #box2{ clear:both; text-align:center; line-height:20px; width:957px; height:250px; background-image: url(../img/top_haikei.jpg); background-repeat: no-repeat; background-position: center bottom } #button{ margin:0 auto 0; width:418px; }

  • イメージマップの画像がIE6でリンクされません

    依頼されたページを作成中ですが、 イメージマップで作成した部分がIE6のみリンクされず困っております。 IEテスター(http://coliss.com/articles/browser/ie/928.html)にてIEの各バージョンで動作確認しました。 バグなのか何なのか分からないので、どなたか詳しくご教示頂ければ幸いです。 ■CSSデータ *{ margin:0px; padding:0px; } html { scrollbar-face-color: #F5E1D8; scrollbar-highlight-color: #FFFFFF; scrollbar-shadow-color:#F5E1D8; scrollbar-3dlight-color: #F5E1D8; scrollbar-arrow-color: #FFFFFF; scrollbar-track-color: #FFFFFF; scrollbar-darkshadow-color: #FFFFFF; } body { margin:0 auto 0; background-color: #FFFFFF; font-family:sans-serif; font-size:8pt; } form { margin:0px; scrollbar-face-color: #F5E1D8; scrollbar-highlight-color: #FFFFFF; scrollbar-shadow-color:#F5E1D8; scrollbar-3dlight-color: #F5E1D8; scrollbar-arrow-color: #FFFFFF; scrollbar-track-color: #FFFFFF; scrollbar-darkshadow-color: #FFFFFF; } #container { width:950px; margin:0 auto 0; background-color:#FEFBEE; } #logo{ margin-left:80px; height:150px; } #box1 { text-align:center; line-height:20px; height:100px; } #box2 { text-align:center; line-height:20px; height:150px; } #box3 { text-align:center; line-height:20px; height:70px; } #box4 { text-align:center; height:300px; background-image: url(../img/top_haikei.jpg); background-repeat: no-repeat; background-position: center bottom }

    • ベストアンサー
    • HTML
  • CSSで背景画像を一番下にもってきたいのですが・・・

    依頼されたページを作成中ですが、 bodyに指定したbackground画像を一番下にもってくるにはどうしたら良いか分からず、困っております。 #loginの背景に指定した「top_haikei.jpg」は、 position: fixed ; bottom:0; と指定することで一番下にもってくることに成功しましたが、 bodyの背景に指定している「haikei_bottom.gif」を一番下に持ってくる方法が分かりません。 CSS初心者の為、詳細にご教示頂ける方のご回答をお待ちしております! よろしくお願い致しますm(u_u)m ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ■CSS *{ margin:0px; padding:0px; } html { scrollbar-face-color: #F5E1D8; scrollbar-highlight-color: #FFFFFF; scrollbar-shadow-color:#F5E1D8; scrollbar-3dlight-color: #F5E1D8; scrollbar-arrow-color: #FFFFFF; scrollbar-track-color: #FFFFFF; scrollbar-darkshadow-color: #FFFFFF; } body { margin:0 auto 0; background-color: #FFFFFF; font-family:sans-serif; font-size:8pt; background-image: url(../img/haikei_bottom.gif); background-repeat: repeat-x; background-position: center bottom; } form { margin:0px; scrollbar-face-color: #F5E1D8; scrollbar-highlight-color: #FFFFFF; scrollbar-shadow-color:#F5E1D8; scrollbar-3dlight-color: #F5E1D8; scrollbar-arrow-color: #FFFFFF; scrollbar-track-color: #FFFFFF; scrollbar-darkshadow-color: #FFFFFF; } input { font-size:12px; } #container { width:950px; margin:0 auto 0; background-color:#FFFFFF; } #logo{ margin-left:80px; height:180px; } #box1{ text-align:center; line-height:20px; height:150px; } #login{ height:250px; background-image: url(../img/top_haikei.jpg); background-repeat: no-repeat; background-position: center bottom; position: fixed ; bottom:0; } #login_left{ float:left; margin-top:120px; margin-right:50px; line-height:20px; width:700px; } #login_right{ float:left; margin-top:100px; width:200px; }

  • IEバーションアップによる反映について~有効なタグ

    HPを手打ちで作っています。 自分は、プラウザIE8の前のバージョンのままで、 アップするかずっと迷っています。理由は、 ・レイアウトが崩れる可能性がある ・しかも、ほかのプラウザでは、同じように反映されない (例:ファイヤーフォックス) 主に、 画像を一枚背景にして定置し、 その上にスタイルシートで文字列を上書きし、 画像の配置と文字列の配置を、自由に(左上20%の位置・右寄せ・中央寄せなど)決めたいのです。 自分のプラウザでは、一枚の画像で反映されているのですが、 FFでは、画像が繰り返しされ、全面に反映されてしまったり、 画像一枚さえ反映されなかったりしています。 以下のようなタグは、古いのでしょうか。 <Style Type="text/css"> <!-- /*style*/ body {background-color:#ffffff; background-image:url(xxxx.jpg); background-repeat:no-repeat; background-attachment:fixed; background-position:50% 50%; scrollbar-face-color:#ffa500; scrollbar-track-color:#ffffeo; scrollbar-arrow-color:#ff8c00; scrollbar-highlight-color:#ffffe0; scrollbar-darkshadow-color:#ff8c00; font-family:Tempus sans ITC;} A{text-decoration:none;} --> </Style> ・・・・・・・・・・ 回答していただきたい点は、 ・バージョンアップしても、対応でき有効なタグ選びにはどんな点に留意すべきか ・なおかつ、IE以外のプラウザでも、同じように反映して見てもらえるのかどうか ・一枚の画像配置の自由化、その上のテキスト列の配置の自由化 これが、簡易に指定できる、互換性ある有効なタグは、どういったものなのか 勉強不足なのは承知しております。 文字列ですが、主に、 div table で指定しています。 一面の例は以下です。 (こちらは、希望通り反映されています) ・・・・・・・・・・・・・・・・・・・・・・・ <!DOCTYPE HTML PUBLIC"-//W3C//DTD HTML4.01//EN"> <html> <head> <title>yyyyyyyy</title> <STYLE TYPE="text/css"> <!-- /*STYLE*/ body{ scrollbar-base-color:#ffffff; scrollbar-face-color:#ffffff; scrollbar-arrow-color:#ffffff; scrollbar-darkshadow-color:#ffffff; scrollbar-highlight-color:#ffffff; scrollbar-shadow-color:#ffffff; scrollbar-track-color:#ffffff; line-height:140%; font-family:"MS UI Gothic" , sans-serif; font-size:11pt; background-color:#000011; background-image:url(xxxx.jpg); background-position:20% 20%; background-repeat:no-repeat; background-attachment:fixed; } A{text-decoration:none } html{ scrollbar-base-color:#ffffff; scrollbar-face-color:#e0eeee; } --> </STYLE> <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"> <META http-equiv="Content-style-Type"content="text/css"> <META HTTP-EQUIV="Content-Type"CONTENT="text/html;charset=euc-jp"> </head> <body> <body text="#BC8F8F"> <table width="60%"align="right"bgcolor="#BC8F8F"> <div align="right"bgcolor="#BC8F8F"> <br><br><br><br><br><br><br> テキスト部分 <br><br><br><br><br><br> </div> </table> </body> </html> ・・・・・・・・・・・・・・・・・・・・・・・ また、こちらは画像が繰り返されてしまっています。 ・・・・・・・・・ <Style Type="text/css"> <!-- /*style*/ body {background-color:#ffffff; background-image:url(xxx.jpg); background-repeat:no-repeat; background-attachment:fixed; background-position:50% 50%; font-family:Tempus sans ITC;} A{text-decoration:none;} --> </Style> </HEAD> <BODY onContextmenu="return false"> <body bgcolor="#000022" text="#6495ed"Link="#6495ed"ALink="#4169e1"VLink="#1e90ff"basefontsize="4"style="scrollbar-3d-light-color:silver; scrollbar-arrow-color:#c2f500; scrollbar-base-color:#c2f500; scrollbar-dark-shadow-color:#c2f500; scrollbar-face-color:#ffffff; scrollbar-highlight-color:#ffffff; scrollbar-shadow-color:#c2f500"> <table width="900"height="700"border="0"cellpadding="0"cellspacing="0"> <tr align="center" valign="top"> <td align="left" valign=middle"> <div align="left"valign="top"> <br><br><br><br> ~文字テキスト部分~ <br> </td></tr> </table> </body> </html> ・・・・・・・・・・・・・ 不備・間違い・改良点など、ご指摘していただければ幸いです。 これから参考に読む予定のサイト http://www.swlab.it.okayama-u.ac.jp/man/rec-css2/cover.html#minitoc よろしくお願いいたします。

    • 締切済み
    • CSS
  • スクロールバーが反映されない

    HP作成まったくの初心者です。 今つまづいているのが、スクロールバーの色が 変更できないことです。 IEは「Internet Explorer 6 Service Pack 1 (Windows XP SP1) 」です。 いちおう、タグを載せます。 初心者なのでめちゃめちゃだと思いますので お恥ずかしいのですが、よければご教授ください。 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=shift_jis"> <META http-equiv="Content-Script-Type" content="text/javascript"> <META http-equiv="Content-Style-Type" content="text/css"> <title>☆</title> <script type="text/javascript"> <!-- function jikoku() { dd = new Date(); document.F1.T1.value = dd.toLocaleString(); window.setTimeout("jikoku()", 1000); } // --> </script> <STYLE type="text/css"> <!-- body,td { font-size : 12px; color : #bc8f8f; font-family : Verdana; line-height : 15pt; } --> </STYLE> <style type="text/css"> <!-- a{ text-decoration : none; } a:link{ color : #ffb9d4; } a:active { color : #69b4; } a:visited{ color : #ffd9e4; } a:hover{ color : #FFd9b4; position : relative; top : 2px;} --> </style> <STYLE type="text/css"> <!-- body { scrollbar-face-color:#ffffff; scrollbar-track-color: #ffffff; scrollbar-arrow-color:#ffb9d4; scrollbar-highlight-color:#ffffff; scrollbar-shadow-color:#ffffff; scrollbar-3dlight-color:#ffffff; scrollbar-darkshadow-color:#ffffff; } --> </STYLE> </head> <body> <BODY background=img/wall.gif> </body> </html>

    • ベストアンサー
    • HTML
  • metaの指定

    こんにちは。くだらない質問で申し訳ありませんが、初心者なのでお助けください。 GeoCitiesでHPを作っています。 GeoCitiesではEUCになってしまうと聞いたので、<meta http-equiv="Content-Type" content="text/html; charset=euc-jp"> としていますが、A href="mailto: を使用してメールフォームを作ると、日本語が文字化けしてしまいます。ファイルの転送はNextFTP4を使用しているのですが、何が問題なのでしょうか?どなたかお助けください。宜しくお願いします。 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=euc-jp"> <META http-equiv="Content-Style-Type" content="text/css"> <title>MYHP</title> <BODY BACKGROUND="stripe.gif" oncontextmenu="return false"> <style type="text/css"> <!-- body { scrollbar-face-color: #ff9999; scrollbar-highlight-color: #ffffff; scrollbar-shadow-color: #ffffff; scrollbar-3dlight-color: #ff9999; scrollbar-darkshadow-color: #ff9999; scrollbar-track-color: #ffe5dd; scrollbar-arrow-color: #ffffff; } --> </style></head>

  • メモ帳でホームページ作成・・・HTMLタグが謎

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>Rosery de la mort PC main</title> <style type="text/css"> <!-- HTML { SCROLLBAR-FACE-COLOR: #990000; SCROLLBAR-HIGHLIGHT-COLOR: #993366; SCROLLBAR-SHADOW-COLOR: #660000; SCROLLBAR-3DLIGHT-COLOR: #993366; SCROLLBAR-ARROW-COLOR: #ff0033; SCROLLBAR-TRACK-COLOR: #000000; SCROLLBAR-DARKSHADOW-COLOR: #660000 } BODY { SCROLLBAR-FACE-COLOR: #990000; SCROLLBAR-HIGHLIGHT-COLOR: #993366; SCROLLBAR-SHADOW-COLOR: #660000; SCROLLBAR-3DLIGHT-COLOR: #993366; SCROLLBAR-ARROW-COLOR: #ff0033; SCROLLBAR-TRACK-COLOR: #000000; SCROLLBAR-DARKSHADOW-COLOR: #660000 } --> </style> <!--ここからはheadの中に入れる--> <style type="text/css" media="screen"><!-- #layer1 { color: #ffffff; background-color:#000000; font-size: 10pt; font-weight: normal; text-align: left; visibility: visible; position: absolute; top: 260px; left: 291px; width: 420px; height: 134px; .cposition: absolute } --></style> <SCRIPT language="JavaScript"> <!-- a=0; var text="本文"; function b() {a++;document.getElementById('c').innerHTML = text.substring(0,a)+"_"; if( a >= text.length ){document.getElementById('c').innerHTML = text;} if( a < text.length ){setTimeout("b()", 100);}} //--> </SCRIPT> <!--ここまで--> </head> <body bgcolor="#000000" text="#ffffff" link="#000000" alink="#000000" vlink="#00000"> <!--bodyの中に入れる--> <div id="layer1"> <body onload="(b())"><span id="c"></span> </div> <!--ここまで> </body> </html> このように入力したのですが、背景の黒い画面だけが表示されて、何もでてきません。 何か間違っているのでしょうか?? 私が参考にしたサイト http://www15.plala.or.jp/hp-kowaza/text/taipu-1.html 前回質問したときわかりやすい回答がありませんでした(それでまだ困っています) どなたか回答よろしくお願いします。