1px欠けの角丸ボックスをCSSだけで作る方法｜web bibo
スタイルシートだけで1px欠けの角丸を作る方法です。この角丸を使用することでシャープすぎるボックスを少し柔らかい印象にすることができます。 HTML 下記の通りHTMLを記述します。 <div class="outer"> <div class="inner">1px rounded corners</div> </div> ボックスにボーダーを付けない場合 .outer { margin: 0px 1px; padding: 1px 0px; background: #0cc; } .inner { margin: 0px -1px; background: #0cc; } ボックスにボーダーを付ける場合 .outer { margin: 0px 1px; background: #E4F2FF; border-top: 1px solid #B1C6D9; border-bottom:
NiconicoPHP(php,小説,ノベル,フリー,スクリプト,無料,配布)
小説PHP 小説PHPとは、「ひとつの小説」と、その小説の中に収まる「複数の記事」の表示や管理をWeb上にて行えるPHPスクリプトです。小説や論文等の階層構造ドキュメントの作成や編集をWeb上から簡単に行えます。スキン（HTMLテンプレート）を変更することで、外観デザインを変更することができます。スキン配布しています（自作も可です）。備考：複数の小説を管理したい場合は上級者用の「小説PHP（複数小説対応版）」をお使い下さい。 ■サンプル表示 サンプル表示の管理ページのパスワードは 1111 です。 （サンプル表示のため、管理ページでの設定値の書き込み機能はオフにしています） サンプル表示 1 サンプル表示 2 サンプル表示 3 サンプル表示 4 サンプル表示 5 ■概要・特長・動作条件・設置方法 ■ダウンロード ダウンロードをする前に、スクリプト利用規定・免責をお読み下さい。
ミケネコの htaccess リファレンス
はじめに .htaccess ファイルの使い方 .htaccess ファイルの使い方を説明します。 アクセス・コンフィグレーション クライアントのリソースへのアクセスを、条件によって制限します。 ホスト/IP 制限 ホストまたは IP アドレスを用いて、リソースへのアクセスを制限します。 ユーザ認証 パスワードを用いて、リソースへのアクセスを制限します。 リソース・コンフィグレーション リソースに対する、何らかの制御を行います。 ブロック コンフィグレーションの範囲を、特定のファイルだけに制限します。 ディレクトリ制御 ディレクトリに対する制御を行います。 HTTP ヘッダー HTTP ヘッダーにまつわる制御を行います。 MIME/ハンドラ タイプ MIME タイプやハンドラタイプに、特別の意味をもたせます。 コンテンツネゴシエーション クライアントに返送するデータを、条件によって選択して
CSS着せ替えテンプレート企画
CDPで用いられているHTML 4.01は最新のバージョンの仕様ではなく、2018年には「Superseded Recommendation（古いもの）」のステータスになっています。 直ちにCDPがブラウザで表示できなくなるということはないですが、 現在CDPを使っている方やこれから導入を考えている方は、より新しい仕様に書き換えての使用を強く推奨します。 2019年6月追記 基礎HTMLをダウンロードしたい方は基礎HTML配布にアクセスしてください なぜこういった形態の配布法をしているのか知るためにはユーザーMENUにアクセスしてください 配布されているCDPを探したい方はCSS配布サイトリンクを利用してください CDPのCSSを自身で作成し配布したい方は制作者MENUにアクセスしてください 疑問点があったり理解を深めたい方はFAQにアクセスしてください このサイトについて CSS着せ替え
もうPhotoshopは要らない？ブラウザだけでできるグラフィックジェネレータ15選 | S i M P L E * S i M P L E
そのままですが、Mashableで「Forget Photoshop: 15 Online Graphics Generators」が紹介されていました。 これはメモしておかねば。 Buttonator ボタンがいろいろ作れます。設定がいろいろあって良いですね。 RoundedCornr: Rounded Corner and Gradient Generator いわゆる角丸パーツを作れます。 Web 2.0 free buttons maker! 2.0っぽいボタンが作れます。 glassy buttons こちらもボタンジェネレータ。 Ajaxload – Ajax loading gif generator Ajaxのローディング中のパーツが作れます。 Web2.0 Logo Creator by Alex P Logo Maker : Web 2.0 Stylr 2.0っぽいロゴ
Photoshopを使ったWeb2.0風ロゴの作り方ムービー
Web2.0風のグラデーションがあって、鏡面に映りこんでいて破裂したようなBETAマークがついているロゴの作成方法が動画で紹介されています。見たままマネしていけばいいので簡単に作れます。 詳細は以下から。 高画質版もダウンロードできますが一部しか見られず、最後までやっているのはYouTube版のみです。 Alleba Blog >> Photoshop Tutorial: How to Make a Web 2.0-Style Logo ムービーで何をやっているかの補足ですが、大体以下のようなことをやってる模様。 まずArialかTahomaかHelveticaフォントで適当に文字を入力。文字の色を3399CCに。 ↓ レイヤーをコピーして右クリック。レイヤー効果からグラデーションオーバーレイを選び、グラデーションをつける。 ↓ 楕円型選択ツールで下半分を消して不透明度を30％に。 ↓ 垂
サイト作成と改装に役立つフリーソフト＆Webサイトのメモ - みやきち日記
先日も書きましたが、1月28日に本家サイト「BLND」を大幅に改装しました。「思いつきで改築・増築を重ねすぎてわけのわからんことになっている田舎の温泉旅館」みたいなhtmlとcssを根底から書き直し、さらにパンくずリストをやめてナビゲーションバーを配置するなど、かなり大がかりな作業でした。以下、改装中に実際に使ってみてとても便利だったフリーソフトやサイトを、工程別に分けてメモしておきます。 1. テキストを検索＆置換する 「複数行一括置換 GrepReplace」 http://www.vector.co.jp/soft/win95/util/se359701.html（インストーラ形式のみ） http://dhive.jp/dhappli/grepreplace.html（インストーラ形式＆ZIP形式） 複数行の文字列を複数行の文字列に一括置換してくれるフリーソフト。条件を入力してフォル
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
[CSS]アイデア満載のスタイルシートのテクニック30選 | コリス
http://www.stylish-style.com/csstec/csstec-top.html
Background Image Maker