• 車種別
  • パーツ
  • 整備手帳
  • ブログ
  • みんカラ+
     とりあえずぅ訳ワカメな時の覚書カモ(´艸`) ユーザー以外も書き込みOK 自由におじゃれ
コンテンツ領域リンク
div#BodyBlock a

color:#eee;
text-decoration:none;

コンテンツ領域リンク(マウスオーバー)
div#BodyBlock a:hover

color:#eee;
text-decoration:none;

ヘッダータイトル色
div#BodyBlockHeader h2 a
div#BodyBlockHeader h2 a:visited

color:#00ccff;
text-decoration:none;

ヘッダータイトル色(マウスオーバー)
div#BodyBlockHeader h2 a:hover

color:#ffffff;
text-decoration:none;

コンテンツ領域
div#BodyBlockMain

overflow:hidden;
display:block;
filter:alpha(opacity=70);
opacity:0.70;

左カラム領域
div#BodyBlockProfileSide

display:block;
overflow:hidden;
background:#333;
filter:alpha(opacity=60);

右カラム領域
div#BodyBlockProfileMain

display:block;
overflow:hidden;
filter:alpha(opacity=60);

サイドメニュー領域
div.SideMenu

width:300px;
padding-bottom:10px;
background:#fff;
filter:alpha(opacity=70);
opacity:0.70;

サイドメニュータイトル
div.SideMenuTitle

font-size:18px;
padding:3px 0;
background:#222;
color:#fff;
text-align:center;
margin:0 auto;
height:294px;

サイドメニュータイトルリンク
div#BodyBlockSide div.SideMenuTitle a

color:#3399ff;
text-decoration:underline;

サイドメニュータイトルリンク(マウスオーバー)
div#BodyBlockSide div.SideMenuTitle a:hover

color:#000000;
text-decoration:none;

ブログカレンダー
table#Calendar

width:100%;
text-align:center;
margin:0 auto;
height:294px;
background:url('画像のURL') no-repeat 50% 50%;
color:#3399ff;

□ブログで別ウインドウで画像を開く
■<a href="画像のURL" target="_blank"><img src="画像のURL"alt="代替文字" ></a>

コレで間違ってると指摘あればくだされ

ファイルにリンクする
<a href="ファイル名またはファイルのURL">text</a>

リンク先を新しいウィンドウに表示する
<a href="ファイル名またはファイルのURL" target="_blank">text</a>

<img src="ファイル名またはファイルのURL" alt="代替文字">
イメージ画像が表示されない場合の代わりに表示される文字を書いておく。

とあったのを繋げてみただ

<center>text</center>
タグにはさまれた部分をセンタリングする。

■ブログにUPした画像の横に文字を入れたくないとき
文章の回り込みを解除する
text<br clear="leftまたはrightまたはall">text

<marquee>文字がスクロールします。</marquee>

<marquee direction="down"> 上から下にスクロールします。 </marquee>

<marquee behavior="scroll">一定方向に横切る</marquee>

<marquee behavior="alternate">往復する</marquee>

<marquee behavior="slide">端で停止する</marquee>

<marquee direction="left">右から左へ</marquee>

<marquee direction="right">左から右へ</marquee>

<marquee scrolldelay="100">ちょっと遅く</marquee>

<marquee scrollamount="8">ちょっと速く</marquee>

<marquee bgcolor="plum" width="300">背景色をカラーネームで指定。</marquee>

あとは文字色を変えたり

文字の大きさを変えたり

なかなか楽しかったりして
スタイルシートでのカラーの変更

<FONT color="#0000ff">これは青</FONT>

とすると

「これは青」の文字が「#0000ff」の色となるわけです

自分の場合は

もう1個ウインドウを開いて基本のところから
色見本を出して右に置き、数字を入れたりしますが
あまり色々な色を並べると
見る方がどーかなってなりますので
ほどほどがよろすぃかと・・・

(あくまで個人的意見なのであしからず)



「タブ下へ画像を入れる方法」

ブログ表示切替
div#BlogChgView

height:???px;(縦幅)
background-image:url(スタイル画像URL);

画像サイズ

横620×縦は自由


いうコトだったので
とりあえずぅガパッと開けてみますた

今どんなの入れるか思案中デソ

新スタイルシートでは・・・
画像に重なって表示されますので、気になる方はうまく編集してください。


ありましたので注意したいと思います

サイドメニュー領域
div.SideMenu

width:300px;
padding-bottom:10px;
background:#ccfff;
filter:alpha(opacity=70);
opacity:0.70;

サイドメニュータイトル
div.SideMenuTitle

font-size:15px;
padding:3px 0;
background:#ccfff;
color:#ff9999;
text-align:center;
margin:0 auto;
height:294px;


こぉんな感じにしたら・・・
見てのとぉりでがんすぅ


透過ですが
「IE 6」でゎならないそぉです
やり方が別にあるらすぃのでごみんなさい

アタシのは「7」で「8」にUPしたら色々、問題があって
「7」に戻しました

■リンク部分にカーソールを乗せると写真や文字がピコピコ動くというヤツ

リンク(マウスオーバー)
a:hover

position:relative;
bottom:-3px;
left:3px;

※数字を変えれば大きく動きが変化します。

プレビューを見ながら調整してくだされ

■カレンダーに画像を入れたいとき

ブログカレンダー
table#Calendar

width:100%;   は横部分デソ

height:294px;  は縦部分デソ

background:url('画像のURL') no-repeat 50% 50%;

('画像のURL')にはスタイル用画像でUPしたURLを入れてくだされ

□自分はサイドメニュータイトル部分も同じ設定にしていますので
あんなに隙間ができています
(密かにカーソルを合わせて愛車を覗くためとも…

サイドメニュータイトル
div.SideMenuTitle

■悩みに悩んだカウンター

色々徘徊してあったやり方を見ても訳ワカメ

+:-:+:-:+:-:+:-:+:-:+:-:+:-:+:-:+:-:+:-:+:-:+:-:+:-:+:


詳細編集>ページの基本>

ヘッダータイトル
div#BodyBlockHeader h2

line-height:100%;
font-size:24px;
margin:0;
width:930px;
padding-top:10px;
padding-right:0;
padding-bottom:0;
padding-left:10px;
height:300px;                          ←ココ
background:url('カウンターのURL') no-repeat 750px 50px;    ←ココ

カウンタの位置指定は、backgroundのpositionで調整してください。
上記場合、左から750px、上から50pxの位置になります。


+:-:+:-:+:-:+:-:+:-:+:-:+:-:+:-:+:-:+:-:+:-:+:-:+:-:+:

           +:-:+:-:+:-:+:-:+:-:+:-:+:-:+:-:+:-:+:-:+:-:+:-:+:-:+:


・・・とあったのをみつけてチャレンジするもダメ


           +:-:+:-:+:-:+:-:+:-:+:-:+:-:+:-:+:-:+:-:+:-:+:-:+:-:+:


自分は「忍者TOOL」をレンタル中

+:-:+:-:+:-:+:-:+:-:+:-:+:-:+:-:+:-:+:-:+:-:+:-:+:-:+:


padding:30px 0px 0px 0px;
background-image:url("カウンターのURL");
background-position: right 10px;
background-repeat: no-repeat;

+:-:+:-:+:-:+:-:+:-:+:-:+:-:+:-:+:-:+:-:+:-:+:-:+:-:+:

コレで設置が出来ました


どこでつまづいたかというと
URLがどの部分を貼り付けるかでした
初歩的な話ですが
そんなレベルなんでしょうがないデソ

           +:-:+:-:+:-:+:-:+:-:+:-:+:-:+:-:+:-:+:-:+:-:+:-:+:-:+:

これは「みんカラのスタイルシート変更方法」というとこでめっけたナリ

みんなもたくさん悩んで怪傑ゾロリ

コレは自分の場合の
透過設定をした場合のやり方デツ


■詳細>ページの基本

ユーザー領域
div#MinkaraBody




clear:both;
background-color:#000000;
color:#eee;
background-image:url(スタイルシートにUPした画像のURL);
background-repeat:no-repeat;
display:block;
background-position:50% 0%;
background-attachment:fixed;


ちょいと、質問ですが・・・

ここのユーザー領域に忍者入れてるんだけど・・・

忍者の設定の次に、ここをコピッて入れれば、エラーになっちまうぅ~~~

はなちゃは、忍者どこに入れてるぅ?
コンテンツ領域に入れてるだぉ

ほぉ、やってみまっしゅ!!
(゚Д゚)ノ がんばりなはれ♪

悩むと覚える

ケド

人間って忘れるだ(ワラ
うううううう~なんとなくぅわかったようなぁ~

明日、がんばってみるべぇ~~~!!

あんがとぉ!!!眠い。。。
ん~?

自分には難解なHTML?が・・・w

これにするとみんカラの背景が

透過になったりするんですかい?
さよぉでござんすぅ

アタシも素人なんで徘徊とか
サイト訪問で得た知識ですだ

試してみなはれ
お友達からアイコンの貼り付け方を聞かれたので
ココに覚書をば

自分の場合

・スタイル画像にUP

タイトルアイコン・ブログ気分画像
div.contentsTitle img

vertical-align:middle;
margin-right:3px;
list-style:(http~UPした画像のURL);


・サイドメニュー

リンクリスト行
ul.userMakeList li

margin-bottom:0px;
padding:5px 10px 5px 25px;
background:url(http~UPした画像のURL) 0px 50% no-repeat;


※逆にリストマークを表示させない場合は

list-style-image:none

リストマークに至っては個人の自由ですので
サイトの利用規約に従ってご利用くだされますよぉに





© LY Corporation