ウェブデザイン

スポンサーリンク

マウスオーバーで画像をズームするcss

html<div class="zoom"><img src="images/index-images/image01.jpg" alt=""></div>css.zoom {overflow: hidden;}.zoom { -webk...

投稿画像に便利cssでアスペクト比を固定

レスポンシブサイトでブラウザのサイズやデバイスが変わっても同じアスペクト比で変化していくcssHTML<div class="box"><div class="inner zoomin1"><a href=""><img src="imag...

ヘッダー固定の場合のアンカーリンクのずれ

ページの一番上にヘッダーやナビゲーションを固定する場合、ページ内アンカーリンクがずれる問題cssで固定の分の調整をする.link-margin {margin-top:　-100px;padding-top:　100px;}スムーススクロー...

WordPressの新着を読み込む

新着表示カテゴリーID1の記事を4件読み込む場合 <?php if ( have_posts() ) : ...

ウェブデザイン

API不要！WordPressのプラグインでインスタをウェブサイトに読み込む方法

「Smash Balloon Instagram Feed」というプラグインを使います。インスタグラムのアカウントが分かればすぐに読み込み可能です。

ウェブデザイン

cssで擬似インラインフレームをつくる

決まった枠内でスクロールできる擬似インラインフレーム .flame { overflow: auto; height: 200px; width: 100%; background-color: #f7efe9; border: sol...

サブドメインだけ別のサーバーで運用したい

サブドメインだけ別サーバーにしたい場合はDNS設定でサブドメインを向けたいサーバーのIPアドレスに設定します。通常のサイトはXサーバー、サブドメインはXREAで運用する場合の設定です。 Xサーバーでの設定 Xサーバー側でサブドメインを追...

ドメイン・サーバー

ウィンドウサイズによって使うj Queryを変えたい

ウィンドウズサイズに合わせてjQueryを使いたい場合はcssのようにブレイクポイントを使って切り替えられます。 if (window.matchMedia( "(max-width: 640px)" ).matches) { /* ウ...

スマホの時に横スクロールさせる

スマホの時にtableをスクロールさせる <div class="scroll"><table><tr><td>テキストテキスト</td><td>テキストテキストテキスト</td> ...

マウスオーバーで下にボーダー出す

.global-nav li a { position: relative; display: block; color: #fff; padding: 20px 30px; } .global-nav li a::after ...

スポンサーリンク

次のページ

12 3…5