- 締切済み
cssでブログ投稿画像をもっと大きく表示したい!!
今、ブログの準備をしているのですが、cssなどよくわからないので困っています。 http://tenjikunik.exblog.jp/ 太陽の画像をビット数を変えずにもっと大きく表示したいのですが、どうすべきでしょうか? また右下のプロフィール欄をブラウザの右端でタイトル欄の下に配置したいのですがどうしたらよいのでしょう? プロフィールについては ソースの66行目あたりを変えればよいのでしょうか? どなたかどうか教えてください。よろしくお願いします。
- みんなの回答 (1)
- 専門家の回答
みんなの回答
- 4649panda
- ベストアンサー率68% (15/22)
関連するQ&A
- CSSで背景画像設定
ページ自体はテーブルで位置を特定しています。 中央に750ピクセルのテーブルを配置しその中にコンテンツを入れています。 さて、背景画像を固定にしたいと思っています。 場所なのですが、ブラウザサイズに左右されない下部分・中心から375右の位置が右端になるようにしたいんです。 いわゆる「中央に750ピクセルのテーブルを配置しその下部分に画像を配置」した状態で、なおかつ固定としたいんです。 このような言い回しでわかっていただけたでしょうか? CSSで右下に配置ってのはやったことがあるのですが、「中央から375ピクセルの位置が右端」なんてことが可能なのでしょうか? 方法があれば教えてください。
- ベストアンサー
- HTML
- ブラウザからブログのcssを見るには?
すいません。 教えてください。 ブログのテンプレートはブラウザの「表示」から「ページのソース」を開くことによって見ることができます。 では、ブログのcssはどのようにして見る事ができるのでしょうか?
- ベストアンサー
- その他([技術者向] コンピューター)
- アメーバブログについて…
アメーバブログのCSSについてなのですが、 サイドバーなどのタイトルを変えたいのですが どうしたら変えられますか? 例〉プロフィール→Profile あと、記事の右下の辺に画像が入ってるブログを よく見かけるのですがどうしたら右下に画像が 入れられるんですか?
- 締切済み
- ブログ
- cssで画像を均等に配置する方法を教えてください。
cssで画像を均等に配置する方法を教えてください。 下図のようなレイアウトをcssで作りたいのですが方法を教えてください。 ・■は画像(一行あたりの個数は固定)。 ・罫線はブラウザの表示エリア(divのボックスです)。 ┏━━━━━━┓ ┃■■■■■■┃ ┃■■■■■■┃ ┃■■■■■■┃ ┃■■■■ ┃ ┗━━━━━━┛ ・ブラウザのサイズを変えても画像は均等に配置。 ┏━━━━━━━━━━━┓ ┃■ ■ ■ ■ ■ ■┃ ┃ ┃ ┃■ ■ ■ ■ ■ ■┃ ┃ ┃ ┃■ ■ ■ ■ ■ ■┃ ┃ ┃ ┃■ ■ ■ ■ ┃ ┗━━━━━━━━━━━┛ できればテーブルを使わずに実現したいのです。 どなたかよろしくお願いします。
- ベストアンサー
- HTML
- アメーバブログ スキンCSS編集のことについて
こんにちは。私はアメーバブログを使用しています。 だいぶんアメブロにも慣れてきて、スキンCSS編集をやってみようと思っています。 amebaヘルプの[スキンをカスタマイズしよう]というページを見て、色々と頑張っているのですが、スキンCSS編集のことがなかなか分かりません。 amebaヘルプのスキンCSS編集を利用する・・準備(http://helps.ameba.jp/qguide/blog/post_323.html#step3)というところに、『CSSソース内の「☆かんたんスキンカスタマイズはこちら☆」に進みます。』と書いてあったのですが、実際ソース内にはそう書いてあるところはありませんでした。なぜなのでしょうか。 ページ背景の画像を入れたくて、色々と試行錯誤しているのですが、まだよく分かりません。amebaヘルプにも「☆かんたんスキンカスタマイズはこちら☆」のほうの説明なので、あまり役に立ちません。 何か少しでも知っていらっしゃる方お見えでしたら、回答よろしくお願いします。
- 締切済み
- その他([技術者向] コンピューター)
- FC2ブログで背景画像を任意の位置に貼れない
FC2ブログでオリジナルのテンプレートを作成しています。 CSSにて、背景画像を設定しようとしていますが、 配置設定がどうしてもうまくいきません。 画像を右下に配置させられるよう、 以下のように設定しました。 template.cssココカラ----------------------------------------------------- body { background : transparent url("http://blog-imgs-画像のURL") bottom right no-repeat; background-attachment:fixed; } template.cssココマデ----------------------------------------------------- 自分のパソコン上に作ったHTML・CSSでは、右下に配置してくれましたが、 FC2ブログのテンプレートに設定・反映したところ、 右上に配置されてしまいました。 InternetExproler9、GoogleChrome、FireFox3.6で動作を確認したところ、 正常に配置してくれたのはFireFoxだけでした。 この他に、background-positionで配置場所を個別に設定するなどしましたが、 どうしてもうまくいきませんでした。 ご助言をいただけますようお願いします。
- ベストアンサー
- CSS
- HTMLとCSSでの画像位置について教えてくださ
こんにちは。 アメブロと言うブログでデザインとカスタマイズを依頼されました。 希望はヘッダー画像そのものにリンクを張りたいのですが、HTML編集機能がありません(CSSのみ)。 プロフィール欄のみHTML編集ができるので、そこに下記のHTMLソースを書き、画像にリンクを張りました。 <div style="position:absolute;top:-320px;left:15px;"><a href="http://ameblo.jp/vice-president"><img border="0" src="http://stat.ameba.jp/user_images/da/d2/10014814202.jpg" width="700" height="366"></a> </div> ※top:-10px-プロフィールのあるサイドバーの上端からの位置 left:0px-サイドバーの左端からの位置 IEではきちんと表示されたのですが、firefoxでは画像位置が崩れてしまいます。どのように記述したらよいでしょうか? よろしくお願いします。
- 締切済み
- CSS
- ブログの背景画像が崩れます。
ブログのテンプレートにCSSで左上・右下と、背景画像を2枚固定しました。 しかし全画面表示の時には問題ないのですがブラウザの大きさを変えると背景画像も一緒に動いてしまい画像が重なり合ってとても見づらくなってしまいます。 ブラウザが小さくなったら、下部に横スクロールを出して背景、コンテンツを固定したままにしたいのですがどうすればいいのでしょうか。 うまく説明出来なくて申し訳ありません。 宜しくお願い致します。
- ベストアンサー
- ブログ
- cssで投稿した画像を中央に表示たい!!!!!
blogで投稿した画像を中央に表示したい!!!!! css詳しい人、教えてください!!!!! 今、エキサイトブログの設定を行っているんですが、cssなど全くの初心者なので、右も左もわかりません。 そこで、現在、http://tenjikunik.exblog.jp/ のようになっています。 太陽の投稿画像をブラウザの中央付近に表示したいのですが、次のhtmlまたはcssをどう変更すべきでしょうか?助けてください。 css /* excite blog skin css */ body { margin : 0; padding: 0; background: #151414; color : #e7e7e7;} body,td,div,li{ font-size : 13px; font-family : verdana,arial,sans-serif; line-height : 150%; letter-spacing:1px; word-wrap: break-word;} a:link{ color: #cfcbc4; text-decoration: underline; } a:visited{ color: #cfcbc4; text-decoration: underline; } a:active{ color: #cfcbc4; text-decoration: underline; } a:hover{ color: #cf9712; text-decoration: none;} #im{ width:100%; clear: none;} td.im_hit{ background: url(http://image.excite.co.jp/jp/portal/im/imach_icon_orange.gif) no-repeat 0.5em 0.5em; padding: 0.5em 0.5em 0.5em 25px; cursor:pointer;cursor:hand; line-height: 100%; width: 550px;text-align:left;color:#cfcbc4;} div.im_title{font-size:x-small;color:#666;text-align:right;margin-bottom:10px;} div.im_title a{color:#666;} td.im_hit:hover{background-color:#fffee1; color:#333333;} table.im_summary{margin-top:3px;} td.im_summary {font-size:small;font-family:"Arial";line-height:160%;} span.im_url{font-size:small;font-family:"Arial"; text-decoration: underline;} span.im_titletext{text-decoration: underline;} #cmtviewfrm{ display:none !important;} #main { width:1899px; margin:0 auto; text-align:left; padding-bottom: 20px;overflow: hidden;} #Headarea{ height: 401px; width:1899px; margin: 0 auto; position: relative; } #titlearea{ width: 8020px; position: absolute; bottom: 0; left: 0; background: #a0a0a0;filter: alpha (opacity=80); -moz-opacity:0.8; opacity:0.8; padding: 10px;} div.HEADER{ font-size: 16px; font-weight: bold; line-height : 100%;} #titlearea a{ color: #fff; text-decoration:none; } #postArea{ margin-top:20px; width: 565px; float: left;} 字数が足りません。いって頂いたら開示いたします。
- ベストアンサー
- HTML
- ブログのバナーの背景に2つ画像を入れたい
seesaaブログで小粋空間さんのテンプレートを使用しています。リキッドレイアウトです。 バナーの部分に背景となる画像をCSSで指定しています。 そしてバナーの左端にはブログのタイトルと説明があります。 ここからが質問なのですが、右端にバナーと同じ高さの画像を配置したいのですが どのような方法があるでしょうか?背景画像を二つ指定して重ねることなんて出来るのでしょうか? もしくはバナーを左右で二つに区切ったりしなければいけないのでしょうか? ご教授よろしくお願いいたします。
- ベストアンサー
- CSS