Forum'da ara:
Ara


Yazar Mesaj
Mesaj01.07.2010, 10:33 (UTC)    
Mesaj konusu: İceblue'da İçerik alanını genişletin...



Aşşağidaki kodu Tasarim ayarları > gelişmiş ayarlar > tasarim üzerindeki yazı kısımına ekleyin.
Kod:
<center><style type="text/css">
<!--
table.edit_main_table{width: 100% !important;}
td.edit_main_tr{width: 100% !important;}
table.edit_second_table{width: 100% !important;}
td.edit_header_full{width: 100% !important;
background-position:center;background-repeat:no-repeat; }
td.edit_header_full table{width: 100% !important;}
table.edit_third_table{width: 100% !important;}
td.edit_navi_headbg{width: 5% !important;}
table.edit_rechts_tabelle{width: 100% !important;}
td.edit_rechts_bottom{width: 5% !important;}
td.edit_rechts_cbg{width:100%;}

td.edit_main_tr{height: 0px !important;}
td.edit_rechts_cbg{height: 0px !important;}
td.edit_rechts_bottom{height: 0px !Important;}
td.edit_navi_headbg{height: 0px !important;}

td.edit_content{background-image:url(http://img.webme.com/pic/6/6p-bilder/orgicebluecontent.png);background-color:#c0c0c0;border: 5px solid #232B2B;}
 
td.nav:hover{background-image: url(http://img.webme.com/pic/6/6p-bilder/orgicebluebutt2.png);background-color:#XXXXXX;width:
185px;height: 33px;border: 0px solid #2D3738;}

td.nav{background-image: url(http://img.webme.com/pic/6/6p-bilder/orgicebluebutt1.png);background-color:#XXXXXX;width:
185px;height: 33px;border: 0px solid #2D3738;}

td.edit_below_nav img{visibility: hidden;}
td.edit_below_nav{background-image: url();
background-position: center top;background-repeat: no-repeat;}

td.edit_rechts_cbg{background-image:url();background-color:#XXXXXX;border: 0px solid #ffffff;}

body{background-image:url(http://img.webme.com/pic/6/6p-bilder/orgicebluebody.png);background-color:#XXXXXX;}
body {background-attachment:fixed;border: 0px solid #c0c0c0;}

td.edit_rechts_sbg{background-image:url();background-color:#XXXXXX;border: 0px solid #ffffff;}

td.edit_rechts_bottom{background-image:url();background-color:#XXXXXX;border: 0px solid #ffffff;}

td.shouty, td.shouty2, td.shouty3, td.shouty4, td.shouty5{
background-image:url(http://img.webme.com/pic/6/6p-bilder/orgiceblueshouty.png);
background-repeat:repeat;
background-color:#XXXXXX;font-family: arial;font-size: 12px;
color:#000000;border: 0px solid #2D3738;}

td.edit_content_top,td.edit_content_top:hover{background-image:url(http://img.webme.com/pic/6/6p-bilder/orgicebluecontop.png);height: 30px;background-color:#XXXXXX;border: 1px solid #c0c0c0;}

td.edit_navi_headbg{background-image:url(URL);background-color:#XXXXXX;}
 
td.nav_heading{background-image:url(http://img.webme.com/pic/6/6p-bilder/orgicebluecontop.png);height: 30px;background-color:#XXXXXX;border: 0px solid #c0c0c0;}

td.sidebar_heading{background-image:url(http://img.webme.com/pic/6/6p-bilder/orgicebluecontop.png);height: 30px;background-color:#XXXXXX;border: 0px solid #c0c0c0;}

td.edit_rb_footer{background-image:url();height: 30px;background-color:#XXXXXX;border: 0px solid #c0c0c0;}

td.edit_content_bottom2{background-image:url();background-color:#XXXXXX;height: 30px;border: 0px solid #2D3738;}

td.edit_content_bottom{background-image:url(http://img.webme.com/pic/6/6p-bilder/orgicebluebottom1.png);height: 30px;background-color:#XXXXXX;border: 0px
solid #c0c0c0;background-position: center top;background-repeat: no-repeat;}

td.nav_heading{font-family: arial;font-size: 12px;color: #ffffff;padding-left:26px;text-align: left;}
td.nav a{font-family: arial;font-size: 12px;color: #000000;text-decoration: none}
td.sidebar_heading{font-family: arial;font-size: 12px;color: #ffffff; text-align: center;}

td.edit_content_main div{overflow: hidden!important;}

td.edit_header_full{background-image:url(http://img.webme.com/pic/6/6p-bilder/orgiceblueheader.png);background-color:#XXXXXX;width:
1600; height: 128px;background-repeat: no-repeat;border: 0px solid #2D3738;}
-->
</style>


İşte bazı ipuçları tasarımını değiştirmek için :

Designbreite değiştir

(Genişlik table.edit_main_table : 100% ! Önemli Wink yerine % 80 veya % 90 alabilir. Bu tasarım azaltır. Kodu üst bulabilirsiniz.

Haeder (değiştir td.edit_header_full )
Ben Header görüntü boyutu kodu 1600 x 128 piksel oluşturduk. insanlar bile 1920 çözünürlükte verir çünkü hatırladı olmalı , daha sonra 1920 yılında bir başlık geniş müdahele etmekle durdurun. Eğer başlıklarının kod alt ayarlamak gerekiyor. Oldukça değişken başlığında olabilir ve herkes için mükemmel bir çözüm sağlayamaz. bir Tinkers bir başlık ya da bu boyutta neden olur eğer iyi olurdu. Meli olmaları aksi takdirde , o zaman yeni yüksekliği (genişlik) kodu . güvenli tarafta beri sağ ve yine sol kesilebilir bir resim varsa. Ardından imza ve 800 piksel genişliğinde merkezli olup olmadığını en iyi burada olacak sahiptir. Sağlayan bu yazı çok geniş olmayacak , o başka türlü sonunda küçük çözünürlüklerde kesilmiş olacaktı.

Advantage başlık olacağını tüm izler ve görüntüler kararlar üzerinde 1024 eser çözünürlükte Haeder px gerektiği kadar 1600 genişliği ( final sol ve sağ) . header kodları Sonu , bir sınır (kare) , bu zorunlu değildir ve ben sıfır olarak ediyorum.

başlığında Anasayfa isim
kendi inisiyatifiyle görülür herhangi bir müdahale web sitesi adı, şifre veya set kapatmak için sadece arasında :

Kodu:
td.headline ( görünürlüğü : hidden; )



Içerik (metin kutusu )
İçerik ders değişiyor. Ama yerine çaba küçük tek renkli ekran almak için bir renk kodu kullanarak . görüntüyü otomatik olarak tekrar edilir çünkü 32x32 boyutunda , iyi yapacak . Sense burada bazı tarayıcılar boyunca renk koduyla elde edemeyeceksiniz . Tabi ki sadece birkaç tarayıcılar , ama sen önleyebilirsiniz eğer bu ama süper . böylece tek renkli görüntü, o kendi ve görüntüleri yüklenenler o URL ve kodunu değiştirmek kullanır düzenlendi .


Gerçek düğmesi ve Hoverbutton
Biz 2 tanesi ihtiyaç oynarlar. Düğmelerin genişliği tekrarı önlemek için yapmanız gereken 185 piksel var. miktar değişkeni kodu ama güncellenmiş olması gerekir. Orijinal olarak, yüksekliği 33 piksel . Tüm ziyaretçiler için çok sinir yapmak için değil , ben şahsen büyük Geblinke bırakırdı. İlk düğme, tabi normal bir düğme ve ikinci benzer olmalı ve Hovereffekt tetikler. Bu etki orada fare işaretçisi düğmenin bir görünümünü değiştirmek yere götürmek için . Kim istemiyor Hovereffekt sadece aynı resmi hover alır.


Vücut
gövde tasarımının arka plan olduğunu . değiştirmek için, başka bir görüntünün yalnızca URL kullanmanız gerekir. Acaba sizin örneğin http://www.grsites.com/archive/textures Arka plan yükü aşağı . her birinin nasıl geçmiş gibi görünüyor izleyebilirsiniz thumbnail görünümünde tıklayarak . resmin URL'sini , ancak yüksek kendi resimleri ile davet değil o zaman varsa ve bu URL'yi kullanır.


Shoutys
Shoutys olan beş adettir doğru kutuları tasarım bulunmaktadır. Bu sadece o da içerik aktif hale gelir. İçeriği bir boşluk vardır. Nedenle, hiçbir içerikli kutusu , sen düşünmek gerekir olup olmadığını bir boşluk . Siler o dışarı ve kaydedin. Sonra kutu görünmez tekrar edilmelidir.

Ayrıca burada bir resim çalışması gerekir. bazı tarayıcılar burada tekrar değil, bir renk kodu tanımak çünkü monokromatik, olsa bile .

emin istediğiniz resmi , görüntü otomatik olarak tekrar edilir , çünkü gözle görülür bir ayrım içermektedir kullanılan olun.

Shoutycode yılında kutularının yazı tipi rengi beyaz olarak ayarlanır. Eğer farklı bir renk isterseniz, # 000000 (siyah) o kolay hale farklı bir renktir. Renk sayısı örneğin burada bulabilirsiniz şunları yapabilirsiniz: http://www.farb-tabelle.de/de/farbtabelle.htm

Can hex kodu oradan çıkarmak , ama garanti kodun içinde # silinmez.

Anlatim Tamamen 6p iceblue.de.tl sitesine aittir..Çevirme işlemi Google translate'ye.. Razz

Not: Çeviri google translate'den yapılmıştır. Bu yüzden bazı yerlede yazım yanlışları ,anlatımda bozukluk olabilir..
Mesaj01.07.2010, 14:25 (UTC)    
Mesaj konusu:

güzel anlatım teşekkür ederim
Mesaj01.07.2010, 14:26 (UTC)    
Mesaj konusu:

ansiklopedika yazmış:
güzel anlatım teşekkür ederim


Rica ederim.
Önceki mesajları göster:   


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