アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦！ -42ページ目

<< 前のページへ最新 | 40 | 41 | 42 | 43 | 44 | 最初次のページへ >>

少し検索してみました・・

「Googleディレクトリ」を検索していて・・

GoogleのディレクトリはDMOZの情報だとわかりました
当然・・DMOZにも登録されていました・・

DMOZ（Open Directory Project)とはボランティア方式で運営される世界最大のウェブディレクトリサイトで・・
わたしも以前ホームページとかを作ったときに申請したことがありますが・・
なかなか載せてもらうことができませんでした
（英語だったんで頼んじゃったんですが・・）

検索ロボットのスタートがyahooに登録されているサイトとDMOZに登録されているサイトで・・
そのサイトからリンクを辿ってリンクを辿って・・って広がっていくって聞いたことがあります（本当かどうかはわかりません）
だからyahooとDMOZに登録されることはSEO的にも重要でした・・

ただ・・いま検索をしていて・・
＞現在はDMOZに登録されても効果がない
そんな説明をしているサイトがいくつかあります

わたし自身・・昨日初めて知ったのですから・・
登録される効果は少ないのではないかと思います・・

やはり・・情報量からいったらロボットでしょう・・

でも・・

先日・・yahooがgoogleの検索エンジンを利用するとアナウンスがありましたが・・

ついに・・

yahooとGoogleが遂に同じ結果に・・・

yahooカテゴリーもGoogleディレクトリーと一緒になれば良いのに・・

って・・絶対にありえないことなんですがね・・

Googleのディレクトリってご存知ですか？

解析のリンク元に見たことないURLが・・

Googlのディレクトリって恥ずかしながら・・はじめてみました

http://www.google.com/dirhp?hl=ja

こんな画面もはじめて見ました・・

Googleにもあったんですね

知りませんでした・・

URLが固定じゃないみたいなので（か・・長すぎてリンクできないので）↓このように進んでみてください

コンピュータ > インターネット > ウェブ上の情報 > ウェブログ > ガイドとチュートリアル

でも・・ど～やって登録するんでしょ？

いや・・なぜ？登録されているんでしょ？

URLの登録をクリックすると・・英語のページ・・

わたしには・・・ムリ！！！

ど～ぅせ・・あいつは英語はダメだから代わりにやっといてやろ～か・・って

どなたかがやってくれたのでしょうか？

に・・しても・・いつから登録されているんでしょうかね？

いままで気が付かなかったということは・・

登録されてもたいして役になっていなかったのかな？

・・・？

いくらGoogleでも・・

コンピュータ > インターネット > ウェブ上の情報 > ウェブログ > ガイドとチュートリアル

まぁ・・コレだけ深いところだし・・

URLも長かったり（変ったり？）しているからSEO的にはほとんど無意味なんでしょうかね？

CSS　「あれ」　横に動くやつ・・？

みなさまありがとうございました

最初縦を作るときは電光掲示板をイメージしていましたが・・

横は・・なんかちょっと違うみたい？

結局？タイトルは「あれ」にしておきました

・・・・名前は好きなように使ってください

一般的に紹介されている　tableを使った場合・・・

見てね！	見ないとお仕置きよ～

<table width="300" bgcolor="#ff00ff" cellspacing="1"><tbody><tr><td align="center"><font color="#ffffff">見てね！</font></td><td width="200" bgcolor="#ffffff"><marquee><font color="#ff00ff">見ないとお仕置きよ～</font></marquee></td></tr></tbody></table>

見てね！

見ないとお仕置きよ～

<table width="200" bgcolor="#ff00ff" cellspacing="1" ><tbody><tr><td align="center"><font color="#ffffff">見てね！</font></td></tr><tr><td bgcolor="#ffffff"><marquee><font color="#ff00ff">見ないとお仕置きよ～</font></marquee></td></tr></tbody></table>

工夫すれば・・

見てね！	見ないとお仕置きよ～

<table width="200" bgcolor="#ff00ff" cellspacing="1"><tbody><tr><td><marquee direction="up" height="15"　scrollamount="1"><font color="#ffffff">　見てね！</font></marquee></td><td width="130" bgcolor="#ffffff"><marquee><font color="#ff00ff">見ないとお仕置きよ～</font></marquee></td></tr></tbody></table>

でも・・tableでは出来ないこともありますので・・・

注意！

　　ここに適当なメッセージを入れてください

フリースペースに・・

<div id="ma_t1">注意！</div>
<div id="ma_m1"><marquee> <img src="画像のURL">　　ここに適当なメッセージを入れてください</marquee></div></div><br clear="all" />

CSSに・・・

#ma_t1{/*タイトル*/
width:100px;
border:solid 1px #ff00ff;
background-color:#ff00ff;
color:#ffffff;
font-size:15px;
text-align:center;
float:left;

}
#ma_m1{/*メッセージ*/
width:200px;
border:solid 1px #ff00ff;
background-color:#ffffff;
color:#ff00ff;
ze:15px;
float:left;
}

注意！

ここに適当なメッセージを入れてください

フリースペースに・・

<div id="ma_t2">注意！</div>
<div id="ma_m2"><marquee>ここに適当なメッセージを入れてください <img src="画像のURL"></marquee></div>

CSSに・・・

#ma_t2{/*タイトル*/
width:200px;
border:solid 1px #ff00ff;
background-color:#ff00ff;
olor:#ffffff;
font-size:15px;
text-align:center;
}
#ma_m2{/*メッセージ*/
width:200px;
border:solid 1px #ff00ff;
background-color:#ffffff;
color:#ff00ff;
font-size:15px;
}

注意！

　　ここに適当なメッセージを入れてください

フリースペースに・・

<div id="ma_t3">注意！</div>
<div id="ma_m3"><marquee> <img src="画像のURL">　　ここに適当なメッセージを入れてください</marquee></div><br clear="all" />

CSSに・・・

#ma_t3{/*タイトル*/
width:100px;
border:solid 8px #ff00ff;
background-color:#ff00ff;
color:#ffffff;
font-size:15px;
text-align:center;
float:left;

}
#ma_m3{/*メッセージ*/
width:200px;
border: double 8px #ff00ff;
background-color:#ffffff;
color:#ff00ff;
font-size:15px;
float:left;
}

注意！

ここに適当なメッセージを入れてください

フリースペースに・・

<div id="ma_t4">注意！</div>
<div id="ma_m4"><marquee>ここに適当なメッセージを入れてください <img src="画像のURL"></marquee></div>

CSSに・・・

#ma_t4{/*タイトル*/
width:200px;
border-top:double 2px #ff00ff;
border-left:double 8px #ff00ff;
border-right:double 8px #ff00ff;
background-color:#ff00ff;
color:#ffffff;
font-size:15px;
text-align:center;
}
#ma_m4{/*メッセージ*/
width:200px;
border:double 8px #ff00ff;
background-color:#ffffff;
color:#ff00ff;
font-size:15px;
}

注意！

　ここに適当なメッセージを入れてください

フリースペースに・・

<div id="ma_t5">注意！</div>
<div id="ma_m5"><marquee> <img src="画像のURL">
　ここに適当なメッセージを入れてください</marquee></div><br clear="all" />

CSSに・・・

#ma_t5{/*タイトル*/
width:100px;
border:dotted 3px #ff00ff;
background-color:#ff00ff;
color:#ffffff;
font-size:15px;
text-align:center;
float:left;
}
#ma_m5{/*メッセージ*/
width: 200px;
border-top:dotted 3px #ff00ff;
border-right:dotted 3px #ff00ff;
border-bottom:dotted 3px #ff00ff;
background-color:#ffffff;
color:#ff00ff;
font-size:15px;
float:left;
}

注意！

ここに適当なメッセージを入れてください

フリースペースに・・

<div id="ma_t6">注意！</div>
<div id="ma_m6"><marquee> <img src="画像のURL">  ここに適当なメッセージを入れてください  <img src="画像のURL"></marquee></div>

CSSに・・・

#ma_t6{/*タイトル*/
width:200px;
border-top:dotted 3px #ff00ff;
border-left:dotted 3px #ff00ff;
border-right:dotted 3px #ff00ff;
color:#ff00ff;
font-size:15px;
text-align:center;
}
#ma_m6{/*メッセージ*/
width:200px;
border:dotted 3px #ff00ff;
background-color:#ffffff;
color:#ff00ff;
font-size:15px;
}

<MARQUEE>タグにscrollamountを付ければスピードを変更できます
スピードといっても0.1秒に進む距離を指定します（px単位）
何も指定しない場合は6です（6px）
<marquee scrollamount="4">とした場合はゆっくりになります
※0.1秒はPCの性能やブログパーツの重さなどで変ってくる場合があります

見てね！	scrollamountを指定しない場合です

見てね！	scrollamount="4"の場合遅くなります

見てね！	scrollamount="2"の場合はもっと遅くなります

重要！（IEで見たときに・・）

流れるメッセージの最初に画像を置く場合は

IEで表示したときに画像が端に来たところで元に戻ってしまいます

そのとき枠内に全部のメッセージを表示し切れていない場合は表示されていない部分は表示されることはありません

IEでも全部を表示するために・・画像が最初に来る場合は

画像の前に　 　または　全角のスペース（半角スペースはNG）をおきます

<marquee> <img src="画像のURL">ここに適当なメッセージ・・・
<marquee>■<img src="画像のURL">ここに適当なメッセージ・・・
　　　　　↑全角のスペース

IEで見てください↓

見てね！	見ないとお仕置きだからね～

　　　　　　　↑なにも入れてない場合・・
　　　　　　　　メッセージが最後まで表示されません・・

見てね！	見ないとお仕置きだからね～

　　　　　　↑全角のスペースを入れている場合・・

画像が途中や最後にある場合はコレをしなくても普通に表示されます

見本で使った画像です・・お持ち帰り自由にどうぞ

↓最初の・・豚なんですが・・見えないですよね・・

<< 前のページへ最新 | 40 | 41 | 42 | 43 | 44 | 最初次のページへ >>

ブログ画像一覧を見る

このブログをフォローする

アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦！

少し検索してみました・・

Googleのディレクトリってご存知ですか？

CSS 「あれ」 横に動くやつ・・？

CSS　「あれ」　横に動くやつ・・？