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

[rezaetemadi]

سلام دوستان من می خواهم برای قسمت سوالات آزمون ساز ari-quiz-pro یک قالب اختصاصی بزنم

شما به این سایت بروید
دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.

بعد وارد من آزمون بشوید

روی نهج البلاغه کلیک کنید و وارد آزمون بشودید و قسمت سوالات را ببینید

من می خواهم سوال را داخل یک کادر بگذارم
جواب هم همینطور
برای قسمت زمان و نمودار سوالات هم یک مکان خاصی تعریف کنم

برای قسمت سوال 1 از 10 هم قسمت خاصی تعریف شود

در کل میخواهم شکل و قیافه خاصی بگیرد و از این حالت سادگی خارجش کنم

ممنون می شوم کمکم کنید
چند روزی است که دارم رویش کار می کنم ولی هنوز نتوانستم مشکلم را برطف کنم
ممنون می شوم دوستان به من کمک کنند

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

سلام ،


برای اینکار به فایل css قالب بروید و کد های زیر را در آن قرار بدهید :

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

.ariQuizHeaderName {
    height: 30px;
    padding: 10px;
    font: 19px tahoma;
    color: blue;
    padding-right: 30px;
    background-color: #00FF33;
    border: 1px blue solid;
    border-radius: 5px;
 -o-border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}

#ariQuizTimeCnt {
    height: 20px;
    padding: 10px;
    font: 12px tahoma;
    color: red;
    padding-right: 30px;
    border: 1px green solid;
    -o-border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
    background-color: #33FFCC;
}
#ariQueMainContainer {
    text-align: right;
    font-size: 19px;
    background-color: white;
    padding: 10px;
    height: 30px;
    padding-right: 20px;
border-radius: 3px;
    -o-border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
    border: 1px blue solid;
}
.ariQuizQuestionTable {
    background-color: #CCCCCC;
}

.ariAnswer {
    background-color: wheat;
}
.ariQuizHiddenOnLoading {
    background: white;
    border-radius: 3px;
-o-border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
}
.ariQuizQuestionLeft {
    background-color: gold;
} 


این یک نمونه ساده بود و من در آن از css3 هم کمک گرفته بودم که شما میتونید کار رو زیباتر از این هم بکنید.

[rezaetemadi]

در کدام قسمت

یعنی یک قالب جدید بسازم ؟

[rezaetemadi]

من ممنون
ولی کمی بیشتر راهنمائی می خواهم

[mal2moh]

برو توی پوشه قالبت بعد پوشه css بعد فایل template.css برو آخر فایل و کدهای بالا رو آخرش کپی کن.

[rezaetemadi]

من کد را اضافه کردم

لطفا یک بار دیگر خودتان سایت را چک کنید
دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.


کمی بیشتر راهنمائی می خواهم
چون زیاد به دل ننشته

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

اینکه به دل ننشسته رو قبول دارم ، من اون موقع که کد ها را بافایرباگ تست میکردم خیلی اینشکلی نبود ! و یک مورد دیگر هم اینکه در رنگ ها من رنگ ها را با نام نوشتم و شما باید کمی خلاقیت و سلیقه به خرج بدید و از رنگ های رسمی تر استفاده کنید ...

اگر کمی سی اس اس بلد باشید به راحتی میتونید فرم مورد علاقه ی خودتون رو تهیه کنید .
در مورد سی اس اس هم مراجع زیادی برای یادگیری موجود است و کلا سی اس اس خیلی دشوار نیست !


موفق باشید ، یا حق

[rezaetemadi]

ممنون تلاشم را بیشتر می کنم

درباره کد رنگ ها هم متوجه شدم با نام نوشتید

اگر باز هم مشکلی برخوردم در همین تایپیک مزاحم شما دوستان می شوم

[mal2moh]

دوست عزیز
از حالت اول خیلی بهتر شد و مطمئنا خیلی حرفه ای تر هم خواهد شد
هم چیز را همگان دانند

سپاس

[rezaetemadi]

آقای افشاری من هر کاری کردم نتوانستم تغییر زیادی بدهم

البته منظورم در تعییر رنگ و ... نیست

می خواهم کمی شکل و قیافه اش را بهتر کنم