Entries

【リンク】キーワードを3つをエクセルで組み合わせる方法

これまた便利

エクセルの関数も
関数を使えばすごいんだなーと
再認識

こちらは
3つのキーワードを
組み合わせてくれる
関数

便利便利!

後は
キーワードの
選び方が
問題だわ(^^;)

http://google-adwords-lab.siempre.co.jp/2013/03/keyword-generator/

2013090401.png


【リンク】ウエブ広告のキーワードをエクセルで大量作成

最近は
ウエブもマーケティングができないと
駄目らしい

大変だよ

でも
地道にやるしかないという事で
今さらなのでしょうが
Google Adwordsなどを
勉強し始めた

Google Adwords などで
広告を掲載しても
クリックしてもらわないと
広告をだしても
売り上げにはつながらない

クリックしてもらうためには
クリックしたくなる
キーワードが大切


という事で
キーワード作成について
リサーチ

キーワードを
エクセルで
管理するらしいが
組み合わせを
エクセルの関数で
管理できる方法が
以下のページに合った

http://google-adwords-lab.siempre.co.jp/2009/05/easy-step-to-make-keyword-list-excel/

=CONCATENATE(B$1,” “,$A2)

コピーと書いてあったのが
私のセルはエラー表示

なので
「”“」

「""」
半角に変更したら
すごい!すごい!

大量生産できた(^^)


2013090402.png

【JQuery】ドラッグできるダイアルボックス(動かせるボックス)

もう一つみつけたのは
「Draggable」JQuery

閉じるボタンがないから
何に使えるかまだ分からないけど
取り敢えずリンクだけでも

Draggable jQuery UIjqueryui.com-draggable

【JQuer】ページトップにダイアログボックスを表示させる(ページの一番上にポップアップみたいに表示されるやつ)

Puffyのサイトを見て
これ作りたいというわけで
探した

PUFFY-Official-Websitepuffy.jpg

どうやらダイヤログボックスというらしい。JQuery探すのに時間がかかる。

Dialog jQuery UIjqueryui.com-dialog


使い方は、簡単すぎてびっくり!!!
20130625viewsourse.gifをクリックして
ソースをコピーするだけ!!!

にあるソースは、自分のソースの
内へコピー
~にあるソースは、 内へコピー

ダイアログボックスのサイズ変更は、以下のサイトのJavaScriptを参考に!
------------------------------------------------------------
http://alphasis.info/2011/06/jquery-ui-dialog-height-width/
------------------------------------------------------------

※ソースがコピーでは表示できない事に今さら気がついた。。。
 次回はソースコードを表示できるようにしなくては。。。
 http://www.netyasun.com/syntaxhighlighter/




Joomla1.5をサーバーからローカルにインストール。。。

めったにインストールなんてしないけど
NetCommons以来のインストール

Jommla初。。。

サーバーのjoomlaのデータを
ローカルで再現する作業

プログラマーでない私は
3日かかった
ダメかと思ったけど
3日目に何とか表示されて
安心した

方法は、こちら
------------------------------------------------------
①joomla1.5は、古いバージョンなので
 xamppも昔のを使用(xampp1.6.8)
 xamppのインストール

【参考サイト】http://tomotomosnippet.blogspot.jp/2010/04/xamppxampp.html
------------------------------------------------------
②何度もxamppを入れなおした為か
 とうとうmysqlが立ち上がらなくなり
 cmdでmysqlを削除

【参考サイト】http://room6933.com/blog/2011/04/20/start_error_mysql_on_xampp/
xamppをアンインストール
もしmysqlのサービスがまだ残っている場合はコマンドプロンプトから
sc delete MySql
を実行する。
再度xamppをインストールしMySQLを起動してみる。
------------------------------------------------------
③再度xamppのインストール
 IEでlocalhostと入力するとxamppの画面が出る事を確認
------------------------------------------------------
④xamppのhtdocsにjoomla1.5を解凍したファイルを移動する
 ※xamppのindex.phpは、別名(index_xampp.php)に
  変更して取っておく
【参考サイト】Joomla1.5.3ファイルDLサイト
http://globalbase.dl.sourceforge.jp/joomla/30791/Joomla_1_5_3_ja-JP_Stable.zip
------------------------------------------------------
⑤IEでlocalhostと入力するとjoomlaのインストールが
 はじまる
 joomlaのサイトが表示されるのを確認
------------------------------------------------------
⑥localhost/index_xampp.phpにアクセスして
 phpmyadminにアクセス
------------------------------------------------------
⑦jommlaインストール時に作成したDBを選択
 サーバーから作成したsqlファイルをインポート
 IEの画面を再表示、テキストデータが表示された!(^^)
------------------------------------------------------
⑧サーバーからhtdocsのファイルをすべてDLしてくる
------------------------------------------------------
⑨ローカルのxampp/htdocsのconfiguration.phpを別フォルダーに
 保存してから、サーバーのhtdocsのファイルをすべて
 ローカルのhtdocsフォルダにコピー
 ※この時「.htaccess」なのどいらなそうなファイルは
  別フォルダーに移動しておく(削除しても恐らく問題ない)
------------------------------------------------------
⑩xampp/htdocsのconfiguration.phpを戻す
 IEで再表示すると、サイトが出来上がっていた!
------------------------------------------------------
------------------------------------------------------

長い3日間だった。。。

以下は、3日間の試行錯誤でその都度、記録しておいたメモ
勉強用に取っておきます。
------------------------------------------------------
Xamppはすでにインストールしてあったので
htdocsの中にJoomlaを解凍したデータを
すべて移動
※Xamppのindex.phpは、名前変更で!
私はphpmyadminのリンクを見るのに
 使ってます。

1回目は、データベース構築中に止まってしまった
戻るボタンで戻れて、再度挑戦したがやはり止まってしまった

xamppの初期画面からphpMyAdominのリンクへ飛んで
データベースを消す!
これが分かるまで色々な事をしたけど
結局は、データベースを消せばよかっただけ。。。

何度もxamppでmysqlのon/offを繰り返していたせいか
apacheが突然止まってしまった
startボタンを押してもbusy...
と言われるばかり

色々調べた
80番ポートが使用されているとbusy...になるというので
cmdを開いて
C:\Users\sato>netstat -ano
というコマンドを打ってポートの使用状況をチェック
LISTENINGになっていると使用されているという事らしい
この場合、PIDの1672というのがポート80番を使用している
という意味らしい
------------------------------------------------------
プロトコル ローカルアドレス 外部アドレス 状態 PID
TCP     0.0.0.0:80   0.0.0.0:0 LISTENING 1672
------------------------------------------------------
■ポート80を使っているプロセスからアプリケーション名を特定する
ctrl+Alt+Delキーを一緒に押す>タスクマネージャ>プロセス タブ
を開く
トップのメニュー 表示>列の選択
で、「PID(プロセル ID)(P)」をチェック
------------------------------------------------------
参考サイト;http://nuru.me/blogs/2009/04/xamppapach.php
------------------------------------------------------

結果は、httpd.exeのApache HTTP Serverが
使用しているという事でこれってXamppだよね?!

正常に戻らなそうなのでXamppをアンインストールすることに
しかしすべてのプログラムにXamppのフォルダーが見つからず
Uninstallできない!

調べたら、セーフモードで立ち上げて
Cドライブから直接xamppフォルダーを削除でいいらしい
なんて、簡単!マックみたい^^

削除して、再インストールで上手くいった


最新のjoomla2.5で上手くいかないので
サーバーと同じjoomlaのバージョン1.5に変更
Joomlaのインストール画面でエラーがでた
------------------------------------------------------
Deprecated: Assigning the return value of new by reference is deprecated in C:\wamp\www\joomla\libraries\pattemplate\patTemplate.php on line 1424
------------------------------------------------------
調べるとmysqlのバージョンが高すぎ?!
WAMPは、よくわからないけど、xamppみたいなソフトなのかな?!
------------------------------------------------------
Are you getting any such error, while installing any Joomla site in your localhost , WAMP ??
Well,its because of PHP 5.3 , which comes in WAMP 2.0i package and not Joomla.

You have two choices to fix this issue,either use WAMP 2h (previous version) or download PHP 5.2.9-2 addon from WAMP website.
------------------------------------------------------
参考サイト:http://www.joomlahackers.net/joomla-tutorials/deprecated-assigning-the-return-value-of-new-by-reference-is-deprecated-in-cwampwwwjoomlalibrariespattemplatepattemplatephp-on-line-1424.html
------------------------------------------------------

なので、mysqlのバージョンをcmdで調べてみる

使用したコマンド
①cd : change directory
C:\で始まっていなくて。。。
 C:\Users\sato> cd C:\
と打つと
C:\
 から始まった
②dir : ファイルやディレクトリの情報を表示させることができる
C:\>dir
と入力するとCドライブにあるファイル・フォルダが表示された

■コマンドプロンプトでmysqlのバージョンチェック
------------------------------------------------------
C:\>xampp\mysql\bin\mysql --version
xampp\mysql\bin\mysql Ver 14.14 Distrib 5.5.8, for Win32 (x86)
------------------------------------------------------
参考サイト:http://blog.goo.ne.jp/abell929/e/9a017d1da3532fbe847685fc269f5eb7
------------------------------------------------------

必要なxamppのバージョンがわからないの
joomla1.5 xampp で検索

どうやらxampp1.7を使うらしいので
xamppの旧ファイル一式があるページからDL
------------------------------------------------------
http://sourceforge.net/projects/xampp/files/
------------------------------------------------------




【リンク】 無料イラスト

幼稚園児のイラスト・絵カード

http://illustration-card.livedoor.biz/

------------------------------------------------------
●商用のウェブサイトにも、当サイトのイラストを掲載いただけます。
(ただし素材としての配布は禁止します)
------------------------------------------------------
と利用規約に書いてあるので
商用でも使えるはず。。。


ゴミイラスト

経済産業省のページにゴミのイラスト発見
http://www.meti.go.jp/policy/recycle/main/data/illust/index.html

最終更新日:2005.08.08

かなり古いですが、使えそう。。

ただし、
------------------------------------------------------
使用される際出典の明示が必要となりますので、
ご理解くださいますようお願い申し上げます。
------------------------------------------------------
だそうです。




css IE6 dl dt dd 罫線が。。。ボーダーが。。。

dtにfloatを入れると
罫線が発生する(><)
↓↓↓↓↓↓↓↓
dldtdd.gif

解決方法を以前どこかで見たけど
今回は見つからず。。。

しかし
ie6で問題があったら
width, zoom, position: inline
どれかを指定するとは
良く書いてあるので
とりあえずやってみる

結論としては
dlにwidthを入れたら解決!

dtでもddでもなく
dlに入れる!!!!!!!!

そういえば
z-indexの時も
問題が起こっているタグではなく
親タグ?というかのか?
その上のレベルに入れないと
上に来なかったので
なんでも上のレベルに入れとけば
良いのかも
(^^)

メニューボタン JavaScript

このボタンいけてる!
真似したい!
http://www.a-one.co.jp/product/iid/contents/about/index.html
About i-iD|名刺コミュニケーション 支援プロジェクト i-iDwww.a-one.co.jp-product-iid-contents-about-index(1)


このサイトのJavsScriptらしい。。。
http://suzken.com/2010/10/jquery-img-anime.html


suzkencomsuzkencom-2010-10-jquery-img-anime.jpg

css 画像を入れたら行間が狭くなってしまった

背景画像が指定できない
ホームページのお仕事は
まだ納品できず。。。。

次には
FAQのコーナーで
AxxxとAの画像を入れたら
その行だけIE6で
行間が狭くなってしまい
ど~しても
解決できず。。。。

やっと見つけた
このサイトのおかげで
なんとか
治った(--;)

http://css-happylife.com/archives/2006/1018_0035.php

私の設定はこんな感じで

.faq_txt_box dl dd img {
padding:0.5em 0;
vertical-align:middle;
}
.faq_txt_box dl dd > img {
padding:0;
}


.faq_txt_box dl dd > img の>の
使い方がよくわからなかったが
調べる元気も
今はないので
なんとなくマネしくだけ
(何かのハックだった気がするけども。。。)

とりあえず
今日は
おしまいにできる♪


ウエブ cssでclearを使うとなぜか下に空白が出来てしまう(><)

ずーっとこれで困っていて
どうしても解決方法が見つからなかった

今日やっと見つかった(><)

http://blog.sakurachiro.com/2011/03/firefox-margin/
------------------------------------------------------------
overflow: hidden;を追加するとFirefox 3.6.15でも意図した表示になるようです。
ul:after {
content : '';
display : block;
clear : both;
height: 0;
overflow: hidden; /* 追加 */
}
------------------------------------------------------

http://helog.jp/hp/css-2/1238/

今度やってみよ~♪

これも似たような理由かしら???

http://blog.justoneplanet.info/2008/05/26/firefox%E3%81%A7%E3%83%95%E3%83%83%E3%82%BF%E3%83%BC%EF%BC%88footer%EF%BC%89%E3%81%AE%E4%B8%8B%E3%81%AB%E9%9A%99%E9%96%93%E3%81%8C%E3%81%A7%E3%81%8D%E3%82%8B/

Dreamweaver 検索・置換 効率アップに正規表現

なが~い間、Dreamweaverを使用しているけど
あまり機能を使いこなしてこなかった(^^;)

今日、テーブルをワードからコピーしたら
width が、それも数値が入っているので
普通に一括で削除できず
どうしようか検索してみたら
ワイルドカードという検索方法を見つけた

知ってると知らないじゃ
えらい違いだ!

早く終わった時間で
ブログも書けるしね(^^)

このサイトをチェック↓↓↓↓↓↓↓
http://tenderfeel.xsrv.jp/memo/70/





リンク ボタン切り替え式アコーディオン

ボタンをクリックすると地図が表示
というのを作るのに使用させてもらった

http://basicwerk.com/blog/archives/100

1ページ中にいくつもボタンを配置するため
idをclassに変更(JavaScript中も)

+-は、使用しない為、JavaScriptから削除

Dreamweaverのような無料のWebオーサリングソフト

Dreamweaverを持っていない人に
何かないかな?!と思って
見つけたソフト

http://www.kompozer.net/index.php


無料とは思えないくらいにいい感じのソフト!

英語なのはちょっと難しいかもしれないけど
無料で良いソフトってやっぱり外国製が多いな~

KompoZer - Easy web authoringwww.kompozer.net-index(1)


【追記】
このソフトを使用してみたら
タグが自動で追加されちゃいました(><)

仕事では使えないよ~

地籍調査HP ランディングページ

http://www.chiseki.go.jp/chosa/l1/

http://www.chiseki.go.jp/chosa/l2/

http://www.chiseki.go.jp/chosa/l3/

http://www.chiseki.go.jp/chosa/l4/

http://www.chiseki.go.jp/chosa/l5/


【リンク】Roundcornerを画像なしで作れる jquery (ie6もOKだった!)

これだけ簡単に角丸が作れると本当に
効率アップだと思う!!!(^^)

以前は、

分からないから
とか
JavaScriptOFFにしている人に見えないから

とか思って、
極力CSSで対応したいと思ったけど
JavaScriptは、必要だわ!!!

jQuery Corner Demo
http://jquery.malsup.com/corner/

【使用していたサイト】
http://medical.nikkeibp.co.jp/all/special/sa/als_rilutek1/

【リンク】参考用 制作実績一覧ページ

ELEPHANT COMUNICATIONS
http://www.elephant-com.co.jp/works/

DAS style
http://www.das-style.com/work/example.html

Biscom
http://www.biscom.jp/works/works01.html



【リンク】css 簡単にIE6,7,8に適応させる

Nettuts+

Quick Tip:
How to Target IE6, IE7, and IE8 Uniquely with 4 Characters


------------------------------------------------------
body {
color: red; /* all browsers, of course */
color : green\9; /* IE8 and below */
*color : yellow; /* IE7 and below */
_color : orange; /* IE6 */
}
------------------------------------------------------

【リンク】トップページにスムーズに移動するjavascript

colis.com
[JS]簡単に設置できるページ内をスムーズにスクロールできるスクリプト -Page Scroller ver.3


本当に簡単でした!














【リンク】.htaccess .htpasswd のつくり方

.htaccess活用法(1)

Appendix

いま欲しい物!


楽天

ポイントサイト

アンケートモニター登録
唯一続いているモニターサイト 地道に稼いでる 日々の生活にhappyをプラスする|ハピタス
1pt=1円なのでわかりやすい 私はこれにまとめてる

ウェザーニュース

FC2カウンター

Powered By FC2ブログ

Powered By FC2ブログ
ブログやるならFC2ブログ