どりーみー
2015年01月26日 2015年01月24日 2015年01月19日 2015年01月16日 2015年01月15日 2015年01月14日 2015年01月13日 2015年01月12日 2015年01月09日 2015年01月07日 2015年01月03日
HTML&CSS研究
どりーみー
どりーみー
Author:Dreamy
気に入った事はとことんやってしまいます。
ほどほどにしたいものデス。ヾ(´▽｀*)ゝ
カテゴリー
| recent comment |
|
|
| 最新の記事 |
|
|
| recent trackback |
|
|
| ブログ内検索 |
|
|
| RSSフィード |
|
*最新記事のRSS *最新コメントのRSS *最新トラックバックのRSS
|
| TB_People |
|
|
| カレンダー | ||||||||||||||||||||||||||||||||||||||||||
|
|
| ブロとも一覧 |
|
|
| ブロとも申請フォーム |
|
|
| リンク |
|
|
ページ全体を自動スクロール
昔作ったホームページで空から降りてくる女の子がずっと下の方まで行くというのがなぜか動かなくなっていました。きょう、直そうとしたら、どうやったのか全く分からなくなっていました。四苦八苦の末やっと直せました。ほんとにこれは書き留めておかなくてはなりません。ページ全体を自動スクロールさせる方法です。HEADタグの中に<SCRIPT LANGUAGE="JavaScript"><!--var count = 0;var max = 100;function autoScroll().... 2015/01/26/javascript
Read More
すごいやつ display
ｃｓｓにおいてdisplayを使うといろいろとすごいことが起きる。display:block;１．これだと確実に改行されます。２．aに設定すると 文字だけではなく全体がクリック可能に３．そしてコンテンツの表示それに対しdisplay: none;では非表示使い方としては@media screen and (max-width: 960px) {｝@media screen and (max-width: 360px) {｝などとウインドウの幅を設定するスタイルシートで960pxでは表示 360pxでは非表示。またはそ.... 2015/01/24/css2
Read More
3カラムでウィンドウの幅が狭くなると左右のメニューがプルダウンメニューに変わる
DEMOは←こちらPC表示サイズのカラムが崩れる幅 960pxが切れるときブルタウンメニューにしました。ブルタウンメニューの幅はMOBILE用に310pxにしてみました。いかがでしょうか？2015年1月19日現在表示の当blog ではさらに1200pxの表示まで設定してあります。jQueryscriptはheadのなかに貼ります。<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script> <.... 2015/01/19/javascript
Read More
fc2blogで<head>の<title>を個別ページでは「記事タイトル」トップページでは「Blog名」にする
＊このタイトルというのは お気に入りに入れようとすると「名前」のところに出てくるもののことです。IEではアドレスバーの横か下に出ているもの、またソースの<title>〜</title>のところです。blogのトップページindex_areaでは 「Blogの名前」 だけ個別ページpermanent_areaでは 「記事のタイトル」 だけそのほかのページでは 「Blogの名前＋記事のタイトル」 という風にしてみました。エリアごとに分けるこ.... 2015/01/16/fc2blog
Read More
phpで作る簡易掲示板
phpの使えるサーバーでは簡易掲示板が各ページに設置できます。ページの好きなところへ<form method="POST" action="/pinkbaby/index.php">お名前<input type="text" name="personal_name"><br>コメント<textarea name="contents" rows="3" cols="30"></textarea><br><input type="submit" name="btn1" value="投稿する"></form>と書きます。ページの拡張子は 「.php」とします.... 2015/01/15/php
Read More
ホームページ作成その１ 初めてホームページを作るにはメモ帳から始めます
私の環境はInternet Explorer11 （インターネット エクスプローラー11）windows8.1です。先ず、メニューからメモ帳を選びます。<html></html>と書きます。htmlとは HyperText Markup Language（ハイパーテキスト マークアップ ランゲージ）の略語だそうです。意味はウェブページ記述のためのマークアップ言語。とのこと。ちょっとわからないけど、まぁ良いですよね。<html>で始まり「/」を付けた</html>.... 2015/01/14/HTML作成の基礎
Read More
fc2Blog「新しく記事を書く」ページでオリジナルアイコンの入力「ブックマークレット」を実行し別小窓からタグをコピー
ｆｃ２Blogでコメント欄に絵文字入力はstrollblogさんに教えていただいて以前やったことがあり、たくさんの掲示板にも、他社のいくつものBlogにも設置できたことがあり現在も使わせていただいています。その時記事欄にも絵文字入力支援というスクリプトがあるとは知っていましたが、その時はしないでいました。今回友達から頼まれてお天気アニメを作りましたので、それをBlogの記事の初めに今日の天気として挿入したくなりました。.... 2015/01/13/ブックマークレット
Read More
TABLEを重ねてすっきりした掛け線風なTABLEを作る
TABLEを作る時TABLE border とすると左のようなTABLEができます。なぜか線が二重になっています。先日少しTABLEをいじっているとき、TABLEの中にまたTABLEと訳が分かりませんでしたが、その訳の一つがわかりました。TABLEを重ねることによって最初のTABLEの背景が視覚的に見えることになるんだそうです。二重のTABLE My Blog いつつば検索エンジン Yahoo!,Google 見える線の太さを調整するために中側のTABLEに 「cellpadding="10.... 2015/01/12/table
Read More
横並びのDIVはウインドウサイズで変化
tebleタグでは「width:100%;」など指定が必要ですがDIVタグ では[float:left;]で横並びさせているのに、ウィンドウサイズが狭くなれば、ひとりでに縦並びになるようです。DEMO12345HTML<div class="box">1</div><div class="box2">2</div><div class="box">3</div><div class="box2">4</div><div class="box">5</div><br clear=left>CSSはdiv.box {float: lef.... 2015/01/09/css2
Read More
ウインドウサイズに合わせたTABLE、max-widthも指定
以前はＴＡＢＬＥタグを使ってホームページを作ったこともありましたが、近年はＤＩＶタグを使うことがほとんどなんです。ところが既存のショッピングカートをウインドウサイズに合わせたものにしようと思ったら、ＴＡＢＬＥの中にＴＡＢＬＥ、またその中にＴＡＢＬＥまたその中にもＴＡＢＬＥと際限なくＴＡＢＬＥが作られていて参りました。私も作ったことは有るので解るのですが、作るときは割と簡単なのですよね。できているＴ.... 2015/01/07/table
Read More
リンク文字の背景領域でもクリック可能にする
エントリータイトルなどリンクの文字だけではなく背景も含めてクリックできるようにするにはHTML＜h2＞エントリータイトル＜/h2＞CSSh2 {font-size:20px;}h2 a{display:block;border-left: 20px solid #ccc;border-bottom: 1px solid #ccc;border-right: 1px solid #ccc;border-top: 1px solid #ccc;background: #f0f8ff;padding: 10px;}DEMO水色のところ全体がクリックできるDEMO エントリータイトル DEMO.... 2015/01/03/css2
Read More
どりーみー(12/19)
どりーみー(10/11)
りんご(10/10)
どりーみー(10/03)
りんご(10/03)