adobe cs5.5

アドビ新しくなったみたいですね。

。Adobe Creative Suite 5.5 Master Collection Wind.../アドビシステムズ

￥397,950
Amazon.co.jp



知人のウェブデザイナーさんはイラレ１１でバリバリ仕事をされていて

『事足りている』らしく、今後もアップグレードする気はないそうですが

新し物好きな自分は気になって気になって、取りあえず体験版使ってみよう！

って事でadobeのサイトへ。

・・・

どうやら、自分がメインに使っているフォトショップとイラレには変更は無い模様・・・


で、ついでに色々みてたら、

ドリームウィーバーがスマホやアイフォンに向けて格段に進歩しちゃったみたいです。


体験版の有効期限以内にいじりまくってみようとワクワクする昼飯後でした。



にほんブログ村

キリンカップ

日本VSペルー戦、楽しみにしていたのに

録画するの忘れてたのをちょっと前に気づいてｼｮﾎﾞﾝ

ドローとは聞いていたけどビール飲みながら観戦したかった・・・




にほんブログ村

TOP画像変更

cssを使ってグラデーションと文字の影をつけようと努力してたんだけど、

最終的にはインターネットエクスプローラーが

影をつけるのにJavaScriptを必要とするようなので断念orz


極力スクリプトを使わずに作成を進めたいので、

仕事用の画像編集ソフトで画像を作り差し替えることに・・・


軽くて見やすいページ作りにはcssをフル活用した方が良い

と個人的には思っているのでマイクロソフトさんホント、お願いします。


で、僕はこうして変更しましたの手順

-- 以下 --


横800pxたて180pxの白地に#C2C2C2から#FFFFFFへのグラデーションを上向きにかけて





ベベルとドロップシャドウをかけた文字を入れて保存したものをアップロード




#header{
margin:0;
padding:0 0 10px 0;
height:180px;
width:800px;
background-image:url(画像のパス);
background-repeat:no-repeat;
}

で、貼り付けたら



こんな感じに散らかっているので整頓


/*ブログタイトル*/
#header h1{
position:absolute;
display:block;
margin:-180px 0px;
padding:0;
}
#header h1 a{
width:800px;
height:180PX;
padding:180px 0 0 0;
display: block;
font-size: 2px; /*--文字を小さく --*/
text-align:center;/*-- 真ん中に寄せて --*/
color:#ffffff; /*-- 文字を白く --*/
}

タイトルは消さずに”見えない”様にして


/*ブログ説明*/
#header h2{
margin:0;
padding:0 5px 45px 5px;
font-weight:normal;
line-height:1.2;
font-size: 1.0em; /*-- 12px相当の文字サイズ --*/
color:#333333; /*-- 指定なし --*/
visibility: hidden;/*-- 不可視化 --*/
}

説明は消して、画像クリックでＴＯＰに行くように


#userNaviArea{
position:absolute;
margin:-30px 0;
padding:0;
z-index:10;
}

ナビゲーションを移動して


#userNickName{
display: none;
}

個人的な好みでニックネームを消して、取りあえず出来上がり。

自分なりに勉強した(つもりの)seo対策的な方法が入っているので、

違うとかのご意見あればご教授を。


にほんブログ村