「 css 」 一覧

cssだけで画像をテキストの形に切り抜き表示してみる

2018/05/29   -サイト制作メモ
 

面白かったのでメモ。 テキストの形に切り抜くやつです。 どこかで使えそう。 まずはhtml 何でもいいので適当なクラスか何かあたえておいてください。 <p class="text-kirinuk ...

IE10で要素がはみ出してしまう時の対処法

なぜかIEだけ特定の要素がはみ出てしまうことはありませんか?私はよくあります。 ページ作成をしていてブラウザチェックをしているとよくぶち当たるこの問題。 何度か解決してるけど、しばらくしたら忘れてしま ...

"Swiper"を使ったスライドで左右に画像を表示する

JQueryなしで動く"Swiper"という便利なプラグインを使ってのスライドショー。 左右に画像を表示したい時の注意点をメモ。 ダウンロードはこちらから swiper公式サイト 使う中ですごく分かり ...

cssだけでドロップダウンメニューを実装(軽い!)

2017/08/29   -サイト制作メモ
 

ドロップダウンメニューをcssだけで実装できる方法があるらしい。 jsファイルの読み込みがないなら軽くていいなぁと思いやってみた。 まずはhtml 一般的な入れ子構造のリストです。 <heade ...

スライドショーの画像を切り抜いたように表示する

よくあるスライドショーで 上だけ丸みを帯びていたり、波打っていたり、三角になっていたりと フレームの中でスライドショーが動いてるやつがやりたくて調べていたところ意外と簡単にできることがわかった。 次回 ...

stinger8/記事のサムネイル画像を◯(丸型)にしてみる

シンプルなテンプレートstinger8のカスタマイズです。 カテゴリページの記事一覧などにも使える簡単なcssです。 画像を丸く表示しておいて、 オンマウス時に四角にもどします。 動きをなめらかにする ...

stinger8/オンマウス時、一覧表示の画像をズーム(拡大)させる

シンプルなテンプレートstinger8のカスタマイズです。 サイトを作ってカテゴリを作り、記事を書くとカテゴリページに記事一覧が画像と一緒に(アイキャッチ画像が設定されていれば)表示されます。 このサ ...

stinger8/サイドバーのリストの間隔をあけてみる

シンプルなテンプレートstinger8のカスタマイズです。 サイドバーにあるタイトルの装飾ができたので次はリストの間隔をあけてみます。 「ad」というクラスがついたdiv内にあるliに対しての指定なの ...

背景画像を複数指定する方法(css)

2017/05/10   -サイト制作メモ
 

背景画像を複数指定したい時があり調べてたところ 順番にcssを指定するところまでは分かったけど書き方がよく分からない・・・ 複数背景の使用はよく使いそうなのでメモ。 基本的には,(カンマ)区切りで続け ...

画面の縦幅いっぱいに背景画像を表示する

2017/04/28   -サイト制作メモ
 ,

画面全体に背景画像を表示するには、 background:url('画像を指定'); background-size:cover; でできますが、 いやいや、一画面だけでなくその下にもコンテンツがあっ ...

2024年3月
 123
45678910
11121314151617
18192021222324
25262728293031

ゆずむ自己紹介画像
name:ゆずむ
作業時間は平日9:30~17:00です。