U ovom screencast-u idemo u izgradnju obrasca za komentar u HTML / CSS-u. Oznaka za obrazac za komentar živi u datoteci comments.php u našoj temi. Tražimo element da bismo ga pronašli.
Izdvajamo svaki od tri ulaza (ime, e-pošta, url) pomoću mrežnog sustava koji imamo na mjestu. Dečko, dobro smo se iskoristili od toga?
Već imamo CSS datoteku isključivo za stvari povezane s komentarima, pa ćemo tamo raditi. Prvo što napišemo je da unose u našu malu mrežu širimo 100% kako bi se uklopili u stupac. Divi bi to učinili prirodno, ali ulazi se ponašaju više poput ugrađenog bloka i ne ispunjavaju automatski širinu svojih roditeljskih spremnika. Također se malo petljamo po glavnom tekstovnom području čineći ga 100% širokim i ne tako visokim kao što je bio. Odlučili smo da se ne petljamo u sposobnost mijenjanja veličine tekstualnog područja. To zapravo ništa ne lomi.
Tada ćemo dobiti vezu Reply. JavaScript već dobro funkcionira, jer se nismo petljali s ID-om za obrazac na koji se JavaScript oslanja. Ipak moramo napraviti hrpu dorada, poput davanja obrasca sivoj pozadini, tako da njegov dizajn uspije.
Ostatak vremena provodimo ugađajući neke stvari medijskim upitima tako da obrazac izgleda u redu na malim ekranima.