ネットコンテンツ全般から日々のお役立ち情報まで分かりやすくお届け | ふかふか交易所

ふかふか交易所

html

HP・ブログ関連

2019/4/11

コピペでOK!ドロップダウンメニューをHTMLとCSSだけで超簡単に作成する方法

サイト内のカテゴリーが多くなってしまったとき、全てを横並びにすると場所をとってしまう上、見づらくなってしまいますよね。 今回はそんな場合にオススメなのは『ドロップダウンメニュー』です!マウスカーソルを乗せると項目が下にズラッと出現するアレです。   ▼ドロップダウンメニューの例 ホーム 日常 旅行 商品レビュー ライブラリ 料理 趣味 映画 漫画 エンタメ関連 ゲーム 映画 WordPress関連 お問い合わせ ※スマホの場合は表示が崩れる場合があります。そもそもドロップダウンメニューはマウスオ ...

HP・ブログ関連

2019/4/11

ホームページの『パス』の指定方法について分かりやすく解説

みなさんは『相対パス』や『絶対パス』というものを聞いたことがあるでしょうか。 この『パス』というものは、ホームページの制作・管理において必要不可欠の知識です。しかしサイト作りを始めたばかりの人の中には、パスを指定する方法がイマイチ分からないという人が多いと思います。 そこで今回は、『相対パス』と『絶対パス』の違いや、『パス』の指定方法について、分かりやすく解説していきます! 『絶対パス』と『相対パス』の違いについて "パス"とは『特定のファイルやフォルダの位置を指定するための記述』のことを言います。 また ...

HP・ブログ関連

2019/4/11

ホームページ制作を初めて学ぶのならコレ一冊でOK!知識ゼロの私でもサイトが作れたおすすめ参考書

「ホームページを作りたい!」「自分のオリジナルサイトを立ち上げてみたい!」と思ったことのある方は多いと思います。 しかしいざ作ってみようとすると"HTML"や"CSS"など初めて聞く単語ばかり出てきて、いったいどこから何から勉強すればいいの...?となってしまいますよね。 そこで今回は、ホームページやWEBに関する知識が全くのゼロだった私のような超初心者でも、この一冊のみでHTMLとCSSについて理解し、サイトを作れるようになったおすすめの参考書についてご紹介します! 最高の初心者本『スラスラわかるHTM ...

HP・ブログ関連

2019/4/11

シンプルで使いやすいタブメニューを超簡単に作成する方法

今回はタブごとに内容の変わる"タブメニュー"をホームページ上に簡単に実装する方法について解説していきます! ※以前の記事で、すでにタブメニューの作成方法について解説していますが、今回紹介するタブメニューは実装がさらに簡単で改善されたものになります。 タブごとに内容を切り替える「タブメニュー」をホームページに作成する方法 タブメニューの実装 今回の記事では以下の様なタブメニューを実装することができます。 実装例: シンプルで使いやすく、CSSをいじることでデザインを変更することも可能です。 コードの貼りつけ ...

HP・ブログ関連

2019/4/10

『HCB Comment Box』コメントフォームの詳細カスタマイズ方法

こんにちは、ふかふかです! 以前の記事で、非Wordpressサイト(HTMLベースで構築されたサイト)に、ブログのようなコメント欄を簡単に設置する方法について紹介しました。 ホームページにブログのようなフィードバックコメント欄を簡単に設置する方法 ですがこのとき設置したコメントフォームは海外サイトの「HCB Comment Box」というサービスを利用したものなので、サイトにコードをコピペし、 コメントフォームを設置しただけでは各所の文字が英語のままになっていたり、納得のいくスタイルでなかったりして不満 ...

HP・ブログ関連

2019/4/10

斜線背景の画像を簡単に生成することのできるおすすめサイト

「斜線の模様でボタンや背景にアクセントを付けたい!」そう思ってもCSSで適用しようとするとコードが長くなってしまいますし、各プラウザごとに適用させる必要もあり面倒くさいですよね('A`) そこで今回は、ホームページの素材などに利用することのできる、斜線背景の画像を簡単に生成することのできるおすすめサイトをご紹介します! Stripe Generatorへのアクセス Stripe Generator 上記のサイトのジェネレータを活用することで思い通りの斜線背景画像を生成することができます。 ジェネレータの使 ...

HP・ブログ関連

2019/4/7

複数のHTML&テキストファイルの共通部分を一括で置換するおすすめソフト

更新履歴やお知らせなど、ホームページの複数のページで同様の内容を表示している場合に全てを手作業で更新する作業はめんどくさい! そんなときに役立つ、共通箇所を一括で簡単に置き換えることのできるおすすめのソフトをご紹介します。 その名も・・・"TextSS" です!(無料ソフト) ① TextSSのダウンロード Download: TextSS.net公式サイト ダウンロードページ 上記のサイトにアクセスし、最新バージョンのボタンを押してソフトのダウンロードを行ってください。 「tss○○○.zip」というZ ...

HP・ブログ関連

2019/4/7

HTMLやCSSのソースコードをそのままページに貼り付ける方法

ホームページやブログで自身のソースコードを表示したい際に、HTMLやCSSのソースコードをそのまま貼り付けることのできる方法を紹介します! 貼付け用ウィジェットを『GitHub』で生成 手順①: まず「GitHub Gist」さんのサイトにアクセスしてください。 手順②: "Language:Text"をクリックして貼り付けたいソースコードの言語を選択し、下の枠内に表示したいソースコードを記述して、 下の"Create Pubric Gist"というボタンをクリックしてください。 手順③: クリックすると ...

HP・ブログ関連

2019/4/17

HTMLサイトでも設置可能!ホームページにブログのような"一言コメント欄"を設置する方法

自分のホームページにブログでよく見るようなコメント機能を追加したい!でもCGIとか勉強するのメンドくさいし・・・。 そういった方のために今回、簡単に一言コメント欄を設置する方法を紹介します!(Google Chrome, IE11で動作確認) ちなみに導入に成功すると、このページの下部にあるようなコメント欄が設置されます。 ① プログラムのダウンロード まずはプログラムを配布して下さっている 「WebmasterTOOL」さんのサイトに行き、下の方にスクロールすると"一言コメント"のダウンロードボタン が ...

Copyright© ふかふか交易所 , 2019 All Rights Reserved.