【ヘッダーのみ】レスポンシブでコーディングの仕事 [IT・通信・インターネット]
【ヘッダーのみ】レスポンシブでコーディングに関する仕事・募集案件ページです。クラウドソーシングのランサーズで、レスポンシブサイト制作に関する最適な外注/発注先をお探しの方、副業案件・求人をお探しのフリーランスの方はまず会員登録がおすすめです。
レスポンシブサイト制作に関連した他の仕事を探す
見積もり募集の結果
募集期間
2日間
提案数
4件
当選人数
1 件
(募集人数1人)
実際の発注内容
ブロンズ 認証済み、受注実績のあるランサーです 素早く、正確に、柔軟に
- 希望時間単価 ---
- 実績 225
- 評価満足率 100 %
- プロジェクト完了率 97%
- 機密保持
- 本人確認
- 電話
はじめましてツバサ475と申します。 フリーランスで画像加工や動画編集などのメディア作成から、webサイトやwebサービス、スマホアプリの開発など行っています。 実績例 ・WordPress用テンプレート制作によるwebサイト構築 ・静的webページへのWordPress導入 ・Unityを用いたゲーム開発 ・アンケートシステム構築 ・ウェディング向け動画制作 など ... 続きを読む
- 対応可能な依頼のジャンル
- 店舗（飲食店・居酒屋など）
- 美容室・サロン
- 医療・医薬
- 住宅・不動産
- IT・通信・インターネット
- 金融・保険
- コンサルティング・シンクタンク
- ファッション・アパレル
- スポーツ・フィットネス
- 卸売・小売
- ... もっと見る
見積もり募集の内容
- 依頼主の業種
- IT・通信・インターネット
- サイトの種類
- 企業サイト
- 依頼の目的・背景
-
ワードプレスへ組み込み予定です。
ヘッダーのグローバルメニューをレスポンシブでの制作をお願いします。
クライアントからの依頼でサイト構築中なのですが、今回依頼する部分まで手が回らないのでお手伝いをお願いします。
以下の仕様でコーディングできる方、ご協力をお願いします。
【PC】
・ヘッダー上部にはロゴやキャッチなどが入るので、高さ100px位をDIV要素を使って開けておいてください。
・<nav>幅は100％で、中のUL幅が1000px
・下にスクロールしていくと、グローバルナビが追従してくる
・フローバルナビのリンクにマウスカーソルを合わせると子メニューが下に展開するようにしてください。
・フッター付近に到達したら追従してきたグローバルナビがフェードアウト
【SP】
・ヘッダー部はロゴを左に置き、右端にメニュー展開用のボタンを設置
・ハンバーガーメニューと呼ばれていると思いますが、展開ボタンは『三本線』ではなくテキスト『MENU』をボーダーで囲ってください。
・展開後は『MENU』⇒『閉じる』という動作をするようにしてください。
・展開ナビは左から画面の80％位まで出てくるようにしてください。
・展開後のメニューにタップしたら、その下に子メニューが展開するようにしてください。
【共通】
・メニューの内容は『リンク1』『リンク2』などお任せします。
・それぞれのタグには専用のクラス名を付けておいてください。
動きなど参考にしているサンプルはあるので、ご希望の方にはURLをお送ります。
希望納期まで1週間ありますが、余裕を持たせたいので良い方が見つかり次第決定させていただきます。
質問などあれば気軽にどうぞ。
- 期待する効果
-
- 問い合わせを増やして新規リードを獲得したい
- スマートフォンに対応させたい
- サイトが古いのでリニューアルしたい
- ターゲット像
-
- 20代
- 30代
- 40代
- 女性
- ページ数
- 1 ～ 5ページ
- スマホ対応の有無
- レスポンシブWebデザイン
- 参考URL
-
https://www.nxworld.net/example/stikcy-or-change-header-and-navigation-when-scrolling-using-jquery/demo03.html
http://www.site-convert.com/archives/1124#i-4
https://saruwakakun.com/html-css/reference/nav-drawer
- 業務の範囲
-
- コーディング
- 用意してある素材
- 用意していないため、ランサーに相談したい
- 納品方法
- ZIPファイルによる納品
- 納品後のサポート
- ランサーに相談して決めたい
- 補足説明
- 設定なし
この仕事に似たレスポンシブサイト制作の他の仕事を探す
- サイトの種類(HP)
- 企業サイト
- 制作のボリューム
- 1 ～ 5ページ
- スマホ対応(HP/LPカテゴリー)
- レスポンシブWebデザイン
- 業務の範囲
- コーディング
- 納品方法
- ZIPファイルによる納品
- 依頼のジャンル
- IT・通信・テクノロジー
- エリア
- 大阪府