<< October 2017 | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 >>

▼よろしくね▼




徒然もふもふ
「徒然もふもふ」
ライ君・てんちゃん活躍中!




▼カテゴリー▼

▼月別▼

▼最新記事▼

▼最新コメント▼

▼プロフィール▼

▼携帯からもよろしく▼

qrcode

livedoorでテンプレ使用する場合

2005.09.17 Saturday 09:18 (→)

いろいろテンプレートを配布しているのですが
今まではLOVELOGとlivedoorの構造が一緒だったので
そのままデザインも共有できたのですが・・・。

livedoorがリニューアルしてから、構造が変わってしまい
そのままでは使えないようになってしまいました。

でも、設定すれば使えます。



,泙此旧デザインにします。
管理画面→ブログの設定/管理→
デザインの設定→旧デザインを選ぶ(例えば、シンプル>シンプル (パープル)など)
これで一度設定します。

▲妊競ぅ鵑鯤儿垢垢襦
この状態のままデザインの設定→カスタマイズの画面へ行けば、旧デザインの状態でいじれるので
LOVELOG用のデザインでも使えますよ〜♪

*関連記事*
旧デザインで3カラムにする方法
コメント絵文字機能を旧テンプレートでも。
評価&気分アイコンを旧テンプレートでも表示させる。

Posted by ちゅん | comments(7) | [LOVELOG]自作テンプレート | | このページの先頭へ▲

テンプレート:シンプルピンク(3カラムあり)

2005.07.20 Wednesday 09:33 (→昨年の記事

今回は、初めて画像を一切使わないものを作ってみました。

なので、かーなーりシンプルです(;´▽`A``
でも、デザインの変更の時に面倒な画像アップロード&書き換え作業が何も必要ないので
初めてデザインの変更をする方には、いいかも。
cssのみ、書き換えで全部できますよ〜♪
〜〜7月20日追記〜〜
無事にIE・Firefox・operaでちゃんと表示されるようになりました!

〜〜livedoorの方へ〜〜
livedoorはリニューアルされたので、
LOVELOG用のデザインを使うときはコチラを参考にしてみてください。
ちゃんと使えますよ〜。
管理理画面→デザインの変更→
カスタムデザインテーマ→CUSTOMの使っていないところ→
名前を適当につけてcssの所にコピー&貼り付け
→再構築(css)

cssはコチラ→シンプルピンク

カスタマイズの時の便利なものはコチラ→カスタマイズの時にどうぞ

3カラムもあります。↓

コレです。

cssはコチラ→シンプルピンクの3カラム

3カラムにする方法はコチラ

3カラムにする方法(フリーエリア)はコチラ
(livedoorなどはこちらでどうぞ)

分からないことや不具合はお気軽にどうぞ

Posted by ちゅん | comments(23) | [LOVELOG]自作テンプレート | | このページの先頭へ▲

テンプレート:ちぇっく2(3カラムあり)

2005.07.19 Tuesday 00:16 (→)

またシンプルな感じで挑戦してみました。

パステルカラーを使って、ちょっと可愛く。
・・・でも、ちょっと色が薄すぎたかな〜?

今回、画像は1つしか使っていません。

写真などの画像を貼り付けて、文章がとっても短かったりすると
ちょっと枠から写真などの画像がはみ出ることがあります( ノД`)シクシク…
どうしたら、改善されるんだろう?
だれか、わかる人がいたら教えてください〜〜
WindowsのIE・Firefox・operaで確認しました。
〜〜livedoorの方へ〜〜
livedoorはリニューアルされたので、
LOVELOG用のデザインを使うときはコチラを参考にしてみてください。
ちゃんと使えますよ〜。

素材&cssのセットはコチラ→ちぇっく2のセット

使い方はコチラ→デザイン変更のやり方

カスタマイズの時の便利なものはコチラ→カスタマイズの時にどうぞ

3カラムはコチラ↓

ちぇっく2の3カラム見本コレです。

素材&cssのセットはコチラ→ちぇっく2の3カラムのセット

3カラムにする方法(Javascript)はコチラ

3カラムのする方法(フリーエリア)はコチラ
(livedoorなどはこちらでどうぞ)

分からないことや不具合はお気軽にどうぞ

Posted by ちゅん | comments(10) | [LOVELOG]自作テンプレート | | このページの先頭へ▲

テンプレート(カスタマイズ)用(説明付)3カラムのみ

2005.07.13 Wednesday 00:09 (→昨年の記事

予告していた、カスタマイズ用のcssを作ってみました。

cssに出来る限り、全部に説明がついています。
なので、どこをいじればどう反映するのか、分かりやすいハズ・・・。
カスタマイズする人の多くが、3カラム希望なので・・・
3カラムバージョンしか用意していません(;´▽`A``
もし2カラムのままで・・・というのであれば、
ちょっと改造するだけで出来ます。
また、カスタマイズをすることを前提に考えてあるので
普段はつけないところに背景色をつけてみたり、
画像は一切使っていなかったり・・・というデザインになっています。
そのまま使っても特に問題はありませんが、かなりシンプルです( ̄▽ ̄;)

次回は、カスタマイズでの疑問・用語をまとめてみたいと思います。
WindowsのIE・Firefox・operaでのみ確認済みです。
〜〜livedoorの方へ〜〜
livedoorはリニューアルされたので、
LOVELOG用のデザインを使うときはコチラを参考にしてみてください。
ちゃんと使えますよ〜。


cssは→コチラ

3カラムにする方法(Javascript)はコチラ

3カラムのする方法(フリーエリア)はコチラ
(livedoorなどはこちらでどうぞ)

使い方はコチラ→デザイン変更のやり方

カスタマイズの時の便利なものはコチラ→カスタマイズの時にどうぞ


Posted by ちゅん | comments(42) | [LOVELOG]自作テンプレート | | このページの先頭へ▲

テンプレート(カスタマイズ)用(説明付)css

2005.07.13 Wednesday 00:03 (→昨年の記事

カスタマイズ用の説明付テンプレートのcssです。
説明の記事を先にお読みください。


@charset "EUC-JP";

body{
width:100%;
height:100%;
margin:0;
padding:0;
text-align:center;
background:#999933;/*-- ブログ全体の背景色 */
scrollbar-face-color:#006600;/*-- スクロールバー表面の色(IEのみ反映) */
scrollbar-arrow-color:#99FF66;/*-- スクロールバー▲の色(IEのみ反映) */
scrollbar-highlight-color:#99FF66;/*-- スクロールバー明るい部分の色(IEのみ反映) */
scrollbar-shadow-color:#009900;/*-- スクロールバー影の色(IEのみ反映) */
scrollbar-base-color:#009900;/*-- スクロールバーベースの色(IEのみ反映) */
scrollbar-3dlight-color:#009900;/*-- スクロールバー3D部分の色(IEのみ反映) */
scrollbar-darkshadow-color:#001300;/*-- スクロールバー深い影の色(IEのみ反映) */
}

/*-- 全体のリンクの指定 */
a{color:#996600;text-decoration:none;}/*-- リンクされている部分の文字色 */
a:link{color:#996600;text-decoration:none;}/*-- リンク色 */
a:visited{text-decoration:none;}/*-- 行ったことがあるところの色 */
a:active{}
a:hover{color:#009933;text-decoration:none;}/*-- マウスが乗ったときの色 */

/*-- カレンダー部分のリンクの指定 */
a.acalendar{color:#ffffff;text-decoration:none;}/*-- リンクされている部分の文字色 */
a.acalendar:link{color:#ffffff;text-decoration:none;}/*-- リンク色 */
a.acalendar:visited{text-decoration:none;}/*-- 行ったことがあるところの色 */
a.acalendar:active{}
a.acalendar:hover{color:#FF9900;text-decoration:none;padding:3px 5px;}/*-- マウスが乗ったときの色 */

/*-- 続きを読むの部分のリンクの指定(ただし、折りたたみ式などカスタマイズしているのは除く。ノーマルのみ) */
a.acontinues{color:#003300;text-decoration:none;background-color:#999966;}/*-- リンクされている部分の文字色 */
a.acontinues:link{color:#003300;text-decoration:none;background-color:#999966;}/*-- リンク色 */
a.acontinues:visited{text-decoration:none;background-color:#999966;}/*-- 行ったことがあるところの色 */
a.acontinues:active{}
a.acontinues:hover{color:#ffffff;text-decoration:none;background-color:#003300;}/*-- マウスが乗ったときの色 */

/*-- 個別記事下部の「このblogのトップへ」「前の記事」「次の記事」部分のリンク指定 */
a.amenu{color:#003300;text-decoration:none;background-color:#999966;}/*-- リンクされている部分の文字色 */
a.amenu:link{color:#003300;text-decoration:none;background-color:#999966;}/*-- リンク色 */
a.amenu:visited{text-decoration:none;background-color:#999966;}/*-- 行ったことがあるところの色 */
a.amenu:active{}
a.amenu:hover{color:#ffffff;text-decoration:none;background-color:#003300;}/*-- マウスが乗ったときの色 */

/*-- RSS部分のリンクの指定 */
a.arss{color:#996633;text-decoration:none;}/*-- リンクされている部分の文字色 */
a.arss:link{color:#996633;text-decoration:none;}/*-- リンク色 */
a.arss:visited{text-decoration:none;}/*-- 行ったことがあるところの色 */
a.arss:hover{color:#FF6600;text-decoration:none;}/*-- マウスが乗ったときの色 */

#container{
position:relative;
width:950px;/*-- ブログ全体の幅 */
margin:0 auto 0 auto;/*-- Firefoxで崩れずに表示させる為に必要 */
text-align:center;
background:#CCFF66;
}

/*-- ブログの題名部分・説明文の部分 */
/*-- もし、それぞれに違う背景色や画像を使いたいときは、別々に指定すると出来る。 */
#banner,#subbanner{
width:950px;/*-- ブログの題名部分の幅 */
height:100px;/*-- ブログの題名部分の高さ */
text-align:center;/*-- ブログの題名部分の画像などの位置設定 */
background:#99CC33; url(画像のURL) no-repeat 50% 0;/*-- ブログの題名部分の背景色・または画像指定 */
}

/*-- ブログの題名のリンク色 */
#banner a{color:#003300;text-decoration:none;}/*-- リンクされている部分の文字色 */
#banner a:link{color:#003300;text-decoration:none;}/*-- リンク色 */
#banner a:visited{text-decoration:none;}/*-- 行ったことがあるところの色 */
#banner a:active{}/*-- クリック中? */
#banner a:hover{color:#339933;text-decoration:none;}/*-- マウスが乗ったときの色 */

/*-- ブログの題名部分の下、説明部分のリンク色 */
#subbanner a{color:#666600;text-decoration:none;}/*-- リンクされている部分の文字色 */
#subbanner a:link{color:#666600;text-decoration:none;}/*-- リンク色 */
#subbanner a:visited{text-decoration:none;}/*-- 行ったことがあるところの色 */
#subbanner a:active{}/*-- クリック中? */
#subbanner a:hover{color:#339933;text-decoration:none;}/*-- マウスが乗ったときの色 */

h1,h3{margin:0;padding:0;}

h2{margin:0;padding:0;font-weight:normal;}

/*-- ブログの題名の文字の指定 */
.blogtitle{
font-size:28px;/*-- 文字サイズ */
font-weight:bold;/*-- 装飾指定(boldは太字) */
padding:35px 0 0 0;/*-- 内側の余白指定(順に上・右・下・左の指定)0の時はpxが省略可能 */
text-align:center;/*-- 文字の位置指定(left:左、center:中央、right:右) */
letter-spacing:4px;/*-- 文字と文字の隙間を指定(数字が大きいほど、文字間が広くなる) */
}

/*-- ブログの説明文の文字指定 */
.description{
color:#666600;/*-- 文字色指定 */
font-size:12px;/*-- 文字サイズ */
font-weight:bold;/*-- 装飾指定(boldは太字)*/
padding:10px 0px 0 0;/*-- 内側の余白指定(順に上・右・下・左の指定)0の時はpxが省略可能 */
text-align:center;/*-- 文字の位置指定(left:左、center:中央、right:右) */
letter-spacing:2px;/*-- 文字と文字の隙間を指定(数字が大きいほど、文字間が広くなる) */
}

/*-- ブログ本文の列全体の指定 */
#content{
position:relative;/*-- 3カラムでは必要 */
margin:0 225px 0 225px;/*-- サイドバーの幅に合わせて数字を指定 */
line-height:140%;/*-- 行間の隙間指定 */
text-align:left;/*-- 文字の位置指定(left:左、center:中央、right:右) */
}

/*-- 左のサイドバー全体の指定 */
#links{
position:absolute;/*-- 3カラムでは必要 */
left:0px;/*-- 左からの位置指定 */
top:120px;/*-- 上からの位置指定 */
width:210px;/*-- 幅指定 */
background:#CCCC99;/*-- 背景色指定(必要ないときは削除とか) */
border:1px solid #336633;/*-- 枠線の指定(必要ないときは削除とか)色や線の種類などはお好みで */
}

/*-- 右のサイドバー全体の指定(上のと一緒) */
#links2{
position:absolute;
width:210px;
top:120px;
right:0px;
background:#CCCC99;
border:1px solid #336633;
}

/*-- ブログ本体の指定 */
.blog{
text-align:left;/*-- 文字の位置指定(left:左、center:中央、right:右) */
width:500px;/*-- 幅指定 */
margin:0 auto 0 auto;/*-- Firefoxで崩れずに表示させる為に必要 */
}

/*-- 日付部分の指定 */
.date{
color:#333300;/*-- 文字色指定 */
font-size:12px;/*-- 文字サイズ */
text-align:right;/*-- 文字の位置指定(left:左、center:中央、right:右) */
padding:0 10px 2px 0;/*-- 内側の余白指定(順に上・右・下・左の指定)0の時はpxが省略可能 */
font-weight:bold;/*-- 装飾指定(boldは太字)*/
margin:0 0 0 380px;/*-- 外側の余白指定(順に上・右・下・左の指定)0の時はpxが省略可能 */
background:#CCCC99;/*-- 背景色指定(必要ないときは削除とか) */
border:1px solid #336633;/*-- 枠線の指定(必要ないときは削除とか)色や線の種類などはお好みで */
}

/*-- ブログの各記事の題名部分 */
.title{
color:#FFFFCC;/*-- 文字色指定 */
font-size:12px;/*-- 文字サイズ */
padding:10px 0px 10px 20px;/*-- 内側の余白指定(順に上・右・下・左の指定)0の時はpxが省略可能 */
background:#336600; url(画像のURL) no-repeat 50% 100%;/*-- 題名部分の背景色・画像の指定 */
font-weight:bold;/*-- 装飾指定(boldは太字)*/
}

/*-- ブログの各記事部分の指定 */
.blogbody{
line-height:140%;/*-- 行間の指定 */
padding:0px 10px 40px 10px;/*-- 内側の余白指定(順に上・右・下・左の指定)0の時はpxが省略可能 */
border-left:2px solid #336633;/*-- 枠線の指定(左側)上下左右同じにする場合は-leftなどをつけずに、まとめて指定可能 */
border-right:2px solid #336633;/*-- 枠線の指定(右側)dottedは点線、solidは実線など */
border-bottom:1px solid #336633;/*-- 枠線の指定(下側)数字は線の太さ指定 */
border-top:1px solid #336633;/*-- 枠線の指定(上側)色はお好みで */
background:#CCCC99;/*-- 背景色指定 */
}

/*-- ブログ本文中のリンク指定(折りたたみの続きを読むにしている場合は、コレが反映される) */
.blogbody a,{color:#003300;text-decoration:none;background-color:#999966;}/*-- リンクされている部分の文字色 */
.blogbody a:link{color:#003300;text-decoration:none;background-color:#999966;}/*-- リンク色 */
.blogbody:visited{text-decoration:none;background-color:#999966;}/*-- 行ったことがあるところの色 */
.blogbody:active{}/*-- クリック中? */
.blogbody a:hover{color:#ffffff;text-decoration:none;background-color:#003300;}/*-- マウスが乗ったときの色 */

/*-- ブログ本文中の、更に内側の文字部分の指定 */
.main{
color:#003300;/*-- 文字色指定 */
font-size:12px;/*-- 文字サイズ */
margin:15px 15px 15px 15px;/*-- 外側の余白指定(順に上・右・下・左の指定)0の時はpxが省略可能 */
}

/*-- 引用の指定 */
blockquote{
margin:20px;/*-- 外側の余白指定(全部まとめているけど、上下左右で指定してもOK) */
color:#003300;/*-- 文字色指定 */
background:#99CC33;/*-- 背景色指定 */
border: #003300 2px dotted; /* 罫線のスタイル */
padding:10px;/*-- 内側の余白の指定(全部まとめているけど、上下左右で指定してもOK) */
}

/*-- 記事本文中の写真や画像の指定 */
.pict{
margin-right:5px;/*-- 余白指定(右側) */
margin-bottom:5px;/*-- 余白指定(下側) */
}

/*-- 続きを読むの文字部分の指定 */
.main-continues{
font-size:12px;/*-- 文字サイズ */
padding-left:20px/*-- 内側の余白指定(左のみになっているけど、お好みで) */
}

/*-- posted by〜周辺の文字指定 */
.posted{
color:#996666;/*-- 文字色指定 */
font-size:10px;/*-- 文字サイズ */
text-align:right;/*-- 文字の位置指定(left:左、center:中央、right:右) */
padding-right:10px;/*-- 内側の余白指定(右のみになっているけど、お好みで) */
}

/*-- posted by〜周辺のリンク指定 */
a.aposted{color:#003300;text-decoration:none;background-color:#999966;}/*-- リンクされている部分の文字色 */
a.aposted:link{color:#003300;text-decoration:none;background-color:#999966;}/*-- リンク色 */
a.aposted:visited{text-decoration:none;background-color:#999966;}/*-- 行ったことがあるところの色 */
a.aposted:active{}
a.aposted:hover{color:#ffffff;text-decoration:none;background-color:#003300;}


/*-- 個別記事ページでのメニュー部分(次の記事とか)の文字指定 */
.menu{
font-size:10px;/*-- 文字サイズ */
text-align:right;/*-- 文字の位置指定(left:左、center:中央、right:右) */
padding-top:5px;/*-- 内側の余白指定(上のみになっているけど、お好みで) */
}

/*-- 「この記事へのコメント」の文字部分の指定 */
.comments-head{
color:#FFFFCC;/*-- 文字色 */
font-size:12px;/*-- 文字サイズ */
font-weight:bold;/*-- 装飾指定(boldは太字)*/
padding:10px 0px 10px 20px;/*-- 内側の余白指定 */
background:#336600; url(画像のURL) no-repeat 50% 100%;/*-- 背景色・画像の指定 */
}

/*-- コメントの文章部分の指定 */
.comments-body{
color:#003300;/*-- 文字色 */
font-size:12px;/*-- 文字サイズ */
padding:5px;/*-- 内側の余白指定(上下左右をそれぞれ指定してもOK) */
margin:15px 15px 20px;/*-- 外側の余白指定 */
background:#99CC66;/*-- 背景色 */
border:2px solid #003300;/*-- 枠線の指定(太さpx・実線solidや点線dotted・色などお好みで) */
}

/*-- コメントを遜き込んだ人の情報部分の指定 */
.comments-post{
color:#996666;/*-- 文字色 */
font-size:10px;/*-- 文字サイズ */
text-align:right;/*-- 文字の位置指定(left:左、center:中央、right:右) */
margin:0 11px 13px 0;/*-- 外側の余白指定 */
}

/*-- この記事のトラックバックURLの指定 */
.trackback-url{
color:#003300;/*-- 文字色 */
font-size:12px;/*-- 文字サイズ */
font-weight:bold;/*-- 装飾指定(boldは太字)*/
padding:5px;/*-- 内側の余白指定(上下左右をそれぞれ指定してもOK) */
margin:15px 15px 20px;/*-- 外側の余白指定 */
background:#99CC66;/*-- 背景色 */
border:2px solid #003300;/*-- 枠線の指定(太さpx・実線solidや点線dotted・色などお好みで) */
}

/*-- トラックバックをもらったときの文章部分の指定 */
.trackback-body{
color:#003300;/*-- 文字色 */
font-size:12px;/*-- 文字サイズ */
padding:5px;/*-- 内側の余白指定(上下左右をそれぞれ指定してもOK) */
margin:15px 15px 20px;/*-- 外側の余白指定 */
background:#99CC66;/*-- 背景色 */
border:2px solid #003300;/*-- 枠線の指定(太さpx・実線solidや点線dotted・色などお好みで) */
}

/*-- トラックバックをくれた人の情報部分の指定 */
.trackback-post{
color:#996666;/*-- 文字色 */
font-size:10px;/*-- 文字サイズ */
text-align:right;/*-- 文字の位置指定(left:左、center:中央、right:右) */
margin:0 11px 13px 0;/*-- 外側の余白指定 */
}

/*-- トラックバックをくれた人の情報部分のリンク指定 */
a.atrackback-post{color:#003300;text-decoration:none;background-color:#999966;}/*-- リンクされている部分の文字色 */
a.atrackback-post:link{color:#003300;text-decoration:none;background-color:#999966;}/*-- リンク色 */
a.atrackback-post:visited{text-decoration:none;background-color:#999966;}/*-- 行ったことがあるところの色 */
a.atrackback-post:active{}/*-- クリック中? */
a.atrackback-post:hover{color:#ffffff;text-decoration:none;background-color:#003300;}/*-- マウスが乗ったときの色 */

/*-- コメント入力欄のテーブル部分の指定 */
table.form{
margin:0px 15px 15px 20px;
background-color:#99CC66;/*-- 背景色 */
border:2px solid #003300;/*-- 枠線(外側)の指定(太さpx・実線solidや点線dotted・色などお好みで) */
width:440px;/*-- テーブルの幅 */
}

/*-- コメント入力欄の名前・アドレスなどの文字指定 */
label{
color:#003300;/*-- 文字色 */
font-size:10px;/*-- 文字サイズ */
font-weight:bold;/*-- 装飾指定(boldは太字)*/
}

#author{width:200px;}/*-- 名前入力欄の指定(幅) */
#email{width:200px;}/*-- メール入力欄の指定(幅) */
#url{width:200px;}/*-- URL入力欄の指定(幅) */
#text{width:330px;height:200px;}/*-- コメント入力欄の指定(幅・高さ) */

/*-- カレンダーの年月の部分 */
.calendarhead{
color:#FFFFCC;/*-- 文字色 */
font-size:10px;/*-- 文字サイズ */
font-weight:bold;/*-- 装飾指定(boldは太字)*/
text-align:center;/*-- 文字の位置指定(left:左、center:中央、right:右) */
padding:5px 0px 5px 0px;/*-- 内側の余白指定 */
background:#336600; url(画像URL) no-repeat 50% 50%;/*-- 背景色・画像の指定 */

}

/*-- カレンダー部分の外側のテーブル指定 */
.calendartable{
width:200px;/*-- テーブルの幅 */
text-align:center;/*-- 文字の位置指定(left:左、center:中央、right:右) */
padding:5px;/*-- 内側の余白指定 */
border:2px solid #003300;/*-- 枠線の指定(太さpx・実線solidや点線dotted・色などお好みで)
margin-bottom:20px;/*-- 外側の余白指定(下のみですが、お好みで) */
background:#99CC66;/*-- 背景色 */
}

/*-- カレンダーの曜日部分の指定 */
.calendarweek{
color:#996600;/*-- 文字色 */
font-size:10px;/*-- 文字サイズ */
font-weight:bold;/*-- 装飾指定(boldは太字)*/
position:center;/*-- 文字の位置指定(left:左、center:中央、right:右) */
}
/*-- カレンダーの曜日部分だけのテーブル指定 */
.calendarwd{
padding:4px 0;/*-- 内側の余白指定 */
}
/*-- 投稿がない日の日付の背景指定 */
.calendard{
empty-cells:show;/*-- よく分からないけど、多分何もなしという指定・・・だと思う */
padding:4px 0;/*-- 内側の余白指定 */
}
/*-- 投稿した日の日付部分の背景指定 */
.calendardbg{
padding:4px 0;/*-- 内側の余白指定 */
background:#666600; url(画像のURL) no-repeat 50% 50%;/*-- 背景色・画像の指定 */

}
/*-- カレンダーの文字指定(リンク以外っていうか、投稿がない日) */
.calendar{
color:#996633;/*-- 文字色 */
font-size:10px;/*-- 文字サイズ */
position:center;/*-- 文字の位置指定(left:左、center:中央、right:右) */
}

/*-- サイドバープラグインの題名部分 */
.sidetitle{
color:#FFFFCC;/*-- 文字色 */
font-size:10px;/*-- 文字サイズ */
font-weight:bold;/*-- 装飾指定(boldは太字)*/
text-align:center;/*-- 文字の位置指定(left:左、center:中央、right:右) */
padding:5px 0px 5px 0px;/*-- 内側の余白指定 */
background:#336600; url(画像URL) no-repeat 50% 50%;/*-- 背景色・画像の指定 */
}

/*-- サイドバープラグインの指定 */
.side{
font-size:10px;/*-- 文字サイズ */
text-align:left;/*-- 文字の位置指定(left:左、center:中央、right:右) */
line-height:125%;/*-- 行間指定 */
margin-bottom:20px;/*-- 外側の余白指定(下のみですが、お好みで) */
padding:5px;/*-- 内側の余白指定(上下左右それぞれ指定してもOK) */
/*-- 外側に枠線を入れたい場合は「border」で指定するとか、背景色も「background」で指定してもいいかも */
/*-- 今回の例では、サイドバーの列全体で枠線・背景色を指定しているので、ここでは指定していません */

/*-- サイドバープラグインの1つ1つの指定 */
/*-- 「最新記事」「カテゴリ」「コメント」「トラックバック」「リンク」などの中身の設定 */

.sidebody{
margin-top:4px;/*-- 外側の余白指定(上のみですが、お好みで) */
padding:10px 10px 4px 10px;/*-- 内側の余白指定(上・右・下・左の順) */
}

/*-- サイドバープラグイン内のリンク指定 */
a.aside{color:#006600;text-decoration:none;}/*-- リンクされている部分の文字色 */
a.aside:link{color:#006600;text-decoration:none;}/*-- リンク色 */
a.aside:visited{color:#006600;text-decoration:none;}/*-- 行ったことがあるところの色 */
a.aside:hover{color:#999900;text-decoration:none;}/*-- マウスが乗ったときの色 */

/*-- 「このページの上へ▲」の文字指定 */
.pagetop{
font-size:10px;/*-- 文字サイズ */
text-align:right;/*-- 文字の位置指定(left:左、center:中央、right:右) */
margin:25px;/*-- 外側の余白指定(上下左右個別に指定してもOK) */
}

/*-- プロフィール欄の写真の指定 */
.photo{
text-align:center;/*-- 文字の位置指定(left:左、center:中央、right:右) */
}

/*-- プロフィール欄のニックネーム部分の指定 */
.nickname{
color:#996633;/*-- 文字色 */
font-size:10px;/*-- 文字サイズ */
font-weight:bold;/*-- 装飾指定(boldは太字)*/
margin:10px 0;/*-- 外側の余白 */
}

/*-- プロフィール欄のメッセージ部分の指定 */
.message{
color:#003300;/*-- 文字色 */
font-size:10px;/*-- 文字サイズ */
margin-bottom:10px;/*-- 外側の余白指定(下のみですが、お好みで) */
}

/*-- プラグインの株価の指定 */
.quotetable{background:#99CC66;}/*-- 全体のテーブル部分の指定 */
.quote{color:#003300;font-size:10px;padding:1px;background:#fff;}/*-- 文字・背景色など */

/*-- Blogtimes部分の指定 */
.blogtimes{margin:0 0 10px 0;text-align:center;}

/*-- LOVELOGのマークの部分 */
.powered{
text-align:center;/*-- 位置(中央指定) */
margin:0 0 10px 0;/*-- 外側の余白指定 */
}

/*-- RSSのマークの部分 */
.syndicate{
font-size:10px;
text-align:center;
}

/*-- 「お気に入りBlogに登録」の文字指定 */
.checkers{
font-size:12px;/*-- 文字サイズ */
margin-top:10px;/*-- 外側の余白指定(上のみですが、お好みで) */
}

/*-- あしあと部分の本体指定 */
.footbody{
margin:20px 20px;/*-- 外側の余白指定 */
}

/*-- あしあと部分の文字指定(リンク部分以外の文字色とか) */
.footmk{
font-size:10px;/*-- 文字サイズ */
margin-top:5px;/*-- 外側の余白指定(上のみですがお好みで) */
color:#003300;/*-- 文字色(リンク部分以外。日付・メッセージの部分) */
}


Posted by ちゅん | comments(0) | [LOVELOG]自作テンプレート | | このページの先頭へ▲

今までの自作テンプレート(css)を修正しました

2005.07.06 Wednesday 09:30 (→)

今まで公開していた、テンプレートがIE・Firefoxの両方に対応しました。

今までの画面とそれほど違いはありませんが
Firefoxで見た場合、文字サイズ・バランスなどが
IEに近くなるように設定してあります。
更に、最近流行っているブログパーツ「タグふれんず」で
飾り枠を使えるように、サイドバーの幅を広くしてみました。

Firefoxに対応したのは以下のテンプレートです。
LOVELOG管理画面風(3カラムあり)
かえる(3カラムあり)
やしの木(3カラムあり)
ハイビスカス(3カラムあり)
お菓子(3カラムあり)
整列(3カラムあり)
テンプレート番外編〜公式テンプレをいじる〜
中華ぱんだ(3カラムあり)
水玉1(3カラムもあり)
ちぇっく1(3カラムもあり)
しましま2の3カラム
しましま2
夕暮れ by ssの3カラムバージョン
夕暮れ by ss
はーと1
しましま1の3カラム
しましま1
対応しようと、頑張ってけど出来なかったのは以下のテンプレートです( ノД`)シクシク…
シンプルピンク(3カラムあり)
行進(ピンク)
行進(青)
今までのcssでも大きな問題はありませんが・・・
ありませんが・・・・
ありませんけど・・・

もし面倒でなければ、cssの入れ替え(画像のURL部分をまた書き換えないといけないけど)をしてもらったほうが
Firefoxなどで見た場合、ちゃんと表示されるようになります(;´Д`A ```

私はIEしか使わないから、関係ないですわ〜
・・・という方は、気にせずそのまま使ってください。

Posted by ちゅん | comments(15) | [LOVELOG]自作テンプレート | | このページの先頭へ▲

今日は…

2005.07.06 Wednesday 01:05 (→)

今日は昼間から…
パソコンを開いては、cssいじりをしておりました…

今まで作ったテンプレートを全部いじりました…(^_^;)

…というのも…
今まではIEでしか確認していなかったんです…
なので、文字サイズやバランスがFirefoxで見ると、すごいことに!
それを修正していたのです。

ついでに、タグふれんずの飾り枠も使えるようにと
サイドバーの幅を広げてみたり。


でも、どうしても上手くいかないテンプレートもあるんですよね…(;^_^A
かなり頑張ったのですけど…

今日はいじっただけで力尽きてしまったので、
アップロードしたり、過去記事編集したり…は
明日できればやります〜

もうしばらくお待ち下さいな。
(…って、誰か待っているのか?)


そんな感じで、今日は全然ブログの旅もしてません〜
コメントのお返事も、明日に…

頭使いすぎて、肩凝った…(*´Д`)=з


Posted by ちゅん | comments(8) | [LOVELOG]自作テンプレート | | このページの先頭へ▲

| 1/3PAGES | >>