- 締切済み
Tumblrテーマのcssが読めません
https://www.tumblr.com/theme/38637 上記テーマでサイトを制作しています。 トップページのスライド部分の画像はどこに投稿したものが表示されるのでしょうか？ div id="slide_cnt" の部分がそうだとは思うのですがその先がよくわからなくて… どうぞよろしくお願いいたします。
- runway173
- お礼率54% (37/68)
- CSS
- 回答数1
- ありがとう数10
- みんなの回答 （1）
- 専門家の回答
みんなの回答
- ORUKA1951
- ベストアンサー率45% (5062/11036)
ブラウザの[表示]→[スタイル(シート)]→スタイルなし でご覧になると分かるように、普通に画像としてマークアップされています。スタイルシートで指定した背景ではない。 その部分のソースを見ると・・ <div style="left: 3250px;" class="carousel_slide starting_slide positioned"><img style="width: 630px; height: 450px;" class="theme_image" src="https://33.media.tumblr.com/themes/screenshots/1r05j3l/1b6e6735cb346c1cce2c3a9dfaabfb29.png" alt=""></div>
関連するQ&A
- tumblrのhtml,css.jsについて
tumblrでサイトを作っています。 テンプレートを利用して何ページか作っているのですが、 トップページにある、押すと出てくるメニューを他のページ（カスタマイズデザイン）で使いたいと思い、該当部分をコピペしてみたのですがうまくできませんでした。 html,cssド素人の上にjavaはよくわからないもので、、、 添付した画像の矢印の部分です。 三本線のとこをクリックすると画像のようにメニューが出てくるようになっています。 これをカスタマイズページで表示させるにはどうコードをかけばいいのでしょうか？ ソースを全部張り付けて該当部分を教えていただければ早いんだと思うのですが、 ソースが長すぎて貼り付けられず。 全く同じものでなくても、同じような感じのメニューになるようなもののhtml,css,javaを教えていただけますでしょうか？ どうぞよろしくお願いいたします。
- ベストアンサー
- CSS
- tumblrのカスタマイズ
tumblrのブログを使用しています。 投稿時に画像を中央揃えにしたいのですが、自力でいくらやっても出来ません。 改善方法を教えて下さい。宜しくお願いいたします。 ・テンプレートのテーマは「bulletproof」です ・テンプレートの編集で記事幅のサイズを「500px→650px」に変更しています ・「テキストを投稿 」で「画像URL」を選択しています HTMLには「align="middle"」と記入されているのですが、実際には変化していません ブログテーマ（bulletproof）http://www.tumblr.com/theme/31098
- 締切済み
- ブログ
- ＣＳＳでスライドショーをするには？
仕事で、自社ＨＰの更新を任されました。 トップ画像のメニューをスライドショーにしようと思っていろいろ探してたら http://kokusai.ecc.ac.jp/ のトップページみたいに、画像がスライドショーで動いているのを見つけました。 これ、いいな。と思ってソースを見たりしてたのですが ごちゃごちゃしすぎてて、どういうふうに作ってるのかピンときません。 このソースのどの部分を参考にしたらいいでしょうか？ また、それぞれのDIV IDについての役割をご教示いただければ幸いです。 お願いします。
- ベストアンサー
- CSS
- tumblrを始めたいのですが・・・
tumblrのアカウントを取得したのですが、記事の投稿の仕方がよく分からず困ってます。 どんな記事を投稿したいかというと、画像を使ったリンクなのですが 例えば、pixivの画像をtumbrに表示し、その画像をクリックすることでその絵のページへジャンプできるリンクを投稿したいです。 textやphotoといったタブがありますが、どれから投稿すればよいのでしょうか？
- ベストアンサー
- その他（インターネット・Webサービス）
- CSSについてです
tumblrのテーマを作っているのですがサイドバーのレイアウトがうまくいきません。 具体的には、サイドバーがコンテンツがある部分の長さまでしか伸びず、それより下は記事の部分が食い込んでしまうといった問題が発生しています。 僕は、サイドバーの横にあるborder-rightを記事などほかの部分と同じ長さまできっちり伸びるようにしたいです。 このサイトを見てこんな設定をしてみたのですがこれでは画面に表示されている部分までしか効果がなくスクロールしたら意味がなくなってしまいます。 サイト http://d.hatena.ne.jp/seto-san/20081215/1229335070 HTML <body> <div id="body">本文</div> </body> CSS * { margin: 0px; padding: 0px; } html{ height: 100%; } body{ height: 100%; } #body { height: 100%; min-height: 100%; } body > #body { height: auto; } tumblrのテーマはごちゃごちゃしているので、簡易的なページを位置から作ってそこでサイドバーを実装してみてもうまくいきませんでした。 何かうまいやり方があったら教えてください
- 締切済み
- CSS
- Wordpressのテーマの使い方が分かりません
このページ（http://www.ygoy.com/demo/）のようなTOPページが ギャラリー風のテーマを選びました。 このページ（http://weblogtoolscollection.com/archives/category/wordpress-templates-wordpress-skins-wordpress-themes/）からダウンロードして、テーマを設置して、本文に画像とテキストを入力してテスト投稿しましたが、TOPページに画像は表示されず、個々の投稿ページ（http://www.XXXXX.com/?P= のようなURL)に画像とテキストが表示されます。 このページ（http://www.ygoy.com/demo/）のように、TOPページにも画像とテキストを表示するにはどうすればよいのか教えて欲しいです。 どうぞ宜しくお願いします。
- 締切済み
- ブログ
- CSS + Javascript でスライドショー
手動で画像を順番に表示させる、スライドショーのような表現を作ろうとしています。 色々なサイトを参考に見よう見まねで作成してみたのですが、 途中でうまくいかずに行き詰っております(´・ω・`) ［XHTML］ <body onload="seltab(0)"> <!-- 順番に表示させる内容 --> <div id="slide" name="slide"><p>1</p></div> <div id="slide" name="slide"><p>2</p></div> <div id="slide" name="slide"><p>3</p></div> <div id="slide" name="slide"><p>4</p></div> <div id="slide" name="slide"><p>5</p></div> <!-- ページ切り替え操作部分 --> <a href="javascript:seltab(-10000)">first</a> <a href="javascript:seltab(-1)">back</a> <a href="javascript:seltab(1)">next</a> <a href="javascript:seltab(10000)">last</a> ［Javascript］ var selected = 0; function seltab(move) { o = document.getElementsByName("slide"); selected = selected + move; if (selected < 0) {selected = 0} if (selected >= o.length) {selected = o.length - 1} for (i = 0; i < o.length; i++) { if (i == selected) { o[i].style.display = "block"; } else { o[i].style.display = "none"; } } } このやり方で一応動作はしています（WIN IE + WIN Firefox にて確認） が、id が同じページ内で重複している点と、div に name を付ける点で、構文チェックに引っ掛かってしまう為、できればそれを回避したいなと思っています。 同じ動作が作れれば、Javascript の処理方法に特に拘りはありません。 お分かりになる方がいらっしゃれば、ぜひぜひご指導お願いします。
- ベストアンサー
- JavaScript
- Tumblr上で原寸画像を扱いたい
HTMLやTumblr関数の勉強を始めました。画像投稿関連で分からないことがあります。 Tumblr上ではオリジナルサイズの画像を扱うことは不可能なのでしょうか。 画像を投稿すると、投稿形態（テキスト記事に添付するのか、画像記事での投稿なのか、ローカルフォルダからのアップロードか、画像ＵＲＬの直リンクか等）に関係なく、Tumblr側で6種類のサイズに自動変換したものを用意するようなのですが…。 例えば、「表示可能な最大サイズは1000pxとし、それ以下のサイズは原寸で表示する」…というレイアウトや、 「一覧ページで画像をクリックすると、原寸画像が貼られたパーマリンクか、直リンクした画像URLへ飛べる」…といったレイアウトを希望しています。 添付したスクショはBroderick Basicというテーマを使用し、post widthという項目を200に設定したものです。色々なサイズのテスト画像を投稿したら、100px平方の画像が引き延ばされてボヤけてしまいました。 これまでに試用してみたテーマはIndy、Broderick Basic、Syndexです。
- 締切済み
- その他（SNS・掲示板・ブログ）
- MT5のテーマ、プロフェッショナル ウェブサイト 1.0について。
MT5のテーマ、プロフェッショナル ウェブサイト 1.0について。 このテーマを適用すると、トップページである 「home」にだけナビゲーションの下に画像 （デフォルトでhomepage-image.jpg）が表示されます。 実際のサイト上でhtmlのソースを見ると、その画像部分に該当する、 div id="homepage-image"というタグがあります。 それが、「home」にだけ表記されており、「contact」など、 他のページには、ありません。 「home」も他の「contact」などのページも 同じテンプレートから作成されていると思うのですが、 ホームの場合のみ、div id="homepage-image"が 記述されている仕組みがわかりません。 「ホーム」の場合のみ、div id="homepage-image"を記述する という命令は、どこのどの部分から来ているのか、教えていただけるよう よろしくお願いいたします。
- ベストアンサー
- CSS
- CSS使用時のDIVにおける背景指定について
現在ホームページの作成でＣＳＳをメインに練習を行なっております。 テーブル配置を最小限にと思い、ＣＳＳにて制作を試みておりますが、 ヘッダー部分だけがどうしても上手くいかずつまずいてます。 色々なＣＳＳに関するページも検索しましたが、いまいちピンと来るものもなく、もしかしたら出来ないのかな？とも考え始めております。 でも、大手のサイトなどを拝見する限り見栄え的にも出来ている様なので自分にＣＳＳに対する理解が低いのかとも思いますが、どうかご教授 をお願いいたします。 先ず構想図から… －－－－－－－－－－－－－－－－－－－－－－ ｜ DIV id="h-top" ｜ －－－－－－－－－－－－－－－－－－－－－－ ｜ DIV id="h-cate" ｜ －－－－－－－－－－－－－－－－－－－－－－ ｜ ｜ ｜ ｜ ｜ ｜ ｜DIV ｜ DIV ｜ ｜id="index"｜ id="main" ｜ ｜ ｜ ｜ ｜ ｜ ｜ ｜ ｜ ｜ －－－－－－－－－－－－－－－－－－－－－－ ｜ DIV id="footer" ｜ －－－－－－－－－－－－－－－－－－－－－－ 上記のようなありがちなレイアウトのＨＰを考えています。 DIV id="h-top",id="H-cate"においては通常のヘッダーとしています。 質問は、上記のDIV内容の記述についてなのですが、 ●DIV id="h-top"は、 横100%に対し、横20PX、縦100PXの背景画像を並べ、中央に横740PX、 縦100PXのメイン画像画像を入れたいと思っております。 ●DIV id="h-cate"には、 横100%に同じく背景画像として横20PX、縦43PXの画像を並べ、中には 横740PXに合わせたナビボタン（w123*h40）を６つ配置したいと考えています。 共に画像とナビボタンは配置可能なのですが、背景画像が表示できなく 困っております。 現状でのHTML文では以下の通りとなっております。 <body> <DIV id="header"> <DIV id="h-top"> <img src="hoge" width"740" height"100" alt""> </DIV> <DIV id="h-cate"> <ul class="h-navi"> <li class="h-navi01"> <A href="index.html"> <span class="span1">トップページ </span></A> </li> <li class="h-navi02"> <A href="web/index.html"> <span class="span1">取扱商品一覧 </span></A> </li> ・ ・ ・ </ul> </DIV> </DIV> </body> ＣＳＳも書こうと思いましたが、色々とやりくりして今では表示も 配置もおかしくなってしまいましたので、控えさせて頂きました。 また説明文が下手で分かりづらいかと思いますが、どうぞ宜しくお願いします。
- ベストアンサー
- CSS
補足
ありがとうございます！返事が遅くなってしまって申し訳ありません！ ソースを表示でみるとそうなっているのですが、 テーマのhtmlを見てみると {block:IndexPage}<div class="el"></div>{/block:IndexPage} {block:IndexPage}<div class="cel bord1 tlr0" title=" ">{/block:IndexPage} しか書いてないのです。 どうしてでしょうか？