スクロールするとfixedで途中から固定する | Regista20
2013年04月26日 jQuery スクロールすると途中から固定したメニューを作ります。はじめからメニューが最上部にあるものだと最初から「position:fixed」でスクロールした際に、メニューを上部に固定するできます。しかし、メニューが最上部にはなく、メニューがページの最上部までスクロールされた時点で固定されるものだとjQueryを利用する必要がなります。 コードサンプル HTML <div id="header"> <h1>タイトル</h1> </div> <div id="container"> <div id="main">左カラム（メインコンテンツ）</div> <div id="sidebar"> <div id="nav">ここを固定する</div> </div> </div> CSS #main { float: left; margin-right: 20px;
見出しデザインの参考にしたい CSSで作るhタグのサンプル集 | 日刊ウェブログ式
ブログの記事タイトルやサイドバーのタイトルなどで使えるオーソドックスな見出し（hタグ）のデザインサンプル集です。見出しにはCSS3や画像を使っていないのでシンプルですが、一応よく使うので、メモとしてエントリーしておきました。 ※追記6/24 HTMLのマークアップをpからh3に置き換えました。 見出し(Headline)のサンプル集 色やボーダーサイズ等の装飾部分は お好みで編集してください。 見出しサンプル01 .selector01{ border-left:7px solid #e3297d; padding:.6em .8em } 見出しサンプル02 .selector02{ border-left:7px solid #ccc; border-bottom:1px solid #ccc; padding:.6em .8em } 見出しサンプル03 .selector03{ bor
著作権表示なしで使えるCSSテンプレート [Cool Web Window]
インターネットがこれまで以上に世界を繋ぐようになったことで、教育からエンターテイメントまで、あらゆるものがオンラインの世界でのニッチを確立しています。ギャンブルも例外ではありません。多くの人は、巨額の賞金を獲得できるチャンスよりも、ギャンブルそのもののスリルと興奮を求めてカジノを訪れることの方が多くなっています。そのため、実店舗のカジノのような雰囲気作りが、オンラインカジノの最大の課題となっています。多くのオンラインカジノは、長年にわたってその課題に取り組み、実現に成功しています。
HTMLエディタ「ez-HTML」の紹介
HTMLエディタ ez-HTML 見たままが得られる WYSIWYG（ウィズウィグ）ソフトでWebページを作成し、出来上がった HTML ソースをいじりながら何となく HTML を少し覚えたら、HTML エディタ、ez-HTML を使用することをお勧めします。このソフトは手打ちで HTML を記述しますが、正確な タグ入力支援機能、市販ソフトより整ったヘルプ機能により HTML/CSS に慣れていない初心者でも使える次世代対応の高機能 Web 制作ソフトウェアです。 主な機能の紹介 このエディタは、逐次改良更新され、これ一つで Web 制作は事足りるほど高機能です。 このサイトは、このソフトでほとんど作成しましたが、すべての機能を使いきって評価している訳ではないので、詳細についてはインストールして、ご自分で体験して下さい。 気に入っている主な機能は以下のとおりです。 エディタ機能 Undo
ez-HTML
充実したカスタマイズ、正確な入力支援、XHTML形式出力も記述ができる高機能・次世代HTMLエディタ。 開発開始からの累計ダウンロード数が100万本を突破しました（2022月4月5日）。 最新版(ver 7.71)をダウンロード！ (2.20MB) 2005年度 VECTORベストオンラインソフトウェア賞を受賞、 2007年度 Greva!プラチナ賞を受賞しました。 Index 市販の「ウェブサイト制作ツール」（以下WYSIWYGと省略）は画像なども簡単に挿入でき、レイアウトなども簡単にできますが、その反面font要素を乱用したり何度も編集している間ゴミのようにタグが残ってしまうという問題点があります。 当ソフトウェアは主に手打ちでHTMLソースを記述する人向けのために開発されています。 また、WYSIWYGで制作したHTML文書のちょっとした編集などにも使う事ができます。 また、このHT
「XHTML/HTML+CSSスーパーレシピブック」サポートページ
XHTML/HTML+CSSスーパーレシピブック エ・ビスコム・テック・ラボ[著] ISBN978-4-8399-3276-3 2009/12発売 詳細ページへ ダウンロード 本書のサンプルファイルです。 sample.zip（7.8MB、2012/06/28修正） ・ZIP形式で圧縮してあります。（以前はパスワードで保護されたファイルを配布していましたが、現在はパスワードなしで解凍できるものを配布しています） ■収録内容について 本書で作成するパーツおよびレシピの完成ソースと画像データを収録しました。パーツの作成方法などについては、本書を参照してください。 ・データは章とパーツごとにフォルダに分けて収録しました。たとえば、「Chapter 2 ヘッダー」の「HEADER 04」のデータは、/sample/02header/header04/ に収録してあります。 ・HTML/XHTMLと
簡単！たった１３行のコードでHTML取得＆解析をするPerlスクリプト - DQNEO起業日記
１３行のコードで、Yahoo!Japanのトピックス一覧を取得する！ PerlでHTML取得・解析したいときはLWP::UserAgentとHTML::TreeBuilderというのを使うと簡単にできます。 LWP::UserAgentを使うと、Webページの取得ができます。 HTML::TreeBuilderを使うと、HTMLのDOM解析ができます。 この２つのモジュールを使って、Yahoo!Japanのトピックス一覧を取得してみましょう。 コメント行と空行を除くとたったの１３行です。 use strict; use warnings; use LWP::UserAgent; use HTML::TreeBuilder; # urlを指定する my $url = 'http://www.yahoo.co.jp'; # IE8のフリをする my $user_agent = "Mozilla
hdata1
Sub tst031() Dim fff As String 'ファイルパス Dim objIE As Object 'オブジェクト Dim Myhtml As Variant 'HTMLタグデータ '制御htmlファイル phn = ThisWorkbook.Path fff = phn & "\" & "f-html\tstie025.html" 'Webページ表示 Set objIE = CreateObject("InternetExplorer.Application") objIE.Navigate fff '画面表示待ち Do While objIE.Busy = True DoEvents Loop Myhtml = objIE.Document.Body.innerHTML objIE.Quit MsgBox Myhtml End Sub
エクセルVBAでのIE上の文字列取得についての質問です。WEB上の上から４行目の数字の文字列を取得しセルにコピーしたいのですが、いろ... - Yahoo!知恵袋
エクセル VBAでのIE上の文字列取得についての質問です。 WEB上の上から４行目の数字の文字列を取得しセルに コピーしたいのですが、いろいろ試してみたのですがやっぱり構文がわかりません。 どなたか教えてください エクセル VBAでのIE上の文字列取得についての質問です。 WEB上の上から４行目の数字の文字列を取得しセルに コピーしたいのですが、いろいろ試してみたのですがやっぱり構文がわかりません。 どなたか教えてください ちなみにソースは <html> <head> <meta http-equiv="Cache-Control" content="no-cache"> </head> <body> ********<hr> <A name="TOP"></A> <a href="m0002Menu.bean">メニューへ</a><BR> <a href="M30001-001.bean
はじめてのホームページ講座(3)リンクを活用しよう
リンクを活用するためにぜひ覚えておきたいのが、「ディレクトリ」の概念です。「ディレクトリ」は、ホームページ作成の場面や、ファイル管理の場面で登場する言葉です。はじめてホームページ作りにチャレンジする人は、聞きなれない言葉かもしれませんが、覚えてしまえばとてもかんたん！ それではまず「ディレクトリ」について紹介します。 ◆「ディレクトリ」 ディレクトリとは、フォルダのことです。別の言い方をすると、フォルダというひとつの階層を指す用語です。ホームページの構成以外にも、パソコンの中でもディレクトリ構造は活用されています。 下の図のようにひとつのフォルダ、つまり階層のことをディレクトリと呼びます。 この図のような構造を、樹木（=tree）のように枝分かれしていることから「ツリー構造」といいます。また、一番上の「homepage」フォルダのように根元（=root）にあるディレクトリ（階層）のことを「
Html Validator :: Add-ons for Firefox
HTML Validator is a Mozilla extension that adds HTML validation inside Firefox and Mozilla. The number of errors of a HTML page is seen on the form of an icon in the status bar when browsing. ***** See Web Extension notes below **** The extension can validate the HTML sent by the server or the HTML in the memory (after Ajax execution). The details of the errors are seen when looking the HTML sourc
【超初心者のホームページ作成】 / トップページ
【お知らせ】 御訪問者の方で、このサイトのページの表示やデザインが崩れている、見難い、表示ができない等訂正して欲しい箇所がありましたら、あしあと掲示板かメールで御連絡ください。 できるだけ対応いたします。 ■ ＨＰ作成の予備知識 HP作成の予備知識 ホームページを作成する上でよくある質問や、予備知識などをまとめていきます。 HP作成に関するソフト あれば便利なソフト、そろえておきたいソフト、必要なソフトなどを紹介します。 無料関連サイト 無料関連の解説サイト ■ 無料でホームページ作成 無料で作る簡単なホームページ フリーソフトを使い、簡単なホームページを無料で作成する方法を解説します。 無料でWEB素材を作る 初心者の方のためにフリーソフトを使ってWEB素材の作り方を解説します。 本格的なWEB素材の作成はこちら→「WEB素材&デザイン」 WEB素材関連サイト WEB素材関連の解説サイト
無料ホームページテンプレートの素材屋｜テーブルタグ素材・HTMLテンプレート素材集
ＨＰ作成：文字タグ 字色・サイズ <font> 強調太字 <strong> 強調斜体タグ <em> 文字移動 <marquee> ＨＰ作成： 区切りタグ 改行タグ <br> 見出しタグ <h> 段落タグ <p> 一本線タグ <hr> ＨＰ作成：リンクタグ リンク用タグ <a href=""> ページ内リンク <a name=""> メール起動リンク <a href=""> リンク色の変更 link="" vlink="" ＨＰ作成：リストタグ マークリストタグ <ul><li> 数字リストタグ <ol><li> 用語説明タグ <dl><dt><dd> ＨＰ作成：画像タグ 画像表示タグ <img src=""> 画像内リンク <img src=""> ＨＰ作成：テーブル 枠組み・表 <table><tr><td> レイアウト・配置 <table><tr><td> ＨＰ作成：その他 範囲指定タ
URIエンコード（URLエンコード） | Diaspar Journal
おすすめのクレジットカードを徹底比較 クレジットカードのおすすめ コンビニでお得なおすすめクレジットカード 普段利用することの多いコンビニでお得になるクレジットカードがあります。セブンイレブンン・ローソン・ファミリーマートなどよく利用するコンビニでお得になるクレジットカードを支払いで利用すれば多くのポイント還元があります。 1年間などの長い期間で計算すると、コンビニで還元率が高いクレジットカードを利用すると大きな差が出てきます。 三井住友カード（NL） 年会費永年無料還元率0.5％～5.0％国際ブランド 特典最大8,000円相当プレゼント セブンイレブン・ローソン、マクドナルドなどでタッチ決済料で驚異の5.0％ポイント還元 セキュリティを高めカードの両面にカード番号や氏名、セキュリティーコードの無いナンバーレスクレジットカードです。カード番号等は全てアプリ上で管理します。最大の特徴は対象コ
HTML4リファレンス（旧仕様）
<!DOCTYPE> …… ドキュメントタイプを宣言する <HTML> …… HTML文書であることを宣言する <HEAD> …… 文書のヘッダ情報を表す <META> …… その文書に関する情報（メタ情報）を指定する <TITLE> …… 文書にタイトルをつける <BODY> …… 文書の本体を表す <H1>～<H6> …… 見出しを付ける <P> …… ひとつの段落（パラグラフ）であることを表す <FONT> …… フォントの種類・大きさ・色を指定する <BASEFONT> …… テキストの基準サイズ・基準色・基準フォントを指定する <B> …… テキストを太字にする <I> …… テキストを斜体（イタリック）にする <U> …… テキストに下線（アンダーライン）を引く <BIG> …… テキストのサイズをひとまわり大きくする <SMALL> …… テキストのサイズをひとまわり小さくす
とほほの HTMLリファレンス
HTMLリファレンス トップ > HTMLリファレンス [HTML概要] [フレーム版] [逆引き] [用途順] x は廃止されているものを示します。 A <a> <abbr> <acronym> x <address> <applet> x <area> <article> <aside> <audio> B <b> <base> <basefont> x <bdi> <bdo> <bgsound> x <big> x <blink> x <blockquote> <body> <br> <button> C <canvas> <caption> <center> x <cite> <code> <col> <colgroup> <command> x <comment> x D <data> <datalist> <dd> <del> <details> <dfn> <dialog>
これさえやればCSSをマスターできるかもしれないCSSチュートリアル＆サンプル20:phpspot開発日誌
皆さん、新年あけましておめでとうございます。 今年も読んでいただき、ありがとうございます。 では、早速ですが記事のご紹介。 20 Ultimate CSS Tutorials That Will Help You Master CSS | DWSmg.com これさえやればCSSをマスターできるかもしれないCSSチュートリアル＆サンプル20。 全部、そのメカニズムについて覚えたらかなりCSSに詳しくなるのは間違いなさそう。 Advanced CSS Menu カーソルを合わせたときにメニューがCSSオンリーで切り替わる CSS Based Navigation こちらも同様。JavaScriptレスでメニューを切り替えます CSS Fancy Menu CSSとJSを使ってFlashばりのアニメーションメニューを作成 Expandable CSS Tabs Tutorial テキスト長に応
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
MSN Japan - ニュース, 天気, メール (Outlook, Hotmail), Bing検索, Skype
html-色一覧(細) 
http://www.tokyogourmet.com/