یه مشکل(عنوان مناسب ندارم!)

RainDigital

Member
سلام.

من توی طراحی سایتم یه مشکل دارم که نمیشه بیان کرد
گاهی یک عکس بهتر از هزار حرف میتواند موثر باشد.

نگاه کنید. من میخوام گرادیانت بک گراند ادامه پیدا کنه
 

پیوست ها

  • moshkel.JPG
    moshkel.JPG
    2.2 کیلوبایت · بازدیدها: 8

RainDigital

Member
یهنی میبینید اون تیکه که به نوشته میرسه بک گراند سفیده ولی تیدی بالاش و بغلش بکگراند گرادیانت دارن.

این راه حلی داره یا باید انقدر متن های تی دی بالا رو کش بدم که دیگه پایین گرادیانت بیفته؟(البته این کار سایتو بهم میریزه)
 

tabib_m

Member
اگر توضیح نمیتونی بدی ، کد که میتونی بذاری ؟ :)

لطفا کد بذار تا بفهمیم چی به چیه

موفق باشید.
 

RainDigital

Member
یه طوری میشه. فکر کنید یه تی دی دو تا بکگراند داشته باشه:neutral:
 

پیوست ها

  • moshkel!.JPG
    moshkel!.JPG
    4.9 کیلوبایت · بازدیدها: 4
آخرین ویرایش:

tabib_m

Member
آخه عزیز دل برادر ، من از شما کد درخواست کردم ، شما باز هم برای من تصویر میذاری؟؟؟
 

RainDigital

Member
کد بخوام بزارم میشه کل قالب که! ولی بازم میزارم. چون حد اقل قراره یه جاهایی از برنامه نویسی گیر کنم تو قالب گیر نکنم دیگه!:razz:

کد:
<!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>
<title>template</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="styles.css" rel="stylesheet" type="text/css" />
</head>
<body bgcolor="#343434">
<table width="686" border="0" align="center" cellpadding="0" cellspacing="0">
	<tr>
		<td colspan="4">
			<img id="header" src="images/header.png" width="465" height="195" alt="header" /></td>
		<td>
			<img id="template_02" src="images/fa/02.png" width="220" height="195" alt="words" /></td>
		<td>
			<img src="images/spacer.gif" width="1" height="195" alt="" /></td>
	</tr>
	<tr>
		<td colspan="2" align="center" class="menu-1"><img src="images/welcome_img.png" alt="welcome" width="250" height="118" />		  </td>
		<td colspan="3" rowspan="6" valign="top" id="content">{content}</td>
		<td><img src="images/spacer.gif" width="1" height="118" alt="" /></td>
	</tr>
	<tr>
	  <td colspan="2" rowspan="3" valign="top" id="menu"><br />
	    <div align="center"><img src="images/[lang]/01.png" width="207" height="34" alt="[lang]-features" /></div><br />
{fetures}
&raquo;<a href="http://vebbox.net/[name].html" target="_blank">[name]</a>
{/fetures}</td>
		<td>
			<img src="images/spacer.gif" width="1" height="46" alt="" /></td>
	</tr>
	<tr>
		<td>
			<img src="images/spacer.gif" width="1" height="118" alt="" /></td>
	</tr>
	<tr>
		<td>
			<img src="images/spacer.gif" width="1" height="150" alt="" /></td>
	</tr>
	<tr>
		<td colspan="2" align="center" bgcolor="#FFFFFF"><img id="index_09" src="images/index_09.png" width="112" height="46" alt="more info" /><img src="images/index_10.png" alt="right corner" width="138" height="46" class="menu-1" id="index_10" /></td>
	</tr>
	<tr>
		<td colspan="2" align="right" valign="top" bgcolor="#FFFFFF"></td>
		<td>
			<img src="images/spacer.gif" width="1" height="60" alt="" /></td>
	</tr>
	<tr>
		<td colspan="5">
			<img id="index_12" src="images/index_12.png" width="685" height="19" alt="" /></td>
		<td>
			<img src="images/spacer.gif" width="1" height="19" alt="" /></td>
	</tr>
	<tr>
		<td>
			<img src="images/spacer.gif" width="112" height="1" alt="" /></td>
		<td width="138">
			<img src="images/spacer.gif" width="147" height="1" alt="" /></td>
		<td>
			<img src="images/spacer.gif" width="1" height="1" alt="" /></td>
		<td>
			<img src="images/spacer.gif" width="205" height="1" alt="" /></td>
		<td>
			<img src="images/spacer.gif" width="220" height="1" alt="" /></td>
		<td></td>
	</tr>
</table>
</body>
</html>


راستی شما نمیدونی این spacer های الکی فتوشاپ رو چطوری بردارم.:cry:
 

tabib_m

Member
اینجوری نمیشه.

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

موفق باشید.
 

MJ Rayaneh

Well-Known Member
جناب RainDigital لطفا با دوستانی مثل tabib_m که لطف میکنن و میخوان کمکتون کنن همکاری کنید وگرنه این تاپیک بسته میشه ...
 

1p30

Member
من یه چیزی توش دیدم که زیاد جالب نبود
برای هر قسمت تم یک عکس با حجم زیاد گزاشتی
که باید حجمش کم بشه و درون فایل styles.css
قرار بگیره
یه فکری هم باید برای دور قالب بکنی
 

tabib_m

Member
تازه حالا فهمیدم که چی میخوای... :)

مشکل اینجاست که بکگراندی که انتخاب کردی برای menu باید :
1- png باشه
2- به جای قسمتهایی که رنگ سفید دارن، باید شفاف باشه (اصطلاحش رو بلد نیستم) (توی عکسهای گیف هم این حالت امکان پذیره ، اما شفافیت درصدی نمیپذیره)
اما
در هر حال، باز هم IE پشتیبانی نمیکنه (تا اونجایی که من میدونم)

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

امیدوارم منظورم رو رسونده باشم.

موفق باشید.
 

RainDigital

Member
من یه چیزی توش دیدم که زیاد جالب نبود
برای هر قسمت تم یک عکس با حجم زیاد گزاشتی
که باید حجمش کم بشه و درون فایل styles.css
قرار بگیره
یه فکری هم باید برای دور قالب بکنی

عکس ها رو چطوری Save کنم که کم حجم ترین باشه و کیفیت بالا باشه؟
دور قالب هم درست میکنم.
خلاصه نویسی CSS هم بلد نیستم یک مرجع لطفا معرفی کنید. من از CSS ای که دریم ویور میسازه استفاده میکنم.:)

تازه حالا فهمیدم که چی میخوای... :)

مشکل اینجاست که بکگراندی که انتخاب کردی برای menu باید :
1- png باشه
2- به جای قسمتهایی که رنگ سفید دارن، باید شفاف باشه (اصطلاحش رو بلد نیستم) (توی عکسهای گیف هم این حالت امکان پذیره ، اما شفافیت درصدی نمیپذیره)
اما
در هر حال، باز هم IE پشتیبانی نمیکنه (تا اونجایی که من میدونم)

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

امیدوارم منظورم رو رسونده باشم.

موفق باشید.

من اون رو ترنسپرنت کردم ولی بکگراند منو سفیده مثل این که باید اون کاریرو کنم که نمیخواستم بکنم.
 

1p30

Member
با فرمت jpeg
هر چه می تونی حجمشونو کم کن
css هم کاری نداره یه قالب آماده دانلود کن به شین فایل name.css
رو بخون یاد می گیری
 

RainDigital

Member
css بلدم.

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

/

فرمت jpeg یعنی بجای jpg , Jpeg سیو کنم بهتره؟

توی فتوشاپ برای تنظیمات کیفیت سه تا گزینه داره آخریه بهتره نه؟
و میله کیفیت رو چه عددی باشه؟ 10 خوبه؟
 

جدیدترین ارسال ها

بالا