× このお仕事の募集は終了しています。

×

プログラムの修正依頼 html/css/js ウェブデザインの仕事の依頼

1.0
時間単価制
1,000円 〜 1,500円
稼働時間/週 20時間/週
期間 1週間〜1ヶ月
掲載日
2018年07月25日
応募期限
2018年08月08日
必要なスキル

応募状況

応募した人 11 人
契約した人 1 人
募集人数 1 人
気になる!リスト 8 人

仕事の詳細

目的・概要
ある程度のwebのデザインは完成しております。
依頼詳細
ある程度のwebのデザインは完成しております。
修正内容は下記の通りです。

修正1
横幅1000px以上でリスト(画像と文のセット)が4つ横並びになりますが、左側の2つの文が1段下にずれているのを合わせてもらいたい。

修正2
ウィンドウを狭めると(幅1000px以下)リストが2行、2列になります。しかしある地点(2箇所)で、1つのリストだけ大きく下にずれ込みます。ですので位置が変わらないよに修正お願いいたします。
ちなみにその地点以外問題なく、修正1のように文章だけ1段ずれるという症状はない。

修正3
タブレットサイズ(幅1000px以下)になると右上にメニューバーが出現するが、マウスでカーソルを合わせると、バー部分(三本ライン)にぴったりカーソルが合っていないとポインターが変化しなく、クリックできない。同じくメニューバーをタップ後、キャンセルボタン(✖️印)が出現するが同じくマウスが実体(✖️印)に重なっていないと、カーソルのポインターも変化しないですし、クリックもできない。
本来はメニューバーやキャンセルボタンを一つのブロックとしてクリックできるようにしたい。

修正4
メニューバーをタップするとメニューが出るが500px以下ではメニューの全体の幅を100%で項目(文字)を常に中央寄りにしたい。
またメニューバーが出現する670pxから500pxの間はメニュバーをタップするとメニュー全体の幅が大きすぎるので、展開後の幅を全体の半分の幅でかつ項目(文字)は上記と同様中央寄せにしたい。

修正5
依頼フォームで氏名、番号、メールアドレスの入力項目がありますが、670px以上で1行目に2項目、2行目に1項目並びますがこれを1列に並べてもらいたい。

修正6
依頼フォームは3ステップになっていますが、2ステップ以降の戻るボタンをタップすることで1つ前の項目に戻れるようにし、入力内容も残したままにしてもらいたい。
補足:上記は次へ進むことで新しいページに移動しているのではなく表示(;block)、非表示(:none)で表現しているためhistory.back()では戻れません。

修正7
依頼フォームではキャンセルボタンが常にあるが狭いウィンドウサイズにすると、クリック時のポップアップが画面からはみ出てしまう問題を修正してほしい。画面サイズに合わせ中央寄りにしてほしい。おそらくabsoluteが原因だと思います。

修正8
上記と同じ現象でトップページ内の問い合わせボタンからのポップアップもウィンドウ幅が狭いとはみ出てしまいますので、画面に合わせて可変にしていただきたい。

修正9
依頼フォームでは次へボタンや送信ボタンがあるがインプット要素に値が入ってから次へや送信ボタンを押せるようにしたい。
また次へボタンは完全に消すのではなくopacityで薄くするだけで良い。また1ステップ目ではすでに選択された状態なので次へのボタンは初めから押せるようにして良い。

修正10
依頼フォームの3ステップ目では地方と都道府県の選択項目(ドロップダウン)があります。
現在では地方からでも都道府県からでも選択できる状態ですが、地方からしか選択できないようにしていただきたい。
地方を選択で初めて都道府県の選択が可能になる仕組みにしていただきたい。
また地方の選択前は都道府県の項目をopacity:などで薄くしてもらいたい。

*都道府県の選択は必要項目でないため、地方選択時点で入力項の入力を満たしたとします。よってそのほかの選択済みであれば送信ボタン をopacity:1な明るくし、り押せるようになるということです。

修正11
3ステップ目では画像の選択項目がありますが現在はデフォルトの状態です。
これをあらかじめ作成した画像(サンプル画像)に置き換え、タップするとファイルの参照ができるようにしたい。
画像の選択は2枚までだが、1枚は必ず選択する必要がある。

画像の未選択時は、サンプル画像が中央にあります。
サンプル画像をタップし、画像を選択すると画像は左側に表示され先ほどの未選択時のサンプル画像より小さく表示されます。
同時に右側に同じくちいさくなったサンプル画像が表示されます。

そのサンプル画像をタップすればファイルの参照が可能です。
2枚目を選択すると右側にあったサンプル画像と入れ替わります。

選択済みに画像をタップすると、画像の変更、画像の削除、キャンセル用の✖️印があるポップアップが表示されます。

また2枚選択時で1枚目(左側)を削除した場合、2枚目(右側)の画像が左側へとずれ、右側はサンプル画像が表示される。

クライアント情報

1.0 募集実績 2 件 ありがとう 18 件

最近応募したクラウドワーカー

クラウドワーカー 応募日時
clover_mag 2018/07/28 03:06
(退会済み) 2018/07/26 15:05
努力 2018/07/26 13:35
野菜君 2018/07/25 23:16
koutaou 2018/07/25 23:00
uenimo 2018/07/25 22:57
SmileWeb 2018/07/25 18:16
businessofd 2018/07/25 17:16
kajimiura 2018/07/25 16:05
kanash 2018/07/25 15:34
arip1224 2018/07/25 15:27
ご意見箱

× 今後表示しない