スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

Evernoteハッキングされた!!

みなさん「staff」です

えらいことになってますよEvernoteユーザーの方

「staff」もEvernoteユーザーです

Evernoteユーザーにはすでに運営よりメールでお知らせがきていると思うんですが

Evernoteがハッキングにあったそうです


2013-03-03_222500.jpg


20130303evernotehacked.jpg



ハック犯は、ユーザーの登録メールアドレス、パスワードへのアクセスに成功したらしく、

その緊急対応としてEvernoteは全ユーザーのパスワードをリセット措置と連絡入りましたので


Evernoteユーザは取り急ぎパスワードリセットし新しいパスワーと設定しましょうね

「staff」は急いでパスワードリセット完了しました

ほんと恐ろしい世の中です

スポンサーサイト

売れないネットショップどうすれば! FC2ショッピングカート その12 カスタマイズ No007

再び「staff」ですよ

もうおっさん出てくるなと言われそうですが出てきてしまいました


前回「売れないネットショップどうすれば! FC2ショッピングカート その11 カスタマイズ No006」にて

「h2」部分の画像はめ込み方法をご紹介しましたが実は連続で出てきたのにはわけがありまして

今回お伝えしたい「h3」部分の画像はめ込み方法も実は全くおんなじなんです

ですから勢いつけとこうと思った次第なんです


前回の「h2」部分の画像はめ込んだ状態です。



FC2カートcustom009-05



そいて今回は左右のサイドバーにある

CSSセレクタ「h3」の領域に画像を貼り付けてみましょうね

ほんと全くおんなじ方法ですから



でもその前にお約束の下準備として画像サイズ 180×34で作成して

さらにお手数ですが「h3」部分の画像はアップロードしておいて下さいね

画像のアップロード方法の詳細については

こちら「売れないネットショップどうすれば! FC2ショッピングカート その10 カスタマイズ No005」にて


今回はサイドバーのこの部分ですよ



FC2カートcustom009-06




折りたたんでいますがちょっとお手数ですが下の「続きを読む」を開いてみて下さい

customテンプレートの前回いじった部分と今回のCSSソースコードを載せてます

でもソースコードを表示させるため「SyntaxHighlighter」を導入してBlogが重くなってすみません



その中で59行目のコメント

/*--- CSSセレクタ 「h3」の領域です 画像サイズ 180×34で作成 ---*/

その下の60行目にこんなh3と書かれていて囲まれてる{・・・・・}の部分これがキモです

 h3{


   }

これが今回やっつけるターゲット

しっかり敵を補足して下さいね


そしてよく見て下さい61行目のbackground-image:url(・・・・・)の部分にご注目

h3{
  background-image: url("https://cart-imgs.fc2.com/template/custam/image/custam_menu.gif");
background-repeat:no-repeat;
  ・・・・・
  ・・・・・
  ・・・・・             
   }

前回と全くおんなじですよ「background-image:url("https://・・・・・")」のなかの

("・・・・・・・・・")に画像をアップロードした「url」をコピペして下さい

そしてしっかり一番下のわかりにくいところにある「登録」ボタンを押して下さいよ

もう打つこともおんなじくらい全くいっしょの作業になります


はい以上お疲れさまでした

左上の方にあるオレンジ色の「カートプレビュー」ボタンで確認してみましょう

ほかは全く見ないで下さいわからなくなりますからとにかくここだけに注目ですよ




-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-


ex)いつの間にか恒例のmichiworのネットショップの場合いってみましょう

では「michiworkのショップ」の場合の例をここで上げておきますね


実物はこんな感じです





/*--- CSSセレクタ 「h3」の領域です 画像サイズ 180×34で作成 ---*/
h3{
background-image: url(https://cart-imgs.fc2.com/upfile/michiwork/FC2cartmenu180.png);
 background-repeat:no-repeat;
 font-size:12px;
 height:34px;
 line-height:30px;
 margin: 0 auto 10px;
 width:180px;
}



「michiworkのショップ」の場合は「h3」画像のurlは「https://cart-imgs.fc2.com/upfile/michiwork/FC2cartmenu180.png」なので

("・・・・・・・・・")に「https://cart-imgs.fc2.com/upfile/michiwork/FC2cartmenu180.png」をコピペしただけですよ

michiworkのショップ」の場合こんな感じになりました






FC2カートcustom009-07



さらに実際のもっとリアルな状態はこんな感じでしょうか

あともうひと息でとりあえず全体に個性が出そうな所まで来てますよ


FC2カートcustom009-08



次回はcustomテンプレートの全体の色づけといったところでしょうか?

でもこれが一番スタッフも「いったいどれだって」考えたところですから

お見逃しなくですよみなさん





そしてまたしっかりと宣伝をしておかなくては

3月3日(sun.)おひな祭り

滋賀県大津市恒例の「 フォレオこだわり手作りマーケット 」 10~16時 開催ですよ

フォレオこだわり手作りマーケットは毎月第1日曜日開催です♪



なんでも今まで第1日曜日だけだった約100名の作家さんが集う「 フォレオこだわり手作りマーケット 」が

なんとなんと4月から第1土曜日と日曜日の2日間の開催になっちゃいます

両日合わせると作家さんだけで軽く100名以上に登っちゃいますよ

ますますすごい盛り上がりを見せる「 フォレオこだわり手作りマーケット 」です



続きを読む

売れないネットショップどうすれば! FC2ショッピングカート その11 カスタマイズ No006

みなさんこんにちは

手作り家具と雑貨のお店「michiwork」の「staff」がおくる

FC2ショッピングカートのcustomテンプレートのカスタマイズ情報です。


ちょっとまってまだそこまでって方は少しこちらで復習をしてみましょうね

回数と番号の不一致が出て「staff」の性格が出てますがこちらです↓

売れないネットショップどうすれば! FC2ショッピングカート その7 カスタマイズ No001

売れないネットショップどうすれば! FC2ショッピングカート その8 カスタマイズ No002

売れないネットショップどうすれば! FC2ショッピングカート その8 カスタマイズ No003

売れないネットショップどうすれば! FC2ショッピングカート その9 カスタマイズ No004


前回「売れないネットショップどうすれば! FC2ショッピングカート その10 カスタマイズ No005」にて

画像のアップロードとショップロゴの設置方法までをご紹介しましたよ。

前回までうまくできてたらこんな感じになってると思います



FC2カートcustom009-03



本格的な「CSS」なるわけのわかんいソースコードも触り始めていますので

ちょっと過去の記事ちらりとのぞいてみて下さいね



そして今回はちょうどcustomテンプレートの真ん中の少し上の部分ですよ

CSSセレクタ「h2」の領域に画像を貼り付けてみましょう

でもその前に下準備として画像サイズ 500×34で作成して

さらにお手数ですが「h2」部分の画像はアップロードしておいて下さいね


今回のいじる箇所はこの部分になります




FC2カートcustom009-04



折りたたんでいますがちょっとお手数ですが下の「続きを読む」を開いてみて下さい

customテンプレートの前回いじった部分と今回のCSSソースコードを載せてますからね


その中で49行目のコメント

/*--- CSSセレクタ 「h2」の領域です 画像サイズ 500×34で作成 ---*/

その下の50行目にこんなh2と書かれていて囲まれてる{・・・・・}の部分これがキモです

 h2{


   }

これが今回やっつけるターゲット

しっかり敵を補足して下さいね


そしてよく見て下さい51行目のbackground-image:url(・・・・・)の部分にご注目

h2{
  background-image:url("https://cart-imgs.fc2.com/template/custam/image/custam_title.gif");
background-repeat:no-repeat;
  ・・・・・
  ・・・・・
  ・・・・・             
   }

前回と全くおんなじですよ「background-image:url("https://・・・・・")」のなかの

("・・・・・・・・・")に画像をアップロードした「url」をコピペして下さい

そしてしっかり一番下のわかりにくいところにある「登録」ボタンを押して下さいよ


はい以上お疲れさまでした

左上の方にあるオレンジ色の「カートプレビュー」ボタンで確認してみましょう

ほかは全く見ないで下さいわからなくなりますからとにかくここだけに注目ですよ



-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-


ex)いつの間にか恒例のmichiworのネットショップの場合

では「michiworkのショップ」の場合の例をここで上げておきますね


実物はこんな感じです





/*--- CSSセレクタ 「h2」の領域です 画像サイズ 500×34で作成 ---*/
h2{
background-image: url(https://cart-imgs.fc2.com/upfile/michiwork/FC2cartmenu500.fw.png);
background-repeat: no-repeat;
font-size: 16px;
height: 34px;
line-height: 34px;
margin-bottom: 10px;
width: 580px;
}



「michiworkのショップ」の場合は「h2」画像のurlは「https://cart-imgs.fc2.com/upfile/michiwork/FC2cartmenu500.fw.png」なので

("・・・・・・・・・")に「https://cart-imgs.fc2.com/upfile/michiwork/FC2cartmenu500.fw.png」をコピペしただけですよ

michiworkのショップ」の場合こんな感じになりました



FC2カートcustom009-05




みなさんはうまくいきましたか?

前回の「売れないネットショップどうすれば! FC2ショッピングカート その10 カスタマイズ No005」にて

ご紹介させていただいた方法と全くおんなじですよ(^^)

「CSS」が何者か知らなくっても大丈夫ですよわかりにくい方はご質問お待ちしていますからね


ということで実は意外に簡単な「h2」部分の画像はめ込み方法でした


そうそう次回の「michiwork」さんの出店情報は

おひな祭りの    3月3日(sun.)10~16時「 フォレオこだわり手作りマーケット 」 ですよ

フォレオこだわり手作りマーケットは毎月第1日曜日開催です♪



みなさまのお越しをお待ちしております

以上 「michiwork」広報部よりしっかりお知らせでした





続きを読む

2/14 デザイン変更 少々ソースコードを見やすくしました FC2の公式のテンプレート


みなさんこんにちは「staff」です

実は突然ですがちょっと気分を変えてこのBlogのデザイン変更しました

と言ってもFC2の公式のテンプレートなんですけど


今回のデザイン



FC2Blog テンプレート002



こちらが以前のデザインです



FC2Blog テンプレート001




なぜ急にデザインを変更したかというと

売れないネットショップどうすれば! FC2ショッピングカート その10 カスタマイズ No005」にて

CSSのコードを取り扱うことになり横幅があまりにもなく

ちょっとソースコードがみなさんが見にくいなと思ってたんです


このBlogでも以前取り上げたんですが

FC2ブログでソースコードを表示する。 SyntaxHighlighter 導入してみました。

「SyntaxHighLighter」というjavascriptをFC2Blogに導入するということで

このBlogでもやっとソースコードがが綺麗に表示できる事になったんですがそれと引き換えに

実はこのBlogがすごく重たくなってしまって困ってた上に横幅も急に狭くなり

これではいけないなと思ってたんです


後もう一つはお借りしてるyoutubeの埋め込んだ今年30周年の浜田麻里さんの動画が

はみ出てるのが最初っから気に入らなかったんです


ほんなら最初っから直しとけよ~って怒られちゃうかもしれませんが

「手作り家具と雑貨のお店「michiwork」」と名乗ってるだけに柔らかけにしてたんですがもう限界です



それで今回急遽簡単ですが若干横幅が広がるテンプレートを当ててみました

以前のものと少しソースコードの表示を見比べて下さい

今回の横幅若干アップ



FC2Blog テンプレート003



こちらが横幅の狭かった時



FC2Blog テンプレート004



ほんの気持ち程度しか横幅は広くなってないんですが

以前と比較して僕は見やすいかなとこのテンプレートを採用したんですけどいかかでしょうか?

副産物として文字も見やすくなってますよ

でも誤字脱字が目立つのは辛いところです


ちょっと以前投稿した記事の文章のレイアウトが崩れてしまってるかもしれませんが許して下さいね




youtubeの動画もバッチリはみ出さずに埋め込めました!!

よかったもう浜田麻里さんの動画がはみ出てたのがすごく嫌だったんです




実は「staff」は以前から超上級者向けの「WordPress」なるものにもものすごく興味があり

検討もしているんですが有料サーバーばっかりで「staff」にはちょっと辛いところがあります

無料のところは広告が入るし重いし


FC2Blogが無料で「WordPress」で使えたらとっと乗り換えるんですけど



でももう一つもしうまく「WordPress」を導入できても

このBlogをうまくお引越しできるかもやったことないですし

何よりBlogのアドレスが変わるのがちょっと辛いかなとも思っています

こんな「staff」のBlogにも読者がいらっしゃるのにその方たちのために申し訳ないなと

でも独自ドメインも有料なんだよな~



ほんと「staff」意外にちょっとミーハーなところがあってこのBlogにデビューする前から

だって今はバージョン3.5.1らしんですけど「staff」は2.0の頃から興味津々だったんです

一度噂に聞く「WordPress」を触ってみたいなと思っちゃってもう困ったもんですね

その時はまさかこうしてデビューするなんて思いもしてなかったんですから

おっさんヲタクかと言われてもこりゃ仕方ないですね



もし変わっちゃった場合はみなさまごめんなさいね

なにかいい解決方法があったらまたみなさま教えて下さいね






フリーソフトを紹介してくれるところのご案内 いろいろと

再び「staff」です。

先ほど「売れないネットショップどうすれば! FC2ショッピングカート その10 カスタマイズ No005」にて

FC2ショッピングカートのcustomテンプレートの

画像のアップロードとショップロゴの設置方法をご紹介しましたがちょうどこの部分ですね


FC2カートcustom009-03



きっと中にはパソコンで絵がかけるのとかどうやってショップロゴ作るのとか

それはそれはいろんなこと思われたかたがいると思います


簡単なものならWindow標準の「ペイント」でもいけますし

ワードだってエクセルだってパワーポイントだってショップロゴ作れますよ


プロの方は業界標準といわれる「Adobe」の製品をお使いでしょう

きっと定番の「Photoshop」「Illustrator」「Fireworks」といったところでしょうか

商用ベースのすごく高機能なソフトでお仕事されてると思います

その分パソコンのパワーは入りますよ

中には3Dソフトを使われたりCADソフトなどもうパソコンで絵を描く方法は様々・・・・

それにスキャナでお店の画像を取り込んだり

デジカメやスマホなどでも画像を取り込めますし何でもありですよ


でも初心者の方におすすめなのが

取急ぎになりますがフリーソフトがとても便利ですよ

ちょっとフリーソフトを紹介しているホームページをご紹介しておきましょうね


検索エンジンで「フリーソフト紹介サイト」と打っただけでもものすごい量です

ほんと20年くらいまえはこんなになかったんですほとんど有料ソフトだらね

今はただでほんと高機能で使えるフリーソフトが沢山でいい時代になりましたね


Vector

k本的に無料ソフト・フリーソフト

フリーソフト100

窓の杜

などなど多数あります


ちょっとマニアな方へは

ワールドソフト

ソフトアンテナ

filehippo.com


などなどありすぎるくらいありますよ

本屋さんでもフリーソフトの本が多数あります。


でも僕のBlogにも取り上げたんですが

えぇ!! あの高嶺の花のフォトショップやイラストレーターが無料に!!」が

ちょとバージョンは昔のCS2ですが基本操作はムチャクチャ変わってません

もしお使いのパソコンで動くのならこれからプロを目指す方にはお勧めです

ほんと使いこなせないくらいの高機能ですから



使い方は検索エンジンで「○○の使い方」でもたくさん出ますし

youtube」や「動画マニュアル.com」などで使い方教えてくれますからね

一番使いやすい自分とパソコンにあったソフト使ってみて下さいね



ただしソフト同士の相性により喧嘩(コンフリクト)なども発生するので入れ過ぎにはご用心を


これでパソコンをメーカーに調子が悪いとか立ち上がらないとかで

修理に出すとほぼ強制的に「ソフトの不具合」として処理されて

お金を取られる上リカバリされてパソコン初期化帰ってきちゃうんですから


「staff」はそんなお仕事してたからほんとですよこれ信じられます


日頃から大事なデータ音楽や動画などは著作権がとか言われるし

特に思いでの写真やご自分で作られた書類などは必ずバックアップして下さいね


そんな時にはweb上で写真を加工してくれるサイトサービスもありますよ

例えば

画像加工の無料サイト:写真加工.com

無料画像加工サイト::もじまる

などなど


他にもNAVER まとめなどにもこんな特集が

使ってみたよ!無料写真・画像加工サイトのリンク集

とにかくショップロゴ作れる環境はたくさんあるのでお好きなものをどうぞ



flower-digiclock

decoboko.jp

プロフィール

michiworkstaff

Author:michiworkstaff
代表の「michiwork」さんと全く違う情報発信していく手作り家具と雑貨のお店「michiwork」のstaffによるBlogです。

でも誤字脱字は気にしないで下さいねみなさん!!

カテゴリ
michiworkへのリンク
staffのTwitter
最新記事
ナチュラル家具と雑貨のお店 Welcome! 「michiwork 」

マウスで見る方向変えられます

タグクラウドとサーチ

最新トラックバック
月別アーカイブ
検索フォーム
RSSリンクの表示
てんとう虫がうろちょろするよ(Twitter連携してます!!)

てんとう虫がうろちょろします

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。