لوگوي بالاي سايت براي هر اندازه صفحه نمايش [آرشيو]

View Full Version : لوگوي بالاي سايت براي هر اندازه صفحه نمايش

Janer

12 October 2007, 07:45 PM

سلام

اين لوگو رو براي اين استايل vBulletin رو ببينيد

http://i22.tinypic.com/302cjyq.png

در اين لوگو براي Resolution 800*600 مناسب هست ولي واسه كساني كه Resolution مونيتورشون بيشتر هست

اين لوگو كوچيكه و فقط نيمي از عرض مونيتور رو مي گيره :icon_ques

من فكر مي كنم اگه يك كدي بهش بدم كه بسته به مونيتور x مرتبه اين تصوير http://i24.tinypic.com/156358z.gif تكرار بشه

اونوقت هر كسي با هر Resolution اين لوگو كل عرض مونيتور رو كامل مي گيره و مشكل حل ميشه :icon_cool

اگه ميشه بهم كمك كنيد چه كدي رو وارد كنم يا

يك روشي بهم ياد بديد كه اين لوگو بالاي سايت هر Resolution رو تامين كنه

ممنون :icon_wink

d@nial

13 October 2007, 12:46 AM

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

Janer

13 October 2007, 02:25 PM

ممنونم دانيال جان كه ديروز هر كجا سئوال رسيدم فقط شما بوديد كه جواب داديد

حتماً متوجه شديد من خيلي HTML نمي دونم ولي زياد هم خنگ نيستم !

من از قسمت Header يك استايل ديگه كه خودش اين عكس http://i24.tinypic.com/156358z.gif به آدرس talkstuff/misc/header_bg.jpg رو به نسبت Resolution صفحه نمايش x مرتبه تكرار مي كنه

كپي مي كنم اينجا

ببينيد من اگه اين كد رو در اين استايل بالا قرار بدم مي تونه اين كد كمك كنه يا نه

عكس talkstuff/misc/header_right.jpg يك عكس ثابت در قسمت راست بالاي لوگو ست

و عكسي به آدرسtalkstuff/misc/header_left.jpg يك عكس ثابت در قسمت چپ لوگو استايل هست كه

عكس به آدرس talkstuff/misc/header_bg.jpg به نسبت Resolution صفحه نمايش x مرتبه بين اين دوعكس تكرار مي شه

e>
</td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="top" style="width: 420px; background-image:url(talkstuff/misc/header_left.jpg); background-repeat:no-repeat;">
<div style="padding-top: 9px; padding-left: 5px; font-family: tahoma; font-size: 11px; color: #FFFFFF;">

<span class="time">$vbphrase[all_times_are_gmt_x_time_now_is_y]</span>
</div>
</td>
<td style="background-image:url(talkstuff/misc/header_bg.jpg);">
<div align="right"><img src="talkstuff/misc/header_right.jpg" alt="" width="283" height="134">
</div>
</td>
</tr>
</table>

Janer

14 October 2007, 12:07 AM

يك جاي ديگه جوابم رو دادند من هم اينجا مي گم

كه واسه هر كي اين مشكل رو داره حل بشه

خداييش دارم فكرش مي كنم مي بينم طرف چه وقتي گذاشته و چه معرفتي داشته

آفرين

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">

</style></head>

<body>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="right" style="background-image:url(images/styles/orangeblue/misc/bg.gif); background-repeat:repeat-x"><img src="images/styles/orangeblue/misc/logo.jpg" width="945" height="120" /></td>
</tr>

</table>
</body>

</html>كه عكسي به آدرس images/styles/orangeblue/misc/logo.jpg لوگو سايت هست

و عكسي به آدرس images/styles/orangeblue/misc/bg.gif به نسبت x مرتبه تكرار ميشه

I.R.C

22 October 2007, 04:19 AM

دوست عزیز تنها کاری که ایشون انجام دادن این بود که یه table با عرض 100درصد درست کردند و عکس orangeblue/misc/bg.gif رو در اون به عنوان background قرار دادن . یکی از ویژگیهای background تکرار شدنش در فضای داده شده هست که اینجا تکرار رو در راستای افق ( محور x ها ) قرار داده . و راه اصولیش برای نشان دادن یک نسبت در تمام ریزولیشن ها هم همینه . تصویر misc/logo.jpg در تنها خانه ی table با اندازه ای که در ریزولیشن های مختلف به عرض 945 پیکسل با درازا(height) ی مشخص شده نمایش داده میشه . در واقع حل چنین مشکلاتی یا طراحی یک چنین طرحهایی با HTML مثل بازی و ریاضی میمونه.
اینم برای شما که زیاد بر html مسلط نیستید.

Janer

23 October 2007, 09:23 PM

ممنون

حال چطوري من مثل شما ها به زبان وب و HTML مسلط بشم

راحت ترين و سريع ترين رواه رو پيشنهاد بديد لطفا

I.R.C

24 October 2007, 12:16 AM

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

(==>hell lord<==)

24 October 2007, 12:33 AM

http://www.developercenter.ir/
اين سايت كاملترين سايت ايراني اي هست كه تا به حال بنده در مورد وب و تكنولوژي هاي وب ديدم.
اين لينكش مربوط به ليستي از كتابهاست كه فكر كنم اشاره اي به html هم شده : http://www.developercenter.ir/Forum/showthread.php?t=5840
اينجا هم سر بزنيد:
http://www.developercenter.ir/Forum/showthread.php?t=3810
اين سايتي كه لينكش ميزارم هم خيلي وسيع هست...ممكنه گم بشيد توش اما مقالات خوبي داره...يك اشكالي كه داره اينه كه سرچش كار نميكنه!!؟
http://www.forum4designers.com/

Janer

28 October 2007, 09:28 PM

غير اين فروم چه راه ديگه اي هست ؟

black_benz

18 November 2007, 10:32 PM

سلام عزیز
راه حل این کاری که شما می خواین انجام بدید فکر می کنم این باشه که یک تیبل به عرض 100% درست کنید (با % کار کنید) و این عکس رو به صورت پس زمینه قرار بدید حالا اگر مانیتور طرف هر رزولوشنی داشته باشه عکس به صورت درصد دیده میشه.نیازبه که استفاده از جاوا اسکریپت هم نیست