Forum'da ara:
Ara


Yazar Mesaj
Mesaj28.09.2010, 17:30 (UTC)    
Mesaj konusu: Search'ü nasıl çalıştırabilirim

Sağ üst bölümdeki searchü nasıl aktive edebilirim

Kodlar Hacker friend sunrise CSS Kodu
Üst
Kod:
   <div class="contennt">
      <div id="header">
         <div class="f_search">
               <form method="post" action="?">
                  <p><input type="text" name="search" value="search..." class="search" onblur="if(this.value=='') this.value='search...';" onfocus="if(this.value=='search...') this.value='';" /> <input type="submit" value="Go" class="submit" /></p>
               </form>
         </div>
         <div class="title">
            <h1>sNEWS 1.5</h1>
            <h2>SUNRISE TEMPLATE FOR THE NEW VERSION</h2>
         </div>
      </div>
   
      <div id="subheader">
         <div class="padding">
            <h2>What is sNews?</h2>
            sNews is a completly free <a href="http://www.php.net/">PHP</a> and <a href="http://www.mysql.com/">MySQL</a> driven tool for publishing and maintaining news articles on a website. Integrating sNews into your existing design is simple, but you could also use sNews on it's own, as a simple Content Management System. Consisting of only one file, sNews is extremely lightweight, very easy to install, and easy to use via a simple web interface.
         </div>
      </div>
      
      <div id="main">
         <div class="right_side">
            <h2><a href="#">HackeR FrienD.Net</a></h2>
            <h3>HackeR FrienD ile Bilgi Paylaşımı</h3>


Alt
Kod:
</div>
         <div class="left_side">
            <div class="nav">
               <ul>
                  <li><a href="#">Home</a></li>
                  <li><a href="#">Articles</a></li>
                  <li><a href="#">Gallery</a></li>
                  <li><a href="#">Affiliates</a></li>
                  <li><a href="#">Archives</a></li>
                  <li><a href="#">About</a></li>
                  <li><a href="#">Contact</a></li>
               </ul>
            </div>
            <br />
            <div class="hitems">
               <h2>Top Articles</h2>
               <ul>
                  <li><a href="#">Article top 1</a></li>
                  <li><a href="#">Article top 2</a></li>
                  <li><a href="#">Article top 3</a></li>
                  <li><a href="#">Article top 4</a></li>
               </ul>
               <br />
               <h2>Links</h2>
               <ul>
                  <li> <a href="http://www.solucija.com">solucija.com</a></li>
                  <li> <a href="http://www.free-css-templates.com">free-css-templates.com</a></li>
               </ul>
            </div>
         </div>
      </div>
      
      <div id="footer">
         <div class="padding">
            Copyright &copy; 2006 SunRise | Designed by <a href="http://www.free-css-templates.com/">Free CSS Templates</a>, Thanks to <a href="http://www.dubaiapartments.biz/">Dubai Hotels</a>
|
            <a href="#">Contact</a> | <a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a> and <a href="http://validator.w3.org/check?uri=referer">XHTML</a> | <a href="http://www.solucija.com">Solucija.com</a> | <a href="#">Login</a>
         </div>
      </div>
   </div>


CSS
Kod:
h1#title{display: none;}
h2#title span {display: none;}
div.header{display: none;}
li.nav_element{list-style-type: none;}
li.nav_element{display: none;}

/*

   SunRise - New Template for sNews 1.5
   by David Herreman
   http://www.free-css-templates.com
   
*/

body {
   margin:0px 0;
   padding:0;
   font: 74% Arial, Sans-Serif;
   color:#ccc; 
   background: #343434 url(http://www.openwebdesign.org/design/4924/SunRise/images/bg.jpg) repeat-x;
   line-height: 1.4em;
}


.contennt {
   background: #FFF url(http://www.openwebdesign.org/design/4924/SunRise/images/bgmain.jpg) repeat-y center;
   color: #ccc;
   margin: 0 auto;
   padding: 0;
   width: 787px;
}

/* HEADER
---------------------------------------------------------------------------------------------------------------------------------------------------
*/
#header {
   margin: 0;
   margin-top: -27px;
   width: 787px;
   background: #FF9503 url(http://www.openwebdesign.org/design/4924/SunRise/images/header.jpg) no-repeat center top; 
   height: 166px;
   color: #FFF;
        z-index: -1;
}

#header .f_search { float: right; padding: 70px 50px 0 0; }
#header .title {   padding: 45px 0 0 50px; }
#header h1 {
      font-family: Arial, Verdana, Helvetica, sans-serif;
      font-size: 22px; font-weight: bold;
      margin: 0;
      padding: 0;
}

#header h2 {
      font-family: Arial, Verdana, Helvetica, sans-serif;
      font-size: 12px;
      background-image: none;
      color: #A90000;
      margin: 0;
      padding: 0 0 0 2px;
}


/* SUBHEADER
---------------------------------------------------------------------------------------------------------------------------------------------------*/
#subheader {
   background: #A90000 url(http://www.openwebdesign.org/design/4924/SunRise/images/bgmenu.jpg) repeat-y center;
   width: 787px;
   height: 105px;
   background-color: #A90000;
   color: #FFF;
}
#subheader .padding { padding: 10px 15px 10px 15px; }
#subheader h2 { color: #FEAB06; }
#subheader a {color: #FECF5F; }



/* NAVIGATION
---------------------------------------------------------------------------------------------------------------------------------------------------*/
.nav { text-align: left; color:    #7D8085; padding: 20px 0 0 0px; width: 150px; }
.nav li {
   font-weight: bold;
   margin: 5px 0 5px 0px;
   padding: 0px 0 0 0px;
   border-bottom: 1px solid #ccc;
   height: 25px; background: url(http://www.openwebdesign.org/design/4924/SunRise/images/li.png) no-repeat left;
}
.nav li a { color: #546078; text-decoration: none;  padding: 5px 0 0 10px; display: block; height: 25px;}
.nav li a:hover { color: #FFF; text-decoration: none; background: #A90000; display: block; height: 25px;}


/* MAIN
---------------------------------------------------------------------------------------------------------------------------------------------------*/
#main { background: #FFF; width: 765px; margin: 0 10px 0 10px; color: #808080; } 
#main .left_side {
   padding:0px 0 0 10px; margin:0;
   width: 180px;
   background: url(http://www.openwebdesign.org/design/4924/SunRise/images/mright.png) no-repeat right;
   min-height: 505px; 
}

#main .left_side .hitems { margin: 0;    padding: 0; }
#main .left_side .hitems ul {
   margin: 5px 0 5px 0;
   padding : 0;
   color: #a90000;
   list-style-image: url(http://www.openwebdesign.org/design/4924/SunRise/images/arrow.gif);
}
   
#main .left_side .hitems li {
   margin: 0 0 2px 20px;
   padding: 0 0 0 0px;
   color: #555;
   
}

#main .right_side { float: right; width: 550px; background: #FFF; padding:15px 15px 0 0; margin:0; }
#main h3 { font: 85% Arial, Sans-Serif; margin: 0 0 10px 0; padding: 0; color: #5f5f5f; background: inherit;
         border-bottom: 1px solid #FEAB06;
}

#main .box  {   background: #efefef; padding: 5px; border: 1px solid #ccc;}

#main .right_side ul {
   margin: 5px 0 5px 0;
   padding : 0;
   list-style : none;
   border-bottom: 0px solid #eee;
   list-style-type: square;
   color: #a90000;
}
   
#main .right_side li {
   margin: 0 0 2px 15px;
   padding: 0 0 0 0px;
   color: #555;
}



/* FOOTER
---------------------------------------------------------------------------------------------------------------------------------------------------*/
#footer {
   clear:both;
   height: 34px;
   color:#555; 
   background: #fff url(http://www.openwebdesign.org/design/4924/SunRise/images/footer.jpg) top no-repeat;
   font-size:90%;
   padding: 0;
   text-align:center;
}

#footer .padding { padding: 10px 0px 0px 0px; }
#footer .right {
   float:right;
   clear:right;
   text-align:right;
}


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

input.search { width: 150px; border: 1px solid #A90000; color: #666; }
input.submit {
   background: none;
   color: #A90000;
   font: bold 1.1em Arial, Verdana, Helvetica, sans-serif;
   border: 0;
}

input.search:hover {   background: #FFFFF4; }

ul { margin: 0 0 0px 0; padding : 0; list-style : none; }
li {    margin: 0 0 2px 0; padding: 0 0 0 0px;   color: #555; }


p { margin: 0 0 5px 0; padding: 0; color: #808080; background: inherit; }
a { color: #a90000; background: inherit; text-decoration:none; }
a:hover { color:#FC7901; background: inherit; text-decoration:none; }

h1 {
   padding:0;
   margin:0;
   color: #FFF;
   background: inherit;
   font: bold 1.8em Arial, Sans-Serif;
   letter-spacing: -1px;
}

h1 a { color: #FFF; background: inherit; }

h2 {
   background: url(http://www.openwebdesign.org/design/4924/SunRise/images/h.gif) no-repeat left;
   color:#000;
   font-size:140%;
   font-weight:bold;
   margin: 5px 0 5px 0px;
   padding:0 0 0 15px;
}

h2 a { background: #FFF; color: #000; }
h2 a:hover { background: #FFF; color: #A90000; }

fieldset {   border: 1px solid #A90000; }
textarea.text {
   height: 150px;
   width: 90%;
   border: 1px solid #A90000;
   background: #FFF;
   color: #354D5F;
}

textarea.text:hover {
   border: 1px solid #A70000;
   background: #FFFFF4;
   color: #000;
}

input.field {
   border: 1px solid #A90000;
   background-color: #FFFFFF;
   width: 283px;
   color: #000;
}

input.field:hover {
   border: 1px solid #A70000;
   background: #FFFFF4;
   color: #000;
}

input.text {
    border: 1px solid #A70000;
   margin: 0;
   width: 150px;
   background: inherit;
   color: #000;
   padding: 4px;
   
}


input.text:hover {
   border: 0px solid #A70000;
}

.date {
   color: #808080;
   background: #FFFFFF;
   text-align: right;
   margin: 4px 0 5px 0;
   padding: 0.4em 0 0 0;
   border-top: 1px solid #eee;
}

.comments {
   padding: 10px 10px 8px 10px;
   margin: 0 0 7px 0;
   background: #f8f8f8;
   color: #000;
}

.commentsbox {
   padding: 8px 0 10px 10px;
   margin: 0 0 10px 0;
   background: #f4f4f4;
   color: #000;
}

.error {
   color: #990000;
   background-color: #FFF0F0;
   padding: 7px;
   margin-top: 5px;
   margin-bottom: 10px;
   border: 1px dashed #990000;
}
.error h2 {
   color: #990000;
   background: inherit;
}

.success {
   color: #000000;
   background: #F5FBE1;
   padding: 7px;
   margin-top: 5px;
   margin-bottom: 5px;
   border: 1px dashed #7BA813;
}
.success h2 {
   color: #7BA813;
   background: inherit;
}
Önceki mesajları göster:   


Powered by phpBB © 2001, 2005 phpBB Group
Türkçe Çeviri: phpBB Türkiye & Erdem Çorapçıoğlu