Home > ウェブデザイン備忘録

カテゴリー: ウェブデザイン備忘録

CSSで横幅いっぱいに背景画像を表示する方法

2018.10.27 　

大きい要素に以下のcssを設定する。heightはお好みで。

#sample_wrap {
    background-attachment: fixed;
    background-color: #464646;
    background-image: url("images/contents01_back.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 460px;
    margin-top: 200px;
    min-width: 1140px;
    padding-top: 80px;
    width: 100%;
}

1

2

3

4

5

6

7

8

9

10

11

12

13

#sample_wrap {

background-attachment: fixed;

background-color: #464646;

background-image: url("images/contents01_back.jpg");

background-position: center center;

background-repeat: no-repeat;

background-size: cover;

height: 460px;

margin-top: 200px;

min-width: 1140px;

padding-top: 80px;

width: 100%;

}

続きを見る　

ワードプレスによるＳＥＯ対策

2018.10.27 　

続きを見る　

秀丸　ファイルを見比べる方法やgrepを使ってフォルダ内のファイルを検索する方法。

2018.10.27 　

秀丸で２つのファイルを見比べて、ファイルの内容の相違を発見する方法。２つのファイルを開く。→「ウィンドウ」→「並べて表示」２つ並んだら「ウィンドウ」→「他の秀丸エディタと内容比較」 grepを使ってフォルダ内のファイ […]

続きを見る　

センスの良いフォント　フリー集

2018.10.27 　

dafont.com EXmouthなどのアルファベットフォントがダウンロードできる。 dafont.com

続きを見る　

デザインセンスの良いフリー画像　

2018.10.27 　

モックアップ「モックアップ」で検索。モックアップはデザインをすつ上で欠かせない、良い画像が多数あり。ほとんどが個人・商用フリーなのも良い。フレームデザイン http://frames-design.com/ aiやp […]

続きを見る　

メインスライダーを画像が少し切れるカルーセルにする。

2018.10.26 　

用意するもの・「slickで１カラムのテーマ」・css/common.css ・js/jquery.carouFredSel.js ・images/photo.jpg各種　etc header.phpのhead内 [ […]

続きを見る　

サクラサーバーにワードプレスをインストールするまでの流れ

2018.10.26 　

サクラサーバー初期設定・サクラインターネットにログイン。会員ＩＤ　パスワード入力・トップに戻りスタンダードを申し込む。（ログイン中になっている）●●●sakurane.jp　←ドメイン設定をする。・「年間一括」 […]

続きを見る　