フォントで困ったときの為のフォント
2012年06月12日 12:46:57
テーマ：お仕事いろいろ
多分・・・というか絶対長くなりそうなので、過去ログは「続き」に保存しておきました。
テキストをアピアランスと数値だけでバナー制作。
jpeg
png
何かいいデザインは無いかな～・・・ってバナー制作のために「一覧へ」ってボタンを入れようとしましたが、ボタンはボタン、バナーはバナーにした方が良いですね。ごっちゃにするとかえって変。あまり大きなバナーでもないし。
「送信する」になってるのは何かの汎用に使えねえかな、と思って制作しました。
久々にAiのアピアランスだけで作ったら、結構難儀・・。
ブログテンプレートのシンプルUSブルーとアクアオーシャンはコメントの投稿ボタンのマウスロールオーバーに、onmouseoverとonmouseoutを使ってるので書き換えれば使えますね。デカ過ぎるけど。
もちろんDLしてからでないと映りません。
4階のコカ･コーラの自販機はコーラとコーヒーしかありません。
他に入れる品無えのかよ!?
Lightbox test
開かないのでそのまま表示。
追記：2012.05.27.SUN
よくソース読んでたら、足りないものがあったので追加入力しました。
結果、テスト完了。
とりあえず後でソースをどっかに移動しよ。。
午前中は社内コンテンツのスマートフォン版を触ってたけど、午後になってからいきなり仕事が入ってきました(゜Д゜;)
2万円ホームページは、新規で、まずはデザインから制作(中)。デザインが固まれば組込やドメイン取得。
高機能ホームページはドメイン取得がまだだけど、とりあえず会社のサブドメインで仮組込しとけ！みたいな感じで、PHPとMySQLを使って制作中。
とは言っても、MySQLを触るのはまだまだ先になりそうだけど、データベースだけ(正確にはテーブルは出来てるけど、中身はまだ)は作っときました。
ちなみに社内コンテンツですが、人によってPHPファイルの作り方が違うと聞いてたのですが、確かに違う、英語とロシア語くらいに違う（受け売り）ことが実感できました(笑)・・・じゃねえ、更新するファイルを見つけるのに手間取りました。まだ制作中です。
まあ実際、ヘッダーの背景で遊んでました。
当ブログの大元のブログテンプレートがアクアオーシャン(/design/t84)にあるものですが、ビーチ(/design/t81)とか海系のものなのでページ別にカスタマイズしてみました。
トップページのヘッダー背景(幅468pxに縮小)
シングルページのヘッダー背景(幅468pxに縮小)
アーカイブページのヘッダー背景(幅468pxに縮小)
んで、感想は・・・まんまだけど統一感がない。有るといえば有る、無いといえば無い、微妙な悶々とした感想。どっちつかずなので一日経ったら元に戻そうかな～って感じ。
そういう風に遊んでたら、このテーマはこのブログのテーマとして適切じゃない（かもしれない）ってのがありまして、テーマ「暇人」を消しました。暇人にあった記事は別のテーマをいじって入れました。
19:52追記
カレンダーの日付のリンクも修正。
大枠のクラスsideのリンクの色（テーマやアーカイブと同じ色）になってましたので、なんか別のクラス無いかな～・・・って探しても見つからず、結局"!important"を入れました。
応急処置みたいな修正です。
もう書くことは無いかもしれないと思ってたけど、GIFアニメ制作したので書いちゃいます・・・GIFアニメ制作記08。
誤解されると困るので、GIFアニメは先週の木曜日に制作しました。
GIFアニメ内の文言通り、「リフォームから修理、トラブル等の見積り・相談のかんたん比較」が出来ます。ご利用に関しては無料です。
沖縄で「リフォーム」と言うと、家もしくは部屋を丸ごと改装することを指すようだ、と聞いたので「修理」と言うキーワードも含めています。この修理に関しても、クーラーや水まわり、シロアリ駆除、防水・塗装・水タンク清掃と幅広いです。詳しくはリフォーム修理一括見積り相談を閲覧ください（サイト名ですが知らぬ間に変わってました）。言ってくれればGIFアニメの文言も変えたのにな・・・
サイズ
6サイズのGIFアニメを制作しました。
88×31, 100×60, 246×60, 468×60, 728×90, 125×125
ちなみにオールAIで作ったので、246×60は38.89KBと軽い方です。写真は1枚も入れてませんので。
似たようなGIFアニメで、おきなわタウンネット版と引越し一括見積りサイト版がありますが、最初のタイトルをパラパラっと落とすシーンよりも、シンプルに左から右にテキストが打ち込まれるシーンの方が、制作的には手間がかかりませんね(￣～￣;)でも、20フレーム以上作っちゃいました(-_-;)125×125に関してはその倍のフレーム数です。
だったらFlashで作れ！って言われそうですが、あんな重いの作るよりGIFアニメの方がスマホにも汎用で使えます。スマホ(iPad含む)でFlashを見る場合、専用のアプリが無いと見れませんからねぇ。
以下、続きに出来立て6サイズ一覧あり。
サイドバーにあるSEOチェキ！のブログパーツの簡単な変更方法をご紹介。
取りあえず何でもいいから、「SEOチェキ！」ブログパーツでカラーとサイズを選択して、マイブログのプラグインにコピペします。
▼以下、ソース
<div style="margin:5px auto;width:160px;text-align:center;font-size:11px;font-family:sans-serif,Verdana,Arial;line-height:20px;"><iframe src="http://seocheki.net/parts/rank.php?c=bk&s=l" height="312" width="160" marginheight="0" marginwidth="0" frameborder="0" scrolling="no" allowtransparency="true"></iframe>powered by <a href="http://seocheki.net/">SEOチェキ!</a></div>
ソース内にある赤文字がカラーで、青文字がサイズです。
カラーの種類(4色): bk = black, rd = red, bl = blue, gr = green
サイズの種類(2つ): s =small, l = large
だからURL内にある赤文字・青文字を変えれば、カラーとサイズが変更できます。
但し、プラグインが多すぎるブログに対しては、直接サイトへ行ってコピペした方が早いです。
ま、ぶっちゃけコピペの方が早いです。ただ、こういう風に変更が出来るよ、程度に参考にして下さい。SEOチェキ！のブログパーツを付ける片が居れば、ですが。
100m走で、ゴール直前でコケて芋虫ダンス。外人はやっぱオモレー！
Yahoo映像トピから引用
ゴール手前ラストスパート。気持ちだけが前のめりになってしまったのか、ゴール間際で転んでしまった選手。照れ隠しのためなのかなぜか芋虫に。勝った選手よりも注目を集めていました。
まあこれだけ派手にコケれば注目の的ですよね。その証拠にカメラはこの選手に向いてるわけだしw
SEO対策用にグローバルナビ編集したのは昨日ですが、なんかトップページ（ボタンだけ）が、"../"になってたので、こちらを修正。これだとタウンネットブログにリンクされます。
何でこんなリンク先の書き方してるかと言うと、自分がまだ相対パスのリンク付けに慣れてないからです。だからいち早く覚えるためにこの書き方にしてます。
相対パス → ../iha/
絶対パス → http://blog.town-nets.com/iha/
"./"で今居る階層（ディレクトリ）から。
"../"でひとつ上の階層（ディレクトリ）から。
"../../"で二つ上の階層（ディレクトリ）から。
"/"からでも、おｋ。階層（ディレクトリ）が分かってれば。
でも"/"だけのリンクにすると、「タウンネットブログ」に行くんじゃないかな?
一旦、トップページの「トップページ」ボタンだけテスト・・・
*** オリジナルデザインでテスト中 ***
2012.04.01 17:45
テスト完了！
やっぱタウンネットブログにリンクされますね。という事で"../iha/"に戻しました。
でもサイトマップのソースだけは絶対パスになってますね。修正したいけど、アレ、PHP側でしかできないから一般管理ページからは無理だな。
2012.04.21 21:10
サイトマップのリンクソースですが、考えてみればindex.htmlと同じディレクトリにあるわけですから"./sitemap.html"で出来ました。一般管理ページから修正できます。
続きを読む...