طراحی قالب سایت با استفاده از مستر پیج [بایگانی]

View Full Version : طراحی قالب سایت با استفاده از مستر پیج

bezar_405

دوشنبه 28 آذر 1390, 07:35 صبح

:متفکر:با سلام من تو سایتم از یه مسترپیج استفاده کردم که شامل سه قسمت هدر وفودرو وقسمت وسط سایتتو این قسمت از یه جدول استفاده کردم که شامل یک سطر و سه ستون ودر هر کدام پلیس هولدر هم استفاده کردم الان میخوام وقتی من یه ایمیج میزارم قسمت وسط یا سلول دو م جدوال به هر اندازه که این ایمیج است در سلول دوم جای بگیره و سلول اول وسوم بدون تغییر باقی بماندو در این پروژه من وقتی یه فایل یا چیزی در سلول دوم گذاشته میسه سلول اول و سوم نیز با سلول دوم تقییر میکنه من حالا می خوام این سلولا از اطلاعات خودشان استفاده کننن و به اندازه مودرد نظر خودشان لطفا راهنمایی بفرمایید
با تشکر:خجالت:
اینم سورس مسترپیج مه:متفکر:
<%@ Master Language="C#" AutoEventWireup="true" CodeFile="MasterPagedefault.master.cs" Inherits="MasterPagedefault" %>
<!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 runat="server">
<title>Untitled Page</title>
<style type="text/css">
.heder{
width:1060px;
height:168px;

}
.fother
{
width:1060px;
height:70px;
position:absolute;
top: 285px;
left: 117px;
}
.bodydiv
{
width:1060px;
position:absolute;
direction:rtl;
top: 186px;
right: 116px;
height:80px;
background-color:#f237ba;
}
.bodyplaceholder
{
width:1060px;
position:absolute;
direction:inherit;
background-color:White;
top: 267px;
left: 117px;
}

</style>
<asp:ContentPlaceHolder id="head" runat="server">
</asp:ContentPlaceHolder>
</head>
<body bgcolor="#000000">
<form i ="form1" runat="server">
<center>
<div class="heder">
<asp:Image ID="Image1" runat="server" ImageUrl="image/baner_sait .JPG" />
</div>
</center>
<center >
<table style="height: 102px">
<tr>
<td width="1060px">
<center> <div class="bodydiv" >
</div></center>
</td>
</tr>
<tr>
<td>
<div class="bodyplaceholder">
hghghghgh
</div></td></tr></table></center>
<div class="fother">
<asp:Image ID="Image2" runat="server" ImageUrl="image/baner_sait 1 copy.jpg" />
</div>

</form>
</body>
</html>

bezar_405

سه شنبه 29 آذر 1390, 01:06 صبح

با سلام ولی من فکر کنم که میشه با استفاده از divاین کارو انجام داد به این صورت که ابتدا یه جدول با سه سطر و یه ستون که 80%کل صفه رو پوشش بده رسم می کنیم و قسمت هدر و فودر رو مشخص می کنیم بعد تو سطر یه جدول دیگه قرار می دیم که درست وسط قرار بگیره trوtdرو هم مشخص بعد controlpleacholderرو اضافه می کنیم حالا کارمون برای قسمت وسط تمومه می مونه سمت چپ و راست که برای چلوگیری از اون مورد پیش اومده می تونیم ازdivبه تعداد دو مورد استفاده کنیم و در قسمتهای مورد نظز قرار بذیم اینم بگم که این دایو یه سری خاصیت دارن که باید از cssاستفاده کنیم و سپس در قالب کلاس اونا رو فراخوانی کنیم.
حال هم استاتید محترم لطف ببینید نظر بنده تا چه اندازه اثر بخشه در هر صورت راهنمایی کنیید ممنون میشم

hamid_shrk

سه شنبه 29 آذر 1390, 08:40 صبح

سلام ، سوالتون رو دقیق نفهمیدم ، کدتون هم خیلی بهم ریختس اما position=absolute رو به position=relative تغییر بدید.

bezar_405

سه شنبه 29 آذر 1390, 11:45 صبح

با سلام یه مستر پیج می خوام داشته باشم که قسمت bodyش شامل سه قسمت باشه چپ و راست ووسط من وقتی یه فایل مثلا ایمیج می زارم وقتی اندازه این قسمت وسط که ایمیج گذاشته میشه تغیر میکنه من میخوام که قسمت راست وچپ تغییر نکنن

hamid_shrk

سه شنبه 29 آذر 1390, 12:09 عصر

اینو بزار تو سلولی که میخوای عکس بزاری توش :

display: block;

amirchermahini

جمعه 22 شهریور 1392, 19:27 عصر

سلام
اگه ممکنه اموزش طراحی یه قالب سایت خیلی ساده رو با ASP.net بزارین (طراحی قالبی که شامل هدر و فوتر و وسط صفحه برای محتوا باشه ) بیشتر میخوام با نوع نوشتن قسمتهای مختلف صفحه در این زبان اشنا بشم
البته منظور من صفحه اصلی سایته چون اکثر اموزشهای موجود فقط از طراحی فرمها با این زبان هستن