View Full Version : مشکل این کد چیه؟ (تغییر فونت و تغییر موقعیت)
ASedJavad
شنبه 26 فروردین 1391, 22:03 عصر
سلاممن از پریروز بطور کاملا اتفاقی تصمیم گرفتم یه خورده HTML و Css یاد بگیرم
رو همین حساب یکی از قالب های وبلاگ رو گرفتم و شروع کردم به ایجاد تغییرات در اون
حالا تو کدی که براتون گذاشتم دوجاش مشکل داره
یکی اینکه اندازه فونت متن منوها تغییر نمی کنه
دوم اینکه کادر جستجو رو نمی تونم ببرم سمت چپ
لطفا علاوه بر اصلاح کد، یه توضیح مختصری هم بدید تا یه چیزی یاد بگیرم
همچنین اگه تو کد نویسیش ایرادی هست یا بهتره تغییری کنه هم حتما بگید.
ASedJavad
دوشنبه 28 فروردین 1391, 09:50 صبح
سلامممنون از این همه جواب!
مشکل اول رو تونستم حلش کنم (فهمیدم مشکلش از کجاست.)
اما کادر جستجو رو هر کار میکنم نمیتونم ببرمش سمت چپ.
این هم کدش.
فکر نمیکنم برا شما دوستان حرفه ای جواب دادن به این سوال کار سختی باشه.
ممنون
این هم کد:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style>
.SearchBar{display:table}
.TextBox{background:#FFFFFF;border:1px solid #D7DBEA;color:#514343;font-family:Tahoma;font-size:11px;direction:rtl;height:17px}
.TextBox:hover{border:1px solid #000000}
.SBC{margin:5px auto;width:93%;text-align:left}
.SBC input{float:left;width:74%}
.SearchBox{width:95%;direction:rtl}
.TextSB{width:75%}
.TextSB input{width:90%;height:22px;padding:0px 2px}
.IConSB{width:20%}
.IConSB .Find{float:left}
.Find{cursor:pointer;width:22px;height:22px;displa y:block;float:left;margin-right:2%}
* >.Find{background:url(http://Img.tebyan.net/TS/Persian/weblog/Find.png) no-repeat 0px 1px}
.Find{filter:progid:DXImageTransform.Microsoft.Alp haImageLoader(src='http://Img.tebyan.net/TS/Persian/weblog/Find.png')}
.BackgroundBody{margin:0px;padding:0px;background: url(http://Img.tebyan.net/TS/Persian/Weblog/Theme/weblog173/images/repeat.png) #6194C4 repeat-x;background-attachment:fixed}
body,table,div,input,a,select,textarea {font-family:Tahoma;font-size:8pt}
.BasePersonal{width:770px;display:table;background :#E6EFFF}
.UpBasePersonal{width:770px;height:177px}
.HeaderBase{width:750px;height:177px;background:#E 6EFAA ;direction:rtl;text-align:center;padding:0px 10px}
.UpBaseLinks{width:770px;height:35px;direction:rtl ;padding:0px}
.UpBaseLinks .LinkShape{float:right;background:url(http://asedjavad.persiangig.com/Tebyan-Blog/Mnu.jpg); background-repeat:no-repeat ;width:86px;height:35px;direction:rtl;text-align:center;padding-top:8px}
.UpBaseLinks .LinkShape a{text-decoration:none;font-family:Tahoma;font-size:11;font-weight:bold;;color:#2D1E09}
.UpBaseLinks .LinkShape a:hover{text-decoration:none;font-family:Tahoma;font-size:13px;color:#1A86EE}
</style>
</head>
<body>
<center>
<div class="BackgroundBody">
<div class="BasePersonal">
<div class="UpBasePersonal">
<div class="HeaderBase"></div>
<div class="UpBaseLinks">
<div class="LinkShape"><a href="<-BlogUrl->">صفحه اصلي</a></div>
<div class="LinkShape"><a href="http://info.gomplayer.com/eng.html">درباره من</a></div>
<!-- SearchBar -->
<BlogSearchBox>
<div class="Dynamic">
<div class="Rss SearchBar">
<div class="SBC">
<script language=javascript > function SearchBlog(){ document.location.href = "http://www.tebyan.net/Weblog/asedjavad/default.aspx?Query="+document.getElementById('txtSearch').value}
</script>
<table cellpadding ="0" cellspacing="0" class="SearchBox"><tr><td class="TextSB"><form onsubmit="SearchBlog(); return false;"><input class="TextBox FDirection" value="جستجو" type=text ID="txtSearch" onfocus="if(this.value=='جستجو')this.value=''" onblur="if(this.value=='')this.value='جستجو'"></form></td><td class="IConSB"><a class="FDirection" href="javascript:void(0);" onclick="SearchBlog()"><span title=" جستجو " class="Find"></span></a></td></tr></table>
</div>
</div>
</div>
</BlogSearchBox>
</div>
</div>
</div>
</div>
</center>
</body>
</html>
ASedJavad
چهارشنبه 30 فروردین 1391, 01:29 صبح
کسی نبود جواب بده؟
معمولا وقتی یه سوال اینجا بی جواب می مونه دلیلش یکی از موارد زیره:
1- سوال خیلی سخته و کسی بلد نیست جواب بده.
2- اون تاپیک غیر فعاله و کسی دور و بر اون سوال نمی پلکه. بخاطر همین بی جواب می مونه.
3- سوال به قدری تکراریه که کسی حوصله نمی کنه بهش جواب بده.
4- سوال کننده سوالو طوری بیان کرده که کسی متوجه منظورش نمیشه.
مسلما دلیل بیجواب موندن سوال من، اولی نیست. چون فکر میکنم سوال من یکی از ابتدایی ترین سوالایی از این دسته.
دومی هم که نیست چون حداقلش اینه که تا همین الان بیش تر از 40 بار بازدید شده.
شاید دلیلش سومی باشه ولی من کلی جستجو کردم و چیزی که کارم رو راه بندازه ییدا نکردم. (اگه دلیل بی جواب موندنش اینه بگین تا دوباره جستجو کنم شاید این دفعه یه چیزی پیدا کردم که البته بعید می دونم)
اگر هم دلیلش چهارمیه بگین تا دوباره مفصل تر توضیح بدم.
در هر صورت ممنون
khanlo.javid
چهارشنبه 30 فروردین 1391, 08:46 صبح
دوست عزیز اگه دوستان برنامه نویس ببینن که سوال خیلی وقت گیره هیچ وقت بهش جواب نمیدن پس شما باید ببینید که آیا سوال شما و انجام اون وقت گیر هستش یا نه .
خوب مشکل دومتون کجاست مطرح کنید.
موفق باشید.
ASedJavad
چهارشنبه 30 فروردین 1391, 08:51 صبح
ممنون از شما
فکر نمیکنم وقت گیر باشه!
مشکل دومم اینه که میخوام کادر جستجو بره سمت چپ (چپ چین بشه)
khanlo.javid
چهارشنبه 30 فروردین 1391, 09:00 صبح
باشه من الان شروع میکنم به عیب یابی از این کد ها فقط یه چیزی من تو کد هاتون تگ <center> دیدم درسته؟؟
دوست عزیز این تگ دیگه منسوخ شده بهتره دیگه ازش استفاده نکنی به جاش میتونید از یه دیو با خصوصیت margin:auto استفاده کنی تا دقیقا مثل تگ center تگ های دیگه رو بیاره وسط.
khanlo.javid
چهارشنبه 30 فروردین 1391, 09:04 صبح
دوست عزیز استایل های صفحتون رو هم ضمیمه کنید.
ASedJavad
چهارشنبه 30 فروردین 1391, 09:13 صبح
کلش همون کدیه که تو پست دو گذاشتم
استایل جداگانه نداره.
khanlo.javid
چهارشنبه 30 فروردین 1391, 09:22 صبح
دوست عزیز اینم کد ویرایش شدت البته من کدتو از پست 1 دانلود کردم و ویرایش کردم از پست 2 بر نداشتم.
85908
موفق باشید.
ASedJavad
چهارشنبه 30 فروردین 1391, 10:15 صبح
ممنون دوست عزیز
اگه یه لطف دیگه هم بکنی و بگی چجوری میشه یه چیزی مثل تصویر ساخت (بطوریکه لایه ی آبی زیرلایه ی لایه زرد باشه.)
خیلی ممنون میشم.
85910
من خودم اینو نوشتم ولی نمی دونم کجاش ایراد داره:
<html>
<head>
<style>
.BackgroundBody{margin:0px;padding:0px;background: #FF0000 }
.HeaderBase{width:750px;height:177px;background:#F FFF00 ;margin:auto}
.HeaderBase .DateBox{position: absolute;background:#0000FF;width:64px;height:62px ; right: -50px; top: 15px}
</style>
</head>
<body>
<div class="BackgroundBody">
<div class="HeaderBase">
<div class=DateBox></div>
</div>
</div>
</body>
</html>
khanlo.javid
چهارشنبه 30 فروردین 1391, 10:45 صبح
دوست عزیز اگه بخوایید که لایه آبی روی لایه زرد بیفته باید از خواصیت z-index استفاده کنید برای لایه ی آبی.
حالا خواصتی بیشتر توضیح بدم.
ASedJavad
چهارشنبه 30 فروردین 1391, 13:25 عصر
اگه بخوایید که لایه آبی روی لایه زرد بیفته باید از خاصیت z-index استفاده کنید برای لایه ی آبی.
منظورم این نبود. منظورم این بود که میخوام تگ لایه آبی درون تگ لایه زرد باشه.
یعنی ترتیب تگ ها مثل همون کد پست 10 باشه.
فقط اون کدی که گذاشتم، مشکلی که داره اینه که لایه ابی رو میفرسته بیرون و سمت راست لایه قرمز
فقط یه چیزی من تو کد هاتون تگ <center> دیدم درسته؟؟
دوست عزیز این تگ دیگه منسوخ شده بهتره دیگه ازش استفاده نکنی به جاش میتونید از یه دیو با خصوصیت margin:auto استفاده کنی
از نظر کارایی هم با هم فرق دارن؟
ممنون از وقتی که میذارید.
khanlo.javid
چهارشنبه 30 فروردین 1391, 18:25 عصر
منظورم این نبود. منظورم این بود که میخوام تگ لایه آبی درون تگ لایه زرد باشه.
یعنی ترتیب تگ ها مثل همون کد پست 10 باشه.
فقط اون کدی که گذاشتم، مشکلی که داره اینه که لایه ابی رو میفرسته بیرون و سمت راست لایه قرمز
از نظر کارایی هم با هم فرق دارن؟
ممنون از وقتی که میذارید.
دوست عزیز این چیزی که من دارم میبینم و اطلاعاتی که من دارم لایه آبی افتاده روی لایه های دیگه درسته؟؟ در حالت معمولی چنین چیزی وجود نداره تگ ها کنار هم قرار میگیرن.
و در رابطه با سوال دومتون بله از نظر کارایی باهم فرق دارن ما از تگ center برای وسط چین کردن استفاده میکنیم ولی با margin برای وسط چین کردن و قرار دادان تو مناقط خواص صفحه و فاصله گرفتن از سایر شئ ها استفاده میکنیم.
موفق باشید.
ASedJavad
چهارشنبه 30 فروردین 1391, 22:52 عصر
دوست عزیز این چیزی که من دارم میبینم و اطلاعاتی که من دارم لایه آبی افتاده روی لایه های دیگه درسته؟؟ در حالت معمولی چنین چیزی وجود نداره تگ ها کنار هم قرار میگیرن
موفق باشید.
منظورتون اینه که نمیشه همچین کاری کرد؟
الان مشکل من اینه که وقتی برای لایه آبی مثلا میدم
right:-50px;
این خصوصیت نسبت به لایه قرمز سنجیده میشه.
در صورتی که من میخوام این خصوصیت نسبت به لایه زرد سنجیده بشه.
khanlo.javid
پنج شنبه 31 فروردین 1391, 09:05 صبح
منظورتون اینه که نمیشه همچین کاری کرد؟
الان مشکل من اینه که وقتی برای لایه آبی مثلا میدم
right:-50px;
این خصوصیت نسبت به لایه قرمز سنجیده میشه.
در صورتی که من میخوام این خصوصیت نسبت به لایه زرد سنجیده بشه.
الان با توجه به اون چیزی که خودتون ضمیمه کردید توی اون عکس لایه ای که از همه بالاتره کدوم لایه هستش؟؟؟
خوب باید به دیو والد زرد این خصوصیت رو بدید شاید رو دیو قرمز این خصوصیت رو میدید.
ASedJavad
پنج شنبه 31 فروردین 1391, 11:06 صبح
ممنون دوست عزیز تونستم مشکلم رو حل کنم.
از این که وقت گذاشتید خیلی متشکرم
انشاءالله هرچی از خدا میخوای، چهار برابرشو بهت بده!:چشمک:
khanlo.javid
پنج شنبه 31 فروردین 1391, 11:23 صبح
ممنون دوست عزیز تونستم مشکلم رو حل کنم.
از این که وقت گذاشتید خیلی متشکرم
انشاءالله هرچی از خدا میخوای، چهار برابرشو بهت بده!:چشمک:
دوست عزیز خیلی خوشحال شدم تونستم هر چند اندک مشکلتو حل کنم امید وارم موفق باشی.
vBulletin® v4.2.5, Copyright ©2000-1404, Jelsoft Enterprises Ltd.