No.1ベストアンサー
- 回答日時:
このデザインの日付や記事タイトルの部分は単なる「背景色」ではなく、「背景画像」が用いられており、コラム幅の変更をすると、あなたのいう状態になる。
即ち、画像を用いたデザインでは拡げたサイズの画像に「作りなおして CSS 設定」するのがフツー。
特に「角丸」は画像を使うのが一般的だった時代のデザインであること。
IE が遅れていたが、今や角丸もシャドウも CSS で描画できるようになった。
.date{ /* 日付部分 */
display:block;
text-align:left;
padding:8px 0px 7px 10px;
line-height:1;
color:#333333;
font-weight:normal;
background-image:url("http://blog.seesaa.jp/img/bg/simple_gray_2/date_ … /* この行から */
background-repeat:no-repeat;
background-repeat: no-repeat;
background-position:top center; /* ここまで削除 */
background: rgb(218,212,190); /* 以下三行追加 */
box-shadow: rgba(204,197,178,1.0) 0 0 2px inset;
border-radius: 5px;
}
h3.title{ /* 記事タイトル */
padding:0px 10px 0px 20px;
line-height:1.5;
overflow:hidden;
background-image:url("http://blog.seesaa.jp/img/bg/simple_gray_2/title … /* この行から */
background-repeat:no-repeat;
background-repeat: repeat;
background-position:top center; /* ここまで削除 */
background: rgb(245,245,243); /* 以下二行追加 */
box-shadow: rgba(228,227,225,1.0) 0 0 2px inset;
}
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- Ameba(アメーバブログ) アメブロ テンプレート 1 2022/06/27 00:54
- HTML・CSS 分数が正常に表示されない。 6 2022/05/09 18:53
- その他(ブログ) シーサーブログのタイトル文字位置とブログ説明文字位置の変更方法 2 2022/09/22 20:55
- HTML・CSS 下にスクロールしても、追従するボタンのコードを書いたのですが、ボタンの中の画像が半分しか表示されない 1 2022/04/16 21:31
- JavaScript vertical sliderをautoplayしたい 2 2022/08/25 14:47
- JavaScript ソースコードのいじる場所が分かりません。 1 2022/12/23 02:06
- HTML・CSS 【HTML】【CSS】【Swiper】 元の画像は横1200×縦600なのですが、実際のサイト上に反 5 2022/07/16 13:57
- HTML・CSS CSS上での計算を行うためのルールについて教えてください。 3 2022/08/15 14:43
- モニター・ディスプレイ フルHDで作成の動画、画像加工を4Kモニターで見た場合 2 2023/01/03 04:53
- HTML・CSS 書籍を見つつサイト造りの練習をしているのですが、見た目が一致しません 2 2022/11/28 15:00
関連するカテゴリからQ&Aを探す
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
アンドロイドで文字が左に偏る。
-
FC2ブログ タイトルの文字を...
-
FC2ブログで横幅を広げタイトル...
-
記事の見出しタイトル
-
ワードプレスを使用して作成し...
-
2beeブログで行間と文字の間隔...
-
三つ折りのリーフレットを作りたい
-
FC2ブログでプロフィールが2つ...
-
ホームページビルダーのナビゲ...
-
紙だけで立つタイプのメニュー...
-
ブログの一番上に常に同じ記事...
-
wordpress,simplicity スマホ時...
-
テンプレート編集にモジュール...
-
gooブログのテーブル崩れ助けて...
-
楽天アフィリエイトについて 現...
-
fc2掲示板 「メッセージ表示...
-
fc2ブログで、記事の文章を中央...
-
Excelのクールな調査報告書テン...
-
文字に背景色を入れる時、隙間...
-
FC2ブログ、追記の編集が出...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
ライブドアブログのサイドバー...
-
中央寄せの解除
-
ライブドアブログにおいて記事...
-
WordPressのヘッダー上部の余白
-
fc2ブログのアクセス解析がう...
-
wordpress カスタムフィールド...
-
gooブログの画像を背景に文字を...
-
ワードプレス、cocoonでタイト...
-
ライブドアブログで字間を変えたい
-
アメブロ。日記から本文がはみ...
-
アメーバブログの両サイドの余...
-
アメーバのブログ 画像の貼り付け
-
bloggerブログで画像の枠を消す...
-
エキサイトブログで挿入画像を...
-
ライブドアブログのまとめブロ...
-
ブログのデザインがずれる原因
-
ワードプレスでタイトルの字数...
-
CSS html ブログの横幅の編集
-
タグ
-
ブログ記事内に文章を左右2列に...
おすすめ情報