＊TENTEN★くらぶ＊

Ｑ．ブラウザ「Opera」で改行できるようにする方法は？

Ａ．答えの前に…言い訳です

ブラウザ「Opera」ですが。
鮎のテンプレートでは、改行がされません。
改行反映されるように調べたのですが、それをしちゃうと、なんか、全体文字が細くなっちゃうんです…(T.T)
（↑鮎のパソコンだけかも知れませんが…）
なんかそれが鮎的には、許せなくて……f(^ー^;

なので、ブラウザ「Opera」の改行問題は、放棄しました。
これから作るテンプレートにも、対処は致しません。
ごめんなさいm(__)m

でも、皆様のブログではOperaの方がお見えかも知れませんので、改善方法だけ書いておきますね。

「スタイルシートの編集」の上の方にある、

*:before,
*:after {
content : "";
}

を消すと、改行が反映されるそうです。

Ｑ．右メニューを左側にする方法を教えてください。

Ａ．メニューの位置って、人それぞれでお好みがあるみたいですね。
鮎は、基本は、テンプレが気に入れば、どちらでも良いのですが、ポリシーがある方もお見えみたいですので、変更方法を書いておきますね。

下記の場所を変更してください。

「スタイルシートの編集」内、

div#primary-column {
float : left;　→right
width : 500px;
padding : 0px 20px 15px 30px; ←赤数字を反対に（左右の空白）
voice-family : "\"}\"";
voice-family : inherit;
width : 500px;
}

div#secondary-column {
float : right;　→left
width : 260px;
padding : 0px 20px 15px 10px;　←赤数字を反対に（左右の空白）
}

paddingの書き方がそれぞれのテンプレで違ってるので、ご注意ください。
（padding:10px←上部 15px←右部 20px←下部 30px←左部;）

Ｑ．ブログ名＆説明文の位置＆幅の変更方法は？

Ａ．「スタイルシートの編集」内の下記の場所をそれぞれ変更してください。

★ブログ名のカスタマ★

/* タイトル */
div#branding h1 {
font-family : "HGP創英角ﾎﾟｯﾌﾟ体",Osaka;
font-weight : normal;
voice-family : "\"}\"";
voice-family : inherit;
font-size : x-large;
padding-top : 120px;　←上部空白
padding-left : 35px;　←左側空白
padding-right : 400px;　←右側空白
font-size : xx-large;
text-align : left;
}

★ブログ説明文のカスタマ★

/* サイトの説明 */
div#branding p {
font-family : "HGP創英角ﾎﾟｯﾌﾟ体",Osaka;
font-weight : normal;
color : #c2d0de;
padding-left : 40px;　←左側空白
padding-right : 400px;　←右側空白
padding-top : 5px;　←　ブログ名との間
padding-bottom : 5px;
font-size : x-small;
voice-family : "\"}\"";
voice-family : inherit;
font-size : small;
text-align : left;
}

〔注意〕
テンプレートに寄って、書き方が違いますが、良く見れば判ると思います。