HTML form to publish content

IN PROGRESS
Bids
15
Avg Bid (USD)
$101
Project Budget (USD)
$30 - $250

Project Description:
This HTML work is really easy.
Please review attached file with accurately description and wireframes which help you to do it faster.
Maximum budget: $100 USD
Delivery: we need to create an HTML form for publishing. This link is located in the homepage and when you click it goes to this form that will keep the homepage as a background image.

Take into account:
1- HTML Template must follow this look&feel (style3). Same colors, same font. http://demo.nookthemes.com/html/Hipstar/style-3/index.html
2- HTML5, CSS3
3- Javascript, use Jquery, if you would like to use another plugin ask me
4- Compatible with 1024x728. The width of the form should be about 600px.
5- Link to Form: From the homepage you click in the publish link and takes you to the form that keeps the homepage as background like http://pinterest.com/ does. Pinterest create such as a lightbox but it really goes to a new URL.

Publish Form fields:
1- Drop-down menu with these options: Actividades locales, Cine, Coches, Cocinar, Compras, Economía, Fotografía, Fútbol, Humor, Moda, Música, Nuevas tecnologías, Series, Viajar, Videojuegos
2- TextBox similar to Twitter with a counter of 140 maximum chars. Inside the textbox add “¿Qué ha pasado?” text. The Font-size of this textbox would be bigger than the rest of the fields
3- 6 buttons: there are 6 types of publications and each one has a description section below the buttons. Type of publications: Microblogging, Images, Video, Write, Music, Link
3.1- Microblogging description section: “Microblogging: escribe algo breve”
3.2- Image description section has 2 options for:
>Uploading an image from your PC: “Sube una imagen de tu ordenador:” with a Browse button called “Examinar”
>Copying a link: “Link:” text should be prior a textbox with this default text within “Copia el link de una imagen http://”
3.3- Video description section: “Vídeo:” text should be prior a textbox with this default text within “Copia el link de un vídeo http://”
3.4- Write description section: “Escribir más: abajo puedes seguir escribiendo”
3.5- Music description section: “Música:” text should be prior a textbox with this default text within “Copia el link de una canción http://”
3.6- Link description section: “Link:” text should be prior a textbox with this default text within “Copia el link http://”
4- Tags: This field will be enable if it IS NOT Microblogging.
Within the textbox show: “Incluye palabras clave que definan la publicación”
5- Add more text: This field will be enable if it IS NOT Microblogging.
Within the textbox show: “Escribir más…”
6- Label: we will use the textbox to add people to this post and an information icon which show the following message when you roll-over “Todos los contactos no registrados recibirán una invitación a la web”
7- Publish button: Called “Publicar”

IMPORTANT: point 4 and 5, “Tags” and “Add more text” will be visible only if you select any button which IS NOT Microblogging

Skills required:
CSS, HTML5, Javascript, jQuery / Prototype, Website Design
Additional Files: HTML_form_to_publish_content.doc
About the employer:
Verified
Public Clarification Board
Bids are hidden by the project creator. Log in as the employer to view bids or to bid on this project.
You will not be able to bid on this project if you are not qualified in one of the job categories. To see your qualifications click here.