sara.sherafati
New Member
این چیزی است که تا الان طراحی شده
[CSSS]@charset "utf-8";
/* CSS Document */
html, body, div, input , span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
margin:0;
padding:0;
border:0;
outline:0;
font-size:103%;
vertical-align:baseline;
}
body{background: url(images/images/backgroun.jpg); direction:rtl; font: 12px Tahoma}
.headbg{background: url(images/images/images/images/images/headbg_blue.jpg); height:240px; width:1500px }
.middle{width:1000px; margin: 0px auto}
.headbg .topmenu{float:right}
.headbg ul{ list-style: none}
.headbg ul li{float:right; margin: 21px 0 0 0}
.headbg ul li a{color:#FFF ; text-decoration:none; padding:1px 3px; margin:4px 0 0 0 ; transition:linear all 10s; -moz-transition:linear all 10s; border-radius:15px}
.headbg ul li:hover{ background: #09F; box-shadow:2px 2px 2px #000000 , inset 1px 0.5px 0px #006 ; border-radius:15px}
.headbg .sharing{ float:left;width:28px; height:28px ; margin:5px ; opacity:0.5 ; -moz-transition:linear all 0.3s}
.headbg .sharing:hover{opacity:1}
.headbg .piza{background:url(images/images/head_image.jpg); height:250px; width:100px}
[/CSSS]
[HTMLS]<!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>
<link href="reset.css" rel="stylesheet" type="text/css" />
<link href="sara.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div class="headbg">
<div class="middle">
<div class="topmenu">
<ul>
<li><a href="#">صفحه اصلی</li>
<li><a href="#">صفحه اصلی</li>
<li><a href="#">صفحه اصلی</li>
<li><a href="#">صفحه اصلی</li>
</ul>
<div class="sharing">
<a href="#"><img src="images/images/sharingrss.jpg" /></a>
</div>
<div class="sharing">
<a href="#"><img src="images/images/sharingt.jpg" /></a>
</div>
<div class="sharing">
<a href="#"><img src="images/images/sharingy.jpg" /></a>
</div>
<div class="piza"></div>
</div>
</div>
</div>
</div>
</body>
</html>
[/HTMLS]
چند تا مشکل دارم:
1- چرا ایکون های sharing به سمت چپ صفحه نرفتن؟
2-چرا transition کار نکرده؟ که باید یه حالت نرمی میداد
3-چرا عکس بک گراند piza نمایش داده نمیشه؟
[CSSS]@charset "utf-8";
/* CSS Document */
html, body, div, input , span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
margin:0;
padding:0;
border:0;
outline:0;
font-size:103%;
vertical-align:baseline;
}
body{background: url(images/images/backgroun.jpg); direction:rtl; font: 12px Tahoma}
.headbg{background: url(images/images/images/images/images/headbg_blue.jpg); height:240px; width:1500px }
.middle{width:1000px; margin: 0px auto}
.headbg .topmenu{float:right}
.headbg ul{ list-style: none}
.headbg ul li{float:right; margin: 21px 0 0 0}
.headbg ul li a{color:#FFF ; text-decoration:none; padding:1px 3px; margin:4px 0 0 0 ; transition:linear all 10s; -moz-transition:linear all 10s; border-radius:15px}
.headbg ul li:hover{ background: #09F; box-shadow:2px 2px 2px #000000 , inset 1px 0.5px 0px #006 ; border-radius:15px}
.headbg .sharing{ float:left;width:28px; height:28px ; margin:5px ; opacity:0.5 ; -moz-transition:linear all 0.3s}
.headbg .sharing:hover{opacity:1}
.headbg .piza{background:url(images/images/head_image.jpg); height:250px; width:100px}
[/CSSS]
[HTMLS]<!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>
<link href="reset.css" rel="stylesheet" type="text/css" />
<link href="sara.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div class="headbg">
<div class="middle">
<div class="topmenu">
<ul>
<li><a href="#">صفحه اصلی</li>
<li><a href="#">صفحه اصلی</li>
<li><a href="#">صفحه اصلی</li>
<li><a href="#">صفحه اصلی</li>
</ul>
<div class="sharing">
<a href="#"><img src="images/images/sharingrss.jpg" /></a>
</div>
<div class="sharing">
<a href="#"><img src="images/images/sharingt.jpg" /></a>
</div>
<div class="sharing">
<a href="#"><img src="images/images/sharingy.jpg" /></a>
</div>
<div class="piza"></div>
</div>
</div>
</div>
</div>
</body>
</html>
[/HTMLS]
چند تا مشکل دارم:
1- چرا ایکون های sharing به سمت چپ صفحه نرفتن؟
2-چرا transition کار نکرده؟ که باید یه حالت نرمی میداد
3-چرا عکس بک گراند piza نمایش داده نمیشه؟