Forum'da ara:
Ara


« Önceki başlık :: Sonraki başlık »  
Yazar Mesaj
Mesaj12.09.2009, 12:28 (UTC)    
Mesaj konusu: Butonların boyutlarını nasıl büyültebilirim?

Hazır flash tasarımı kullanıyorum kendime göre ayarladım ama butonlar yani menüler çok dip dibe onları büyütüp yada aralarına mesafe koyabilirmiyim Question

@tumhepsiburada
Başlıklarınızı açarken büyük harf kullanmayın


En son djcantu tarafından 12.09.2009 12:32:54 tarihinde değiştirildi, toplam 1 kere değiştirildi
Mesaj12.09.2009, 14:03 (UTC)    
Mesaj konusu:

o Degiştirilmiyor..

Bedava Sitemdeki Bir tasarım o
Üzgünüm Sad

______________
Mesaj12.09.2009, 14:20 (UTC)    
Mesaj konusu:

Al sana css dj tasarımı

Tasarım Üstü
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;}

body {
   overflow-x : hidden;
   overflow: -moz-scrollbars-vertical;   
}
.body {
   color: #000000;
   margin: 0 0 0 0;
   padding: 0px;
   font-size: 11px;
   font-family: "Trebuchet MS";
   background: #575757;   
}

.all {
   width:970px;
   margin:0 auto;
   padding:0;
   background: url(http://demo.themza.com/joomla10/templates/themza_j10_02/images/bg_page.gif) repeat-y;
}


#logo {
   background: transparent url(http://demo.themza.com/joomla10/templates/themza_j10_02/images/bg.jpg) no-repeat top center;
   margin:0 auto;
   width: 100%;
   padding:0;
   height:119px;
   text-align:left;
   vertical-align:middle;
}
#logo a {
   margin:20px 0 0 75px;
   line-height:80px;
   font-family:"Trebuchet MS";
   font-size:23px;
   color:#FFFFFF;
}
.topmaincol {
   width:100%;
   height:30px;
}
/* --- nav --- */
.div {
}
#menu{
   position:relative;
   height:58px;
   color:#E0E0E0;
   background: url(http://demo.themza.com/joomla10/templates/themza_j10_02/images/topmenu_bg.jpg) repeat-x;
   width:966px;
   font-size:13px;
}

#menu .menuc {
   margin: 0px auto;
   width: 966px;
   font-family:"Trebuchet MS";
   
}

#topnavi{
   position:relative;
   height:58px;
   font-size:12px;
   font-weight: normal;
   font-family:"Trebuchet MS";
   background: url(http://demo.themza.com/joomla10/templates/themza_j10_02/images/topmenu_bg.jpg) repeat-x top left;
   padding:0 0 0 5px;
}

#topnavi ul{
   margin:0;
   padding:0;
   list-style-type:none;
   width:auto;
   float:left;
}

#topnavi ul li{
   display:block;
   float:left;
   margin:0 1px;
}

#topnavi ul li a{
   
   display:block;
   float:left;
   color: #FFFFFF;
   text-decoration:none;
   padding:0 0 0 11px;
   height:52px;      
}

#topnavi ul li a span{
   font-size:12px;
   padding:17px 11px 0 0;
   height:52px;
   float:left;
}

#topnavi ul li a:hover{
   font-size:12px;
   color: #000000;
}

#topnavi ul li a:hover span{
   font-size:12px;
   display:block;
   width:auto;
   cursor:pointer;
}

#topnavi ul li a.current,#topnavi ul li a.current:hover{
   color: #FFFFFF;
   background: url(http://demo.themza.com/joomla10/templates/themza_j10_02/images/topmenu_left.jpg) no-repeat top left;
   line-height:350%;
}

#topnavi ul li a.current span{
   display:block;
   padding:0 10px 0 0;
   width:auto;
   background: url(http://demo.themza.com/joomla10/templates/themza_j10_02/images/topmenu_right.jpg) no-repeat top right;
   height:52px;
}
/* --- end nav --- */

/* /////////////////////////////////////////////////////////////////////////// */
form {display:inline;}
hr {
  color            : #999999;
  height           : 1px;
  width            : 100%;
}
.back_button {
  color            : #999999;
  font-family      :"Trebuchet MS", Arial, Verdana,  Helvetica, sans-serif;
  font-size        : 11px;
  font-weight      : normal;
  padding-bottom   : 3px;
  margin-right     : 4px;
  float            : right;
  line-height      : 20px;
}
.button {
  font-size        : 11px;
  color            : #333333;
  border           : 1px solid #999999;
  margin           : 3px;
  background-color : #EDEDED;
  padding          : 1px;
  cursor           : pointer;
}

.inputbox {
 color        : #000000;
 background   : #ffffff;
 border       : 1px solid #cccccc;
 margin       : 3px;

}

table,td,div {
  color            : #000000;
  font-family      :"Trebuchet MS", Arial, Verdana,  Helvetica, sans-serif;
  font-size        : 11px;
  margin:0;
}

p {
  color            : #000000;
  font-family      :"Trebuchet MS", Arial, Verdana,  Helvetica, sans-serif;
  font-size        : 11px;
  line-height      : 16px;
  padding:4px 0px 4px 0px;
  margin:0;
}
strong {
  color            : #000000;
  font-family      :"Trebuchet MS", Arial, Verdana,  Helvetica, sans-serif;
  font-size        : 11px;
  line-height      : 16px;
  padding:4px 0px 4px 0px;
  margin:0;
}
i {
  color            : #000000;
  font-family      : Verdana,  Helvetica, sans-serif;
  font-size        : 10px;
  line-height      : 16px;
  padding:4px 0px 4px 0px;
  margin:0;
  font-style: normal;
}
em {
  color            : #000000;
  font-family      :"Trebuchet MS", Arial, Verdana,  Helvetica, sans-serif;
  font-size        : 11px;
  line-height      : 16px;
  padding:4px 0px 4px 0px;
  margin:0;
  font-style: normal; 
}

/* /////////////////////////////////////////////////////////////////////////// */


.leftcol {width:200px;padding:10px 5px 10px 10px;}
.maincol {width:525px;padding:10px 5px 10px 5px;}
.rightcol {width:200px;padding:10px 10px 10px 10px;}
.pollstableborder td{ text-align:left}

#pagecontainer {
   width:970px;
   height:100%;
   margin: 0px auto;
   padding:0;
   text-align: left;
}


/* -------------------------------------------------------------------------------------------------------------- */
table.moduletable {
   margin             : 0 0 20px 0;
   width              : 100%;
    font-family        :"Trebuchet MS", Arial, Verdana,  Helvetica, sans-serif;
   font-size          : 10px;   
}

table.moduletable th {
     
    font-family        :"Trebuchet MS", Arial, Verdana,  Helvetica, sans-serif;
   font-size          : 11px;
   font-weight        : bold;
   text-align         : left;
   height            : 34px;
    color              : #FFFFFF;
   padding            : 8px 0 0 13px;
    text-indent        : 10px;
   line-height        : 15px;
   background         : #fff url(http://demo.themza.com/joomla10/templates/themza_j10_02/images/moduletable_th_bg.jpg) no-repeat left top;
   }

table.moduletable td {
    padding-top: 2px;
}
table.moduletable td table{
   width              : 100%;
}


.sectiontableheader {
  font-size        : 10px;
  font-family        :"Trebuchet MS", Arial, Verdana,  Helvetica, sans-serif; 
  font-weight      : normal;
  text-transform   : uppercase;
  letter-spacing   : 1px;
  color            : #333333;
  background       : #ffffff;
  padding          : 1px;
}


.sectiontableentry1 {
  vertical-align   : top;
  padding          : 3px;
  background       : #D9D9D9;
  border-bottom    : 1px solid #ffffff;
  line-height      : 25px;

}
.sectiontableentry2 {
  vertical-align   : top;
  padding          : 3px;
  border-bottom    : 1px solid #ffffff;
  background       : #EEEEEE;
  line-height      : 25px;
}
a.mainlevel  {
  display           : block;
  width             : auto;
  margin            : 1px 0;
  padding           : 0;
  font-size         : 12px;
  background        : none;
  text-indent       : 10px;
  width            : 200px;
}

a.mainlevel:link, a.mainlevel:visited {
  display          : block;
  font-size        : 11px;
  background       : transparent url(http://demo.themza.com/joomla10/templates/themza_j10_02/images/mainlevel.gif) repeat-x right bottom;
  font-weight      : normal;
  padding          : 4px 0 4px 0;
  color            : #000000;
  text-indent      : 11px;
}
a.mainlevel:hover {
  background       : transparent url(http://demo.themza.com/joomla10/templates/themza_j10_02/images/mainlevel_h.gif) repeat-x right bottom;
  font-size        : 11px;
  font-weight      : normal;
  color            : #D01C0D;
  text-decoration  : none;
  text-indent      : 11px;
}
#active_menu {
  color            : #D01C0D;
  background       : transparent url(http://demo.themza.com/joomla10/templates/themza_j10_02/images/mainlevel_h.gif) repeat-x right bottom;
}
a#active_menu:hover {
  color            : #333333;
}

a:link, a:visited {
  font-size        : 11px;
  color            : #333333;
  text-decoration  : none;
  font-weight      : bold;
}
a:hover {
  font-size        : 11px;
  color            : #D01C0D;
  text-decoration  : none;
  font-weight      : bold;
}
a.category:link, a.category:visited {
  font-size        : 11px;
  font-weight      : bold;
}
a.readon:link, a.readon:visited {
  color            : #999999;
  font-family      :"Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
  font-size        : 11px;
  background       : url(http://demo.themza.com/joomla10/templates/themza_j10_02/images/readon.gif) no-repeat;
  white-space      : normal;
  font-weight      : bold;
  padding          : 1px 0 3px 18px;
  float            : right;
  line-height      : 10px;
  text-decoration  : underline;
}
a.readon:hover {
  color            : #D01C0D;
  font-family      :"Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
  font-size        : 11px;
  background       : url(http://demo.themza.com/joomla10/templates/themza_j10_02/images/readon.gif) no-repeat;
  white-space      : normal;
  font-weight      : bold;
  padding          : 1px 0 3px 18px;
  line-height      : 10px;
  text-decoration  : underline;
}
ul {
  margin           : 2px;
  padding-left     : 10px;
  list-style       : none;
}
li {
 
  line-height      : 15px;
  padding-left     : 10px;
  padding-top      : 0;
}
table.contenttoc {
  border           : 1px solid #dcdcdc;
  background       : #F1F1F1;
  padding          : 5px;
  margin-left      : 2px;
  margin-bottom    : 2px;
}
.pagenavcounter {
  font-size        : 10px;
  color            : #4da338;
}
.pagenavbar {
  border-top       : 1px solid #999999;
  padding          : 2px;
}
.pagenav {
  font-weight      : bold;
  }
a.pagenav:link, a.pagenav:visited {
  font-size        : 11px;
  color            : #999999;
  text-decoration  : none;
}
a.pagenav:hover {
  font-size        : 11px;
  color            : #3333ff;
  text-decoration  : none;
}
.date {
  font-size        : 10px;
  font-weight      : bold;
  color            : #707070;
  padding-right    : 12px;
}
.small {
  font-size        : 10px;
  color            : #333333;
}
.smalldark {
  font-size        : 10px;
  color            : #333333;
}
.createdate, .modifydate {
  float            : right;
  font-size        : 10px;
  color            : #666666;
  font-weight      : bold;

 
}
.content_vote {
  font-size        : 10px;
  height           : 22px;
  padding-top      : 2px;
  padding-bottom   : 2px;
}
.content_rating {
  font-size        : 10px;
  color            : #999999;
}

.pway {
   margin:0 auto;
   text-align:left;
   width:970px;
   height:18px;
   padding:5px 0 0 0 ;
   background:#575757;
}
.pathway {
  font-family      :"Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
  font-size        : 11px;
  color            : #D01C0D;
  padding-left     : 12px;
}
a.pathway:link, a.pathway:visited {
  font-family      :"Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
  color            : #FFFFFF;
  font-size        : 11px;
  padding-left     : 0;
}
a.pathway:hover {
  color:#efefef;
  font-size        : 11px;
  padding-left     : 0;
}
table.content{
  width            : 100%;
  padding          : 0;
  border-collapse  : collapse;
  border-spacing   : 0;
  margin-bottom    : 10px;
}
table.contentpane {
  width            : 100%;
  border-spacing   : 0;
  padding-left     : 5px;
  padding-right    : 5px;
  margin-bottom    : 5px;
}
table.contentpaneopen {
  width            : 100%;
  border-spacing   : 0;
  padding-left     : 5px;
  padding-right    : 5px;
  margin-bottom    : 5px;
}
.poll {
   color : #333333;
   line-height : 12px;
   font-weight: normal;
     
}

.pollstableborder{
  border-color     : #999999;
}
.contentheading,.componentheading {
  width            : 90%;
  font-size        : 12px;
  font-weight      : bold;
  line-height      : 16px;
  text-transform   : uppercase;
  text-align       : left;
  text-indent      : 0;
  color            : #D01C0D;
  padding          : 1px;
  margin           : 3px 0px;
  }


.ontab {
  border-left      : 1px solid #666666;
  text-align       : center;
  font-weight      : bold;
  color            : #333333;
  padding          : 5px;
  cursor           : pointer;
  line-height      : 30px;
}
.offtab {
  border-left      : 1px solid #666666;
  text-align       : center;
  color            : #999999;
  font-weight      : normal;
  padding          : 5px;
  cursor           : pointer;
  line-height      : 30px;
}
.tabpadding {
 border-left       : 1px solid #666666;
}
.col {
   vertical-align   : top;
   background       : #ffffff;
   padding-top: 5px;
   

}

.contentdescription {
  width          : auto !important;
  margin         : 0;
  padding        :  0;
  padding-top    : 5px;
  text-align     : left;
}

td.top1{
margin: 0;
padding:  0;
height: 28px !important;
height: 28px;
padding-top:  2px !important;
padding-top:  3px;
background      : url(http://demo.themza.com/joomla10/templates/themza_j10_02/images/shadow.jpg) #f1f1f1 repeat-x top;
}
table.top2{
background : #ffffff;
}

.searchbox {
  margin           : 0;
  padding          : 0;
  margin-top       : 13px;
  margin-left      : 10px;
  width            : 130px;
  font-size        : 11px;
  color            : #707070;
  border           : 1px solid #cccccc;
  padding          : 2px !important;
  padding          : 1px;
  background       : none;
     }

.sublevel {
   font-family      :"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
   font-size        : 10px;
   font-weight      : normal;
   color            : #999999;
   margin-top      : 10px;
}
a.sublevel:link, a.sublevel:visited {
   font-family      :"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
   font-size        : 10px;
   font-weight      : normal;
   color            : #999999;
   padding           : 5px 1px 3px 5px;
   text-decoration   : none;
}
a.sublevel:hover {
  color            : #D01C0D;
  text-decoration  : none;
}
a.sublevel#active_menu  {
   background      : transparent;
   color           : #ff6600;
   border          : 0;
     
}
a.toclink:link, a.toclink:visited {
   font-family      :"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
   font-size        : 10px;
   font-weight      : normal;
   color            : #999999;
   padding           : 5px 1px 3px 5px;
   text-decoration   : none;
}
a.toclink:hover {
  color            : #D01C0D;
  text-decoration  : none;
}

td.logoheader {
  margin: 0;
  padding:  0;
  background     : url(http://demo.themza.com/joomla10/templates/themza_j10_02/images/header.jpg)  no-repeat bottom;
  height         : 65px;
  width          : 770px;
 }
td.topnav {
  margin : 0px;
  padding:  0px;
  background     : url(http://demo.themza.com/joomla10/templates/themza_j10_02/images/bg_top.jpg) repeat-x top left;
  height         : 42px;
  width          : 770px;
 
 }

td.bgline {
  margin : 0;
  padding:  0;
  background     : url(http://demo.themza.com/joomla10/templates/themza_j10_02/images/s.gif) repeat-y;
  width          : 7px;
 }


 #mainlevel-nav {
  font-size        : 11px;
  list-style       : none;
  padding          : 0;
  margin           : 0;
  margin-left      : 1px;
 
}

#mainlevel-nav li {
  float            : right;
  display          : block;
  list-style       : none;
  background-image : none;
  padding-left     : 2px;
  padding-right    : 2px;
  margin           : 0;
  width            : auto !important;
  font-size        : 11px;
  line-height      : 28px;
  white-space      : nowrap;
  border-left      : 1px solid #cccccc;

}
#mainlevel-nav li a {
 
  padding-left     : 10px;
  padding-right    : 10px;
  font-size        : 11px;
  color            : #000033;
  text-decoration  : none;
 
}

#mainlevel-nav li a:hover {
  font-size        : 11px;
  color            : #999999;
   
}

.blog_more {
margin   : 10px 0 7px 7px;
}
.buttonheading {
padding  : 0 2px;
}

.mosimage {
  border     : 1px solid #dedede;
  margin     : 5px;
  padding-top:  3px;
  background:#FFFFFF;

}

.mosimage_caption {
  margin-top: 3px;
  padding   :  2px;
  color     : #000066;
  font-size : 10px;
  background: #f1f1f1;
}

/* -------------------------- */
.footer_bg {
   width:970px;
   background:#575757 url(http://demo.themza.com/joomla10/templates/themza_j10_02/images/footer_bg.jpg) no-repeat left top;
   color:#FFFFFF;
   padding:6px 0px 0 0;
   height:43px;
   text-align: center;
   margin:0px;
}
.footer {
   color:#fff;
   padding:0;
   margin:0 0 10px 0;
}
.footer div, .footer div a, .footer div a:visited{
   color:#fff;
}


Tasarım Altı
Kod:
</div>
      <div id="right">
         <h2>Photos</h2>
         <a href="http://www.freewebsitetemplates.com"><img src="http://www.freewebsitetemplates.com/preview/nightclub2/images/photo.jpg" alt="photo 1" /></a>
         <a href="http://www.freewebsitetemplates.com"><img src="http://www.freewebsitetemplates.com/preview/nightclub2/images/photo.jpg" alt="photo 2" /></a>
         <a href="http://www.freewebsitetemplates.com"><img src="http://www.freewebsitetemplates.com/preview/nightclub2/images/photo.jpg" alt="photo 3" /></a>
         <a href="http://www.freewebsitetemplates.com"><img src="http://www.freewebsitetemplates.com/preview/nightclub2/images/photo.jpg" alt="photo 4" /></a>
         <br /><br />
         <a class="more" href="http://www.freewebsitetemplates.com">more photos</a>
      </div>
      <div class="clear"></div>
   </div>
   
   <div id="footer">
      <p>Copyright © Website name all rights reserved. |  <a href="http://www.freewebsitetemplates.com/termsofuse">Terms of use</a><p>
      
   </div>

</div>


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

* {
   margin: 0px;
   padding: 0px;
}
body {
   padding-top: 0px;
   background-color: #01111d;
   color: #FFF;
   font-family: verdana, arial, sans-serif;
   
   text-align: left;
   letter-spacing: 1px;
}
a {color: #FFF;font-size: 14px;}
a:hover {color: #01a9c0;}
.more{float: left;}
.clear{clear:both;}
p{   margin: 20px 0px 20px 0px;line-height: 16px;font-size: 14px;}
#conntainer {
   margin: 0px auto;
   width:873px;
}
#menu {
   background-image:url(http://www.freewebsitetemplates.com/preview/nightclub2/images/menu.gif);
   width:862px;
   height:90px;
   position:relative;
}
#menu li{
   position:absolute;
   top:50px;
   
   list-style-type: none;
}
#m01 {left:160px;}
#m02 {left:305px;}
#m03 {left:450px;}
#m04 {left:590px;}
#m05 {left:730px;}
#menu a{
   font-family: verdana, arial, sans-serif;
   font-size: 12px;
   font-weight:bolder;
   color:#FFFFFF;
   text-decoration:none;
   text-transform: uppercase;
}
#menu a:hover {color: #01a9c0;}
#header {
   background-image:url(http://www.freewebsitetemplates.com/preview/nightclub2/images/header.gif);
   background-repeat:repeat-y;
   width:873px;
}
#logo {
   width:240px;
   height:46px;
   margin: 0px 0px 0px 80px;
   float:left;
   display:inline;
}
#dj {
   background-image:url(http://www.freewebsitetemplates.com/preview/nightclub2/images/dj.jpg);
   width:498px;
   height:405px;
   float:right;
   margin-right:40px;
   display:inline;
}
#welcome {
   width:210px;
   margin: 50px 0px 0px 100px;
   float:left;
   display:inline;
}
#welcome h2{
   margin: 0px 0px 20px 0px;
}
#welcome p{
   width:200px;
}
#welcome img{
   border: solid 3px #FFFFFF;
}
#middle {
   background-image:url(http://www.freewebsitetemplates.com/preview/nightclub2/images/middle.gif);
   width:873px;
   height:21px;
}
#middle2 {
   background-image:url(http://www.freewebsitetemplates.com/preview/nightclub2/images/middle2.gif);
   width:873px;
   height:22px;
}
#conntent {
   background-image:url(http://www.freewebsitetemplates.com/preview/nightclub2/images/content.gif);
   width:873px;
}
#left {
   float:left;
   width:435px;
   margin: 0px 0px 0px 85px;
   display:inline;
}
#right {
   float:right;
   width:258px;
   height:auto;
   margin: 0px 62px 20px 0px;
   display:inline;
}
#right a img{
   margin: 8px 8px 8px 0px;
   border: none 0px #FFFFFF;
}
#footer {
   background-image:url(http://www.freewebsitetemplates.com/preview/nightclub2/images/footer.gif);
   background-repeat:no-repeat;
   width:873px;
}
#footer p{
   height:58px;
   width:873px;
   text-align:center;
   margin: 0px 0px 0px 0px;
   padding: 30px 0px 0px 0px;
   font-size:11px;
}
#footer a{
   font-size:11px;
}

______________
Dar ağacında olsak bile son sözümüz FENERBAHÇE
Mesaj12.09.2009, 15:04 (UTC)    
Mesaj konusu:

EYVALLAH BU KODU NASIL TASARIM OLARAK KULLANICAM Rolling Eyes
Mesaj12.09.2009, 19:13 (UTC)    
Mesaj konusu:

gerekli yerlere koyucaksın yazdım zaten tasarım üstü altı diye Wink
______________
Dar ağacında olsak bile son sözümüz FENERBAHÇE
Önceki mesajları göster:   


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