نظر در مورد قالب طراحی شد ه سایت Google !!

[asghar2008]

سلام

دوستان ،امروز قالب سایت Google رو طراحی کردم . ممنون میشم نظرتون رو بگید.


اینم آدرس قالبی که آپلود کردم.

مشاهده قالب Google (http://google.samdesign.tk/)

ممنون.

[H:Shojaei]

سلام
منو ها شبيه شده ولي
اول اين كه z-index رو رعايت نكردين دوم اين كه دكمه هاتون اصلا شبيه گوگل نشده سوم اين كه كادر متنتون وقتي فوكوس ميشه اون كادر پشتش با كادر خودش همخواني نداره كوچيكتر از كادر متنه چهارم اين كه اجزا وسط نيستن پنجم اينكه وقتي روي more ميري نبايد لينك ها نمايش داده بشه وقتي كليك شد بايد نمايش دهده بشه با جاوا ميتونيد اين كار رو انجام بدين اين لينك (http://barnamenevis.org/showthread.php?410129-%D8%B7%D8%B1%D8%A7%D8%AD%DB%8C-%D9%85%D9%86%D9%88%DB%8C-more-%D8%B5%D9%81%D8%AD%D9%87-%DA%AF%D9%88%DA%AF%D9%84) رو يه نگاه بندازيد يكي از دوستان يه همچين كاري ميخواست انجام بده.
ولي در كل خوبه :لبخند:
موفق باشيد

[H:Shojaei]

يه چيز ديگه هم كه يادم رفت بگم more تو محور افقي بالاتره نسبت به بقيه ي اجزا.

[payam-nice]

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

[asghar2008]

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

سلام

نمیدونم چطوری ارتفاع کادر جستجو رو افزایش بدم !! منوی More هم فکر کنم با JavaScript نوشته شده که بنده Javascript بلد نیستم. ایشالا اونم به زودی شروع به یادگیری میکنم !

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

[asghar2008]

سلام
منو ها شبيه شده ولي
اول اين كه z-index رو رعايت نكردين دوم اين كه دكمه هاتون اصلا شبيه گوگل نشده سوم اين كه كادر متنتون وقتي فوكوس ميشه اون كادر پشتش با كادر خودش همخواني نداره كوچيكتر از كادر متنه چهارم اين كه اجزا وسط نيستن پنجم اينكه وقتي روي more ميري نبايد لينك ها نمايش داده بشه وقتي كليك شد بايد نمايش دهده بشه با جاوا ميتونيد اين كار رو انجام بدين اين لينك (http://barnamenevis.org/showthread.php?410129-%D8%B7%D8%B1%D8%A7%D8%AD%DB%8C-%D9%85%D9%86%D9%88%DB%8C-more-%D8%B5%D9%81%D8%AD%D9%87-%DA%AF%D9%88%DA%AF%D9%84) رو يه نگاه بندازيد يكي از دوستان يه همچين كاري ميخواست انجام بده.
ولي در كل خوبه :لبخند:
موفق باشيد

سلام

دوست عزیز Z-index رو کجاش رعایت نکردم ؟؟

دکمه هاش به نظرتون با چی طراحی شده ؟؟ از Span ااستفاده کرده یا Input type ?? آخه هر چقدر خواستم ارتفاع دکمه ها رو تغییر بدم نشد.

ممنون

[r4hgozar]

به نظر من جز تکس باکس جستجوش بقیه خوب بود.
موفق باشی

[H:Shojaei]

ببين عكس بالايي همون z-index كه ميگم هست و پاييني هم كادر جستو جو.107834

[asghar2008]

ایراد Z-index رو درست کردم.

من با فایر فاکس نگاه میکنم کادر جستجو مشکلی نداره !!

فک کنم تو Opera اونجوری نشون میده ! برای برطرف کردن ایرادش، چیکار باید بکنم؟؟

[H:Shojaei]

نه من تو chrome اين طوري ديدم.
اين نكته ي ريز رو هم درست كنيد:more تو محور افقي بالاتره نسبت به بقيه ي اجزا.
دكمه ها رو هم يه عكس مثل دكمه هاي خود گوگل پيدا كن بزار واسه پس زمينش درست ميشه.

[asghar2008]

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

اون 2 مورد بالا رو Edit کزدم ممنون میشم یه نگاهی بندازین.:لبخندساده:

مشاهده سایت (http://google.samdesign.tk/)

[H:Shojaei]

بهتر شده ولي باز هم كادر جستو جو مشكل داره واسه منوي more هم پيشنهاد ميكنم اين لينك رو يه نگاه بندازين آخه خود گوگل وقتي روي more كليك ميشه نمايشش ميده نه وقتي روش ميري.
لينك (http://barnamenevis.org/showthread.php?410129-%D8%B7%D8%B1%D8%A7%D8%AD%DB%8C-%D9%85%D9%86%D9%88%DB%8C-more-%D8%B5%D9%81%D8%AD%D9%87-%DA%AF%D9%88%DA%AF%D9%84)

[H:Shojaei]

راستي نكنه مسابقه اي چيزي هست؟ چون اين لينكي هم كه گذاشتم درباره ي همين سايت گوگل سوال داره.

[f_talebi]

خوب بود:لبخندساده: فقط ی غلط املایی داشت. even more.... یعنی حتی بیشتر. نه event more.

[asghar2008]

خوب بود:لبخندساده: فقط ی غلط املایی داشت. even more.... یعنی حتی بیشتر. نه event more.

ممنون که گفتین ! :تشویق:
مرسی:چشمک:


راستي نكنه مسابقه اي چيزي هست؟ چون اين لينكي هم كه گذاشتم درباره ي همين سايت گوگل سوال داره.

نه مسابقه نیست !! اون عزیز رو بنده نمیشناسم.:چشمک:

[godofphp]

رو مرورگر اینترنت اکسپلورر درست نشون داده نمیشه
باید سی اس اس نویسیتو درست کنی تا همه مرورگر ها رو پشتیبانی کنه

[asghar2008]

سلام

دوستان نسخه بتا ، قالب گوگل رو آپلود کردم. با آخرین تغییرات تو قالب !!

البته منوی more هنوز مثل سایت گوگل نیست چون بنده اصلا جاوا اسکریپت کار نکردم.

مشاهده قالب (http://google.samdesign.tk/)


بهترین مرورگر برای نمایش قالب firefox 22 هستش .

البته سعی کردم تو تمامی Browser ها ،یکسان نمایش داده بشه.

[mohamad_torabi]

سلام دوست عزیز تبریک میگم حالا شد تا حدودی مثل گوگل

[H:Shojaei]

واسه اين كه كليك بشه روش و بعد نمايش داده بشه اين رو نگاه كن:


<!DOCTYPE html>
<html>
<head>
<style>
div
{
background-color: black;
width: 1024px;
height: 26px;
position:absolute;
top: 0px;
left: 0px;
text-indent: 12px;
}
#nav ul
{
list-style:none;
padding: 0px;
margin: 0px;
overflow:hidden;
}
#nav li
{
float: left;
}

#nav ul li a
{
display: block;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: normal;
color: #ffffff;
opacity:0.7;
text-decoration: none;
margin-left: 15px;
padding-top: 7px;
}
#nav ul li a:hover
{
opacity: 1.0;
filter:alpha(opacity=100);
}
#menu ul li a:visited
{
display:block;
}
#nav ul ul {
background: #ffffff; border-radius: 2px; padding: 0;
border-style:solid;
border-width: 1px;
border-color: #606060;
box-shadow: 1px 1px 5px #888888;
position: absolute; top: 100%;
margin: 0px;
padding: 13px;
}
#nav ul ul li {
float: none;
border-top: 0px solid #6b727c;
border-bottom: 0px solid #575f6a;
position: relative;
}
#nav ul ul li a {

padding: 5px 0px;
color: #000000;
}
#nav ul ul li a:active
{
display:none;
}
#submenu
{
display:none;
right:208px;
float:right;
padding:40px;

}
</style>
<script>
function func()
{
var x=document.getElementById('submenu').style;
if(x.display=="block")
x.display="none";
else
x.display="block";
}
</script>
<title>Google</title>
</head>
<body>
<div id="nav">
<ul>
<li><a href="https://plus.google.com/?gpsrc=ogpy0&tab=wX">+You</a></li>
<li><a href="https://plus.google.com/?gpsrc=ogpy0&tab=wX">Search</a></li>
<li><a href="https://plus.google.com/?gpsrc=ogpy0&tab=wX">Images</a></li>
<li><a href="https://plus.google.com/?gpsrc=ogpy0&tab=wX">Maps</a></li>
<li><a href="https://plus.google.com/?gpsrc=ogpy0&tab=wX">Play</a></li>
<li><a href="https://plus.google.com/?gpsrc=ogpy0&tab=wX">YouTube</a></li>
<li><a href="https://plus.google.com/?gpsrc=ogpy0&tab=wX">News</a></li>
<li><a href="https://plus.google.com/?gpsrc=ogpy0&tab=wX">Gmail</a></li>
<li><a href="https://plus.google.com/?gpsrc=ogpy0&tab=wX">Drive</a></li>
<li><a href="https://plus.google.com/?gpsrc=ogpy0&tab=wX">Calendar</a></li>
<li><a href="#" onclick="func()">More</a>
<ul id="submenu" >
<li><a href="#"><b>Translate</b></a></li>
<li><a href="#"><b>Mobile</b></a></li>
<li><a href="#"><b>Books</b></a></li>
<li><a href="#"><b>Offers</b></a></li>
</ul>
</li>



</ul>
</div>
</body>
</html>