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. [url removed, login to view]
2- HTML5, CSS3
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 [url removed, login to view] 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