G.hemati
شنبه 16 آبان 1394, 23:53 عصر
با سلام
ممنون از راهنمایی کاملی که استاد حیاتی عزیز زحمتش رو کشیدن
من تا جایی که میتونستم طبق فرمایشات جناب حیاتی عزیز پیش رفتم . ولی خوب چند تا مشکل هم دارم
- من سعی کردم که از id و کلاس در html استفاده کنم و متن متحرک بالای صفحه رو تبدیل به id نمودم . ولی هرکاری میکنم بک گراندش رنگ قبول نمیکنه و فونتش هم به Tahoma تغییر پیدا نمیکنه
- من میخوام یه فاصله چند پیکسلی بین عکس هدر و div حاوی لینک و محتویات ایجاد بشه .از تگ <br> استفاده کردم ولی فاصله خیلی میندازه
- چطوری کلاس مربوط به تغییر رنگ فونت لینکها رو فراخوانی کنم (مثل وقتی که موس رو روی منو ها قرار میدی و به رنگ نارنجی در میاد)
کدهای Css:
@charset "utf-8";/* CSS Document */
.main
{
width:880px;
height:900px;
background-color:skyblue;
color:#FFF;
border:solid 1px #999;
margin:0 auto;
padding:10px;
direction:rtl;
font-family: tahoma;
border:solid 1px blue;
}
.animation_text
{
position:fixed;
width:100%;
height:20px;
background-color:skyblue;
top:0px;
left:0px;
direction:rtl;
font-family: tahoma;
font-weight: 700;
font-size: 15px;
}
.submain
{
width:877px;
height:110px;
border:solid 1px #999;
margin:10 px;
border:solid 1px blue;
}
.col_right
{
width:147px;
height:autopx;
background-color:#FFF;
color:#000;
float:right;
text-align:center;
line-height:20px;
border:solid 1px blue;
}
.col_left
{
width:703px;
height:auto;
background-color:#FFF;
color:#000;
float:right;
margin-right:10px;
padding:8px;
text-indent:5px;
line-height:30px;
text-align:justify;
border:solid 1px blue;
top:10px;
}
h4
{
color:#C33;
}
#text_color{
text-decoration:none;
color:#ffffff;
}
#text_color:hover{
font-weight:bold;
color:red;
background: #D9E1E5 url('img/navh.gif');
font-size:14px;
}
#text_color2{
text-decoration:none;
color:#ffffff;
font-size:17px
}
#text_color2:hover{
text-decoration:underline;
/*font-weight:bold;*/
color:red;
background: #D9E1E5 url('img/navh.gif');
}
#topc{
background-color:#99bbff;
}
#menubg{
background-color:#00aacc;
font-family:tohoma;
}
#top-menu
{
background: #D9E1E5 url('img/menutop.png');
border: 1px solid #DFEEF7;
border-top: 0px;
border-color: #DFEEF7 #CFDEE7;
height: 30px;
}
#top-menu a
{
background: #D9E1E5 url('img/menutop.png');
border-right: 1px solid #AFBEC7;
color: #FFFFFF;
display: block;
float: right;/* شناور کردن منو به سمت راست */
font: 9pt tahoma;
line-height: 30px;
padding: 0 20px;
text-decoration: none;
}
/* این قسمت مربوط می شود به زمانیکه شما علامت موس را روی منو می برید و رنگ آن در این منو زرد می شود به عبارتی اینجا عکس استفاده شده است */
#top-menu a:hover
{
background: #D9E1E5 url('img/navh.gif');
color: red;/*رنگ منو از سفدید به این رنگ تغییر می کند */
font-size:22px;
}
html:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="style.css" />
<title>Learning</title>
</head>
<body>
<div id="animation_text">
<span lang="fa"><marquee >کاربر گرامی: ورود شما را به سایت<font color="red"><b> فن آوری اطلاعات </b></font>خیر مقدم عرض نموده و گلباران مینماییم</marquee></span></div>
<!-- ایجاد بدنه اصلی -->
<div class="main">
<div id="main">
<div id="top-menu">
<a href="index.html">صفحه اصلی</a>
<a href="about.html">در باره ما</a>
<a href="news.html">اخبار</a>
<a href="comment.html">مقالات</a>
<a href="gallery.html">گالری</a>
<a href="contact.html">ارتباط با ما</a>
</div>
</div>
<div class="submain"><img src="img/h.png" /> </div>
<!-- ایجاد ستون راست -->
<div class="col_right">
<a href="#" >لینک</a><hr />
<a href="#">لینک</a><hr />
<a href="#">لینک</a><hr />
<a href="#">لینک</a><hr />
<a href="#">لینک</a><hr />
<a href="#">لینک</a><hr />
<a href="#">لینک</a><hr />
<a href="#">لینک</a>
</div>
<!-- ایجاد ستون چپ -->
<div class="col_left">
<h4>htaccess چیست؟ </h4>
فایل هایی با نام htaccess. برای ایجاد پیکربندی در دایرکتوری ها یا پوشه ها متفاوت در سرور آپاچی به کار می روند و در صورتی مورد استفاده قرار می گیرد که پوشه کاربری نیازمند به پیدکربندی خاصی باشد و دسترسی روت(root) ندارید.
با استفاده از اچ تی اکسس می توانید پسوند فایلها را تغییر داده و یا صفحه ای را به صفحه دیگر انتقال دهید و می توانید ارورهای مانند 404,400,401,500,403 را نمایش دهید و آنها را مدیریت کنید حتی میتوانید با فایل htaccess. برروی یک فایل پسورد قراردهید و یا آی پی های خاصی را مسدود کنید در مواقعی ممکن است بعضی از دستورات در این فایل باعث غیر فعال کردن کل سایت شود که این امر مربوط به غیر فعال بودن بعضی توابع در فایل httpd.conf سرور می باشد و شما باید دستورات مشابه آن راقرار داده تا توابع بدرستی کار کنند و یا بعضی از توابع را حذف کنید. استفاده از این فایل در همه موارد پیشنهاد نمی شود زیرا ممکن است شما با فعال کردن یک تابع باعث هک شدن سایت خود شود ولی در سرورهای اشتراکی که تعداد زیادی سایت برروی آن قرار دارند پیشنهاد می شود که از فایل htaccess استفاده شود. زیرا هر سایت باید توانایی پیکر بندی قسمت مربوط به خود را دارا باشد.
</div>
</div>
<div style="position:fixed; width:100%; height:20px;bottom:0px; left:0px;background-color:#7777FF; text-align:center; color:white; font-family: tahoma; font-size: 17px" >© ---- </div>
<style type="text/css">
<!--
body {
background-image:url(img/hd.png);
background-attachment:fixed;
background-repeat: repeat-x;
background-position:40px 20px }
-->
</style>
</body>
</html>
بسیار ممنون