کد قالب آماده برای متون و جداول خود

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

از امکانات این قالب می توان به موارد زیر اشاره کرد:

فونت بسیار زیبای Kamran در آن استفاده شده است.
جدولی بسیار زیبا دارد.
باکس حق کپی رایت بسیار زیبا طراحی شده.
لینک صفحات اصلی به با زیبایی تمام طراحی شده.
تمام متون سایه دار هستند.
قالب در صورت بزرگ یا کوچک شدن صفحه جا با جا نمی شود و فقط متون کوچکتر و بزرگ تر می شوند.
قالب بسیار کم حجمی می باشد و از بهترین خاصیت های آ این است که از جی کوئری در آن استفاده نشده است.
ظاهری ساده اما زیبا دارد.

برای دیدن دموی بزرگ اینجا کلیک کنید.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>عنوان صفحه</title> <style> @font-face { font-family: 'B Kamran'; src: url('http://www.font-api.ir/fontsdir/34.eot'); src: local('☺'), url('http://www.font-api.ir/fontsdir/34.woff') format('woff'), url('http://www.font-api.ir/fontsdir/34.ttf') format('truetype'), url('http://www.font-api.ir/fontsdir/34.svg') format('svg'); font-weight: normal; font-style: normal; } body{ background:#eee; font-family:'B Kamran',BKamran,tahoma; direction:rtl; } .all{ margin:5% 20% 50px 20%; border:1px #ccc solid; border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; -khtml-border-radius:5px; background:#fff; text-align:right; padding:10px; text-shadow:0px 0px 3px; -moz-text-shadow:0px 0px 3px; -o-text-shadow:0px 0px 3px; -ms-text-shadow:0px 0px 3px; -khtml-text-shadow:0px 0px 3px; -webkit-text-shadow:0px 0px 3px; } .table{ width:100%; background:url(http://rozup.ir/up/moisrex/Documents/abzar/100px.png) repeat-x #ddd; border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; -khtml-border-radius:5px; } .table tr:first-child{ background:#555; color:#fff; font-weight:500; text-align:center; padding:5px; border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; -khtml-border-radius:5px; } .table tr:first-child td,.tablelearn tr:first-child th{ text-align:center; padding:5px; border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; -khtml-border-radius:5px; } .table td{ padding:3px; } .table tr{ -webkit-box-shadow:0px 0px 5px #fff inset; -moz-box-shadow: 0px 0px 5px #fff inset; box-shadow: 0px 0px 5px #fff inset; -o-box-shadow: 0px 0px 5px #fff inset; -ms-box-shadow: 0px 0px 5px #fff inset; -khtml-box-shadow: 0px 0px 5px #fff inset; border:1px #fff solid; } h1{ text-align:center; margin:5px; } .footer{ background:#fff; border:1px #666 solid; border-left:none; border-right:none; border-radius:100px; -moz-border-radius:100px; -ms-border-radius:100px; -webkit-border-radius:100px; -o-border-radius:100px; -khtml-border-radius:100px; text-align:center; padding:5px; margin:0 25% 5% 25%; } #moisrexlinks{ overflow:hidden; padding-top:10px; } #moisrexlinks ul{ list-style:none; margin:0 20px 0 0; padding:0; } #moisrexlinks li{ border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0; -ms-border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; -o-border-radius:5px 5px 0 0; -khtml-border-radius:5px 5px 0 0; border:1px #ccc solid; border-bottom:none; position:relative; top:5px; float:right; background:#eee; margin-left:2px; height:30px; transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; -ms-transition:all 0.5s ease; -khtml-transition:all 0.5s ease; -webkit-transition:all 0.5s ease; } #moisrexlinks li a{ padding:5px; } #moisrexlinks li:hover{ top:0; left:0; right:0; } hr{ clear:both; background:#eee; border-color:#eee; position:relative; top:-10px; } a{ text-decoration:none; color:#111; } </style> </head> <body> <div class="all"> <a style="display:none;" href="http://moisrex.r98.ir/">ابزار رایگان ساخت کد</a> <h1>متن عنوان</h1> <div id="moisrexlinks"> <ul> <li><a href="/">صفحه اصلی</a></li> <li><a href="/Forum">تالار گفتمان</a></li> <li><a href="/Contact">ارتباط با ما</a></li> <li><a href="/Register">ثبت نام</a></li> <li><a href="/Login">ورود</a></li> </ul> </div> <hr /> <p> متن توضیحات </p> <table class="table"> <tr> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> </tr> <tr> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> </tr> <tr> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> </tr> <tr> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> </tr> <tr> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> </tr> </table> </div> <center><div class="footer">تمامی حقوق این وب مطعلق به همین وب می باشد و کپی برداری از آن حتی با ذکر منبع نیز مجاز نمی باشد.</div></center> <a style="display:none;" href="http://moisrex.rozblog.com/">ابزار رایگان ساخت کد</a> </body> </html>

1 نظر

11061 بازدید

دوشنبه 09 مرداد 1391 - 19:36

hossein در تاریخ 1391/09/28 ساعت 4:45 می گوید :

سلام
فونتش رو بهم ریخته نشون میده

پاسخ : فونتش karam هستن که با این که روی قالب نصبه مرورگر و رایانه شما این فونت رو نمیشناسه.

کلاس های آنلاین فعال

برای افزایش دانش عمومی کاربران سعی بر این داریم که کلاس های آنلاینی برگزار کنیم. لیست این کلاس (ها) را می توانید در زیر ببینید. این قسمت را هر روز چک کنید تا از کلاس ها و اخبار جدید با خبر شوید. کلاس ها توسط همین کاربران و دوستان شما برگزار میشود. اگر مایل به برپایی کلاس آموزشی ای در هر زمینه ای هستید با مدیر تماس بگیرید.

آموزش PHP - جلسه اول

پنجشنبه 04 تیر 1394 - 17:00

هیچ کلاس فعالی موجود نیست.

کاربران آنلاین

آمار

مطالب : 792
نظرات : 4504
تعداد اعضا : 37335
افراد آنلاین : 24
بازدید امروز : 512
بازدید دیروز : 1,659
گوگل امروز : 2
گوگل دیروز : 29
بازدید هفته : 2,171
بازدید ماه : 2,171
بازدید سال : 270,819
بازدید کلی : 14,271,156

عنوان کد:
توضیحات: