• ベストアンサー

JavaScript:縦並びのブログパーツを横並びに

http://youlist.jp/list_y?tag=%E3%83%86%E3%82%B9%E3%83%88&user_id=&type=youlist ↑ここにある縦並びになっているyoutube動画のオブジェクトを横並びに変えることは可能でしょうか? よろしくお願いいたします。

質問者が選んだベストアンサー

  • ベストアンサー
noname#113783
noname#113783
回答No.1

ソースコードを変えるのでは無理です。 変わりにこのようなソースコードを書くのはどうでしょう。 まず画像5枚ををネットにアップロードし、 <a href="http://jp.youtube.com/watch?v=qxibKzuN_ow&eurl=http://youlist.jp/v/qxibKzuN_ow"><image src=" ※を見て下さい "></a> <a href="http://jp.youtube.com/watch?v=-ul9f_euMlQ&eurl=http://youlist.jp/v/-ul9f_euMlQ"><image src=" ※ "></a> <a href="http://jp.youtube.com/watch?v=NdWlOqQTRys&eurl=http://youlist.jp/v/NdWlOqQTRys"><image src=" ※ "></a> <a href="http://jp.youtube.com/watch?v=TGrMNvHQZxI&eurl=http://youlist.jp/v/TGrMNvHQZxI"><image src=" ※ "></a> <a href="http://jp.youtube.com/watch?v=S4L-Lwr2Vd4&eurl=http://youlist.jp/v/S4L-Lwr2Vd4"><image src=" ※ "></a> を貼り付けてください。BIGLOBE相談室の機能でリンクが張られていますが、無視してください。 「※」の所には※ではなく、画像(上から順番に)のパスが入ります。 早退パスでも絶対パスでもかまいません。パスというのは、ネットの上のバーに表示される「http://~」見たいなやつです。 参考になれば。

全文を見る
すると、全ての回答が全文表示されます。

関連するQ&A

  • float横並びにしたブロックの中のul/liを縦並びにさせたい

    float leftで横並びさせている中でul/liを縦並びにさせたい。現在はすべて横並びしてしまう。 (html) <div class="base"> <div class="box1"> <a href="#"><img src="#" alt=""></a> </div> <div class="box2"><img src="images/spacer.gif" width="1" height="1" alt=""></div> <div class="box3"> <ul class="list-y"> <li>ああああ</li> <li>いいいい</li> <li>うううう</li> <li>ええええ</li> <li>おおおお<a href="#">かかか</a></li> </ul> </div> </div> (css) ul{ margin: 0; padding: 0; list-style-type: none; text-decoration: none; display: block; } li { margin: 0; padding: 0; display: inline; } .base { width: 618px; height: 100px; margin: 0; padding: 8px 10px 0 10px; text-align: left; line-height: 1.5em; background-image: url(../images/content_bg.gif); background-repeat: repeat-y; } .base .box1 { width: 130px; height: 97px; margin: 0; padding: 0; float: left; outline: solid 2px black; } .base .box2 { width: 2px; height: 100px; margin: 0 5px 0 10px; padding: 0; float: left; border-right: dotted 2px #ccc; } .base .box3 { margin-left: 157px; padding: 0; font-weight: bold; text-align: left; } .list-y{ clear: both; } CSSに疎いのでよろしくお願いいたします。

    • ベストアンサー
    • CSS
  • ナビゲーションを横並びにして真ん中配置にしたい

    ナビゲーションをulタグを使って作り、横並びにしています。 さらにそれをブラウザの真ん中に配置したいのですが、真ん中になってくれません。 HTMLは以下のようにしています。 <div id="menu_top"> <ul> <li>Profile</li> <li>Information</li> <li>History</li> <li>Invitation</li> </ul> </div> CSSは以下のとおりです。 #menu_top{  margin:auto;  width:90%;  height:20px;  text-align: center; } #menu_top li{  float:left;  list-style-type:none;  margin:15px; } あとbody要素にはtext-align:centerを入れています。 現状では、ナビゲーション自体は横並びになるものの、左に寄っています。横並びのまま、真ん中に表示させるにはどのようにしたらいいでしょうか。 よろしくお願いいたします。

    • ベストアンサー
    • HTML
  • ameba blogにて youtubeなどの貼り方

    こんにちは、amebaでblogをしているのですが 日記にyoutubeなどの動画を乗せたいのですが 乗せ方がわかりません タグ編集エディタで日記を書く際に、 youtubeから取得したタグを張り付ければ表示できる と書いてあるのですが どういうことでしょうか? mixiなどのように そこからyoutubeの動画を検索したりするということでしょうか? それともURLについてるIDなどを 何かのタグではさんで表示させるのでしょうか? ご存じのかた どなたかご教授していただけないでしょうか?

  • アマゾン アソシエイト(アフィリエイト) 商品リンク横並び方法

    アマゾン アソシエイト(アフィリエイト)で、商品リンクの広告を作りたいのですが、 商品リンクの"画像"と"タイトル"がもともと縦並びになっているのを、横並びにしたいです。(ホリエモンのブログのように画像が左に、タイトルが右に→http://ameblo.jp/takapon-jp) ちなみに下記が今回やろうとしている、縦並びの商品リンク例です。 <iframe src="http://rcm-jp.amazon.co.jp/e/cm?lt1=_blank&bc1=FFFFFF&IS2=1&bg1=FFFFFF&fc1=000000&lc1=0000FF&t=euqybscg-22&o=9&p=8&l=as1&m=amazon&f=ifr&asins=B00009PNC3" style="width:120px;height:240px;" scrolling="no" marginwidth="0" marginheight="0" frameborder="0"></iframe> 初心者なので分かりやすくおしえてくださると助かります。m(_ _)m

  • gooブログに公認ブログパーツの貼り付け方

    私はgooブログのカスタムのテンプレート(編集できるタイプです) を使用しており、 公認ブログパーツ(PIXIE)を貼り付けようとおもったのですが、 http://blog.goo.ne.jp/how_to/e/89b470fc570d02bbdcc5c80003546e85 上記のとおり、やり方とおりにやっても、 変換元タグのところで、 「許可されていないタグの構成です」と表示されてしまいます。 公認ブログパーツなのに… 自分でいろいろやってみたのですが、原因が分かりません。 他の似たような質問をなされた方もいましたが、 ほとんどが公認でないパターンでしたので、質問させていただきました。 よろしくお願いします。

  • Youtubeをブログに貼り付けた時の回りこみ

    Youtubeの<object> ・・・</object>のタグをブログに 貼り付けると自分のブログで動画がみれるのはわかったのですが Youtubeの動画の右側に文字を回り込ませたいのですが テーブルタグをつかう方法以外はないのでしょうか? objectのalign=leftとか text-align=leftとか色々試しましたがだめでした。 どなたか詳しいかたよろしくおねがいします。

  • ブログにyoutubeを貼り付けた時の自分のID

    アメブロをしていますが、自分の投稿記事にyoutubeの動画を貼り付けるとします。 そのとき、目的の動画を再生し終わったあと、自分のブラウザで見ると自分自身のお気に入りリストで次になっている動画が自動的に再生されるのですが、他人も同じものを見ることになるのでしょうか? 自分の再生リストやyoutubeのIDなど知られたくないのですが、他人が見たときは私のIDや再生リストはバレないですか?

  • (VBA) 横並びを縦並びに

    kkkkkmさん、毎回アドバイスいただき感謝します。 以下のスレッドが元になります。 https://okwave.jp/qa/q10027270.html なぜだか?私の質問スレッドが消えてしまいました。 途中で投げ出したような感じで気持ちが悪いので続けます。 以下は、最後のkkkkkmさんの回答への追加質問になります。 >LastRowNum2 = sh2.Cells(Rows.Count, 1).End(xlUp).Row >の位置がソートの前のあたりに無いと1回目(実行前のsh2にデータが無い時LastRowNum2が1のままなので)ソートしてくれませんでした。 LastRowNum2は、ソートの時のソート範囲にしか利用しないので おっしゃるようにソートの前で問題ないのですが sh2にDATAが無い状態とは マクロが実行されていない最初の状態又は SH1にDATAが無い状態でマクロを実行した時だけだと思うのですが ? 一応、次回に備えてsh2のシート全体を初期化のため sh2.Cells.ClearContents を最初に追加しました。 >D列のソートでいいかどうか、利用者で変更してくれるといいですね。 今回はD列(項目)でソートしていますが ソートのキーとしてA,B,C,Dの4つが考えられます。 それぞれ優先順位でD-A-B-C や A-B-C-D など色々組み合わせが考えられますが これの組み合わせを網羅して利用者が選択できるようにするには 簡単では無いような気がします。 勉強のため少し考えてみますが、 考え方(ロジック)や使用すべき関数などを紹介下さい。 >Resize 確かにresizeを使用したほうが分かりやすいですね。 '------------------------------------- と「ここまで」記載した時点でスレッドが消滅してしまいました。 以下が現在のコード Option Explicit Sub Macro1() Dim sh1 As Worksheet, sh2 As Worksheet Dim LastRowNum As Long, LastRowNum2 As Long Set sh1 = Worksheets("Sheet1") Set sh2 = Worksheets("Sheet2") LastRowNum = sh1.Cells(Rows.Count, 1).End(xlUp).Row '書き出しシート(sh2)の初期化 sh2.Cells.ClearContents '見出し行 sh2.Range(sh2.Cells(1, "A"), sh2.Cells(1, "D")).Value = sh1.Range(sh1.Cells(1, "A"), sh1.Cells(1, "D")).Value '同一(ID,名前) sh2.Range(sh2.Cells(2, "A"), sh2.Cells(LastRowNum, "B")).Value = sh1.Range(sh1.Cells(2, "A"), sh1.Cells(LastRowNum, "B")).Value sh2.Range(sh2.Cells(LastRowNum + 1, "A"), sh2.Cells(2 * LastRowNum - 1, "B")).Value = sh1.Range(sh1.Cells(2, "A"), sh1.Cells(LastRowNum, "B")).Value '手術日,項目 sh2.Range(sh2.Cells(2, "C"), sh2.Cells(LastRowNum, "D")).Value = sh1.Range(sh1.Cells(2, "C"), sh1.Cells(LastRowNum, "D")).Value '手術日,項目(配置換え) sh2.Range(sh2.Cells(LastRowNum + 1, "C"), sh2.Cells(2 * LastRowNum - 1, "D")).Value = sh1.Range(sh1.Cells(2, "E"), sh1.Cells(LastRowNum, "F")).Value LastRowNum2 = sh2.Cells(Rows.Count, 1).End(xlUp).Row 'ソート sh2.Range(sh2.Cells(2, "A"), sh2.Cells(LastRowNum2, "D")).Sort key1:=sh2.Range("D1"), order1:=xlAscending, Header:=xlYes Set sh1 = Nothing Set sh2 = Nothing End Sub

  • ブログパーツのカスタマイズについて。

    ↓にこのようなブログパーツがあるんですが、背景と文字色、文字の大きさなどを変更したいと思うのですが、素人で全く分かりません。 このプログラムの何処に、どのように文字を入れればカスタマイズできるのか、どなたか詳しい方おりましたら分かりやすくご指南いただきたいと思います。 宜しくお願いします。 <script src="http://l.yimg.com/a/i/us/pps/listbadge_1.6.js">{"pipe_id":"e5d20a752eec5a243884b8a582191b31","_btype":"list","pipe_params":{"lastfmID":"abc9999","number":"1"}}</script>

  • javascriptにおけるXMLのデータ抽出

    HTML+javascriptについて。 XMLを使用してデータを表示する際、 100件のデータがあるとして、その中にA、B、Cタイプが あるとします。 この場合においてAタイプのものを抽出する、ということを する場合において、どのようにプログラムを組むのか、また、 XMLデータ構造としてはどのようにすればいいのか教えてください! (personタグでなくてAタグ、Bタグ・・・にはしない方法です) データ構造としては1と2ではどちらがいいのか? データ構造1 <group>  <person type="A" id="A01" value="医者"/>  <person type="B" id="B01" value="先生"/>  ・・・ </group> データ構造2 <group>  <person type="A">   <id>A01</id>   <value>医者</value>  </person>  <person type="B">   <id>B01</id>   <value>先生</value>  </person>  ・・・ </group>

    • ベストアンサー
    • XML