- 締切済み
HTMLやCSSに詳しい方、教えてください
私はTumblrを使っていて、 最近無料のテーマに変えてみました。 しかし、そのデザイン、記事の後ろの四角がもう少し幅が大きければなあ、と思いまして いろいろといじってみたのですが、どうにも上手くいかず… 画像も添付いたしました。ぜひどうすればいいか教えてください。
- IwantEnglish
- お礼率28% (2/7)
- その他（SNS・掲示板・ブログ）
- 回答数2
- ありがとう数0
- みんなの回答 （2）
- 専門家の回答
みんなの回答
- Kaneyan-R
- ベストアンサー率42% (1249/2913)
それがどうやって表示されているのかによります。 CSSで指定した単なるブロック要素なら、CSSで幅を変えればいい。 画像を組み合わせたものなら、画像そのものを加工すればいい。 仮にCSSだったとして、幅が100％で指定もしくは指定が無い場合は、その要素が入っている親の要素の幅を変えてやる必要がある。ピクセル指定に変えてもいいけど。 何れにせよ、そのブログのソースがどうなってるかわからないので、詳しいことは回答できません。
- lv4u
- ベストアンサー率27% (1862/6715)
Tumblrは全く知りませんが、一般のサイトでは、そういうようなデザインの微調整は、使っている画像をPhotoshopなどで修正して、入れ替えるのではないでしょうか？ 考え方として、用意した画像の積み木を組み合わせてサイト画面を完成させているので、積み木である画像の角を丸くしたければ、角を削ってあげることになる。 つまりは、画像をPhotoshop等で編集して角丸の画像パーツを用意し、それと入れ替える。 ちょっと面倒な作業になると思えます。が、この方法がTumblrで可能かどうかは分かりません。
補足
ご回答ありがとうございます。 なるほど。その辺をいじってみることにします。 別の質問でソースを出しますので、よかったらそちらでもご回答おねがいします
関連するQ&A
- tumblrのカスタマイズ
tumblrのブログを使用しています。 投稿時に画像を中央揃えにしたいのですが、自力でいくらやっても出来ません。 改善方法を教えて下さい。宜しくお願いいたします。 ・テンプレートのテーマは「bulletproof」です ・テンプレートの編集で記事幅のサイズを「500px→650px」に変更しています ・「テキストを投稿 」で「画像URL」を選択しています HTMLには「align="middle"」と記入されているのですが、実際には変化していません ブログテーマ（bulletproof）http://www.tumblr.com/theme/31098
- 締切済み
- ブログ
- 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
- Tumblrテーマのcssが読めません
https://www.tumblr.com/theme/38637 上記テーマでサイトを制作しています。 トップページのスライド部分の画像はどこに投稿したものが表示されるのでしょうか？ div id="slide_cnt" の部分がそうだとは思うのですがその先がよくわからなくて… どうぞよろしくお願いいたします。
- 締切済み
- CSS
- Tumblr上で原寸画像を扱いたい
HTMLやTumblr関数の勉強を始めました。画像投稿関連で分からないことがあります。 Tumblr上ではオリジナルサイズの画像を扱うことは不可能なのでしょうか。 画像を投稿すると、投稿形態（テキスト記事に添付するのか、画像記事での投稿なのか、ローカルフォルダからのアップロードか、画像ＵＲＬの直リンクか等）に関係なく、Tumblr側で6種類のサイズに自動変換したものを用意するようなのですが…。 例えば、「表示可能な最大サイズは1000pxとし、それ以下のサイズは原寸で表示する」…というレイアウトや、 「一覧ページで画像をクリックすると、原寸画像が貼られたパーマリンクか、直リンクした画像URLへ飛べる」…といったレイアウトを希望しています。 添付したスクショはBroderick Basicというテーマを使用し、post widthという項目を200に設定したものです。色々なサイズのテスト画像を投稿したら、100px平方の画像が引き延ばされてボヤけてしまいました。 これまでに試用してみたテーマはIndy、Broderick Basic、Syndexです。
- 締切済み
- その他（SNS・掲示板・ブログ）
- tumblrのhtml,css.jsについて
tumblrでサイトを作っています。 テンプレートを利用して何ページか作っているのですが、 トップページにある、押すと出てくるメニューを他のページ（カスタマイズデザイン）で使いたいと思い、該当部分をコピペしてみたのですがうまくできませんでした。 html,cssド素人の上にjavaはよくわからないもので、、、 添付した画像の矢印の部分です。 三本線のとこをクリックすると画像のようにメニューが出てくるようになっています。 これをカスタマイズページで表示させるにはどうコードをかけばいいのでしょうか？ ソースを全部張り付けて該当部分を教えていただければ早いんだと思うのですが、 ソースが長すぎて貼り付けられず。 全く同じものでなくても、同じような感じのメニューになるようなもののhtml,css,javaを教えていただけますでしょうか？ どうぞよろしくお願いいたします。
- ベストアンサー
- CSS
- HTML CSS 編集 助けてください。・
すみません、どうしても分かりません。 忙しいけど見てあげてもいいよって方、よろしくお願いします。 問題が発生しているのは、FC２カート（http://cart.fc2.com/）です。 ショップをつくったのですが、巧く表示されません。 問題は２点です。 FC２カート（無料）を登録し、ここで、デザイン設定→デザイン表示の設定→PC用テンプレートの設定→公式テンプレートの追加→basic_whiteを選び、編集へ 何か適当に画像を商品として入れてカートをプレビューすれば全商品リスト・カタログ（商品詳細ページでない）の画像が映るんですが、まずここで、一番目の問題、このリストに並ぶ商品画像が、小さくて困っています。 この画像を、画像下に出る値段の文末の部分と揃えるようにサイズを調整するにはどうしたらいいでしょうか？ 編集ページからCSSが開示できますが、探ってみましたが全く見つかりません。 ２番目も同じような問題です。 全商品リスト・カタログの各商品のレイアウトが定まらず、文字数や画像の大きさで勝手に変わるため、一行がきっちり並びそろいません。 たての長さを均一にするにはどこをいじったらいいでしょうか。 以上、面倒だったり分かりにくい説明だったりしますが、どうかお願いします。＿（＞＜）＿
- ベストアンサー
- CSS
- 上段メニューに使うマーク（家やメールなど）を探しています。
上段メニューに使うマーク（家やメールなど）を探しています。 マーク（イラスト）を四角で囲んだデザインはよく見るのですが、 添付画像の家マークように、マークだけのpng画像を求めています。 無料、有料問いませんのでご存じの方いらっしゃったら 教えていただけたら幸いです。 よろしくお願いいたします。
- ベストアンサー
- グラフィックソフト
- CSSとHTMLの編集について教えてください。
お店を作っているのですが、幅の修正が巧くいきません。 (1)商品リストでは各商品に枠は無いので、いちおう黒枠で示したのが大体の商品テーブルだと思うのですが、画像から右端まで間隔があいてしまっています。これを枠いっぱいまできちんと表示させる方法を教えてください。 (2)枠の縦寸法が、各商品バラバラになってしまっています。これを統一する方法を教えてください。 (3)２行目の商品との間隔が広すぎます。これを狭める方法を教えてください。 (4)商品名と「ＮＥＷ」の位置を入れ替える方法を教えてください。 (5)商品名（４が完成した後はこの位置にＮＥＷがきている）と商品画像との間隔を狭める方法を教えてください。 ＣＳＳ部分は以下の通りです。 ↓ http://oshietekudasai.web.fc2.com/
- ベストアンサー
- HTML
- Tumblrで記事中にリンクが貼れない
Tumblrで「Aa テキスト」の所から記事を書く際に、 記事中にリンクを貼ろうとしたら、うまく表示されません。 例えば「パソコン」という文字にリンクを貼って、パソコンの画像検索ページに飛ばそうとする時。 「この<a href="画像検索ページのURL">パソコン</a>がおすすめ！」 と記事を書いて保存すると、Tumblrの自分のサイト上で 「この<a href="画像検索ページのURL">パソコン</a>がおすすめ！」 とそのままタグが表示されてしまいます。 ダッシュボードで保存した記事を見てもそのままタグが表示されたり、</a>以降の「がおすすめ！」の部分までリンクの下線が続いたりします。 わかりにくくてすみませんが、どうしてTumblrの記事上でリンクが貼れないのでしょうか？ 記事中の文字を押すとその言葉に関連したページなどに飛べるようにしたいので、Tumblrの「リンク」ではなくhtmlで組み込めるようにしたいです。 どうかご示唆のほどよろしくお願い致します。
- 締切済み
- ブログ
- ワードプレスのCSSの設定を教えてください
こんにちは。Twenty tenのテーマを使ってます。 記事タイトルと投稿記事の間の行間（画像赤枠）を狭くしたいのですが、CSSのどこの部分を変更したらいいのでしょうか。 わかる方、教えてください。 よろしくお願いします。
- 締切済み
- その他([技術者向] コンピューター)
補足
ご回答ありがとうございます。 なるほど、そうですよね。ソースが無ければいけませんよね。 別の質問でソースを出しますので、良ければそちらでもご回答ねがいます…あつかましいですが