ウェブデザイン

スポンサーリンク
CSS

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

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

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

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

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

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

WordPressの新着を読み込む

新着表示 カテゴリーID1の記事を4件読み込む場合 <!-- ////////////////////////////////////////////////// 新着表示 --><?php if ( have_posts() ) : ...
ウェブデザイン

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

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

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

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

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

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

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

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

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

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

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

.global-nav li a { position: relative; display: block; color: #fff; padding: 20px 30px; } .global-nav li a::after ...
スポンサーリンク