Forum'da ara:
Ara


« Önceki başlık :: Sonraki başlık »  
Yazar Mesaj
Mesaj14.02.2009, 22:12 (UTC)    
Mesaj konusu: Tasarımımın Boyutunu Nasıl Deyiştire Bilirm Acaba ?

Beyler Benim Css Tasarımımm Var Ve Sağ Ve Sol Tarafa Doğru Biraz Büyültmek İstiorum.

kodumu alta koydum ona bakarak nerden deyiştircemi yazarsanız sevniirim...


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: 0;
   padding: 0;
}

body {
   background: #0A0A0A url(http://img.webme.com/pic/p/photoshopar/1.jpg);
   font-family: Tahoma, Helvetica, sans-serif;
   font-size: 13px;
   color: #666666;
}

h1, h2, h3 {
   color: #ffffff;
}

h1 {
}

h2 {
}

h3 {
}

p, blockquote, ul, ol {
   margin-bottom: 1px;
   line-height: 1.6em;
}

p {
}

blockquote {
}

ul {
}

ol {
}

a {
   border-bottom: 0px dotted #652A17;
   text-decoration: none;
   color: #FF6600;
}

a:hover {
   border: none;
   color: #FFFFFF;
}

/* Wrapper */

#wrapper {
   background: url(http://img.webme.com/pic/p/photoshopar/2.jpg) repeat-x;
}

/* Header */

#header {
   width: 940px;
   height: 181px;
   margin: 0 auto;
   padding: 0 0 0 0;
   background: url(http://img.webme.com/pic/p/photoshopar/baslikk.jpg);
}

#header h1, #header h2 {
   float: left;
}

#header h1 {
   padding: 150px 0 0 20px;
   letter-spacing: 3px;
   font-size: 136%;
}

#header h2 {
   padding: 153px 0 0 6px;
   letter-spacing: 2px;
   font-size: 107%;
}

#header a {
   border: none;
   text-transform: uppercase;
   text-decoration: none;
   color: #000000;
}

/* Menu */

#menu {
   width: 940px;
   height: 50px;
   margin: 0 auto;
   background: url(http://img.webme.com/pic/p/photoshopar/4.png) no-repeat;
}

#menu ul {
   margin: 0;
   padding: 0;
   list-style: none;
   line-height: normal;
}

#menu li {
   display: inline;
}

#menu a {
   display: block;
   float: right;
   height: 20px;
   padding: 10px 18px 0 20px;
   border: none;
   border-right: 1px solid #110F09;
   font-size: 85%;
   font-weight: bold;
   color: #000000;
}

#menu a:hover {
   color: #ffffff;
}

/* Page */

#page {
   width: 940px;
   margin: 0 auto;
   background: url(http://img.webme.com/pic/p/photoshopar/altacizgiii.png) repeat-y 220px 0px;
}

/* Content */

#content {
   float: right;
   width: 700px;
   padding-right: 5px;
}

#content h1, #content h2, #content h3 {
   margin-bottom: 20px;
}

#content h1 {
   font-size: 136%;
}

#content h2 {
   font-size: 107%;
}

#content h3 {
   font: 92%;
}

#content ul, #content ol {
   list-style-position: inside;
}

#content .boxed {
   float: left;
   width: 46%;
   padding-right: 2%;
}

#content .boxed h2 {
   padding: 5px 0;
   background: url(http://img.webme.com/pic/p/photoshopar/butoncizgilerizl3.png) repeat-x left bottom;
}

/* Welcome */

#welcome {
}

/* Sample1 */

#sample {
}

/* Sample2 */

#sample2 {
}

/* Sidebar */

#sidebar {
   float: left;
   width: 185px;
   padding-left: 21px;
}

#sidebar ul {
   margin: 0;
   padding: 0;
   list-style: none;
   line-height: normal;
}

#sidebar li {
   margin-bottom: 1px;
}

#sidebar li ul {
}

#sidebar li li {
   margin: 0;
   padding: 5px 1px;
   background: url(http://img.webme.com/pic/p/photoshopar/6-7.jpg) repeat-x left bottom;
}

#sidebar h2 {
   padding: 7px 20px;
   background: url(http://img.webme.com/pic/p/photoshopar/butonfr3.png);
   width: 145px;
   border-bottom: 1px solid #1C1C1C;
   font-size: 100%;
}

#sidebar h3 {
   font-size: 77%;
}

#sidebar p {
   margin: 0;
   line-height: normal;
}

#sidebar a {
   border: none;
}

/* Submenu */

#submenu {
}

/* News */

#news {
}

#news a {
   font-size: 85%;
}

/* Footer */

#footer {
   width: 940px;
   height: 50px;
   margin: 0 auto;
   padding: 30px 0 0 0;
   background: url(http://img.webme.com/pic/p/photoshopar/photoshopar.tr.gg.png) no-repeat;
}

#footer p {
   margin: 0;
   text-align: center;
   font-size: 85%;
}
Mesaj14.02.2009, 22:48 (UTC)    
Mesaj konusu:

kod yanlış
Mesaj15.02.2009, 10:10 (UTC)    
Mesaj konusu:

Adam Tasarıma Bakmış Ya Deli Ben Boyutu Nerden Deyiştircem Diorum.
Mesaj15.02.2009, 12:40 (UTC)    
Mesaj konusu:

xsos yazmış:
Adam Tasarıma Bakmış Ya Deli Ben Boyutu Nerden Deyiştircem Diorum.


Terbiyeli Ol
!
Evil or Very Mad
______________
Mesaj15.02.2009, 12:42 (UTC)    
Mesaj konusu:

dj-illegal yazmış:
xsos yazmış:
Adam Tasarıma Bakmış Ya Deli Ben Boyutu Nerden Deyiştircem Diorum.


Terbiyeli Ol
!
Evil or Very Mad


Lutfen Tartısma ortamı yaratmayalım.!
______________
Mesaj15.02.2009, 14:35 (UTC)    
Mesaj konusu:

Ya Şunları Yazcanıza Yardım Etseydiniz Gerçekten Bitmişti Konuyu Kapatmıştım.
Mesaj15.02.2009, 14:52 (UTC)    
Mesaj konusu:

TASARIMIN BOYUTUNU KÜÇÜLTMEK

hackerfriend anlatımıdır.

Bunun teknik ismi CSS Optimize'dir CSS kodlarını tek satırda göstermenin size; daha doğrusu sitenize iki faydası vardır:

a - CSS kodlarınız küçülür. CSS kodları küçüldüğü için web tarayıcıları daha hızlı algılama yapar. Bu durumda da siteniz daha hızlı yüklenir.

b - Kodlarınızın çalınmasını engelleyebilirsiniz. Ancak bunun için özellikle katman isimlerini sadece sizin anlayabileceğiniz, kısaltmalar yaparak kodları
oluşturabilir daha sonra kodlarınızı optimize edebilirsiniz. Yani şunu demek istiyorum; örneğin başlık katman ismini #header yada #baslik olarak anlaşılabilir bir şekilde değil #b şeklinde oluşturun. Daha sonra aşağıdaki adımları uygulayalım.


1 - Kodlarımızın bozulma ihtimaline göre bir notedpad text dosyasına CSS kodlarımızın yedeklerini alalım.

2 - Daha sonra buraya [http://www.cssoptimiser.com] girelim.

Örneğin CSS kodumuz aşağıdaki gibi olsun:


3 - Açılan siteye ister yedeğini aldığınız dosyayı göstererek,


İster ilgili alana kodu yapıştırarak Optimize tuşuna basınız.


4 - Hangi yöntemi seçerseniz seçin aşağıdaki gibi bir sonuç ekranı çıkacak.


5 - CSS kodumuzu yapıştıralım.


Sitemizin kaynağına bir göz atalım:



6 - Eğer sitemiz düzgün çalışmıyorsa yedeğini aldığımız kodu tekrar CSS kısmına yapıştırarak eski haline getirelim.


umarım işinize yaramıştır.iyi eğlenceler Wink
______________
Önceki mesajları göster:   


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