CSS Sayfa Dizaynı



[aspx]

<%@ Page Language="C#" AutoEventWireup="true"  CodeFile="Default.aspx.cs" Inherits="_Default" %>


<!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 runat="server">

    <title></title>

    <link href="StyleSheet.css" rel="stylesheet" type="text/css" />

</head>

<body>

    <form id="form1" runat="server">

    <div id="cotainer">

        <div id="topbar">Top Bar/Logo Layer</div>

        <div id="navbar">

 

        <a href="#">Home</a>

        <a href="#">About</a>

        <a href="mailto:myemailaddres@email.com">Contact me</a>

 

        </div>

 

        <div id="main">

            <div id="column_left">

                <h1>Post Title</h1>

                <h2>12 Junuary 2008</h2>

                <p>Add your text here</p>

            </div>

            <div id="column_right">

                <h3>Categories</h3>

                Right Content to add Categories, web 2 widget (twitter, mybloglog)

            </div>

            <div id="column_right_adsense">

                <h3>Adsense</h3>

                Adsense 120 x 600

            </div>

            <div class="spacer"></div>

        </div>

        <div id="foter">© 2008 Information about your site</div>

    </div>

    </form>

</body>

</html

[Code Behind]

using System;

using System.Collections.Generic;

using System.Linq;

using System.Web;

using System.Web.UI;

using System.Web.UI.WebControls;

 

public partial class _Default : System.Web.UI.Page

{

    protected void Page_Load(object sender, EventArgs e)

    {

 

    }

}

 

[CSS]

body{

      font-family: Arial, Helvetica, sans-serif;

      font-size: 12px;

      margin: 20px;

      padding: 0px;

}

input, form, textarea, h1, h2, h3, h4, h5, h6{

      margin: 0px;

      padding: 0px;

}

h1{font-size: 18px;}

h2{font-size:14px; color:#999999;}

h3{

      font-size: 13px;

      border-bottom: solid 1px #dedede;

      padding: 4 0;

      margin-bottom:10px;

}

a:link, a:visited{color:#0033cc;}

a:hover{text-decoration:none;}

 

/*----------------------------------

Page Structure

/*-------------#container has an absolute width(780 pixel))*/

#container{width:780px;margin:0 auto;}

      #topbar{width:auto; display:block;height:20px;float:left;}

      #navbar{width:auto;display:block;height:28px;}

            #navbar a{height:28px;line-height:28px;padding:block;display:inline;}

    #main{width:auto;display:block;padding:10px 0;}

            #column_left{width:460px;margin-right:20px;float:left;}

            #column_right{width:160px;margin-right:20px;float:left;}

            #column_right_adsense{width:120px;float:left;}

            div.spacer{clear:both;height:10px;display:block;}

      #footer{width:auto;display:block;padding:10px 0;font-size:11px;color:#666666;}




Puan Ver

 
 

Yorum yapmak istiyorum





Yapılan Yorumlar