cheki
Super Member

   
ჯგუფი: Registered
წერილები: 557
წევრი No.: 135440
რეგისტრ.: 2-September 11
|
#27201339 · 3 Sep 2011, 20:26 · · პროფილი · პირადი მიმოწერა · ჩატი
კაროჩე დაგიწერ ერთ მეთოდს კაკრას 5_ი გვერდი რომ იყოს ყორიზონტალურად
<div class="header"> <h1><a href="index.php">ტესტ</a></h1> <ul> <li><a href="მთავარი.php">პირველი გვერდი</a></li> <li><a href="გალერია.php">მეორე გვერდი</a></li> <li><a href="ინფორმაცია.php">მესამე გვერდი</a></li> <li><a href="კონტაქტი.php">მეოთხე გვერდი</a></li> </ul> </div>
ამას შეინახავ header.php ფაილში
2)<div class="footer"> <p> powered by ისსეტ<a href="რაც გინდა">რაც გინდა</a>. [<a href="ლინდექს.php<?php echo "?f=".basename($_SERVER["SCRIPT_NAME"]);?>">Admin</a>]</p> </div>
ამას შეინახავ footer.php ------------------------------------------------------------------------------------------------------------------------
3)<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>OneFileCMS Test Site - Index</title> <link href="style.css" type="text/css" rel="stylesheet" media="screen" /> </head>
<body>
<div class="container">
<?php @include "includes/header.php" ?>
<div class="content"> <h2>პირველი გვერდი</h2> <p>რაც გინდა რომ ეწეროს პირველ გვერდზე</p> </div>
<?php @include "includes/footer.php" ?>
</div>
</body> </html> ამას შეინახავ მთავარი.php ------------------------------------------------------------------------------------------------------------------
5)შემდეგ ისევ გააკეთე პჰპ ფაილი სახელად გალერია.პჰპ <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>OneFileCMS Test Site - Page One</title> <link href="style.css" type="text/css" rel="stylesheet" media="screen" /> </head>
<body>
<div class="container">
<?php @include "includes/header.php" ?>
<div class="content"> <h2>გალერია</h2> <p>რაც გინდა ის დაწერე</p> </div>
<?php @include "includes/footer.php" ?>
</div>
</body> </html>
და ასე დაამატე სხვადასხვა გვერდები ----------------------------------------------------------------------------------------------- 6) ეს კი შეინახე style.css /* --- This is sort of bare minimum CSS. Use at your own risk! --- */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big, cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li, fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0;} :focus{outline:0;} ol,ul{list-style:none;} table{border-collapse:separate;border-spacing:0;} caption,th,td{text-align:left;font-weight:400;} blockquote:before,blockquote:after,q:before,q:after{content:"";} blockquote,q{quotes:"" "";} div{position:relative;} h1,h2,h3,h4,h5,h6{font-weight: bold;font-family: Georgia, Times, Times New Roman, serif;}
body { font-size: 14px; background: #f2f2f2 url("images/bg.jpg"); font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif; text-align: center; }
a { color: black; text-decoration: underline; }
a:hover { text-decoration: none; }
.container { width: 500px; margin: 0 auto; }
.header { margin-top: 20px; }
.header h1 { font-size: 36px; } .header h1 a { text-decoration: none; }
.header li { display: inline-block; margin-right: 10px; }
.content { clear: both; margin: 10px 0; padding: 10px; background-color: white; border: 1px solid #cbcdc3; text-align: left; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
h2 { font-size: 20px; } h3 { font-size: 16px; }
p, h2, h3 { margin-bottom: 10px; }
p { line-height: 1.3em; }
შემდეგ შეცვალე როგორც გინდა რავი აბა ვნახოდ რა გამოვა
|