سلام دوستان
میخوام ستونهای سمت چپ و راست یک قالب 3 ستونه رو حذف کنم و فقط ستون وسطی کل صفحه رو اشغال کنه
وقتی ستونهای راست و چپ رو حذف میکنم عکسی رو که میخوام بک گراند صفحه باشه نشون نمیده
وقتی هم ستونها وجود دارند عکس رو ناقص نشون میده
درحقیقت میخوام یک صفحه طراحی کنم دقیقا مثل
http://www.istikbal.com/source.cms.docs/istikbal.com.tr.ce/istikbal.html
آیا کسی از دوستان هست که بتونه به من کمک کنه؟
خواهش میکنم اگر کسی میتونه منو راهنمایی کنه
ممنون از همه شما
حذف ستونهای سمت چپ و راست
vorujack
, 1389/05/17 ساعت 22:20
#5
1389/05/18 ساعت 15:10
سلام به نظر من شما دنبال کدهای جی کوئری باش (البته نه در سایت های ایرانی)
ولی من یه کدی رو براتون میزارم شاید شاید به کارتون بیاد
<script type="text/javascript">
<!--
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
<body onload="MM_preloadImages('pic2.jpg')"><a href="http://datalifeengine.ir" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image1','','pic2.jpg',1)"><img src="pic1.jpg" alt="txt_Hi" name="Image1" width="600" height="450" border="0"></a>
به نوشته های برجسته (پر رنگ) (bold) توجه کن
ولی من یه کدی رو براتون میزارم شاید شاید به کارتون بیاد
<script type="text/javascript">
<!--
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
<body onload="MM_preloadImages('pic2.jpg')"><a href="http://datalifeengine.ir" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image1','','pic2.jpg',1)"><img src="pic1.jpg" alt="txt_Hi" name="Image1" width="600" height="450" border="0"></a>
به نوشته های برجسته (پر رنگ) (bold) توجه کن
#6
1389/05/18 ساعت 15:28
سلام دوست عزیز aliagamon
میتونین به آدرسهای زیر برین:
www.istikbalmobl.com
www.istikbalmobl.ir
من تونستم صفحه ای رو که مورد نظرم بود ایجاد کنم
حالا یک مشکل دارم و اونم اینکه میخوام روی هر کدوم از تابلوها یک لینک ایجاد کنم
میدونم باید عکس رو قطعه قطعه کنم
ولی نمیدونم چطوری اونا رو سر جای خودشون بگذارم
همینطور میخوام وقتی نشانگر موس روی هر تابلو میره اون تابلو تغییر کنه (مثلا کمی جلوتر بیاد)
لطفا منو راهنمایی کنید
ممنون از همه دوستان دیتالایف انجینی
میتونین به آدرسهای زیر برین:
www.istikbalmobl.com
www.istikbalmobl.ir
من تونستم صفحه ای رو که مورد نظرم بود ایجاد کنم
حالا یک مشکل دارم و اونم اینکه میخوام روی هر کدوم از تابلوها یک لینک ایجاد کنم
میدونم باید عکس رو قطعه قطعه کنم
ولی نمیدونم چطوری اونا رو سر جای خودشون بگذارم
همینطور میخوام وقتی نشانگر موس روی هر تابلو میره اون تابلو تغییر کنه (مثلا کمی جلوتر بیاد)
لطفا منو راهنمایی کنید
ممنون از همه دوستان دیتالایف انجینی
#8
1389/05/18 ساعت 21:37
سلام دوست عزیز
ممنون از راهنماییتون
کار برش عکس ها رو انجام دادم ولی مشکل من برش اونا نبود
میخوام وقتی موس روی عکسی میره که لینک براش گذاشته شده اون عکس تغییر کنه
بطور روشن مثلا وقتی روی یکی از تابلوهای موجود میره عکس تابلو کمی جلوتر دیده بشه
یعنی عکس دیگری که کمی تابلو جلوتر نشون داده شده نمایش داده بشه
ممنون میشم اگر کسی بتونه راهنمایی کنه
میتونین سایت رو هم ببینین:
www.istikbalmobl.com
www.istikbalmobl.ir
ممنون از راهنماییتون
کار برش عکس ها رو انجام دادم ولی مشکل من برش اونا نبود
میخوام وقتی موس روی عکسی میره که لینک براش گذاشته شده اون عکس تغییر کنه
بطور روشن مثلا وقتی روی یکی از تابلوهای موجود میره عکس تابلو کمی جلوتر دیده بشه
یعنی عکس دیگری که کمی تابلو جلوتر نشون داده شده نمایش داده بشه
ممنون میشم اگر کسی بتونه راهنمایی کنه
میتونین سایت رو هم ببینین:
www.istikbalmobl.com
www.istikbalmobl.ir
#9
1389/05/18 ساعت 23:06
این کدش
و باید یه عکس اینجوری طراحی کنید
و جایی که میخوای اونو بذاری باید اینجوری باشه
a.bjoin img { margin: 0 0 6px 0; display: block; width: 254px; height: 53px; background: #338db0 url("../images/name.gif") no-repeat; }
a.bjoin:hover img { background-position: 0 -53px; }
a.bjoin:hover img { background-position: 0 -53px; }
و باید یه عکس اینجوری طراحی کنید
و جایی که میخوای اونو بذاری باید اینجوری باشه
<A class=bjoin title="عنوان"
href="لینک"><IMG
alt="عنوان" src=".../images/spacer.gif"></A>
href="لینک"><IMG
alt="عنوان" src=".../images/spacer.gif"></A>
#10
1389/05/18 ساعت 23:56
دوست عزیز این کدها رو کجا باید استفاده کنم؟
من خیلی وارد نیستم
بیشتر کارهای سایت رو هم یا میپرسم و یا آزمون و خطا میکنم
ممنون میشم اگر بیشتر توضیح بدین
عکسی رو هم که گذاشتین باز نمیکنه
من فایل main.tpl رو میگذارم اینجا
ممنون میشم اگر کد ها رو جای صحیح بگذارین
ممنون از راهنمایی
============================
من خیلی وارد نیستم
بیشتر کارهای سایت رو هم یا میپرسم و یا آزمون و خطا میکنم
ممنون میشم اگر بیشتر توضیح بدین
عکسی رو هم که گذاشتین باز نمیکنه
من فایل main.tpl رو میگذارم اینجا
ممنون میشم اگر کد ها رو جای صحیح بگذارین
ممنون از راهنمایی
============================
<html dir="ltr">
<head>
{headers}
<style type="text/css" media="all">
@import url({THEME}/css/style.css);
</style>
<style type="text/css" media="all">
@import url({THEME}/css/engine.css);
</style>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script src="{THEME}/js/vp.js" language="javascript" type="text/javascript"></script>
</head>
<body>
{AJAX}
{info}
<div align="center" valign="middle"><img src="{THEME}/images/Istikbal01.jpg"></div></td>
<div align="center" valign="middle"><img src="{THEME}/images/Istikbal021.jpg"><a href="http://www.istikbal.com/source.cms.docs/istikbal.com.tr.ce/istikbal.h
tml"><img src="{THEME}/images/Istikbal023.jpg"></a><img src="{THEME}/images/Istikbal024.jpg"></div></td>
<div align="center" valign="middle"><img src="{THEME}/images/Istikbal031.jpg"><a href="http://istikbalmobl.com/index.php?do=stats"><img src="{THEME}/images/Istikbal033.jpg"></a><a href="http://istikbalmobl.com/index.php?do=feedback"><img src="{THEME}/images/Istikbal035.jpg"></a><a href="http://istikbalmobl.com/index.php?do=photo"><img src="{THEME}/images/Istikbal037.jpg"></a><img src="{THEME}/images/Istikbal038.jpg"></div></td>
<div align="center" valign="middle"><img src="{THEME}/images/Istikbal04.gif"></div></td>
{content}
</body>
</html>
<head>
{headers}
<style type="text/css" media="all">
@import url({THEME}/css/style.css);
</style>
<style type="text/css" media="all">
@import url({THEME}/css/engine.css);
</style>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script src="{THEME}/js/vp.js" language="javascript" type="text/javascript"></script>
</head>
<body>
{AJAX}
{info}
<div align="center" valign="middle"><img src="{THEME}/images/Istikbal01.jpg"></div></td>
<div align="center" valign="middle"><img src="{THEME}/images/Istikbal021.jpg"><a href="http://www.istikbal.com/source.cms.docs/istikbal.com.tr.ce/istikbal.h
tml"><img src="{THEME}/images/Istikbal023.jpg"></a><img src="{THEME}/images/Istikbal024.jpg"></div></td>
<div align="center" valign="middle"><img src="{THEME}/images/Istikbal031.jpg"><a href="http://istikbalmobl.com/index.php?do=stats"><img src="{THEME}/images/Istikbal033.jpg"></a><a href="http://istikbalmobl.com/index.php?do=feedback"><img src="{THEME}/images/Istikbal035.jpg"></a><a href="http://istikbalmobl.com/index.php?do=photo"><img src="{THEME}/images/Istikbal037.jpg"></a><img src="{THEME}/images/Istikbal038.jpg"></div></td>
<div align="center" valign="middle"><img src="{THEME}/images/Istikbal04.gif"></div></td>
{content}
</body>
</html>
0 members, 1 guests, 0 anonymous users