ساخت قالب اختصاصی برای آزمون ساز

[احسان افشاری]

من با سی اس اس یه قالب براش نوشتم که امیدوارم بهتر شده باشه ،
البته اگه فایل های بکگراند رو تو سرور خودت آپلود کنی و از اونا بجای رنگ استفاده کنی زیباتر هم میشه . حالا این کد هارا بجای قبلی بذار . برای دکمه های بعدی و "توانایی نگه داشتن" هم سعی کن از تصاویر نزدیک بهم استفاده کنی که زیبا تر بشه . من برای دکمه ی بعدی از یه دکمه ی دلخواه استفاده کردم که با دکمه ی کناریش بخونه ، ولی اگه تصویر بهتری پیدا کردی جایگزنین کن با این آدرس ها :

کد: (انتخاب همه)

background-image: url("http://freeupload.ugig.ir/uploads/0269.png");

و

کد: (انتخاب همه)

background-image: url("http://freeupload.ugig.ir/uploads/0047.png");

این هم سی اس اس قالب :

کد php: (انتخاب همه)

.ariQuizHeaderName {
     background-image: url("http://www.forums.parsjoom.ir/attachment.php?aid=2866");
     background-repeat: repeat-x;
     color: #FFFFFF;
     font: 17px tahoma;
     height: 34px;
     padding: 10px 45px 0pt;
     width: 800px;
}

.ariQuizTimeCnt {
     background-color: #F39241;
     color: #FFFFFF;
     font: 13px tahoma;
     padding: 0pt 10px 0pt 0pt;
}

#ariQueMainContainer {
    background-color: #345781;
    font: 13px tahoma ;
    color: #FFF;
    padding-right: 25px;
  width: 708px;
    float: right;
    height: 41px;
  border: 1px #AFE solid;
}
.ariAnswer {
    border: 2px #668EBA double;
    float: right;
    width: 700px;
    padding: 4px;
}

.ariAnswerChoice {
    border: 1px #000 dashed ;
    padding: 4px;
    width: 39px;
}

.ariQuizHiddenOnLoading {
    
}

.ariQuizQuestionLeft {
    
}

.ariQuizQuestionTitle {
    
}
#tdQuestionInfo 
{
    border: 2px double orange;
    text-align: center;
    padding: 5px;
    width: 100px;
    float: right;
    text-align: center;
    font: 15px tahoma;
}

input.button[class="button"] {
    background-image: url("http://freeupload.ugig.ir/uploads/0269.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 128px;
    width: 158px;
}
input.button[class="button disabled"] {
    background-image: url("http://freeupload.ugig.ir/uploads/0047.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 128px;
    width: 158px;
    font: 0px tahoma;
}

.ariQuizQuestionTitleCnt {
    background-color: #345781;
    text-align: center;
    font: 15px tahoma;
    color: #FFF;
    padding-top: 10px;
} 


حاصلش هم برات پیوست کردم که بدونی سرانجامش چه شکلیه ، البته عرضشو تو کد یکم تغییر دادم ولی تو پیوست قبلیه هست که تا انتها رفته !
بقیه نکات رو هم ایمیل کردم

یا حق