کدنویسی صفحه اینترو سایت

Mr.Saraei · Aug 23, 2012

درود

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

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

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

با سپاس

محمدرضا

jeyson · Aug 23, 2012

من فقط می دونم با ابزار اسلایس ( Slice ) در فتوشاپ می تونید دکمه و ... رو درست کنید و براش کد نویسی کنید اما چطوری توش JQuery به کار ببرید نمی دونم.

موفق باشید

Mr.Saraei · Aug 23, 2012

درود

اگر راهنماییم کنین ممنون میشم : الان من این ها رو از اینترنت مطالعه کردم نوشتم . می خوام اون دو تا دکمه رو که Slice کردم رو فراخوانی کنم قبلشم بکگراند و تصویر رو بیارم . چه کنم ؟ ممنون
HTML Code:
<!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></title>
<meta name=”” content=”)”>
<meta name=”description” content=””>
<meta name=”keywords” content=””>
<link rel=”alternate” type=”application/rss+xml” title=”” href=”<-XmlLink->”>
<link href=”style.css” type=”text/css” rel=”stylesheet”>
<link href=”images/favicon.gif” rel=”shortcut icon”>
</head>

<body>
</body>

</html>

jeyson · Aug 23, 2012

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

من متوجه منظورتون نمی شم الان ، لطفا نمونه کار psd و همینطور html که اسلایس کردین رو برای بقیه هم بذارین بفهمن. با تشکر
-------------------------------------------
موفق باشید.

Mr.Saraei · Aug 24, 2012

درود

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

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

خدمتتون پیوست می کنم اسلایس ها رو دوست من

با سپاس

محمدرضا

mahyar_k3 · Aug 28, 2012

دوست گلم،
برای اینکه عکستو تبدیل به لینک کنی باید از این کد ها استفاده کنی:

[HTMLS]<a href="آدرس مقصد">
<img alt="" src="آدرس عکس"/>
</a>
[/HTMLS]

مثال:

[HTMLS]<a href="http://www.m3k.ir">
<img alt="" src="intro.png"/>
</a>
[/HTMLS]

ولی برای پخش صدا کار به همین راحتی نیست.
یا باید از HTML5 استفاده کنی که هنوز همه مرورگر ها ازش پشتیبانی نمیکنن. و البته هنوز انعطاف پذیر هم نیست که بتونی با ظاهرش بازی کنی چون فقط یه دکمه Play و Stop داره:

[HTMLS]<audio controls="controls">
<source src="آدرس فایل صوتی" type="audio/mpeg" />
Your browser does not support the audio element.
</audio>[/HTMLS]

یا باید از فلش و یا جاوا اسکریپت استفاده کنی که فکر می کنم برای شما یه مقداری زود باشه.
بازم اگه سوالی داشتی همین جا بپرس.