ゴルフの結果 [ゴルフ]
土曜日のゴルフコンペの結果ですが。。。
賞品はゲット出来ませんでした( T (エ) T )
まあ、スコアも悪かったですから( ̄(エ) ̄;) OBは3個と最近にしては少なかったのですが
バンカーによく入って。。。脱出に2度かかったこと3回 (へぼ)
シャンクが2回 (ヘボ)
その他 ミス多数 結局110でした。
5位刻みの飛び賞に期待しましたが、これも引っ掛かることなく参加賞を貰っただけ( ̄― ̄°)
話はそれだけで終わりません。一緒にまわった友人が 用があるのでと、早く帰ったんですが、この友人が、ブービー賞だったんです。帰り際に、スコアが相当に悪かったので、ブービーで呼ばれても 恥ずかしいから代わりに賞品貰いに行くのは ”嫌だ!”と冗談で言っていたのですが、これが本当になっちゃったんです。
200人近い人が見てる中で、ブービーの賞品を 代わりに貰いに出て行ったら。。。みんなの視線が痛かったです(;゜(エ)゜) 賞品はボールだったので ”恥ずかしかった代”ってことでボール3個を貰いました。 3個貰っても行きたくない!
このスキンは、カスタムスキンなんですが、カスタムスキンの中に”ワイド”スキンがあるなんて。。知りませんでした(oー(ェ)ー;A アセアセ
せっせと、枠の幅を調整していた自分。。。チョッピリ お馬鹿さんでした。
幅の調整は、ちょっぴり面倒かな~って思いましたが
色の変更だけであれば、色を指定する部分を 色見本を見て変更していくだけなので、比較的簡単に出来ますよ。
でも、ワイドスキンでも 記事部分の幅は狭いので この点が気になるなら変更が必要なか?
時間を作って 細かく説明できると良いのですが 先ずは このスキンのCSSを記します。
カスタムスキンのスタンダード2 が基本になっているCSSです。
変更した部分について 赤字で注釈を加えてあります。※一部注釈を省略
スキンの変更に悪戦苦闘されてる方に少しでも参考になれば良いと思います。
@charset "UTF-8";
/*-----Common-----*/
a:link { text-decoration:none; color:#000000; }
a:visited { text-decoration:none; color:#666666; }
a:active { text-decoration:none; color:#FF0000; }
a:hover { text-decoration:underline; color:#FF0000; }
body {
background:#FFCCFF;
} ここは背景の色
blockquote {
margin:10px 0;
padding:6px;
border:1px solid #FF0000;記事囲み枠線の太さと色
}
#container {ヘッダー・タイトル部・メイン&サイドカラム
width :970px; 全体幅
margin:0 auto;
background:#EEEEEE;ヘッダー・タイトル部・メイン&サイドカラムの背景色border-left:1px solid #FFCCFF;左の境界線 太さ&色
border-right:1px solid #FFCCFF;右の境界線 太さ&色
border-bottom:1px solid #FFCCFF;下の境界線 太さ&色
line-height:1.4;
text-align:left;
color:#333333;文字の色
}
/*-----Header-----*/
#header { ヘッダーリンク部分全体 ○○さん 管理ページ・・・の部分
height:15px;
padding:4px 10px;
background:#ffccff;背景色
font-size:small;文字サイズ
color:#888888;文字の色
}
#header p {
margin:0;
padding:0;
}
#memberMenu{
float:left;
}
#globalMenu{
float:right;
}
.menuDecoration{
margin-left:10px;
padding-left:12px;
background:url(/blog/_skin/system/images/arrowR_small_gray.gif) no-repeat left center;
}
#banner { バーナ:ブログタイトルの部分
background:url(/blog/_images/blog/_1ca/shanghaikuma/○○○○.jpg) no-repeat; 菜の花の写真を挿入している部分
height:200px;この部分の高さサイズ
}
#banner h1{
margin:24px;タイトル文字の開始位置
padding:20px 0 5px 0;
font-size:xx-large;タイトル文字の大きさ
}
#banner h1 a{
}
#lead{
margin:20px;
color:#FFCCFF;ブログ説明文の色
}
/*-----Content-----*/メインカラム&サイドカラム
#content {
padding:10px;
}
/* Links */
.archive-title{
margin-bottom:5px;
font-size:small;
}
.archive-bottom{
margin-top:5px;
font-size:small;
}
.archive-name{
float:left;
}
.previousLink{
padding-left:12px;
background:url(/blog/_skin/system/images/arrowL_small_gray.gif) no-repeat left center;
}
.nextLink{
padding-right:12px;
background:url(/blog/_skin/system/images/arrowR_small_gray.gif) no-repeat right center;
}
.archive-links{
float:right;
padding-left:12px;
background:url(/blog/_skin/system/images/arrowT_small_gray.gif) no-repeat left center;
}
/* Articles */
#main {
width:740px;(この部分の影響???)
overflow:hidden;
}
.articles {
width:698px;(この部分の影響???)
padding: 12px 20px;
margin-bottom:10px;
border:1px solid #FF0099;
overflow:hidden;
}
.articles-title {
margin:0 0 15px 0;
padding-bottom:5px;
border-bottom:1px solid #FF66FF;記事タイトル下線&色
font-size:small;
}
.articles-body {
line-height:160%;
}
.articles-body a:link { color:#3300FF; }記事部分のリンク色
.articles-body a:visited { color:#6699FF; }記事部分のリンク色
.articles-body a:active { color:#00FF00; }記事部分のリンク色
.articles-body a:hover { color:#FF0000; }記事部分のリンク色
.articles-top { }
.articles-bottom { }
.articles-body img {
margin:5px;
}
.posted{
padding-top:5px;
border-top:1px dotted #ff0099;
font-size:small;
color:#888888;
}
/*-----Entry-----*/
.entry {
margin-top:20px;
}
.entry h4 {
margin:0 0 10px 0;
padding:3px 0;
border-bottom:1px solid #cccccc;
font-size:small;
}
.entry ul, .entry li, .entry dl, .entry dt, .entry dd, .entry form {
margin:0;
padding:0;
}
/* nice! */
#nice h4 {
background:url("/blog/_skin/system/images/icon-nice.gif") no-repeat left center;
padding-left:20px;
}
#nice form {
margin:12px 0;
}
#nice li {
float:left;
width:62px;
padding:5px 0;
font-size:x-small;
line-height:1.2;
text-align:center;
list-style:none;
overflow:hidden;
white-space:nowrap;
display:block;
}
/* Comments */
#comments form {
margin:12px 0;
}
.each-comment {
margin:20px 0;
clear:both;
}
.each-comment img {
float:left;
margin:0 10px;
}
.each-comment input {
margin:0;
padding:0;
}
* html .each-comment input {
margin-bottom:-2px;
}
.comments-body {
margin:0 0 0 60px;
}
#comments .delete {
margin-left:60px;
}
/* Comment Write */
#comment-write dt {
float:left;
clear:both;
}
#comment-write dd {
margin:0 0 3px 80px;
line-height:150%;
}
#comment-write textarea {
height:150px;
}
.comment-input {
width:410px;
}
/* Trackback Write */
#trackback-write p {
margin:0;
}
#trackback-write form {
margin:12px 0;
}
.each-trackback {
margin:15px 0;
}
/* Related */
#related ul {
padding-left:20px;
}
#related li {
padding:1px 0;
}
/*-----Side-----*/
#side-a, #side-b {
width:190px;
overflow:hidden;
}
.sidebar {
width:190px;
margin-bottom:10px;
overflow:hidden;
}
.sidebar-title {
margin:0;
padding:3px 5px;
margin-bottom:5px;
background:#FF99FF;サイドバータイトルの背景色
font-size:x-small;
}
.sidebar-title a:link { color:#000000; }
.sidebar-title a:visited { color:#333333; }
.sidebar-title a:active { color:#0000CC; }
.sidebar-title a:hover { color:#333333; }
.sidebar-body {
margin:0;
}
.sidebar-body ul, .sidebar-body li, .sidebar-body dl, .sidebar-body dt, .sidebar-body dd, .sidebar-body form {
margin:0;
padding:0;
}
.sidebar-body li {
padding:3px 0;
margin-left:15px;
list-style:square;
}
.new {
margin-left:6px;
color:#ff0000;
font-weight:bold;
}
/*--Profile--*/
dt.profile-img {
float:left;
}
dd.profile-status{
margin-left:85px;
line-height:180%;
}
.profileLink {
padding-left:12px;
background:url(/blog/_skin/system/images/arrowR_small_gray.gif) no-repeat left center;
}
.nice {
margin:0;
padding:0 2px;
background:#ffd900;
border:1px solid #0090ff;
color:#0090ff;
}
/*--Calendar--*/
.calendar-date {
text-align:center;
}
#calendar table {
margin:3px auto;
text-align:center;
}
#calendar th {
height:20px;
width:20px;
font-weight:normal;
}
th.sun {
color:#ff0000;
}
th.sat {
color:#0000ff;
}
#calendar td{
height:20px;
width:20px;
}
#calendar td.link {
background:#d0ceb7;
font-weight:bold;
}
#calendar td a{
}
/*--Custom Pane--*/
.custom-body {
padding:1px 0;
}
/*--RSS Regist--*/
#rssRegist {
margin-bottom:20px;
padding: 4px 0;
background: #999999 url("/blog/_skin/system/images/arrowR_large.gif") no-repeat left center;
text-align:center;
font-weight:bold;
line-height:100%;
}
#rssRegist a:link { text-decoration:none; color:#fff; }
#rssRegist a:visited { text-decoration:none; color:#fff; }
#rssRegist a:active { text-decoration:none; color:#fff; }
#rssRegist a:hover { text-decoration:underline; color:#fff;}
/*--Search--*/
.search-tbox {
width:70%;
}
/*--So-net--*/
#powered img {
margin:10px 0;
}
/*-----Footer-----*/
#footer{
width:770px;フッターの幅
margin:0 auto;
padding:20px 0;
clear:both;
}
.copyright{
padding:0;
margin:0;
font-size:x-small;
text-align:right;
}
/*-----2Column Left-----*/
.columnL #main {
float:right;
}
.columnL #side-a {
float:left;
}
/*-----2Column Right-----*/
.columnR #main {
float:left;
}
.columnR #side-b {
float:right;
}
/*-----3Column-----*/
.columnW #main {
float:left;
width:590px;メインカラムの幅
margin-left:10px;
}
.columnW #side-a,
.columnW #side-b,
.columnW .sidebar {
width:170px;サイドカラムの幅
}
.columnW #side-a {
float:left;
}
.columnW #side-b {
float:right;
}
.columnW .articles {
width:548px;メインカラム記事部の幅
}
.columnW #nice li {
width:58px;
}
.columnW .comment-input,
.columnW #comment-write textarea {
width:545px;
}
.columnW .search-tbox {
width:65%;
}
メッチャ長いですね(oー(ェ)ー;A まあ、オリジナルの一部変更って話ですから 変更部が解れば何とかなると思います。
などと。。。やっていたら、偶然にも200,000に遭遇できました。
何だか嬉しい(*⌒(エ)⌒)v♪ そして (〃'(ェ)'d)(b'(ェ)'〃)ありがとう♪
くま先生~(ToT)ありがとうございます(ToT)
できの悪い私の為に(って勝手に思い込む)こんなにご丁寧に(ToT)
早速印刷印刷・・(って見ながらじゃできない私)。
by たり (2007-02-19 20:39)
又、暗号だ
ところでバンカー、OBはまだしもシャンクは、、、
直る?
by 拙者!鬼瓦 権造 (2007-02-19 22:05)
折角一筋の光が見えたかと思ったけど・・・・・
やっぱり よくわからない・・・ (_TдT) シクシクアイーン
by チャイママ (2007-02-20 03:21)
お~、くま先生のブログ講座だ~。
結構やってみると 面白いカスタムスキン。私も 最初は悪戦苦闘だったけど、不思議にだんだんわかってくると面白くなってくるよね。
お~200000HITおめでとうございます~♪
by みーはー熊 (2007-02-20 10:42)
カスタムスキンのフォトワイドを、ちょっぴり弄って使ってます。
2ペインだと、記事部分の幅が690pxあるので、長文や大き目の写真が貼れるのが
いいかな( ・∀・)イイ!
CSSで分からない所は、http://w ww.ink.or.jp/~bigblo ck/ やさしいホームページ入門
及び、http://m sugai.fc2web.com/web /CSS/index.html#toc CSSとはなんだろうか
を参照しました。
コメント欄ってhtmlタグ効かないんですね(゚Д゚;)
by (2007-02-20 13:37)
◇たりさん
簡単に説明してあるだけなので
なにか質問あれば コメントでも メールでも結構ですから
遠慮なしにどうぞ(*⌒(エ)⌒)v♪
◇権造さん
シャンクは、今のところ気にしてないので
治ると思ってますよ^^;
次回は、3/17の予定なので 練習をせねば。。。
◇チャイさん
ベースのスキンによって 少しずつ 書いてあることが違うんですよ
シンプルワイドをベースにして説明できるといいんですが
チャイさんのスキンが、変わってなかったら
来週は、上海出張なので 夜にゆっくりできるかも。。。
◇ね~さん
(〃'(ェ)'d)(b'(ェ)'〃)ありがとう♪
>不思議にだんだんわかってくると面白くなってくるよね。
その通りですよね。
でも、ママくまだと、一生かかっても理解できないですよ( ̄m ̄*)
ね~さんは、方向音痴では無いですよね?
◇がずかずさん
写真を貼る方は、2カラムのワイドは 良いですよね
オイラは、ペットとか居るし。。。サイドスキンを結構つかってるので
3カラムにしました。
CSSのHPは、よく利用します。なんせ初心者ですから。。。
コメント欄にタグが貼れないのって、スパムブロックのせいかも(oー(ェ)ー;A アセアセ
by くま (2007-02-21 17:32)
私にも面白みがわかる時がやってくるのか?
それは、くまさんがアベレージ80というのと同じくらいか?
はたまたOBなしと同じくらいの確率か?
チャイサンとともに頑張ります。
by あおい (2007-02-23 02:28)
◇あおいさん
オイラがアベレージ80って( ̄m ̄〃)ぷぷっ!
永遠ってのは同じですね
そういえば、練習してないや^^;
by くま (2007-02-24 16:19)