Grow your CSS skills. Land your dream job.

wordpress comment form … problem

  • # January 18, 2012 at 5:37 pm

    hi ..
    i will try to code my comments template ..
    i visit wordpress codex ,and i read more articles about it .

    but i missed something … O_o

    html :



    < !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">












    اكتب تعليقك








    حقل ضروري



    حقل ضروري























    css :


    #commentpart {
    width : 390px;
    height : 500px;
    }

    #commentform input{
    border: solid 1px #e0dfdf;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    font-family : arial ,Verdana, Tahoma, sans-serif;
    font-size: 11pt;
    font-weight : bold;
    background: #fbfafa;
    color : #607685;
    margin-bottom : 5px;
    height : 24px;
    width: 200px;
    padding : 3px;

    }


    #commentform input:focus{
    border: solid 1px #8a9db3;
    color : #607685;

    }

    #commentform .namespace{
    display: inline;
    }
    #commentform .email{
    display: inline;
    }

    .alertcomment {
    font-family: arial, tahoma, sans-serif;
    font-size : 11px;
    font-weight : bold;
    color : #d9476e;
    display: inline;
    }


    .commentarea textarea {
    border: solid 1px #e0dfdf;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    width : 375px;
    height : 170px;
    background: #fbfafa;
    font-family: arial, tahoma, sans-serif;
    font-size: 11pt;
    font-weight : bold;
    padding : 3px;
    margin-bottom : 5px;

    }

    .commentarea textarea:focus {
    border: solid 1px #8a9db3;
    color : #607685;
    }



    #commentform .submitcomment input {
    width : 100px;

    }

    #commentform .submitcomment input:hover {
    width : 100px;
    background : #607685;
    color : #f2f2f2;
    }


    #commentparttitle {
    border-bottom : 2px solid #8a9db3;
    padding-bottom: 2px;
    margin-bottom: 10px;
    }

    #commentparttitle h2 {
    font-family : arial, tahoma, sans-serif;
    font-size: 11pt;
    font-weight : bold;
    color : #8a9db3;
    margin : 0px 2px;
    }



    also , i visited and read this link :Comments costumization
    and this link : CODEX – comment form
    my idea is call the new wordpress function ( comment_form() ) to generate the form , and then get the comments by using ( comments_text() )..

    this is my form code ( css + html ) : source code

Viewing 1 post (of 1 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".