În acest screencast vom începe să construim formularul de comentariu în HTML / CSS. Marcajul pentru formularul de comentariu se află în fișierul comments.php din tema noastră. Căutăm elementul pentru a-l găsi.
Distribuim fiecare dintre cele trei intrări (nume, e-mail, url) utilizând sistemul de rețea pe care îl avem. Băiete, ne-am folosit bine de asta?
Avem deja un fișier CSS exclusiv pentru lucruri legate de comentarii, deci acolo vom lucra. Primul lucru pe care îl scriem este să facem intrările din mica noastră rețea cu o lățime de 100%, astfel încât să se potrivească în coloană. Diviziunile ar face acest lucru în mod natural, dar intrările se comportă mai mult ca un bloc în linie și nu își umple automat lățimea containerelor părinte. De asemenea, jucăm cu textarea principală un pic, făcând-o lată 100% și nu la fel de înaltă pe cât era. Decidem să nu ne încurcăm cu capacitatea de redimensionare a zonei text. Nu prea sparge nimic.
Apoi, funcționează linkul Răspuns. JavaScript funcționează deja foarte bine, deoarece nu ne-am încurcat cu ID-ul formularului pe care se bazează JavaScript. Totuși, trebuie să facem o grămadă de modificări, cum ar fi să oferim formei un fundal gri, astfel încât designul să funcționeze.
Petrecem restul timpului modificând unele lucruri cu interogări media, astfel încât formularul să arate OK pe ecrane mici.