PDA

View Full Version : ساخت قالب با فایل جدا گانه برای فایل های HTML



hrs192
جمعه 15 شهریور 1392, 19:06 عصر
سلام
من تعداد زیدی فایل html أارم که همه دارای یک قالب هستند..
چون خیلی پیش میاد که قالب را ویرایش .. سخنه اون همه فایل را ادیت کنم...
میشه فایل ها فقط دارای تیتر و متن باشند و تمام اسکریپت هارا از فایل دیگر صدا بزنند؟
اینجوری تمام فایلام دارای یک فایل قالب میباشند ..

mehbod.rayaneh
جمعه 15 شهریور 1392, 21:40 عصر
سلام
میتونید فایلها را به php تغییر بدید و از روش زیر استفاده کنید
http://blog.web-site-man.ir/%D8%A7%D9%8A%D8%AC%D8%A7%D8%AF-masterpage-%D8%AF%D8%B1-php/
موفق باشید

hrs192
جمعه 15 شهریور 1392, 23:50 عصر
سلام
میتونید فایلها را به php تغییر بدید و از روش زیر استفاده کنید
http://blog.web-site-man.ir/%D8%A7%D9%8A%D8%AC%D8%A7%D8%AF-masterpage-%D8%AF%D8%B1-php/
موفق باشید

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

hrs192
شنبه 16 شهریور 1392, 02:00 صبح
<!doctype html>
<html>
<header>
<style type="text/css">.highlight { background: #FFFF40; }</style>
<script type="text/javascript" src="highlight.js"></script>
</header>

<head>

<meta http-equiv=Content-Type content="text/html; charset=utf-8">
<meta name=ProgId content=Word.Document>
<meta name=Generator content="Microsoft Word 15">
<meta name=Originator content="Microsoft Word 15">
<link rel=File-List href="kefaie1_files/filelist.xml">
<link rel=Preview href="kefaie1_files/preview.wmf">
<title>کفایه المسائل جلد اول - المقدمه</title>

<script language="javascript">
function zoom()
{
document.body.style.zoom = "1.6";
}
function dezoom()
{
document.body.style.zoom = "1";
}
</script>

</head>

<body lang=EN-US style='tab-interval:36.0pt'>
<body background="data/a.jpg" bgproperties="fixed">

<style type="text/css">
.picor {
width:100px;
height:20px;
background:#6498dd;
text-align:center;
font-family:tahoma;
font-size:12px;
padding:5px;
color:#f7f7f7;
margin-top:10px;
margin-bottom:10px;
float: left;
position: fixed;
left: -95px;
top: 205px;
-moz-transition:all 0.3s ease-in;
-webkit-transition:all 0.3s ease-in;
-o-transition:all 0.3s ease-in;
-ms-transition:all 0.3s ease-in;
z-index: 1000;
}

.picor:hover {
left: 0px;
}

.picor1 {
width:100px;
height:20px;
background:#CA226B;
text-align:center;
font-family:tahoma;
font-size:12px;
padding:5px;
color:#f7f7f7;
margin-top:10px;
margin-bottom:10px;
float: left;
position: fixed;
left: -95px;
top: 235px;
-moz-transition:all 0.3s ease-in;
-webkit-transition:all 0.3s ease-in;
-o-transition:all 0.3s ease-in;
-ms-transition:all 0.3s ease-in;
z-index: 1000;
}

.picor1:hover {
left: 0px;
}

.picor2 {
width:100px;
height:20px;
background:#48CCCD;
text-align:center;
font-family:tahoma;
font-size:12px;
padding:5px;
color:#f7f7f7;
margin-top:10px;
margin-bottom:10px;
float: left;
position: fixed;
left: -95px;
top: 265px;
-moz-transition:all 0.3s ease-in;
-webkit-transition:all 0.3s ease-in;
-o-transition:all 0.3s ease-in;
-ms-transition:all 0.3s ease-in;
z-index: 1000;
}

.picor2:hover {
left: 0px;
}
.picor4 {
width:100px;
height:20px;
background:#FF4500;
text-align:center;
font-family:tahoma;
font-size:12px;
padding:5px;
color:#f7f7f7;
margin-top:10px;
margin-bottom:10px;
float: left;
position: fixed;
left: -95px;
top: 295px;
-moz-transition:all 0.3s ease-in;
-webkit-transition:all 0.3s ease-in;
-o-transition:all 0.3s ease-in;
-ms-transition:all 0.3s ease-in;
z-index: 1000;
}

.picor4:hover {
left: 0px;
}
.picor5 {
width:100px;
height:20px;
background:#9ACD32;
text-align:center;
font-family:tahoma;
font-size:12px;
padding:5px;
color:#f7f7f7;
margin-top:10px;
margin-bottom:10px;
float: left;
position: fixed;
left: -95px;
top: 325px;
-moz-transition:all 0.3s ease-in;
-webkit-transition:all 0.3s ease-in;
-o-transition:all 0.3s ease-in;
-ms-transition:all 0.3s ease-in;
z-index: 1000;
}

.picor5:hover {
left: 0px;
}

.picor6 {
width:100px;
height:20px;
background:#CA226B;
text-align:center;
font-family:tahoma;
font-size:12px;
padding:5px;
color:#f7f7f7;
margin-top:10px;
margin-bottom:10px;
float: left;
position: fixed;
left: -95px;
top: 355px;
-moz-transition:all 0.3s ease-in;
-webkit-transition:all 0.3s ease-in;
-o-transition:all 0.3s ease-in;
-ms-transition:all 0.3s ease-in;
z-index: 1000;
}

.picor6:hover {
left: 0px;
}

</style>

<a href="home.html" title="صفحه اصلي"><div class="picor">صفحه اصلي</div></a>
<a href="search.html" title="جستجو"><div class="picor1">جستجو</div></a>
<a onclick="zoom()" title="پزرگ نمایی"><div class="picor2">پزرگ نمایی</div></a>
<a onclick="dezoom()" title="کوچک کردن"><div class="picor4">کوچک کردن</div></a>

<script type="javascript">highlight();</script>

<div class=WordSection1>
test salam in matne in bakhsh azin ketab mibashad .. khate 16 va in khate jari marbot be on tedad fail ha hast ke mokhtalef mibashad .. vali baghie file dar hameie filha sabet hast..!
</div>

<script type="javascript">highlight();</script>
</body>

</html>

tadayoni
شنبه 16 شهریور 1392, 14:07 عصر
با استفاده از iframe میتونید این کار رو انجام بدید
ولی خوب پیشنهاد منم همون استفاده از کدهایی مثل php هستش که البته امکان اجرای اون روی لوکال با نرم افزارهایی مثل wamp و zamp وجود داره