うさぎのイラスト

ネットアンサー55備忘録

ワードプレス技術を色々とお試しするサイトです。

archive.phpを使用 毎日の書き込み

15年12月10日


スクロールで文字や写真をふわっとさせる

作成ページ 1、文字を入れるだけでよい。 2、画像を入れるだけでよい。 3、背景画像を入れて、その画像の横縦幅を確保する。(width:100%設定は無理でした) ※これが必要な時がある ●横からスライドの時 UNORT...

15年12月06日


$(document).ready(function() について

ちなみに下記3つも同じ意味です。 下記をまとめることも出来ます $(window).loadとの違い $(window).load()はページのすべての要素、つまり画像などがすべてロードされた段階でイベントが発火されます...

15年11月29日


jQuery 高さを取得する

作成したページ

15年11月25日


slideToggle・fadeToggle

slideToggle作成したページ fadeToggle作成したページ 「slideToggle」「fadeToggle」「toggleClass」簡単実装 気持ちの良いアコーディオン特集

15年11月24日


fancyBox

作成したページ iframe googleドライブによるpdf表示バージョン 一番シンプル fancybox3 ・fancyboxは特に追記することなくレスポンシブ対応になります。 ・ライトボックスのpadding設定は...

15年11月23日


オンマウスで画像拡大(elevatezoom-master)

作成したページはこちらelevatezoom-master パラメーター説明 ・zoomWindowPosition: 15,=拡大画像が配置される位置で15が真上で、5が真下 ・zoomWindowWidth: 450...

15年10月30日


ドロップダウン

ドロップダウン

15年10月21日


サムネイル配列

ページ 参考サイト:CollagePlus

15年09月27日


ブロック要素全体にリンクを設定する

ブロック要素にリンク

15年09月26日


tabの切り替え

タブの切替のコーディングしました。 タブ切り替え1(参考書籍:スマートフォンサイトUI図鑑) タブ切り替え2(2ボタン&マップ) タブ切り替え3(5ボタン&角丸) タブボタン画像(タブ切り替えのボタンが画像)

15年09月12日


bx-slider

bx-sliderを使用して2つのSlideを作って見ました。 bx-slide01 bx-slide02 bx-slide03(高さを変えたカルーセル版) bx-slide04(スタンダード) bx-slide-aut...

15年09月11日


リンク付き画像のhover効果

●hover時に画像が拡大する ※画像の大きさが300px×200pxの場合 ●ゆっくりと画像が透過する

15年07月22日


301リダイレクト設定について

①今の環境を理解しよう ・Webサーバーに「Apache(アパッチ)」を利用している ・「.htaccess」が利用できる環境である ・「mod_Rewrite」という機能を利用できるWebサーバー(Apache)である...

15年07月04日


faviconの作成

適切な画像を選択する photoshopを使用して32px × 32pxにする png形式にて保存 http://favicon.qfor.info/c/にて拡張子をicoにする   htmlのhead部に書き込む   ...

15年07月03日


list-style

list-style-typeの一覧表です。 list-style-type: disc 黒丸 いちご 人参 サンダル list-style-type: circle 白丸 いちご 人参 サンダル list-style-...

15年06月01日

html/css
vertical-alignで画像と文字合わせる。

vertical-alignの挙動を確認いたします。 vartical無し ygkpqfpこんばんわ top ygkpqfpこんばんわ middle ygkpqfpこんばんわ bottom ygkpqfpこんばんわ te...

4 / 512345