Webmaster araçları

Friday, December 26, 2008

HTML KODLARI

css tasarim-8

Tasarım üstüne eklenecek kod

<div id="wrap">
            <div id="header">
            <div id="topbar">
            <div id="searchbar">
            <form action="http://www.free-css.com/">
            <div><input type="text" id="keyword" />
            <span><input type="image" src="http://www.fileden.com/files/2009/5/1/2426283/ir.jpg" id="button" alt="Go" />
            </span>
            </div>
            </form>
            </div>
            <div id="navigation">
            <ul>
            <li class="active"><a href="/inicio.htm" _fcksavedurl="/inicio.htm">Inicio</a></li>
            <li><a href="/inicio.htm" _fcksavedurl="/inicio.htm">Videos</a></li>
            <li><a href="/inicio.htm" _fcksavedurl="/inicio.htm">Imagenes</a></li>
            <li><a href="/inicio.htm" _fcksavedurl="/inicio.htm">Musica</a></li>
            <li><a href="/inicio.htm" _fcksavedurl="/inicio.htm">Contacto</a> </li>
            </ul>
            </div>
            </div><br><br>
            <div id="subnav">
            <a href="#" _fcksavedurl="#">Registrarse</a> |
            <a href="#" _fcksavedurl="#">Login</a> |
            <a href="#" _fcksavedurl="#">Sitemap</a> |
            <a href="#" _fcksavedurl="#">Contacto</a> |
            <a href="#" _fcksavedurl="#">Link's destacados</a> |
            <a href="#" _fcksavedurl="#">Inicio</a>
            </div>
            <h1 id="sitename">www.internet-im.net.tc</h1>
            </div>
            <div id="waper">

Tasarım altına eklenecek kod

<div id="sidebar">
            <h2>Ultimos contenidos</h2>
            <ul>
            <li><a href="#" _fcksavedurl="#">Contenido 1</a></li>
            <li><a href="#" _fcksavedurl="#">Contenido 1</a></li>
            <li><a href="#" _fcksavedurl="#">Contenido 1</a></li>
            <li><a href="#" _fcksavedurl="#">Contenido 1</a></li>
            <li><a href="#" _fcksavedurl="#">Contenido 1</a></li>
            <li><a href="#" _fcksavedurl="#">Contenido 1</a></li>
            <li><a href="#" _fcksavedurl="#">Contenido 1</a></li>
            </ul>
            <h2>Link's</h2>
            <ul>
            <li><a href="http://cssplantillas.es.tl" _fcksavedurl="http://cssplantillas.es.tl">CssPlantillas</a></li>
            <li><a href="#" _fcksavedurl="#">Link's 2</a></li>
            <li><a href="#" _fcksavedurl="#">Link's 3</a></li>
            <li><a href="#" _fcksavedurl="#">Link's 4</a></li>
            <li><a href="#" _fcksavedurl="#">Link's 5</a></li>
            <li><a href="#" _fcksavedurl="#">Link's 6</a></li>
            <li><a href="#" _fcksavedurl="#">Link's 8</a></li>
            </ul>
            </div>
            <div class="clear"></div>
            </div>
            <div id="footer">
            <p> © Copyright 2010 <strong>HwD</strong>Design by: <a href="http://www.internet-im.net.tc/" _fcksavedurl="http://www.internet-im.net.tc/">Hisar web dizayn™	</a> </p>
            </div>
            </div>

Css bölümüne eklenecek kod

#post_header {display: none;}
            #header_container {display: none;}
            lli.nav_element{display: none;}
            li.nav_element a{display: none;}
            h1#title{display: none;}
            h2#title span {display: none;}
            table {margin-left:auto;margin-right:auto;}
            * {padding:0; margin:0;}
            body {
            font:11px "Trebuchet MS", Arial, sans-serif;
            color:#666;
            background:#999 url("http://www.fileden.com/files/2009/5/1/2426283/bg.jpg") repeat-x;
            }
            .clear {
            clear:both;
            }
            a, a:visited {
            color: #930;
            }
            a:hover {
            color:#09c;
            text-decoration:none;
            }
            h1, h2, h3, h4 {
            font:"Trebuchet MS", Arial, sans-serif;
            }
            h2 {
            font:18px "Trebuchet MS", Arial, sans-serif;
            }
            #wrap {
            background:url("http://www.fileden.com/files/2009/5/1/2426283/bg.jpg") repeat-y;
            width:867px;
            margin:auto;
            }
            #header{
            background:url("http://www.fileden.com/files/2009/5/1/2426283/head.jpg") no-repeat;
            height:144px;
            }
            #sidebar {
            width: 200px;
            float: right;
            padding:15px 30px 5px 5px;
            }
            #content {
            padding-left: 25px;
            float: left;
            width: 595px;
            }
            #waper {
            background:#fff url("http://www.fileden.com/files/2009/5/1/2426283/waper.jpg");
            width:867px;
            margin: 0 auto;
            }
            #footer {
            background:url("http://www.fileden.com/files/2009/5/1/2426283/footer.jpg") no-repeat;
            height:103px;
            padding:25px 0 0 0;
            }
            #topbar {
            height:3px; padding:15px 25px 0 25px;
            }
            #searchbar {
            width:250px;
            float:left;
            padding-left:35px;
            background-image: url("http://www.fileden.com/files/2009/5/1/2426283/buscar.jpg");
            background-repeat: no-repeat;
            background-position: 3px 9px;
            padding-top: 5px;
            }
            #searchbar #keyword {
            width:150px;
            display: block;
            float: left;
            height: 20px;
            border: 1px solid #969696;
            padding: 2px;
            margin-right: 5px;
            font-size: 14px;
            }
            #searchbar form {padding:3px;}
            #navigation { margin-left:305px; padding-top:8px;}
            #navigation ul {list-style:none;}
            #navigation li {display:inline;}
            #navigation a, #navigation a:visited, #navigation a:active {display:block; float:left; background:url("http://www.fileden.com/files/2009/5/1/2426283/menu2.jpg") repeat-x; height:19px; padding:5px 15px 0 15px; margin-right:5px; color:#000; text-decoration:none; border:solid 1px #999;}
            #navigation a:hover {background:url("http://www.fileden.com/files/2009/5/1/2426283/menu1.jpg") repeat-x; color:#fff; border: solid 1px #09c;}
            #navigation .active a {background:url("http://www.fileden.com/files/2009/5/1/2426283/menu1.jpg") repeat-x; color:#fff; border: solid 1px #09c;}
            #sidebar h2 {display:block; color:#069; font:16px "Trebuchet MS", Arial, sans-serif; padding:5px; border-bottom: solid 1px #bbb; text-transform:uppercase;}
            #sidebar ul {list-style:none; margin-bottom:15px;}
            #sidebar li {display:block; height:26px; border-bottom:solid 1px #ddd;}
            #sidebar a, #sidebar a:visited {display:block; height:21px; padding:5px 5px 0 5px; color:#333; text-decoration:none;}
            #sidebar a:hover { color:#069;}
            h3.subhead {
            font-size:12px; text-transform:uppercase;
            color: #fff;
            display:block;
            padding:5px;
            border:solid 1px #ddd;
            background: #990000;
            }
            .columns  {padding:0 8px 0 8px;}
            .col1 {width:30%; float:left;}
            .col3 {width:30%; float:right;}
            .col2 {margin:0 32% 0 32%;}
            .clear2 {width:590px; clear:left; float:right; color:#fff!important;}
            .columns div {background:#f3fbe0; height:200px;}
            .columns div p {padding:5px;}
            #subnav {padding: 9px 50px 0 420px; color:#fff;}
            #subnav a {color:#fff; text-decoration:none;}
            img.leftalign, img.rightalign {display:block; padding:3px; background:#efefef; border: solid 1px #ddd;}
            img.leftalign {float:left; margin-right:8px;}
            img.rightalign {float:right; margin-left:8px;}
            h1#sitename {display:block; padding:5px 70px 0 50px; color:#fff; font:22px normal "Trebuchet MS", Arial, sans-serif; }
            #sitename a, #sitename a:visited, #sitename a:hover {color:#fff; text-decoration:none;}
            #footer p {text-align:center; display:block; padding:3px;}
            #footer #credit {font-size:10px;}

Bugün 1 ziyaretçi (1 klik) kişi burdaydı!

Revolution Church

Friday, December 26, 2008

HTML KODLARI

css tasarim-8

Sponsorlarimiz

Html kodlari

Dost siteler

SPONSORUMUZ