پرش به


تصویر

حذف ستونهای سمت چپ و راست


  • لطفا وارد حساب کاربری خود شوید تا بتوانید پاسخ دهید
11 پاسخ برای این موضوع

#1 vorujack

vorujack

    عضو سایت

  • عضو سایت
  • ستارهستاره
  • 128 ارسال

ارسالی 1389/05/17 ساعت 22:20

سلام دوستان
میخوام ستونهای سمت چپ و راست یک قالب 3 ستونه رو حذف کنم و فقط ستون وسطی کل صفحه رو اشغال کنه
وقتی ستونهای راست و چپ رو حذف میکنم عکسی رو که میخوام بک گراند صفحه باشه نشون نمیده
وقتی هم ستونها وجود دارند عکس رو ناقص نشون میده

درحقیقت میخوام یک صفحه طراحی کنم دقیقا مثل
http://www.istikbal.com/source.cms.docs/istikbal.com.tr.ce/istikbal.html

آیا کسی از دوستان هست که بتونه به من کمک کنه؟
خواهش میکنم اگر کسی میتونه منو راهنمایی کنه pray

ممنون از همه شما flower
  • 0

#2 Majid_h

Majid_h

    پروفشنال

  • عضو سایت
  • ستارهستارهستارهستاره
  • 811 ارسال
  • مهارت ها: HTML, CSS, js, SQL, PHP, SEO

ارسالی 1389/05/18 ساعت 07:47

این لینکی که شما دادی قالب نیست یه فایل فلش هستش که طراحی شده . question

  • 0

#3 vorujack

vorujack

    عضو سایت

  • عضو سایت
  • ستارهستاره
  • 128 ارسال

ارسالی 1389/05/18 ساعت 14:16

خوب درسته دوست عزیز
ولی من میخوام توی قالبم شبیه اونو درست کنم
یک عکس بگذارم که هرکدوم از تابلوها یک قطعه عکس باشه
و با رفتن موس روی هر قطعه وضعیت عکس تغییر کنه
و هر قطعه لینکی به یکی از آدرس های سایت باشه

کسی میتونه کمکم کنه؟ request
ممنون از لطف دوستان flower
  • 0

#4 aliagamon

aliagamon

    عضو جدید

  • عضو سایت
  • ستاره
  • 14 ارسال

ارسالی 1389/05/18 ساعت 15:00

میشه قالبتونو نشون بدید(سایتتون)
  • 0

#5 islamsun

islamsun

    کاربر فعال انجمن

  • عضو سایت
  • ستارهستارهستاره
  • 248 ارسال

ارسالی 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) توجه کن
  • 0

#6 vorujack

vorujack

    عضو سایت

  • عضو سایت
  • ستارهستاره
  • 128 ارسال

ارسالی 1389/05/18 ساعت 15:28

سلام دوست عزیز aliagamon
میتونین به آدرسهای زیر برین:

www.istikbalmobl.com
www.istikbalmobl.ir

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

ممنون از همه دوستان دیتالایف انجینی flower
  • 0

#7 kurddesigner

kurddesigner

    عضو جدید

  • عضو سایت
  • ستاره
  • 8 ارسال

ارسالی 1389/05/18 ساعت 21:18

برای طراحی میتونید از فتوشاپ استفاده کنید.
برای لینک کردن تابلوها هم میتونید از لایر یا جدول که خود فتوشاپ داره استفاده کنید(توی قسمت فایل>ذخیره برای وب
smile
  • 0

#8 vorujack

vorujack

    عضو سایت

  • عضو سایت
  • ستارهستاره
  • 128 ارسال

ارسالی 1389/05/18 ساعت 21:37

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

میتونین سایت رو هم ببینین:
www.istikbalmobl.com
www.istikbalmobl.ir
  • 0

#9 kurddesigner

kurddesigner

    عضو جدید

  • عضو سایت
  • ستاره
  • 8 ارسال

ارسالی 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; }

و باید یه عکس اینجوری طراحی کنید
 title=


و جایی که میخوای اونو بذاری باید اینجوری باشه
<A class=bjoin title="عنوان"
href="لینک"><IMG
alt="عنوان" src=".../images/spacer.gif"></A>

  • 0

#10 vorujack

vorujack

    عضو سایت

  • عضو سایت
  • ستارهستاره
  • 128 ارسال

ارسالی 1389/05/18 ساعت 23:56

دوست عزیز این کدها رو کجا باید استفاده کنم؟
من خیلی وارد نیستم
بیشتر کارهای سایت رو هم یا میپرسم و یا آزمون و خطا میکنم
ممنون میشم اگر بیشتر توضیح بدین request
عکسی رو هم که گذاشتین باز نمیکنه sad

من فایل main.tpl رو میگذارم اینجا
ممنون میشم اگر کد ها رو جای صحیح بگذارین

ممنون از راهنمایی flower


============================
<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>

  • 0

#11 kurddesigner

kurddesigner

    عضو جدید

  • عضو سایت
  • ستاره
  • 8 ارسال

ارسالی 1389/05/19 ساعت 12:25

خوب مگه این چیه:
http://www.istikbal.com/source.cms.docs/istikbal.com.tr.ce/istikbal.html
مگه درستش نکردی
  • 0

#12 vorujack

vorujack

    عضو سایت

  • عضو سایت
  • ستارهستاره
  • 128 ارسال

ارسالی 1389/05/19 ساعت 18:51

سلام دوست عزیز
درستش کردم
ولی عکسهایی رو که لینک داره با فاصله نشون میده
بعدش هم وقتی با Internet Explorer سایت رو میبینی اگر اندازه نمایش سایت بیش از 100% باشه عکسها به هم میریزه
نمیدونم برای این کار باید چیکار کنم recourse
  • 0


1 کاربر در حال خواندن این موضوع است

0 کاربر، 1 مهمان و 0 عضو مخفی