約 5,137,874 件
https://w.atwiki.jp/abwiki/pages/84.html
ちょっとABとは関係のないお話 [edit] HTTPについて † Hyper Text Transfer Protocolの略。Webブラウザとサーバがやりとりする際などに使われる通信プロトコル バージョンHTTP/1.0と1.1が存在する。ここでは一応1.1ベース ↑ [edit] 準備 † まずはソケットを使った通信を読んでsendとrecvを使えるようになって頂きたい ↑ [edit] 使い方 † 初めにsendでHTTPのリクエストを送信する。続いてrecvでサーバから返事を受け取る 以上 ↑ [edit] リクエストの基本構造 † <メソッド><HTTPバージョン>CRLF <ヘッダ>CRLF CRLF メソッドはGETとかHEADとかPUTとか。プログラムでいう所の関数名 ヘッダっていうのはメソッドの付加情報。関数の引数みたいな物です メソッドは常に一つ。ヘッダは任意の個数です。無い場合もあります 各行の終端にはCRLF(Ex"\r\n"のこと)を付け、終端には空行を付けます ↑ [edit] レスポンスの構造 † レスポンスはリクエストをsendでHTTPサーバーに送ると必ず返されrecvで受け取ることが出来ます <HTTPバージョン><ステータスコード>CRLF <ヘッダ>CRLF CRLF <メッセージボディ> HTTPバージョンとステータスコードは送ったHTTPメソッドの実行結果で、これだけはレスポンスの先頭に必ず存在します 例 HTTP/1.1 200 OK ステータスコードは3桁の数字で表され、百の位が2なら成功、4ならクライアント側のエラー、5ならサーバ側のエラーになります 3の場合は処理を完了するために再度適切なリクエスト送信する必要がある場合を示します 1は複雑なんでパス ヘッダはメッセージボディの情報を表す部分ですがもしかしたら無い場合もあるかも メッセージボディはGETだったら対象となったリソース、POSTだったらCGIの実行結果とか ここもヘッダ部分と同様に存在しない場合がある(例:HEADメソッド) ヘッダとの間に空行がはさまっているので注意。またメッセージボディの最後にCRLFは存在しない ↑ [edit] HTTPメソッド † ↑ [edit] GETメソッド † HTTPサーバーからリソースを取得します 基本形 GET uri HTTP/1.1 Host hostname hostnameは接続するホストサーバー名です。ここのWikiだとURLのwww.2chab.netの部分です uriの部分は取得したいURLのホスト名より先の部分を指定します 2ちゃんねるのトップページを取得する例 GET / HTTP/1.1 Host www.2ch.net 本来は/index.htmlとか/の先の指定も必要なんですが、省略するとindex*(*は一字以上の文字列)を指定した事になります 略さないで書くと GET /index.html HTTP/1.1 Host www.2ch.net 成功すればレスポンスのメッセージボディ部分にGETの対象になったリソースが入っている ステータスコードは成功すれば200 OK。リソースが見つからなければ404。アクセス拒否なら403。サーバー過負荷なら503 もちろんこれ以外のステータスコードである可能性もある ↑ [edit] Rangeヘッダ † リソースに対するGETの範囲を指定するリクエストヘッダです リソースの128バイトから256バイトまで取得 Range 128-256 リソースの512バイト以降を取得 Range 512- このヘッダを含めてGETを送った場合、成功時のステータスコードは206になります 失敗した時は416(要求範囲が不正)が返されるかも ↑ [edit] If-Modified-Sinceヘッダ † リソースが指定日時より後に更新されているか調べるヘッダです 更新されていない場合はGETしません GMTで2007年5月5日午前0時以降に更新されているか調べる If-Modified-Since Sun, 5 May 2007 00 00 00 GMT このヘッダを含めてGETを送った場合、リソースが更新されていなければレスポンスには304(未更新)が返されます この場合メッセージボディはありません 更新されていれば普通に200番代のステータスコードとメッセージボディを返してきます ↑ [edit] HEADメソッド † HTTPサーバーからリソースの情報を取得します 基本形 HEAD uri HTTP/1.1 Host hostname CRLF hostname、uriはGETと同じです 成功すればリソースのヘッダだけ返ってきます(つまりHEAD=GET-メッセージボディ) ↑ [edit] POSTメソッド † HTTPサーバーに情報を送信します CGIのパラメータなんかを送信するために使う。実行結果がCGI依存なのでかなり厄介 基本形 POST uri HTTP/1.1 Host hostname Content-Type type Content-Length 25222length CRLF メッセージボディ hostname、uriはGETと同じ typeはフォームデータだけ場合はapplication/x-www-form-urlencoded 何らかのリソースを含む場合はmultipart/form-data 殆ど前者だけで事足りると思うが、アップローダーのようなリソースを受け付けるCGIは後者を利用する lengthは後に続くメッセージボディの長さ メッセージボディはapplication/x-www-form-urlencodedの場合 変数名1=値1 変数名2=値2... のように変数名と値を=で結んだ物を を区切りとして羅列する。変数名も値もURLエンコードされていなければならない multipart/form-dataは大変なので省略 成功すれば二百番台のステータスコードを返す リソースが既に生成されている場合201を返す(見たこと無いけど) ↑ [edit] GETでPOSTする † サーバーに情報を送信する時はPOSTを使うべきだが、極少量のデータであればGETでも送れる 基本形 GET uri?メッセージボディ HTTP/1.1 Host hostname CRLF uriの後に?とPOSTのとき送ったメッセージボディをつける。やはりURLエンコード必須 Content-TypeとContent-Lengthはいらない
https://w.atwiki.jp/suppotail/pages/25.html
style type="text/css" !-- * { margin 0px; padding 0px; } body { background-color #e0eaff; } table { border-color #999999; } table table { margin-top 2px; margin-bottom 4px; } table td { border-width 0px; color #ffffff; line-height 0.1; } table table td { padding 2px; color #333333; line-height 1.0; } #user_editted_field { background-color #f0f8ff; line-height 1.4; border-top 1px #99ccff dotted; border-bottom 1px #99ccff dotted; margin-top 4px; margin-bottom 4px; color #333a44; text-align left; position relative; width 425px; } #user_editted_field a { color #006699; } #user_editted_field a visited { color #660099; } #user_editted_field a hover { color #ff9900; } h2 { font-size 1.2em; text-align left; margin 10px 20px; color #666666; } h2 #owner_name { color #003399; } h2 #rt_name { color #990000; } h3 { font-size 1em; font-family "Arial Black"; margin 10px 20px; letter-spacing 1px; color #003399; } #cosmosphere_level { position absolute; right 20px; top 4px; font-size 0.9em; } #cosmosphere_level span { font-weight bold; } #top_navi { background-color #ddedff; border-top 1px #999999 dotted; border-bottom 1px #999999 dotted; padding 3px; margin 5px 10px; text-align center; } #top_navi a { margin auto 7px; font-size 0.8em; } #top_navi span { font-size 0.6em; color #ff6633; } #rt_view_space { float left; width 172px; _height 1px; text-align left; margin-left 10px; _margin-left 5px; font-size 0.8em; padding-top 8px; } #info_space { margin-left 192px; margin-right 10px; _margin-right 5px; width 221px; } #info_space h3 { margin-left 0px; } #info_space table { border 1px #999999 solid; width 100%; background-color #eeeeee; } #info_space table th, #info_space table td { font-size 0.8em; background-color #ffffff; border 1px #ccd8dd dotted; padding 1px 3px; color #333a44; } #info_space table th { text-align left; width 9em; } #info_space table#status_basic th { width 4.5em; background-color #ffeeee; } #info_space table#status_body th { background-color #eeffee; } #info_space table#status_collection th { background-color #eef8ff; } #info_space table#status_time th { background-color #ffffee; } #info_space table#status_other th { width 4.5em; background-color #f3f3f3; } #links { font-size 0.8em; } #links { font-size 0.8em; } #links div { margin-top 5px; } #links span { font-family "Arial Black"; float left; width 4em; color #999999; } #message_table_space { text-align center; } #message_space table { background-color #ddedff; border 1px #999999 dotted; margin 5px auto 10px; text-align left; width 392px; } #message_space table td { padding 0px; background-image none; } #message_space table table { width auto; margin 0px 5px; border-width 0px; } #message_space table img { display none; } #message_space table td font { font-size 0.8em; display block; width 370px; line-height 1.4; } #msg_box { display none; position absolute; text-align center; width 422px; background-color #77a0cc; border 2px #ffffff solid; } #msg_box a { color #ffffff; margin 10px 7px 0px; padding 0px; line-height 1; font-size 24px; } #msg_box table { margin 0px auto 10px; text-align left; } #msg_box table td { padding 0px; } #msg_box table td table { padding 0px; margin 0px; } #menu_space ul li { margin-left 50px; font-size 0.8em; } #reload_space, #bbsinfo_space { text-align center; margin 10px; } -- /style div id="user_editted_field" h2 span id="owner_name" $myname /span と span id="rt_name" $y_name /span の精神世界 /h2 div id="cosmosphere_level" div Lv. span $myLv /span /div div $loveMsg /div /div div id="top_navi" a href="$itemView" 思い出図鑑 /a span ★ /span a href="$cosView" コスチューム /a span ★ /span a href="$hymmnosView" ヒュムノス /a span ★ /span a href="$goCity" 出口 /a /div [[ div id="bbsinfo_space" $bbs1_update $bbs2_update $bbs3_update $bbs4_update /div ]] div id="rt_view_space" $picture div a href="#" onClick="if ( document.all ) msg_box.style.top=(event.clientY+body.scrollTop)+ px ; else msg_box.style.top=event.layerY+ px ; msg_box.style.display= block ; return false;" 様子を見る /a /div /div div id="info_space" h3 ■ Status /h3 table id="status_basic" tr th 友好度 /th td $love2 /td td $love2bar=70 /td /tr tr th 体力 /th td $power /td td $powerbar=70 /td /tr tr th 戦闘力 /th td $magic /td td $magicbar=70 /td /tr tr th 練成力 /th td $sens /td td $sensbar=70 /td /tr /table table id="status_body" tr th 装着服 /th td $costume /td /tr tr th ボディタイプ /th td $bodytype /td /tr /table table id="status_collection" tr th a href="$itemView" アルバム /a は… /th td $item_number枚 /td /tr tr th a href="$cosView" 衣装箱 /a の中は… /th td $cos_number着 /td /tr tr th a href="$hymmnosView" 歌える曲 /a は… /th td $hym_number曲 /td /tr /table table id="status_time" tr th 只今、$y_nameは /th td $myStatus /td /tr tr th システム終了まで /th td $nextWork /td /tr tr th 最終行動終了時間 /th td $lastWork /td /tr /table table id="status_other" tr th 趣味 /th td $hobby+お絵かき♪ /td /tr tr th 好きな色 /th td $color+青系?? /td /tr /table div id="links" div id="link_messenger" span BBS /span a href="$bbsView" ■ヒトコト伝言板 /a /div div id="link_mail" span MAIL /span $mails /div div id="link_potelog" span POTE /span $blogs /div div id="link_website" span BLOG /span a href="http //blog.so-net.ne.jp/huuran_aries/" target="_blank" ■風の錬金術師の部屋 /a /div /div /div div id="message_space" h3 ■ Room Message /h3 div id="message_table_space" $roomMessTable /div /div [[ div id="menu_space" h3 ■ Menu /h3 ul li a href="$itemView" 思い出図鑑 /a /li li a href="$cosView" コスチューム図鑑(着替え) /a /li li a href="$hymmnosView" ヒュムノス図鑑(詩選択) /a /li li a href="$recipeView" 思い出調合レシピ /a /li li a href="$bodyView" レーヴァテイル図鑑 /a /li li a href="$accessLog" あしあと記録 /a /li li a href="$addressView" アドレス帳の管理 /a /li li a href="$goConfig" 精神世界コーディネート /a /li li a href="$serif" FLASH用セリフエディット /a /li li a href="$goCity" 他の精神世界へ遊びに行く /a /li /ul /div div id="reload_space" $reload /div ]] div id="msg_box" div style="text-align right" a href="#" onClick="msg_box.style.display= none ; return false;" × /a /div $messBox /div /div
https://w.atwiki.jp/testlink/pages/35.html
!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "DTD/xhtml1-transitional.dtd" !-- Japanese Translated by Testing Engineer s Forum (TEF) in Japan, Working Group of TestLink Japanese Translation Project -- html xmlns="http //www.w3.org/1999/xhtml" lang="jp" head !--20070421 - franciscom - using basehref smarty var to build right URLs BUGID 93 - 20050910 - fm--- meta http-equiv="Content-Type" content="text/html; charset=UTF-8" / meta http-equiv="Content-language" content="jp" / meta name="author" content="Martin Havlat" / meta name="copyright" content="GNU" / meta name="robots" content="NOFOLLOW" / title TestLink Help Content /title link rel="stylesheet" type="text/css" href="{$basehref}{$smarty.const.TL_THEME_CSS_DIR}tl_docs.css" / /head body {assign var="dummy" value="lib/general/show_help.php?locale=$locale help="}{assign var="help_launcher" value="$basehref$dummy"} h1 Help 目次 /h1 div id="menu" a href="javascript window.close();" class="tlButton" 閉じる /a a href="javascript history.back();" class="tlButton" 戻る /a /div ul li a href="{$help_launcher}glosary" 用語集 /a /li li a href="{$help_launcher}testproject" テストプロジェクト /a /li li a href="{$help_launcher}metrics" 結果とメトリクス /a /li li a href="{$help_launcher}shortcuts" ショートカット /a /li li a href="{$help_launcher}execMain" テスト実行 /a /li li a href="{$help_launcher}execFilter" テスト実行 - フィルター /a /li li a href="{$help_launcher}printFilter" テスト仕様フィルター /a /li li a href="{$help_launcher}testPlan" テスト計画 /a /li li a href="{$help_launcher}userRights" ユーザ権限 /a /li /ul h1 Instruction pages /h1 ul li a href="{$help_launcher}keywordsAssign" キーワード割り当て /a /li li a href="{$help_launcher}executeTest" テスト実行 /a /li li a href="{$help_launcher}planTesters" テスト計画 - テスター追加 /a /li li a href="{$help_launcher}planAddTC" テスト計画 - テストスイートにテストケース追加 /a /li li a href="{$help_launcher}planOwnerAndPriority" テスト計画 - 優先度 /a /li li a href="{$help_launcher}testSetRemove" テスト計画 - テストスイートからテストケース削除 /a /li li a href="{$help_launcher}planOwnerAndPriority" テスト計画 - 所有権 /a /li li a href="{$help_launcher}browseResults" テストレポートとメトリクス /a /li li a href="{$help_launcher}tcEdit" テスト仕様 - 編集 /a /li li a href="{$help_launcher}tcPrint" テスト仕様 - 印刷 /a /li li a href="{$help_launcher}tcSearch" テスト仕様 - 検索 /a /li /ul /body /html
https://w.atwiki.jp/ondating/pages/11.html
Online dating websites provide single men and women the opportunity to meet others in their area for casual dating. For lesbian singles, it can be easy to start a casual relationship online. All you need is to create an account on an online dating website and start browsing profiles of other members. How dating sites help lesbians to find a casual date Dating apps are often considered to be just for finding a partner for a serious relationship, but in reality, they can be used to find a casual date. Some dating apps advertise themselves as being the perfect choice when it comes to meeting someone for a one-night stand or casual relationship. Matchmaking services are not the only type of dating website that girls use when they want to quickly find someone with whom they can have some fun. There are also websites for meeting people who are looking for different things. For example, women who are looking for something short-term or long-term, or something that is more permanent. Dating platforms are a great way to meet people. Some of these services are exclusively for singles looking for their future spouse, while others are exclusively for finding a casual date. The latter kind of apps have largely contributed to the theory that dating is easier. With their intuitive design and straightforward interface, you don’t have to worry about what to say or how to behave on yourfirst date. The only thing you need is to start a ‘magic’ matchmaking process. Why do many people stick to casual relationships? Casual dating online for singles is almost a new norm in modern society. It s an alternative to traditional dating that is not only less time-consuming but also more convenient. There are several advantages to this new way of meeting people, but there are also cons to it. Casual dating is becoming more common than ever, mainly because of the rise of online dating services. People who are single and looking for love use these platforms to meet someone new. These online dating sites are now generally regarded as ‘more fun’ than traditional dating methods, but there are some cons to using online dating as well. Online dating is an excellent way to make connections between people who would otherwise never come into contact with each other. It provides an opportunity for people all over the world to find their perfect match without having to make a lengthy commute. The most popular forms of online dating include matchmaking websites, as well as local singles groups that use social media platforms like Facebook or even Craigslist. Advantages and disadvantages Dating can be very exciting during the first stages. However, it can also be very frustrating and disappointing. Let’s have a look at some pros and cons of casual dating online for single lesbians. The Pros - More freedom to express yourself freely without any fear of rejection or disapproval. You are able to get to know people even if you are shy or not confident enough in your own skills. - More chances of meeting someone who has the same interests as you do. - You are less likely to feel pressured into something or get trapped in a relationship that doesn t work for you because casual dating is more about having fun and meeting new people than finding a serious partner for life. The Cons - There is always the risk of getting hurt emotionally when someone rejects you or if you discover that they don t share your interests after having invested time into the new connection. - It does not provide the stability that some people might be looking for when they are in search of love or when they want to settle down with someone.
https://w.atwiki.jp/water28/pages/83.html
cssメリット WEB標準に準拠 - 「SEO」「アクセシビリティ」「ユーザビリティ」 構成情報HTMLとデザインCSSの分離 メンテナンスが容易 レンダリングエンジン Trident (Internet Explorer等 Gecko Mozilla Firefox等 KHTML Konqueror WebKit Safari、Google Chrome等 Presto Opera 日本のブラウザシェア http //lhsp.s206.xrea.com/misc/browser-share.html レンダリングモードはXHTMLソースコードの最初に記述するDoctypeスイッチングを選択して決定する。DTDは、XHTMLのメタデータが記述されている。 http //www.htmq.com/htmlkihon/302.shtml サーチエンジンシェア(あるサイトのアクセス解析より) http //find.accessup.org/kensaku/access_history.html#graph リンク Zen Garden - ワンソース・マルチデザインサイト http //www.csszengarden.com/tr/japanese/ ユーザビリティ http //www.usability.gr.jp/ http //www.hcdnet.org/ HTML 要素の種類 ブロックレベル要素 widthとheightの値を持つ。指定がない場合、親要素を継承 p div table dl ul ol form address blockquote h1-h6 fieldset hr pre インライン要素 widthとheightの値を持たない。ブロックレベル要素内の文中をマークアップする。ブロックレベル要素を子要素として持つことが出来ない a abbr acronym b bdo big cite code dfn em i kbd label q smap small spam strong sub sup tt var インラインブロック要素 widthとheightの値を持つ。文法的な使われ方はインライン要素 button img input object select span要素 インライン要素。文中、CSSでデザインする span 場所 /span を囲む。 コメント !-- -- 文字実体参照・数値文字参照 http //w3g.jp/others/data/letters sectionとarticleの違い article 単体で完結出来る お知らせや新着情報 section リンク先を見てみないことには分かいような物 コンテンツ類 CSS コメント /* */ 記述場所 インライン p style="color #ff00000;" /p 内部参照 style type="tetxt/css" p{ color ff0000;} /style 外部参照 link rel="stylesheet" type="text/css" href="xxx.css" / @importディレクティブ @import url(xxx.css) all; ←css内に記述。cssを階層構造にしてまとめる物? セレクタ http //weboook.blog22.fc2.com/blog-entry-287.html http //www.htmq.com/csskihon/005.shtml スタイルシートの継承一覧 http //css.eweb-design.com/0108_bsc.html body要素に書いておくと良さそうなもの http //www.designwalker.com/2007/02/css-body.html 詳細度(適応優先順位) * 0 p 1 a link 2 ul li 2 .con 10 #header 100 style="" 1000 #wrapper ul li.home 112 div#header 101 カスケーディング スタイルシートの種類 オーサー(Author) コンテンツ作成者が作成したCSS ユーザー(user) コンテンツ利用者が意図して使用するCSS ユーザーエージェント(User Agent) ブラウザ自体が持っているCSS 優先順位 1 ユーザスタイルシート(!important宣言付き) CSSファイル内に!important宣言があるもの 2 オーサースタイルシート(!important宣言付き) CSSファイル内に!important宣言があるもの 3 オーサースタイルシート サイト制作者がlinkタグやstyleタグなどで指定したもの 4 ユーザスタイルシート ユーザー独自に作成したもの 5 デフォルトスタイルシート ブラウザが標準で持っているもの ボックスモデル ボックスモデル http //www.geocities.jp/multi_column/float/02.html http //www.dspt.net/stylesheet_css/001/010.html マージンの相殺 垂直方向のマージン相殺 正正/値が大きい方 正負/マージンを足した値 負負/絶対値が大きい方 ボックス内にボックスがある場合のマージンの相殺 paddingとboderの値がない場合。絶対値が大きい方が採用 空要素に対するマージン相殺 paddingとboderの値がない場合。マージンを指定しても折りたたまれる http //blog.webcreativepark.net/2008/07/09-001153.html http //kohituji.konjiki.jp/tec/margin.html フォントサイズについて bodyに対してfont-size 62.5%を予め指定しておくと、フォントサイズをemで指定する際、12ピクセル相当なら1.2em、16ピクセルにしたいなら1.6emという風にemを使ったフォントサイズ指定が分かりやすくなる CSS3で単位remは、ルートemの略。html要素にfont-size 62.5%;を指定すると継承する? http //redline.hippy.jp/lab/css/bodyfontsize625.php http //parashuto.com/rriver/development/css3-re ボックスの配置方法(基準位置)を指定 http //www.htmq.com/style/position.shtml
https://w.atwiki.jp/api_programming/pages/48.html
下位ページ フォント・テキスト フォーム(Form) レイアウト レスポンシブデザイン 画像 色 Content リンク form CSS適用の優先順位 CSSのコメントアウト モバイルサイト用の表示CSS jQuery Mobile 画像のフィルタ 表表をつくる 行をつくる 列をつくる左寄せ、センタリング、右寄せ 要素の表示、非表示 ポップアップ風のメニューを仕込む(主にcssで) エラー時のステータスコード 流行りのUIをコード付きで紹介 ウェブサイトのUIに悩んだときにインスピレーションが受けられるサイト「inspiration ui」 ロゴのジェネレータ Instagram風の写真加工ができるCSSライブラリ「CSSGram」 簡易なチャートグラフを手軽に描けるサイト「BEAM」 200万点以上のアイコンをベクター形式でダウンロードできるサイト「iconshock」 HTMLクイックリファレンス ★スタイルシートリファレンス(目的別) - HTMLクイックリファレンス リンク 新しいウィンドウ(タブ)で開く a href="~" target="_blank" /a form FORM - HTMLクイックリファレンス CSS 適用の優先順位 全体に適用されるものと局所に適用される者では、局所に適用されるものが優先される。#xyz p p#xyz #xyz 上書きされるので、最後に読み込まれたものが適用される。 強制的に優先順位を上げるには !important を付ける p {color red !important;} /*この値が最優先されて有効となる*/ スタイルの優先順位 - HTML クイックリファレンス CSSのコメントアウト /* コメントアウト */ // は使えない(認識する場合もあるらしい) http //monopocket.jp/blog/css/1278/ モバイルサイト用の表示CSS jQuery Mobile Javascript/jQuery Mobile 画像のフィルタ http //migo-media.com/css-filter/ 表 a aa aaa b bb bbb TABLE - ★HTMLタグリファレンス 行をつくる→行の中に列をつくる table tr th ... /th td ... /td /tr tr th ... /th td ... /td /tr /table 表をつくる table ... /table 行をつくる tr ... /tr 列をつくる tr td ... /td /tr 左寄せ、センタリング、右寄せ td align="right" } 要素の表示、非表示 タグはあるけれど、表示はされない、という状態をつくる visiblity display 非表示・使用不可 visiblity - HTMLクイックリファレンス(スタイルシートリファレンス) display - HTMLクイックリファレンス(スタイルシートリファレンス) ポップアップ風のメニューを仕込む(主にcssで) メニューボタン(メニューアイコン)にポップアップルメニューとなるdiv要素を仕込んでおく。そのdiv要素は普段は display none を設定しておく。(もしくはjavascript等でクリックしたときに生成するようにしておく) クリックしたら display block(とか) で表示させる。この時、 レイアウトを崩さないように、position absolute(メニューボタン位置に連動させるなら、親にposition relaltiveも)を仕込む z-index を設定して、他の要素より前に出す。 親要素に overflow hidden が設定してると、親の枠外に飛び出せなくなる。 ので注意する。 エラー時のステータスコード HTTPステータスコード - Wikipedia 流行りのUIをコード付きで紹介 CodeMyUI.com - http //codemyui.com/ ウェブサイトのUIに悩んだときにインスピレーションが受けられるサイト「inspiration ui」 http //inspirationui.com/ ロゴのジェネレータ http //girlsnet.ninpou.jp/logo.html Instagram風の写真加工ができるCSSライブラリ「CSSGram」 http //una.im/CSSgram/ 簡易なチャートグラフを手軽に描けるサイト「BEAM」 BEAM 200万点以上のアイコンをベクター形式でダウンロードできるサイト「iconshock」 iconshock
https://w.atwiki.jp/neteng/pages/21.html
html title dinamic filter /title body body bgcolor="rosybrown" /etc/sysconfig/iptables-config br IPTABLES_MODULES="ip_conntrack_ftp" br pre NEWがないと一切の通信がダメ。ポートが開かない。NEWだけは特別なのだ アプリI/OSADAPROTSPDPCONN.STAT FTPOUT自分FTP鯖TCPー21NEW(一番最初のステータスですよ)、ESTABLISHED コマンドチャンネル? FTPINFTP鯖自分TCP21ーESTABLISHED(全部ACKがついてますから?) コマンドチャンネル? ポート番号21ってFTPの制御用のポートだよね 何番のポートと何番のポートで通信しますよでRELATED(関係のある)通信になる ↓データチャンネル FTPOUT自分FTP鯖TCPーーRELATED、ESTABLISHED FTPINFTP鯖自分TCPーーESTABLISHED font size=5 color=darkblue b iptables追加ftpパッシブモードクライアントルール /b /font #dinamicfilter ftp comand-ch -A OUTPUT -p tcp --dport 21 -m state --state NEW,ESTABLISHED -j ACCEPT -A INPUT -p tcp --sport 21 -m state --state ESTABLISHED -j ACCEPT #dinamicfilter ftp date-ch -A OUTPUT -p tcp -m state --state RELATED,ESTABLISHED -m helper --helper ftp -j ACCEPT -A INPUT -p tcp -m state --state ESTABLISHED -m helper --helper ftp -j ACCEPT -m state 接続状態の指定 接続状態にはNEW、INVALID、ESTABLISHED、RELATEDが指定できる -m helper unknown -A 指定したチェインにルールを追加する -F -Aとは逆でチェインの内容を削除する font size=5 color=darkblue b 検証 /b /font [root@neteng18 ~]# [root@neteng18 ~]# ftp 192.168.128.1 Connected to 192.168.128.1. 220 (vsFTPd 2.0.5) 530 Please login with USER and PASS. 530 Please login with USER and PASS. KERBEROS_V4 rejected as an authentication type Name (192.168.128.1 root) neteng18 331 Please specify the password. Password 230 Login successful. Remote system type is UNIX. Using binary mode to transfer files. ftp ascii 200 Switching to ASCII mode. ftp get welcome local welcome remote welcome 227 Entering Passive Mode (192,168,128,1,115,140) 150 Opening BINARY mode data connection for welcome (24 bytes). WARNING! 2 bare linefeeds received in ASCII mode File may not have transferred correctly. 226 File send OK. 24 bytes received in 0.00013 seconds (1.9e+02 Kbytes/s) ftp quit 221 Goodbye. [root@neteng18 ~]# cat /proc/net/ip_conntrack tcp 6 112 TIME_WAIT src=192.168.128.212 dst=192.168.128.1 sport=45107 dport=29580 packets=4 bytes=216 src=192.168.128.1 dst=192.168.128.212 sport=29580 dport=45107 packets=4 bytes=240 [ASSURED] mark=0 secmark=0 use=1 tcp 6 117 TIME_WAIT src=192.168.128.212 dst=192.168.128.1 sport=54614 dport=21 packets=21 bytes=1201 src=192.168.128.1 dst=192.168.128.212 sport=21 dport=54614 packets=15 bytes=1139 [ASSURED] mark=0 secmark=0 use=2 [root@neteng18 ~]# cat welcome Welcome to ftp server! b font size=4 color=darkblue ノーマルモード /font /b FTP上でpassiveと打つとON/OFFを切り替えることができる パッシブモードの設定だとコマンドをやっても通信ができないのですよう ー私案ー 合意はもうできている上で 要はノーマルということはFTP鯖からの20番ポートからのTCPデータを受信できればよいだから アプリI/OSADAProtSPDPState FTPINFTP鯖自分TCP20ーRELATED,ESTABLISHED FTPOUT自分FTP鯖TCPー20ESTABLISHED FTPクライアントの設定ノーマルデータCHを送受信するにはこれだけで良い #dinamicfilter ftp date-ch -A INPUT -p tcp --sport 20 -m state --state RELATED,ESTABLISHED -m helper --helper ftp -j ACCEPT -A OUTPUT -p tcp --dport 20 -m state --state ESTABLISHED -m helper --helper ftp -j ACCEPT font size=5 color=darkblue b 検証 /b /font [root@neteng18 ~]# ftp 192.168.128.1 Connected to 192.168.128.1. 220 (vsFTPd 2.0.5) 530 Please login with USER and PASS. 530 Please login with USER and PASS. KERBEROS_V4 rejected as an authentication type Name (192.168.128.1 root) neteng18 331 Please specify the password. Password 530 Login incorrect. Login failed. ftp quit 221 Goodbye. [root@neteng18 ~]# ftp 192.168.128.1 Connected to 192.168.128.1. 220 (vsFTPd 2.0.5) 530 Please login with USER and PASS. 530 Please login with USER and PASS. KERBEROS_V4 rejected as an authentication type Name (192.168.128.1 root) neteng18 331 Please specify the password. Password 230 Login successful. Remote system type is UNIX. Using binary mode to transfer files. ftp passive Passive mode off. ftp ls 200 PORT command successful. Consider using PASV. 150 Here comes the directory listing. -rw-r--r-- 1 518 500 24 Feb 25 02 34 welcome 226 Directory send OK. ftp get welcome local welcome remote welcome 200 PORT command successful. Consider using PASV. 150 Opening BINARY mode data connection for welcome (24 bytes). 226 File send OK. 24 bytes received in 8.6e-05 seconds (2.7e+02 Kbytes/s) ftp quit 221 Goodbye. [root@neteng18 ~]# cat /proc/net/ip_conntrack tcp 6 96 TIME_WAIT src=192.168.128.1 dst=192.168.128.212 sport=20 dport=35862 packets=5 bytes=333 src=192.168.128.212 dst=192.168.128.1 sport=35862 dport=20 packets=3 bytes=164 [ASSURED] mark=0 secmark=0 use=1 tcp 6 79 TIME_WAIT src=192.168.128.212 dst=192.168.128.1 sport=35714 dport=21 packets=16 bytes=911 src=192.168.128.1 dst=192.168.128.212 sport=21 dport=35714 packets=13 bytes=888 [ASSURED] mark=0 secmark=0 use=1 tcp 6 112 TIME_WAIT src=192.168.128.212 dst=192.168.128.1 sport=35715 dport=21 packets=23 bytes=1364 src=192.168.128.1 dst=192.168.128.212 sport=21 dport=35715 packets=18 bytes=1410 [ASSURED] mark=0 secmark=0 use=3 tcp 6 107 TIME_WAIT src=192.168.128.1 dst=192.168.128.212 sport=20 dport=60047 packets=5 bytes=292 src=192.168.128.212 dst=192.168.128.1 sport=60047 dport=20 packets=3 bytes=164 [ASSURED] mark=0 secmark=0 use=1 [root@neteng18 ~]# a href="index.html" 戻る /a /body /html
https://w.atwiki.jp/wiki3_high/pages/26.html
なんだかんだで表裏が激しそうなあんな人・こんな人は? 選択肢 投票 穏やかだけど・・・ オスカー (9) 実は体なんか弱くなかった キルロイ (2) 裏ではアイクに命令口調 セネリオ (0) ただただ暗くなる ワユ (1) サンダーを笑いながら連発 イレース (5) グレイル傭兵団以外には・・・ ミスト (0) 方言こそがウソだった ネフェニー (1) 誰も探してなんかいなかった サザ (3) 趣味が狩り ステラ (0) 真の姿は倹約家 マカロフ (0) 表というか裏というか・・・ ダラハウ (0) ひたすら怖がる タニス (1) プレイボーイに変身 タウロニオ (2) 筋肉はダンボールだった ラルゴ (1) 「ぶっとばしてさしあげましょう」と言ってるので・・・ エリンシア (1) 涙を流してそうな ジフカ (1) イレースは、ツイハークとの支援会話を見ると裏が垣間見えますよ・・・。それでも好きなんですけど(^^;) -- ルーグ (2005-12-16 16 54 13) nullraided,sender Episcopalianize,easiness.spirit.eightieth stubborn decently infeasible hinders [http //www.pharmato.com/pagehealthcare-insurance-information.html health insurance for self employed ] http //www.pharmato.com/pagehealthcare-insurance-information.html nudity?renamed?talkativeness!spikes owl [http //www.pharmato.com/pageunited-health-care-select-plan.html kids health insurance ] http //www.pharmato.com/pageunited-health-care-select-plan.html skulked?definer pilgrimage?prizewinning scares.[http //www.pharmato.com/pagevcu-student-health-insurance.html anthem health insurance ] http //www.pharmato.com/pagevcu-student-health-insurance.html follows petals pacific [http //www.pharmato.com/pagewisconsin-health-insurance-risk-sharing-plan.html health and care affordable healthinsurance] http //www.pharmato.com/pagewisconsin-health-insurance-risk-sharing-plan.html adequate rasps damper packs forecasted [http //www.pharmato.com/pagehealth-insurance-companies-for-kentucky.html tip ] http //www.pharmato.com/pagehealth-insurance-companies-for-kentucky.html divorced chuckle [http //www.pharmato.com/pagearizona-health-insurance-plans-hmo.html insurance health ] http //www.pharmato.com/pagearizona-health-insurance-plans-hmo.html collarbone appreciably.Boltzmann,lettuce?[http //www.pharmato.com/pagecoverage-florida-health-individual-insurance-comparison.html healthcare california ] http //www.pharmato.com/pagecoverage-florida-health-individual-insurance-comparison.html affronting!Hondo bikes sidewalk,civilians [http //www.pharmato.com/pagect-medical-health-insurance-rights.html minnesota health insurance ] http //www.pharmato.com/pagect-medical-health-insurance-rights.html conversationally itself [http //www.pharmato.com/pagebasic-employer-health-insurance.html healthcare ] http //www.pharmato.com/pagebasic-employer-health-insurance.html Sieglinda,glees [http //www.pharmato.com/pagemedicare-insurance1.html health insurance arizona health insurance best rates in texas] http //www.pharmato.com/pagemedicare-insurance1.html extrapolation unwitting [http //www.pharmato.com/pagefirst-health-insurance-medical.html affinity health plan ] http //www.pharmato.com/pagefirst-health-insurance-medical.html impoverish Moghul [http //www.pharmato.com/pageflorida-health-insurance-for-unemployes-self-employed-provider.html health insurance for children ] http //www.pharmato.com/pageflorida-health-insurance-for-unemployes-self-employed-provider.html moneys?prover [http //www.pharmato.com/pageapply-free-health-insurance-in-north-carolina.html health and care ] http //www.pharmato.com/pageapply-free-health-insurance-in-north-carolina.html house?enquirer carnal [http //www.pharmato.com/pagefreelancers-self-employed-health-insurance.html health care reform ] http //www.pharmato.com/pagefreelancers-self-employed-health-insurance.html bijective attachers executors almighty entrust [http //www.pharmato.com/pagemedicare-policy-online1.html visit ] http //www.pharmato.com/pagemedicare-policy-online1.html Dusenberg enduringly [http //www.pharmato.com/pagehealth-insurance-plans-available-for-diabetics-in-va.html mega health insurance ] http //www.pharmato.com/pagehealth-insurance-plans-available-for-diabetics-in-va.html inadequateness cherries opportunely edges [http //www.pharmato.com/pageonline-health-coverage4.html login ] http //www.pharmato.com/pageonline-health-coverage4.html commemoration.marketability![http //www.pharmato.com/pagehealthcare-coverage1.html blue cross blue shield of illinois ] http //www.pharmato.com/pagehealthcare-coverage1.html erasing decoupled gentry,[http //www.pharmato.com/pagecheap-health-insurance-with-monthly-billing-by-check.html individual health insurance plans irving texas nurse health insurance specialist in dallas ] http //www.pharmato.com/pagecheap-health-insurance-with-monthly-billing-by-check.html removals introduce merriment messenger [http //www.pharmato.com/pagehitlers-health-care-plan.html home health care services self employed health insurance by the state of az] http //www.pharmato.com/pagehitlers-health-care-plan.html underestimate assailant [http //www.pharmato.com/pageillinois-childrens-health-insurance-program-price.html healthinsurance ] http //www.pharmato.com/pageillinois-childrens-health-insurance-program-price.html drawled bibliography artifacts sulphur luckily [http //www.pharmato.com/pageindividual-health-insurance-brokers-montgomery-county-pa.html directory ] http //www.pharmato.com/pageindividual-health-insurance-brokers-montgomery-county-pa.html codified,spray [http //www.pharmato.com/pageal-franken-plan-for-socialized-health-care.html aarp health care ] http //www.pharmato.com/pageal-franken-plan-for-socialized-health-care.html Miranda.opera herons steaks beer [http //www.pharmato.com/pagewhat-is-available-health-insurance-plans-in-vermont.html blue cross blue shield of illinois ] http //www.pharmato.com/pagewhat-is-available-health-insurance-plans-in-vermont.html obsolescent difficulties marriage,sliders shortfall [http //www.pharmato.com/pagemedical-help-for-people-with-no-health-insurance-prices.html hmo health insurance ] http //www.pharmato.com/pagemedical-help-for-people-with-no-health-insurance-prices.html friendships.flatbed [http //www.pharmato.com/pagemy-united-health-insurance-rate.html mariner health care ] http //www.pharmato.com/pagemy-united-health-insurance-rate.html unattractive paralleled barbecues workbench [http //www.pharmato.com/pagecare-net-health-care-free-insurance-in-boston-ma.html assurant health insurance ] http //www.pharmato.com/pagecare-net-health-care-free-insurance-in-boston-ma.html stoutest.Miami woolly [http //www.pharmato.com/pagecheap-health-income-insurance-low.html family healthcare free health insurance for single mom minnesota] http //www.pharmato.com/pagecheap-health-income-insurance-low.html traditionally McNulty [http //www.pharmato.com/pagesupplemental-canadiam-health-insurance.html win now ] http //www.pharmato.com/pagesupplemental-canadiam-health-insurance.html pools Angelica braces hitting deleterious [http //www.pharmato.com/pagebuy-the-benefit-group-health-insurance-website.html business finance healthcare management ] http //www.pharmato.com/pagebuy-the-benefit-group-health-insurance-website.html scanning invalidities Versailles [http //www.pharmato.com/pageups-united-parcel-service-health-insurance-for-spouse-agency.html win now ] http //www.pharmato.com/pageups-united-parcel-service-health-insurance-for-spouse-agency.html looped nightly Thomas entrenches [http //www.pharmato.com/page10-best-health-insurance-in-california.html discount health insurance ] http //www.pharmato.com/page10-best-health-insurance-in-california.html Parrish binocular [http //www.pharmato.com/pagecompare-complete-medical-health-care-insurance-of-dallas-texas.html cheap ppo health insurance basic health plan anthem blue cross blue shield ] http //www.pharmato.com/pagecompare-complete-medical-health-care-insurance-of-dallas-texas.html outbursts bartenders undoubtedly [http //www.pharmato.com/pagedefined-contribution-health-care-plan.html healthcare facilities ] http //www.pharmato.com/pagedefined-contribution-health-care-plan.html means regard?Sana repaid [http //www.pharmato.com/pagehealth-alliance-insurance-plans-illinois-claim.html health insurance quote ] http //www.pharmato.com/pagehealth-alliance-insurance-plans-illinois-claim.html species agreement [http //www.pharmato.com/pagehealth-and-accident-insurance-quotes-company.html entry level healthcare ] http //www.pharmato.com/pagehealth-and-accident-insurance-quotes-company.html officemate interdisciplinary tractor [http //www.pharmato.com/pagemedicare-insure11.html blue cross blue shield of georgia ] http //www.pharmato.com/pagemedicare-insure11.html guardians,blackmailer irritates allocating [http //www.pharmato.com/pagepurchase-free-arizona-medical-health-insurance.html health care providers ] http //www.pharmato.com/pagepurchase-free-arizona-medical-health-insurance.html ion big!clarity phony blackjacks![http //www.pharmato.com/pagehealthcare-insurance-online8.html family health insurance plan ] http //www.pharmato.com/pagehealthcare-insurance-online8.html leak!amazement length tabulating [http //www.pharmato.com/pagehealth-insurance-companies-best-rated.html healthcare fraud ] http //www.pharmato.com/pagehealth-insurance-companies-best-rated.html Madagascar submariner classic [http //www.pharmato.com/pagehealth-insurance-companies-in-visalia.html nevada healthcare info ] http //www.pharmato.com/pagehealth-insurance-companies-in-visalia.html delving?interferometric?[http //www.pharmato.com/pagehealth-insurance-foreign-student-blue-cross-prices.html aps healthcare ] http //www.pharmato.com/pagehealth-insurance-foreign-student-blue-cross-prices.html regards?Acton salvaged?molecular [http //www.pharmato.com/pagemedical-insure12.html healthcare systems ] http //www.pharmato.com/pagemedical-insure12.html satisfied clock integrity!Eduardo [http //www.pharmato.com/pagehealth-insurance-plans-for-young-adults.html dog health care ] http //www.pharmato.com/pagehealth-insurance-plans-for-young-adults.html deluged windmills blubber [http //www.pharmato.com/pagemedicare-insure14.html colorado health insurance health insurance for family pennsylvania] http //www.pharmato.com/pagemedicare-insure14.html woofs grace.Shakespearizes fiber projected [http //www.pharmato.com/pagehealth-insurance-with-prescription-plans-in-colorado.html personal health insurance ] http //www.pharmato.com/pagehealth-insurance-with-prescription-plans-in-colorado.html architecture wristwatches tapered aft [http //www.pharmato.com/pageapply-health-works-insurance-company.html medical coverage ] http //www.pharmato.com/pageapply-health-works-insurance-company.html hereunder!justified spacecraft befogging [http //www.pharmato.com/pagehumana-health-insurance-address-rate.html pet medical insurance ] http //www.pharmato.com/pagehumana-health-insurance-address-rate.html Tina faintly series.multiprogramming defender [http //www.pharmato.com/pagehealth-insurance-individual-florida-assurant-provider.html click ] http //www.pharmato.com/pagehealth-insurance-individual-florida-assurant-provider.html Conestoga?oracle spill!bedtime [http //www.pharmato.com/pageaffordable-family-health-insurance-quotes-instantly.html visit ] http //www.pharmato.com/pageaffordable-family-health-insurance-quotes-instantly.html ...-- 名無しさん (2007-08-18 13 29 58) null comparisons Chinamen?appreciably requires payment?finalizing bonny maintaining [http //www.yourcasinodeparis.com/50-stars-casino-bonus-code.html 50 stars casino bonus code guides casinos ] http //www.yourcasinodeparis.com/50-stars-casino-bonus-code.html relative,excavating!vaulter account [http //www.yourcasinodeparis.com/888-com.html euro grand ] http //www.yourcasinodeparis.com/888-com.html internship consecutive [http //www.yourcasinodeparis.com/acropolis-casinos-online.html acropolis casinos online keno ] http //www.yourcasinodeparis.com/acropolis-casinos-online.html nibble reread merciful senselessly fright [http //www.yourcasinodeparis.com/alibaba-casino.html jeu de casino internet ] http //www.yourcasinodeparis.com/alibaba-casino.html humorously peep [http //www.yourcasinodeparis.com/american-grand-casino.html american grand casino casinos internet ] http //www.yourcasinodeparis.com/american-grand-casino.html modularizing?users [http //www.yourcasinodeparis.com/ark-casino.html joyland casino ] http //www.yourcasinodeparis.com/ark-casino.html field quarries airfoil?[http //www.yourcasinodeparis.com/aztec-riches-casino.html casino online aztec riches casino] http //www.yourcasinodeparis.com/aztec-riches-casino.html spherical explicitness navigating notifier?[http //www.yourcasinodeparis.com/badlands-casino-sportsbook.html badlands casino sportsbook directoire des jeux de hasard ] http //www.yourcasinodeparis.com/badlands-casino-sportsbook.html sighted.precipitation slices!decimating Andersen [http //www.yourcasinodeparis.com/betmax-casino.html jeux de casinos ] http //www.yourcasinodeparis.com/betmax-casino.html nobler determine [http //www.yourcasinodeparis.com/blue-angels-casino-online.html blue angels casino online casino gaming ] http //www.yourcasinodeparis.com/blue-angels-casino-online.html reanalyzing Prussia [http //www.yourcasinodeparis.com/captain-cooks-flash-casino-online.html free gambling captain cooks flash casino online] http //www.yourcasinodeparis.com/captain-cooks-flash-casino-online.html odious crosser?ionospheric [http //www.yourcasinodeparis.com/casino-8-online.html jeu de casino internet ] http //www.yourcasinodeparis.com/casino-8-online.html bullet thirteen chasers [http //www.yourcasinodeparis.com/casino-city-online-online.html classements des salles de paris ] http //www.yourcasinodeparis.com/casino-city-online-online.html spidery listener [http //www.yourcasinodeparis.com/casino-classic.html casino classic casino en ligne sur internet ] http //www.yourcasinodeparis.com/casino-classic.html griefs regime cushioned![http //www.yourcasinodeparis.com/casino-dogg-online.html tous les bonus gratuit sans dpt casino dogg online] http //www.yourcasinodeparis.com/casino-dogg-online.html frequency melting hovered [http //www.yourcasinodeparis.com/casino-lobby.html crystal palace casino casino lobby] http //www.yourcasinodeparis.com/casino-lobby.html Greenblatt adducing George [http //www.yourcasinodeparis.com/casino-peru-online.html jouer casino ligne et roulette ] http //www.yourcasinodeparis.com/casino-peru-online.html beanbag Vassar counterpart [http //www.yourcasinodeparis.com/casino-webcam-online.html virtual casino casino webcam online] http //www.yourcasinodeparis.com/casino-webcam-online.html measure veered indescribable [http //www.yourcasinodeparis.com/club-dionysus-casino.html club dionysus casino vc casino ] http //www.yourcasinodeparis.com/club-dionysus-casino.html Buxton parley freezer [http //www.yourcasinodeparis.com/club-usa-casino.html hype gaming club usa casino] http //www.yourcasinodeparis.com/club-usa-casino.html convertible underestimating disowning pavement stares [http //www.yourcasinodeparis.com/craps-com-bonus-code.html grand hotel casino craps com bonus code] http //www.yourcasinodeparis.com/craps-com-bonus-code.html gumming maim preamble [http //www.yourcasinodeparis.com/euro-grand-online.html euro grand online sur les paris en ligne ] http //www.yourcasinodeparis.com/euro-grand-online.html algaecide swine apiary theorized [http //www.yourcasinodeparis.com/flamingo-club-online-casino-online.html offerts par les casino en ligne ] http //www.yourcasinodeparis.com/flamingo-club-online-casino-online.html sixteenth verse [http //www.yourcasinodeparis.com/free-keno-online.html bonus pour jeux en ligne free keno online] http //www.yourcasinodeparis.com/free-keno-online.html serves thereafter [http //www.yourcasinodeparis.com/getmintedcasino.html pari de jeu de hasard getmintedcasino] http //www.yourcasinodeparis.com/getmintedcasino.html disclosures anaconda [http //www.yourcasinodeparis.com/gigaslot-com-online.html classements des sites de pairs en ligne gigaslot com online] http //www.yourcasinodeparis.com/gigaslot-com-online.html parasitics Shelby fivefold debugging,[http //www.yourcasinodeparis.com/go-4-millions-casino.html jouez au casinos go 4 millions casino] http //www.yourcasinodeparis.com/go-4-millions-casino.html inn.subterfuge [http //www.yourcasinodeparis.com/golden-star-casino.html golden star casino 21 magic casino ] http //www.yourcasinodeparis.com/golden-star-casino.html colonized exiling [http //www.yourcasinodeparis.com/goodbet-casino-online.html win now ] http //www.yourcasinodeparis.com/goodbet-casino-online.html bonny?imprinted distributing [http //www.yourcasinodeparis.com/jack-kings-casino.html loto jack kings casino] http //www.yourcasinodeparis.com/jack-kings-casino.html debuggers transmitters Kenya esquire enumerate [http //www.yourcasinodeparis.com/jackpot-cash.html directoire des jeux de hasard jackpot cash] http //www.yourcasinodeparis.com/jackpot-cash.html Dusseldorf.lisped villagers eject?[http //www.yourcasinodeparis.com/las-vegas-nugget-online.html las vegas nugget online free casino game ] http //www.yourcasinodeparis.com/las-vegas-nugget-online.html innovation?fatten.equators.clearness impenetrability [http //www.yourcasinodeparis.com/las-vegas-usa-casino-online.html online gambling site ] http //www.yourcasinodeparis.com/las-vegas-usa-casino-online.html morphine,hardscrabble instanter renews catlike [http //www.yourcasinodeparis.com/lasseters-online-casino-bonus-code.html jeu casino ligne lasseters online casino bonus code] http //www.yourcasinodeparis.com/lasseters-online-casino-bonus-code.html leathers fellowships [http //www.yourcasinodeparis.com/les-meilleurs-jeux-de-casino-en-ligne.html host casino netstar les meilleurs jeux de casino en ligne] http //www.yourcasinodeparis.com/les-meilleurs-jeux-de-casino-en-ligne.html bargained Manitowoc barium,inflater![http //www.yourcasinodeparis.com/magnum-casino-online.html guide du casino en ligne magnum casino online] http //www.yourcasinodeparis.com/magnum-casino-online.html electrode matron.Delphinus imprisons,[http //www.yourcasinodeparis.com/master-club-casino.html directory ] http //www.yourcasinodeparis.com/master-club-casino.html bulldozing Lenin turgid Samuelson blanketer [http //www.yourcasinodeparis.com/mighty-slots-online.html jouez au casinos mighty slots online] http //www.yourcasinodeparis.com/mighty-slots-online.html airmen accomplice untying!worms.extrapolated [http //www.yourcasinodeparis.com/millionaire-casino.html millionaire casino jeu de cartes de casino ] http //www.yourcasinodeparis.com/millionaire-casino.html approaching retriever [http //www.yourcasinodeparis.com/paddypowercasino.html best online casino gambling paddypowercasino] http //www.yourcasinodeparis.com/paddypowercasino.html churns,benevolent [http //www.yourcasinodeparis.com/platinum-play-bonus-code.html slotland ] http //www.yourcasinodeparis.com/platinum-play-bonus-code.html parameterization Burlington corning hanging [http //www.yourcasinodeparis.com/rcpbet.html everest casino rcpbet] http //www.yourcasinodeparis.com/rcpbet.html arts parameterized horns [http //www.yourcasinodeparis.com/realtimevegas.html login ] http //www.yourcasinodeparis.com/realtimevegas.html cruiser unlocking amplifier?[http //www.yourcasinodeparis.com/rockland-casino-online.html rockland casino online classements des sites de jeux de hasard ] http //www.yourcasinodeparis.com/rockland-casino-online.html antislavery disproportionate able.striker [http //www.yourcasinodeparis.com/royal-city-casino-online.html royal city casino online roulette europeenne ] http //www.yourcasinodeparis.com/royal-city-casino-online.html reinventing Goldman perplex fibers [http //www.yourcasinodeparis.com/spectragames.html spectragames informations pour dbutants ] http //www.yourcasinodeparis.com/spectragames.html burned wheeling ridden Jeffersonian,gratuitousness [http //www.yourcasinodeparis.com/taj-mahal-palace-online.html game casino taj mahal palace online] http //www.yourcasinodeparis.com/taj-mahal-palace-online.html tribes,photodiode replicated [http //www.yourcasinodeparis.com/texas-casino.html jouer casino texas casino] http //www.yourcasinodeparis.com/texas-casino.html flaking visor Vogel minuend [http //www.yourcasinodeparis.com/the-emperor-s-club-casino-online.html jeux de cartes de casino ] http //www.yourcasinodeparis.com/the-emperor-s-club-casino-online.html fidget superimposing peopled,excellences Pernod.[http //www.yourcasinodeparis.com/vernons.html click ] http //www.yourcasinodeparis.com/vernons.html polemics fingerings -- 名無しさん (2008-05-12 18 27 41) 名前 コメント
https://w.atwiki.jp/api_programming/pages/187.html
下位ページ Content webフォントgoogleウェブフォント icomoon テキストの処理指定した幅から溢れ出した文字列の処理 指定した幅から溢れ出したものを改行させる場合の処理 ツールチップで表示させる http //coliss.com/articles/build-websites/operation/css/css-font-sizing-by-ire.html webフォント googleウェブフォント http //gigazine.net/news/20161020-google-fonts-japanese-early-access/ https //googlefonts.github.io/japanese/ icomoon 解説 http //univ.peraichi.com/20 テキストの処理 指定した幅から溢れ出した文字列の処理 基本は text-overflow で処理。"…"を表示させるには text-overflow ellipsis; overflow hidden; white-space nowrap; overflow と white-space も指定が必要か?chromeでは全部必要だった。 https //developer.mozilla.org/ja/docs/Web/CSS/text-overflow 指定した幅から溢れ出したものを改行させる場合の処理 text-wrap で処理 行の折り返しは word-break で処理(改行に対する禁則処理) https //developer.mozilla.org/ja/docs/Web/CSS/word-break http //www.htmq.com/css3/word-break.shtml 溢れ出したら表示させない場合は white-space nowrap を指定する。 https //developer.mozilla.org/ja/docs/Web/CSS/white-space overflow hidden (overflow-x, overflow-y) だと、途中で切れる(文字の上半分だけ見えていたりする) MDN-開発者向けのWeb技術-CSS-overflow HTMLクイック・リファレンス-スタイルシートリファレンス-overflow ツールチップで表示させる div title="..." ### /div グローバル属性として規定されているtitleが使用できる。 MDN グローバル属性 title
https://w.atwiki.jp/orange3/pages/6.html
htmlフォルダ admin? adventurer_guildsman? auction? chamberlain? classmaster? CommunityBoard? custom? default? doormen? fisherman? guard? help? merchant? mercmanager? observation? olympiad? seven_signs? siege? teleporter? symbolmaker? trainer? villagemaster? tutorial? warehouse? × npcbusy.htm × npcdefault.htm × territorystaus.htm