hrタグにCSS指定
Posted by admin | Filed under css
大したことじゃありません
水平線にスタイル指定するときのメモでし
hr {
background-color: red;
color: red;
border: none;
height: 3px;
}
background-color
水平線の内側の色を指定します
プロパティの指定では、水平線の内側の色を指定することになります。
そのため、水平線の枠線は表示されたままになります。
color
水平線全体の色を指定します(IEのみ)
※ここが注目ポイント
水平線の枠線を消したい場合は、border: none を指定しておきます。
しかし、IEではこの指定が無視されるようなので、IEでも枠線を表示させたくない場合には、
color プロパティも同時に指定しておきます。
参照ページ
水平線に色を付ける
Tags: css
Actionscript3.0の最適化
Posted by admin | Filed under Actionscript, Actionscript3.0
ActionScript3 最適化・高速化Tips 簡易まとめ
という大変興味深い記事を発見しました。
すぐに理解して実行できそうな部分だけピックアップしとこ。
Tags: Actionscript3.0
getElementsByTagNameを使った操作
Posted by admin | Filed under Javascript
getElementsByTagNameと正規表現を使って文字列を操作してみましょう。
flashサイトつくったんだけど
Actionscriptとか中心にかいてます
<p>flashサイトつくったんだけど</p>
<p>Actionscriptとか中心にかいてます</p><input type="button" onClick="changeStr()" value="変換">
<script type="text/javascript">
function changeStr()
{
var objName = document.getElementsByTagName("body");
var value = objName[0].innerHTML;value = value.replace(/Actionscript|flash/g,"<span style=’color:#0000ff; font-size:35px;’>うんこ</span>");
document.getElementsByTagName("body")[0].innerHTML = value;
}
</script>
Tags: Javascript
getElementByIdでDOM操作
Posted by admin | Filed under Javascript
きのうきききりんにきいたんだけど
getElementByIdで「き」を強調してやります！
<p id="textKi">きのうきききりんにきいたんだけど</p>
<div style="margin:20px;"><button onclick="chageElement()">「き」を大きくして赤くします</button></div>
<script type="text/javascript">
function chageElement()
{
var word = "き";
var answer="";
var objName = document.getElementById("textKi");
var value = objName.innerHTML;
for(var i = 0; i < value.length; i++)
{
if(value.slice(i,i+1) == word)
{
answer += "<span style=’font-size:30px; color:#ff0000;’>"+value.slice(i,i+1)+"</span>";
}
else
{
answer += value.slice(i,i+1);
}
}
document.getElementById("textKi").innerHTML = answer;
}
</script>
Tags: dom, Javascript
「こんな企業サイトはイヤだ」ベスト20
Posted by admin | Filed under ネタ
gooのランキングでみつけました。
webサイトを作る仕事の人はしっかり心がけとけよ！
そんなわけで1位から20位に僕から一言コメントつけてみた。
Tags: だめなwebサイト
CSSでフッターを常に底配置
Posted by admin | Filed under css
調子に乗って連発でCSSネタを
本文の内容が少なくてフッターが上にきすぎ！
どの解像度のモニターでもfooterがブラウザウインドウの一番下にくっついてほしい時！
そんなあなたに朗報。
まずはCSS側
html {
height:100%;
}
body {
height:100%;
}
#container {
position:relative;
min-height: 100%;
}
#main {
padding-bottom:10px;
}
#footer {
position:absolute;
bottom:0px;
height:30px;
width:100%;
}
そしてｈｔｍｌ側
<div id="container">
<div id="main">
<h1>CSSでフッターを常に下に配置</h1>
<p>本文はここに</p>
</div>
<div id="footer">フッターの内容をここに記述</div>
</div>
よく使う割にコピペで済ますからわすれちゃうんだよねぇ。
ソース見れば思い出すんだけどさ。
Tags: css
ＣＳＳを使った縦中央横並び
Posted by admin | Filed under css
結構頻度高いのにわすれちゃってめんどくせとか思っちゃうからメモ。
※IE5.5,6,7 firefox3確認済み
まずtableでつくるとこんな感じ
 |
ＧＫ乙！ |
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img title="mario" src="http://sopeo.pocotan.com/wp-content/uploads/2008/10/mario.gif" alt="" width="144" height="192" /></td>
<td>ＧＫ乙！</td>
</tr>
</table>
んで見た目一緒だけどＣＳＳ配置した場合がこれ
cssの部分
.centerItem {
display: table-cell;
vertical-align: middle;
/*IE用*/
>display: inline;
>zoom: 1;
}
htmlの部分
<div>
<div class="centerItem"><img title="mario" src="http://sopeo.pocotan.com/wp-content/uploads/2008/10/mario.gif" alt="" width="144" height="192" /></div>
<div class="centerItem">ＧＫ乙！</div>
</div>
これだけ。
簡単なのになぜかめんどくさーとかおもっちゃうんだよね。
※IE用の部分は「IEだけにCSSを適応させる方法」の記事を参照してね。
FlashPlayer10＼(^o^)／ﾊｼﾞﾏﾀ
Posted by admin | Filed under Actionscript
どうやらbeta版が公開されてるみたいだ。
埋め込みfont使わなくても回転とかalpha変更できたり
処理速度ＵＰとかいいね。
以下は日本語に翻訳してくれているサイトから主な新機能を紹介してみた
Tags: flash, FlashPlayer10
ニコニコのflvを携帯で
Posted by admin | Filed under ネタ
ニコニコの動画をダウンロードしてflvから3gppにエンコードしたかったんだけど
携帯動画変換君で簡単にできるかなーなんて甘かった。
エラーエラー・・エラー地獄・・ぐっ！
続きを読む »
Tags: 3gpp, firefox, youtube, ダウンロード, ニコニコ, 携帯
flashサイトとgoogle
Posted by admin | Filed under flashサイト, ネタ
flashサイトってgoogleにサーチしてもらえないじゃないですか、
flaファイルに直接テキストが入ってるのをパブリッシュしたものは
googleさんに見てもらえるみたいですが、
現段階だと外部テキスト類は全然読んでない様子。
なのでひと手間かけて
ベースはwordpressでサイトつくって
はきだされるＸＭＬをflashで読み込むってのが
一番いいよねってはなし。
2つサイト作ることになっちゃうけどね。
ちょっといい雰囲気だったflashサイト
黒川温泉 お宿 野の花
http://www.oyado-nonohana.com/index.html
flashサイトとhtmlサイト両方あるね。
