CSS

作り方まとめ

Rick Astleyが現在の個人的大本命のマイブーム。 によって、ファンページを作ってしまうあたりがweb1.0時代な感じです。 作り方説明とか蛇足だから、いらない。と思って書いてなかったんですが、 案外、需要があるようなので記載しておきます。ページを作る…

素材作りとCSS3でグラデーション

Fireworksふたたび。 ベクター画像とビットマップ画像が等しく使えるが、 表示は微妙。 ベクター画像だけど、ビットマップみたいな表示になる(仕様)。マスク効果が独特。 写真配置して、 ペンツールを使ってパスで画像を描いたらカットして、 配置した写真…

残暑お見舞い

「夏季限定・かき氷」ちょっとした涼のために大変な時間をかけてしまいましたが、 お楽しみいただければ幸いです。 画像:Illustrator&Photoshop(CS) アイコンの画像置換:JavaScript(ロールオーバー) HTML+CSS(ながら入力で概算1〜2時間) 画像作るの…

夏休み4日目(最終日)

HTML+CSS+いつもの宿題 HTMLもCSSも、プレビューしては、 これが足りない、これを直そう、で記述が増え…完成気分にはならず。

夏休み3日目

ひたすらHTML+CSSで1日目の続き なんか時間かかってます。 早くできるようにと小技を探してるのが かえって時間食ってるような。

夏休み1日目・課題サイトづくり

サイト構成のツリー図(手描き) HTML打ち込み(ひとまずHTML5で宣言) CSS書き wpに移行する準備 進んだ! 気分が乏しい…。 千里の道も一歩から、と唱えながら作業。

CSSのみでポップアップ

元ソース→css以外の変更点 HTML構文内のclass抜けに追記 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />…</meta></head></html>

【HTML5】実習ページの修正ソース

CSSがエンベッドだったので、外部ファイルにして、 授業で加えたアレンジが反映されるように修正。 @charset "utf-8"; a { color: #017acd; } /* コンテナ */ div#container { width: 760px; margin-left: auto; margin-right: auto; } /* ヘッダー */ heade…

【課題】IE6対策で眠れない夜

居残りしたりごめんね先生…。 Microsoft Expression SuperPreview 4 Trialで確認したら、 左下の画像はcss読み込みで克服できたので、これだけイキにしました。 IETesterはビミョーな表示でしたが、また明日確認ということでひとつ。 右下の黒背景画像は、GI…

【課題】サイト『掃苔』完成しました

掲載URL→http://www43.atpages.jp/grave/index.htmlサイトカンプから紆余曲折を経て、実現しました! というか、今できることで破綻なく表示できるページの完成です!これできるならあれやめなくてもよかったんじゃ、 って部分もありますが、今回これで達成…

【課題】サイトカンプ通りに作れない…

特にサイドバー。 画像がうまく表示されなかったり、長さが合わなかったり。 もうひと頑張り。

プレゼン発表中の課題

金曜の授業中に入力できたところまで。 <html lang="ja"> <head> <meta charset="UTF-8"> <title>Green and Plain</title> <link href="green_base.css" rel="stylesheet" type="text/css"> </head> <body> <div id="header"> <div id="title"> <img src="images/img03.jpg"> <h1>Green and Plain</h1> <h2>Design by Free CS…</h2></div></div></body></html>

プレゼンリベンジ用CSS

CSS

@charset "utf-8"; /* CSS Document */ /*リセット*/ html,body,div,h1,h2,h3,h4,h5,h6, p,blockquote,pre,address, ul,ol,li,dl,dt,dd, table,th,td,form,fieldset { margin: 0; padding: 0; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro…