Forum'da ara:
Ara


« Önceki başlık :: Sonraki başlık »  
Yazar Mesaj
Mesaj05.06.2009, 19:16 (UTC)    
Mesaj konusu: Güzel Bİr Css Tasarım

Güzel B,r Tasrım

TEK İSTEDIGIMIZ SİTEMİZE YORUMDA BULUNMANIZDIR TESEKKURLER
TEK İSTEDIGIMIZ SİTEMİZE YORUMDA BULUNMANIZDIR TESEKKURLER
TEK İSTEDIGIMIZ SİTEMİZE YORUMDA BULUNMANIZDIR TESEKKURLER

http://www.templatemo.com/preview/templatemo_097_voip

Tsarımın Ustune

Kod:
<body>
<div id="templatemo_wrapper">
<div id="templatemo_container">

   <!--  Free CSS Template is provided by www.TemplateMo.com  -->
    <div id="templatemo_menu">
        <div id="pettabs" class="indentmenu">
            <ul>
                  <li><a href="index.html" rel="tab1" class="selected">Home</a></li>
                  <li><a href="#" rel="tab2">Services</a></li>
                  <li><a href="#" rel="tab3">Networks</a></li>

                  <li><a href="#" rel="tab4">Your Account</a></li>
                  <li><a href="#" rel="tab5">About Us</a></li>
                  <li><a href="#" rel="tab6" style="border-right: none;">Contact Us</a></li>
            </ul>
        </div>
        <div class="tabcontentstyle">
       
            <div id="tab1" class="tabcontent">

                Hello Guest! Welcome to our Website.
            </div>
           
            <div id="tab2" class="tabcontent">
               <ul>
                  <li><a href="#">Service 1</a></li>
                  <li><a href="#">Service 2</a></li>
                  <li><a href="#">Service 3</a></li>
                  <li><a href="#">Service 4</a></li>

                  <li><a href="#">Service 5</a></li>
                </ul>
            </div>
           
            <div id="tab3" class="tabcontent">
               <ul>
                  <li><a href="#">Product 1</a></li>
                  <li><a href="#">Product 2</a></li>

                  <li><a href="#">Product 3</a></li>
                  <li><a href="#">Product 4</a></li>
                </ul>
            </div>
           
            <div id="tab4" class="tabcontent">
               <ul>
                  <li><a href="#">Link 1</a></li>

                  <li><a href="#">Link 2</a></li>
                  <li><a href="#">Link 3</a></li>
                  <li><a href="#">Link 4</a></li>
                  <li><a href="#">Link 5</a></li>
                  <li><a href="#">Link 6</a></li>
                </ul>

            </div>
           
            <div id="tab5" class="tabcontent">
               Something you might want to know about us.
            </div>
           
            <div id="tab6" class="tabcontent">
               Don't be hesitated to contact us if you have something to say.
            </div>
       
        </div>
<script type="text/javascript">
       
        var mypets=new ddtabcontent("pettabs")
        mypets.setpersist(true)
        mypets.setselectedClassTarget("link")
        mypets.init(false)   
</script>

    </div> <!-- end of mneu -->
   
    <div id="templatemo_banner">
       <h1>Limitsiz-Paylasim</h1>
        <p>Tasarımlarda Sınırsız Paylasim</p>
   
    </div>
   
   <div id="templatemo_content">
       <div id="content_top"></div>

       
        <div class="templatemo_content_section_01">
           <div class="section_01_left">
                <h1>Limitsiz-Paylasim Templates</h1>
             


Tasarımın Altına

Kod:
</div>
         
            <div class="section_01_right">
               <h1>Site News</h1>
               
                <h3>Etiam dictum nisi</h3>
                <p>Donec enim enim, imperdiet quis, mollis a, elementum a, diam. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p><a href="#">Read more</a>

            </div>
           
            <div class="cleaner">&nbsp;</div>
      </div>
       
        <div class="templatemo_content_section_02">
           
            <div class="section_02_subsection">
                <h2>Featured Services</h2>
                <p>Suspen disse a nibh tristique justo rhoncus volutpat.</p>
                <ul>

                   <li><a href="http://www.flashmo.com" target="_parent">Free Flash Templates</a></li>
                    <li><a href="http://www.templatemo.com" target="_parent">CSS Web Templates</a></li>
               <li><a href="htp://www.webdesignmo.com" target="_parent">Web Design Blog</a></li>
               <li><a href="http://www.flashmo.com/store" target="_parent">Premium Templates</a></li>
                </ul>
                <a href="#">read more...</a>

            </div>
           
            <div class="section_02_subsection">
                <h2>Why choose us?</h2>
                <p>Pellentesque lectus justo, fermentum in, ornare vitae, vehicula eu, felis.</p>
                <ul>
                   <li>Quisque facilisis suscipit elit</li>
                    <li>Lacus et dictum tristique</li>

                    <li>Eeros ac tincidunt aliquam</li>
                    <li>Nullam commodo arcu non facilisis</li>
                </ul>
                <a href="#">read more...</a>
            </div>
           
          <div class="section_02_subsection" style="border-right: none;">
                <h2>Testimonials</h2>

               
                <h3>Phasellus id purus</h3>
                <p>Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Quisque at nulla eu elit adipiscing tempor.</p>
                <a href="http://www.flashmo.com" target="_blank">Flash Templates</a>
               
                <div style="clear: both; margin-top: 30px;">               
                <a href="http://validator.w3.org/check?uri=referer"><img style="border:0;width:88px;height:31px" src="http://www.w3.org/Icons/valid-xhtml10" alt="Valid XHTML 1.0 Transitional" width="88" height="31" vspace="8" border="0" /></a>
<a href="http://jigsaw.w3.org/css-validator/check/referer"><img style="border:0;width:88px;height:31px"  src="http://jigsaw.w3.org/css-validator/images/vcss-blue" alt="Valid CSS!" vspace="8" border="0" /></a>
            </div>
            </div>

           
            <div class="cleaner">&nbsp;</div>
      </div>
       
       
    </div>
   
    <div id="templatemo_footer">
   
          <p><a href="#">Home</a> | <a href="#">Products</a> | <a href="#">Services</a> | <a href="#">FAQs</a> | <a href="#">Contact Us</a>

           </p>
           <p>Copyright © 2024 <a href="#"><strong>Your Company Name</strong></a> | Designed by <a href="http://www.templatemo.com" target="_parent">Limitsiz-Paylasim.Tr.Gg</a></p>
   </div> <!-- end of footer -->
   <!--  Free CSS Templates from www.TemplateMo.com  -->
</div>
</div>
</body>

</html>


Css Koduna

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;}


/*
CSS Credit: http://www.templatemo.com
*/

body {
   margin: 0;
   padding: 0;
   line-height: 1.5em;
   font-family: Verdana, Arial, san-serif;
   font-size: 12px;
   color: #e7eaeb;
   background: #6d6a6b url(http://www.templatemo.com/templates/templatemo_097_voip/images/templatemo_bg.jpg) repeat;
}

a:link, a:visited { color: #00a1ff; text-decoration: none; font-weight: bold; }
a:active, a:hover { color: #00a1ff; text-decoration: underline; }

p {
   margin: 0px;
   padding: 0px;
}

img {
   margin: 0px;
   padding: 0px;
   border: none;
}


.cleaner {
   clear: both;
   width: 100%;
   height: 1px;
   font-size: 1px;   
}

.cleaner_with_height {
   clear: both;
   width: 100%;
   height: 30px;
   font-size: 1px;   
}

.cleaner_with_width {
   float: left;
   width: 20px;
   height: 30px;
   font-size: 1px;   
}

#templatemo_wrapper {
   margin: 0 auto;
   background: url(http://www.templatemo.com/templates/templatemo_097_voip/images/templatemo_gradient_bg.jpg) top repeat-x;
}


#templatemo_container {
   width: 960px;
   margin: 0 auto;
   padding: 0 10px 10px 10px;
}

/* banner */
#templatemo_banner {
   clear: both;
   width: 880px;
   height: 250px;
   padding: 0 40px;
   margin: 0 0 5px 0;
   background: url(http://www.templatemo.com/templates/templatemo_097_voip/images/templatemo_banner_bg.jpg) no-repeat;
}

#templatemo_banner h1 {
   margin: 0px;
   padding: 0px;
   padding: 80px 0 20px 0;   
   font-size: 50px;
   font-weight: bold;
   color: #fff;
   font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;   
}

#templatemo_banner p {
   font-size: 30px;
   width: 400px;
   line-height: 30px;
   font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
}

/* end of banner */

#templatemo_content {
   clear: both;
   position: relative;
   width: 956px;
   padding: 0 2px;
   background: url(http://www.templatemo.com/templates/templatemo_097_voip/images/templatemo_content_middle.jpg) repeat-y;
}

#templatemo_content #content_top {
   position: absolute;
   width: 960px;
   height: 10px;
   top: 0;
   left: 0;
   background: url(http://www.templatemo.com/templates/templatemo_097_voip/images/templatemo_content_top.jpg) no-repeat;
}

#templatemo_content h1 {
   font-size: 24px;
   color: #009dff;
   padding: 0 0 20px 0;
   margin: 0 0 10px 0;
   font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;   
}

#templatemo_content h2 {
   font-size: 20px;
   color: #009dff;
   padding: 0 0 10px 0;
   margin: 0 0 10px 0;
   font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;   
}

#templatemo_content h3 {
   font-size: 16px;
   color: #c6ca1d;
   padding: 0 0 5px 30px;
   margin: 0 0 5px 0;
   font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;   
   background: url(http://www.templatemo.com/templates/templatemo_097_voip/images/templatemo_list_icon.jpg) top left no-repeat;
}

#templatemo_content img {
   float: left;
   border: 3px solid #221e1f;
   margin: 3px 30px 5px 0;
}

#templatemo_content .templatemo_content_section_01 {
   clear: both;
   width: 876px;
   padding: 40px;
   background-color: #444041;
}

.templatemo_content_section_01 .section_01_left {
   float: left;
   width: 556px;
   padding-right: 40px;
   border-right: 1px solid #333;
}

.templatemo_content_section_01 .section_01_right {
   float: right;
   width: 238px;
}

.section_01_left p{
   padding-bottom: 10px;
   text-align: justify;
}

.section_01_right p{
   padding-bottom: 5px;
   text-align: justify;
}

#templatemo_content .templatemo_content_section_02 {
   clear: both;
   color: #CCC;
   width: 956px;
   padding: 0px;
   border-top: 1px solid #2c2829;
   background-color: #221e1f;
}

.templatemo_content_section_02 p {
   text-align: left;
}

.templatemo_content_section_02 .section_02_subsection {
   float: left;
   width: 238px;
   margin: 30px 0px;
   padding: 0 40px;
   border-right: 1px solid #332e30;
   background-color: #221e1f;   
}

.section_02_subsection li a {
   color: #e7eaeb;
   font-weight: normal;
}

.section_02_subsection ul {
   margin: 20px 0 10px 10px;
   padding: 0px;
   list-style: none;
}

.section_02_subsection li {
   margin: 0px;
   padding: 0 0 15px 25px;
   background: url(http://www.templatemo.com/templates/templatemo_097_voip/images/templatemo_list_icon_02.jpg) top left no-repeat;
}


/* footer */
#templatemo_footer {
   clear: both;
   width: 960px;
   height: 65px;
   padding: 15px 0 0 0;
   text-align: center;
   color: #888;
   background: url(http://www.templatemo.com/templates/templatemo_097_voip/images/templatemo_footer.jpg);
}

#templatemo_footer p {
   padding-bottom: 5px;
}

#templatemo_footer a {
   color: #888;
   font-weight: normal;
}
/* end of footer */


#templatemo_menu {
   clear: both;
   width: 958px;
   height: 125px;
   padding: 0 1px;
   background: url(http://www.templatemo.com/templates/templatemo_097_voip/images/templatemo_top_panel_bg.jpg) no-repeat;
}

.indentmenu{
   font: bold 14px Arial;
   height: 58px;
   width: 958px; /*leave this value as is in most cases*/
}

.indentmenu ul{
   margin: 0;
   padding: 0;
   height: 58px;
   background: black url(indentbg.gif) center center repeat-x;
}

.indentmenu ul li{
display: inline;
}

.indentmenu ul li a{
float: left;
color: white; /*text color*/
width: 158px;
text-align: center;
height: 40px;
padding-top: 18px;
text-decoration: none;
border-right: 2px solid #000; /*navy divider between menu items*/
background: url(http://www.templatemo.com/templates/templatemo_097_voip/images/templatemo_menu_bg.jpg) repeat-x;
outline: none;
}

.indentmenu ul li a:visited{
color: white;
}

.indentmenu ul li a.selected, .indentmenu ul li a:hover{
color: white !important;
background: black url(http://www.templatemo.com/templates/templatemo_097_voip/images/templatemo_menu_hover_bg.jpg) center center;
}

.indentmenu li .last{
   border-right: none;
}

.tabcontentstyle{ /*style of tab content oontainer*/
clear: both;
width:900px; height: 35px; padding: 23px 30px 0 30px;
color: #fff;
font-size: 14px;
}


.tabcontentstyle ul{
   margin: 0px;
   padding: 0px;
   list-style: none;
}

.tabcontentstyle li{
   margin: 0px;
   padding: 0px;
   display: inline;
}

.tabcontentstyle li a {
   font-weight: normal;
   color: #FFF;
   margin: 0px;
   padding: 0 10px 0 5px;
}

.tabcontent{
display:none;
}

@media print {
.tabcontent {
display:block !important;
}
}



tasarımda menu yok isteyene guzel bir menu uydururuz:D


TEK İSTEDIGIMIZ SİTEMİZE YORUMDA BULUNMANIZDIR TESEKKURLER
Mesaj06.06.2009, 05:21 (UTC)    
Mesaj konusu:

Tasarımınızı bu adresde yayınlamalısınız.http://tr.bedava-sitem.com/forum/viewtopic.php?t=25697
______________
Önceki mesajları göster:   


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