ブログ関連 ブログの改造
てぃーだブログ・オリジナルテンプレートの作成方法⑦
今回は、ブログ説明文がハイビスカスと重なり見づらいので、
ブログ説明文の横幅を調整する方法を紹介します。
テスト表示用ブログ
『ブログをカスタマイズ!「ブログスタイル」』に適用しました。
今回は、ブログ説明文の横幅を調整する方法を紹介します。
「オリジナル★テンプレートの作成 」の初期設定では、ブログ説明文の横幅が720pxになっているので、調整したいと思います。
【画像イメージ】:改造前
【スタイルシート】:改造前
/* ブログ説明文 */
.description{
font-size: 90%;
padding: 5px 10px 10px;
width: 720px;
text-align: left;
color: #ffffff;
line-height: 130%;
}
【画像イメージ】:改造後
【スタイルシート】:改造後
/* ブログ説明文 */
.description{
font-size: 90%;
padding: 5px 10px 10px;
width: 355px;
text-align: left;
color: #ffffff;
line-height: 130%;
}
上記の赤字が変更及び、追加(改造)部分です。「width」 を「365px」減らしました。
数値を変えることで、横幅の調整が可能です。
実際にオリジナルテンプレートを、テスト表示用ブログ
『ブログをカスタマイズ!「ブログスタイル」』に適用しました。
ブログ説明文の横幅が狭くなったことにより、ハイビスカスとの重なりがなくなり、見やすくなりました。
皆さんも、チャレンジしてみては、いかがでしょうか!?p(*^-^*)q がんばっ♪
【免責事項について】このソースコードの使用に関しては、限られたテスト環境での動作確認などは行なっていますが、すべての環境に対応したものではありませんので、恐れ入りますが、使用に関しては自己責任でお願い致します。
↓ 只今、ランキング参加中なので、クリックをお願いしま~す!(⌒-⌒)ニコニコ...
[PR]
minne(ミンネ)はハンドメイド作品のオンラインマーケットです。
手作り作品のネット販売が、月額利用料「0円」で行えます。
お金のやりとりはminneが代行するので、初めての方でも安心です♪
パソコン、スマホどちらからでも
すぐにあなたの作品を販売できるminne(ミンネ)はこちらから。
初心者ですが、
たーちゃんパパさんのブログを見ながらゆっくりブログ改造しています!
質問なんですが、
ブログタイトルと説明を右上の方にしたいのですが、
どーしたらいいのでしょうか?
教えていただけるとありがたいです!
お手数だと思いますが、
よろしくお願いしますm(_ _)m
はじめまして、ヾ(* ̄▽ ̄*)ノこんばんわ♪
コメントありがとうございます。
ご質問についてですが、方法としては、
”padding”余白の数値調整で可能だと思いますよ。
左から順に、”上・右・下・左”となります。
なので、【スタイルシート】を下記のように
/* ブログタイトル */
.blogtitle{
font-size: 130%;
margin: 0px;
padding: 5px 10px 10px 600px;
text-align: left;
}
/* ブログ説明文 */
.description{
font-size: 90%;
padding: 5px 10px 10px 600px;
text-align: left;
color: #ffffff;
line-height: 130%;
}
こんな感じで、どうでしょうか?
できれば、ブログを直接見れると、もっと、
的確にアドバイスしやすいのですが・・・
Ch!eさん、ブログカスタマイズp(*^-^*)q がんばっ♪