サイト名が長い場合など、テンプレートのサイト名の位置を少し変えたいときってないですか?
テンプレート(honwaka)の場合、長くなると右の椅子の画像に重なってしまって、もう少し左にずらしたいことがあったら、スタイルシートの/*ブログタイトル*/部分の、「padding-left: 115px;」
の数字を減らせば、左にずれていきます。
「padding-left: 115px;」とは、左端から115pxの位置にということなるので、「padding-left: 80px;」にすれば、今の位置より、左に35px移動するということです。
次にサイト名も左にずらしたのだから、サイト説明文も一緒にずらしたいですよね。
その場合も同じ、/*ブログ説明文 */の「padding-left: 125px;」の数字を減らせばいいのです。
もしもう少し右にずらしたいなら、数字を増やしていけばいいですよ。
ついでに、上下でずらしたい場合は、「padding-top:」の数字を増やせば下がり、減らせば上がるということになりますので、上下の位置も変えられます。
カスタマイズすることによって、ここをもうちょっとこうしたいっていうことも、解決できるので、自分で作った愛着のあるサイトがもっと気にいったものになりますよ。
テンプレート(honwaka)の場合、長くなると右の椅子の画像に重なってしまって、もう少し左にずらしたいことがあったら、スタイルシートの/*ブログタイトル*/部分の、「padding-left: 115px;」
の数字を減らせば、左にずれていきます。
「padding-left: 115px;」とは、左端から115pxの位置にということなるので、「padding-left: 80px;」にすれば、今の位置より、左に35px移動するということです。
次にサイト名も左にずらしたのだから、サイト説明文も一緒にずらしたいですよね。
その場合も同じ、/*ブログ説明文 */の「padding-left: 125px;」の数字を減らせばいいのです。
もしもう少し右にずらしたいなら、数字を増やしていけばいいですよ。
ついでに、上下でずらしたい場合は、「padding-top:」の数字を増やせば下がり、減らせば上がるということになりますので、上下の位置も変えられます。
カスタマイズすることによって、ここをもうちょっとこうしたいっていうことも、解決できるので、自分で作った愛着のあるサイトがもっと気にいったものになりますよ。
ブラウザは、IEしか使ってなくて、テンプレートもIEで作成。公開するようになって、質問とかもあって、他ブラウザを全く確認してなかったのですが、確認したら、レイアウト崩れてる…。
色々調べたらmarginが違ったりして、なるべくwidthと一緒にしない方がいいらしい。
それらのことで、公開している2つのテンプレートとも、IE以外で使えるように、更新いたしました。
本来は公開前にすべき作業なんでしょうけど、テンプレートの配布をしようとしていたわけでないので、そうなっちゃいました。
今後は公開前にしておこうと思います。
色々調べたらmarginが違ったりして、なるべくwidthと一緒にしない方がいいらしい。
それらのことで、公開している2つのテンプレートとも、IE以外で使えるように、更新いたしました。
本来は公開前にすべき作業なんでしょうけど、テンプレートの配布をしようとしていたわけでないので、そうなっちゃいました。
今後は公開前にしておこうと思います。
│ HOME │

kris(08/28)
mona(08/28)
adult(08/28)
sylvia(08/28)
ゆだ(08/27)
kris(08/27)
james(08/26)