کد css

ف

فقق

Banned
سلام من یک کد برای طراحی قالب سایتم نوشتم با HTML حالا نمی دونم کد های CSS را در کجای این کد HTML وارد کنم
اگه می شه راهنمایی ام کنید .


<!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="css/MyStyle.css" rel="stylesheet" type="text/css" media="screen" />
</head>

<body>

<div></div><!--end header -->
<div></div><!--end content-->
<div></div><!--end sidebar-->
<div></div><!--end footer-->
</div><!--end main-->
<div id="footer"></div><!--end footer-->
</body>
<div id="main">
<div class="container">
<div id="header"></div><!--end header -->
<div id="content"></div><!--end content-->
<div id="sidebar"></div><!--end sidebar-->
</div><!--end main container-->
</div><!--end main-->
<div id="footer">
<div class="container"></div><!--end footer container-->
</div><!--end footer-->
<div id="header">
<div id="logo"></div>
<div id="tagline"></div>
</div><!--end header -->
<div id="header">
<div id="logo">
<h1>Logo</h1>
</div>
<div id="tagline">
<h3>And a little tagline, too.</h3>
</div>
<ul id="menu">
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Portfolio</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div><!--end header -->

<div id="content">
<h2>Lorem ipsum, Dolor sit</h2>
<h3>Nullam vulputate felis id odio interdum nec malesuada mi pretium. </h3>
<p>Praesent luctus egestas nisl, vitae vehicula eros rhoncus vel.Phasellus consequat arcu eu neque convallis eu vulputate diam vehicula. In eget venenatis nisl.Vestibulum id nulla eu sapienpellentesque malesuada
pharetra ac lacus.Curabitur et ultricies quam. Aenean pretium aliquet velit, gravida vulputate urna tempu vel. </p>
<p>Proin tempor erat sit amet nisl porta nec vulputate arcu imperdiet. Praesent luctus egestas nisl, vitae vehicula eros rhoncus vel. Phasellus consequat arcu eu neque convallis eu vulputate diam vehicula. In eget venenatis nisl.Vestibulum id nulla eu sapien pellentesque malesuada pharetra ac lacus. Curabitur et ultricies quam. Aenean pretium aliquet velit,gravida vulputate urna tempus vel. Proin tempor erat sit amet nisl porta nec vulputate arcu imperdiet. </p>
<div id="news">
<h3>Latest Updates</h3>
<h4>Vestibulum id nulla eu sapien pellentesque</h4>
<small>June 1, 2009</small>
<p>Ut vel turpis a orci pulvinar tincidunt. Mauris id purus turpis. Aliquam metus arcu,facilisis quis pellentesque vitae, dapibus non nulla. Nulla suscipit sagittis sodales.Etiam laoreet ante in purus laoreet id malesuada dui pretium.<a href="#"> Read More</a></p>
<h4>Vestibulum id nulla eu sapien pellentesque</h4>
<small>June 1, 2009</small>
<p>Ut vel turpis a orci pulvinar tincidunt. Mauris id purus turpis. Aliquam metus arcu,facilisis quis pellentesque vitae, dapibus non nulla. Nulla suscipit sagittis sodales.Etiam laoreet ante in purus laoreet id malesuada dui pretium.<a href="#"> Read More</a></p>
</div><!–end news–>
</div><!–end content–>


<div id="sidebar">
<div id="subscribe">
<h3>Subscribe!</h3>
<ul>
<li><a href="#">Subscribe via RSS</a></li>
<li><a href="#">Get Email Updates</a></li>
<li><a href="#">Follow us on Twitter</a></li>
</ul>
</div>
<div id="popular">
<h3>Popular Items</h3>
<ul>
<li><a href="#">Lorem ipsum dolor site amet</a></li>
<li><a href="#">Ulvinar tincidunt, Mauris id</a></li>
<li><a href="#">Lorem ipsum dolor site amet</a></li>
<li><a href="#">Proin tempor erat sit tene</a></li>
</ul>
</div>
<div id="contributors">
<h3>Contributors</h3>
<ul>
<li><a href="#">John Smith, freelance writer</a></li>
<li><a href="#">Jack McCoy, designer</a></li>
<li><a href="#">Lenny Briscoe, editor</a></li>
<li><a href="#">John Smith, martketing</a></li>
</ul>
<a href="#">Join Our Team</a>
</div>
</div><!--end sidebar-->

<div id="footer">
<div class="container">
<p>Copyright © ???? MySite <br />
<li>All Rights Reserved</p>
</div><!--end footer container-->
</div><!--end footer-->





</body>

</html>


کد CSS هم
body { font-family: Arial, Helvetica, sans-serif; }
.container { width: 800px; margin: 0 auto;}
و دیگر کد ها
​
 
echessdesign

echessdesign

مدیر انجمن طراحی وب
درود بر شما
کد های خود را داخل فایل MyStyle.css که در فولدر CSS قرار دارد کپی کنید
 
vahidd.com

vahidd.com

Member
به این صورت هم میشه:
HTML: 
<!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>
<style>

body { font-family: Arial, Helvetica, sans-serif; }
.container { width: 800px; margin: 0 auto;}


</style></head>

<body>

<div></div><!--end header -->
<div></div><!--end content-->
<div></div><!--end sidebar-->
<div></div><!--end footer-->
</div><!--end main-->
<div id="footer"></div><!--end footer-->
</body>
<div id="main">
<div class="container">
<div id="header"></div><!--end header -->
<div id="content"></div><!--end content-->
<div id="sidebar"></div><!--end sidebar-->
</div><!--end main container-->
</div><!--end main-->
<div id="footer">
<div class="container"></div><!--end footer container-->
</div><!--end footer-->
<div id="header">
<div id="logo"></div>
<div id="tagline"></div>
</div><!--end header -->
<div id="header">
<div id="logo">
<h1>Logo</h1>
</div>
<div id="tagline">
<h3>And a little tagline, too.</h3>
</div>
<ul id="menu">
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Portfolio</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div><!--end header -->

<div id="content">
<h2>Lorem ipsum, Dolor sit</h2>
<h3>Nullam vulputate felis id odio interdum nec malesuada mi pretium. </h3>
<p>Praesent luctus egestas nisl, vitae vehicula eros rhoncus vel.Phasellus consequat arcu eu neque convallis eu vulputate diam vehicula. In eget venenatis nisl.Vestibulum id nulla eu sapienpellentesque malesuada
pharetra ac lacus.Curabitur et ultricies quam. Aenean pretium aliquet velit, gravida vulputate urna tempu vel. </p>
<p>Proin tempor erat sit amet nisl porta nec vulputate arcu imperdiet. Praesent luctus egestas nisl, vitae vehicula eros rhoncus vel. Phasellus consequat arcu eu neque convallis eu vulputate diam vehicula. In eget venenatis nisl.Vestibulum id nulla eu sapien pellentesque malesuada pharetra ac lacus. Curabitur et ultricies quam. Aenean pretium aliquet velit,gravida vulputate urna tempus vel. Proin tempor erat sit amet nisl porta nec vulputate arcu imperdiet. </p>
<div id="news">
<h3>Latest Updates</h3>
<h4>Vestibulum id nulla eu sapien pellentesque</h4>
<small>June 1, 2009</small>
<p>Ut vel turpis a orci pulvinar tincidunt. Mauris id purus turpis. Aliquam metus arcu,facilisis quis pellentesque vitae, dapibus non nulla. Nulla suscipit sagittis sodales.Etiam laoreet ante in purus laoreet id malesuada dui pretium.<a href="#"> Read More</a></p>
<h4>Vestibulum id nulla eu sapien pellentesque</h4>
<small>June 1, 2009</small>
<p>Ut vel turpis a orci pulvinar tincidunt. Mauris id purus turpis. Aliquam metus arcu,facilisis quis pellentesque vitae, dapibus non nulla. Nulla suscipit sagittis sodales.Etiam laoreet ante in purus laoreet id malesuada dui pretium.<a href="#"> Read More</a></p>
</div><!–end news–>
</div><!–end content–>


<div id="sidebar">
<div id="subscribe">
<h3>Subscribe!</h3>
<ul>
<li><a href="#">Subscribe via RSS</a></li>
<li><a href="#">Get Email Updates</a></li>
<li><a href="#">Follow us on Twitter</a></li>
</ul>
</div>
<div id="popular">
<h3>Popular Items</h3>
<ul>
<li><a href="#">Lorem ipsum dolor site amet</a></li>
<li><a href="#">Ulvinar tincidunt, Mauris id</a></li>
<li><a href="#">Lorem ipsum dolor site amet</a></li>
<li><a href="#">Proin tempor erat sit tene</a></li>
</ul>
</div>
<div id="contributors">
<h3>Contributors</h3>
<ul>
<li><a href="#">John Smith, freelance writer</a></li>
<li><a href="#">Jack McCoy, designer</a></li>
<li><a href="#">Lenny Briscoe, editor</a></li>
<li><a href="#">John Smith, martketing</a></li>
</ul>
<a href="#">Join Our Team</a>
</div>
</div><!--end sidebar-->

<div id="footer">
<div class="container">
<p>Copyright © ???? MySite <br />
<li>All Rights Reserved</p>
</div><!--end footer container-->
</div><!--end footer-->





</body>

</html>
 
برای ارسال پاسخ شما باید وارد سیستم شوید.

آخرین مطالب مجیدآنلاین

جدیدترین ارسال ها

بالا