Forum'da ara:
Ara


« Önceki başlık :: Sonraki başlık »  
Yazar Mesaj
Mesaj21.06.2010, 16:27 (UTC)    
Mesaj konusu: Sayfadan tasiyor

Arkadaslar asadaki resimde gördünüz gibi tasarim cok kücük bu tasarim cok beyendim bunu nasil genisletirim kodlarida yaziyorum bana kodlari dehistirip yazarsaniz sevinirim.



Tasarim üst:
Kod:
<div id="wrap"> <h1><a href="www.css-tasarimm.tr.gg" _fcksavedurl="www.csstasarim-arsiv.tr.gg">Css Tasarim Merkezi</a></h1> <div id="header">  </div>  <div id="content"> <div class="right">


Tasarim alt:
Kod:
</div>  <div class="left">   <h2>Menu :</h2> <ul> <li><a href="#" _fcksavedurl="#">Ana Sayfa</a></li>  <li><a href="#" _fcksavedurl="#">Ziyaretci Defteri</a></li>  <li><a href="#" _fcksavedurl="#">İletişim</a></li>  <li><a href="#" _fcksavedurl="#">Haberler</a></li> <li><a href="#" _fcksavedurl="#">Hakkımızda</a></li>  <li><a href="#" _fcksavedurl="#">Son Dakika</a></li> </ul>  <h2>Css Tasarimlar</h2> <ul> <li><a href="#" _fcksavedurl="#">CSS Tasarim 1</a></li>  <li><a href="#" _fcksavedurl="#">CSS Tasarim 2</a></li>  <li><a href="#" _fcksavedurl="#">CSS Tasarim 3</a></li>  <li><a href="#" _fcksavedurl="#">CSS Tasarim 4</a></li> <li><a href="#" _fcksavedurl="#">CSS Tasarim 5</a></li>  <li><a href="#" _fcksavedurl="#">CSS Tasarim 6</a></li>  <li><a href="#" _fcksavedurl="#">CSS Tasarim 7</a></li>  <li><a href="#" _fcksavedurl="#">CSS Tasarim 8</a></li>  <li><a href="#" _fcksavedurl="#">CSS Tasarim 9</a></li> <li><a href="#" _fcksavedurl="#">CSS Tasarim 10</a></li> <li><a href="#" _fcksavedurl="#">CSS Tasarim 11</a></li> <li><a href="#" _fcksavedurl="#">CSS Tasarim 12</a></li> </ul>  </div> <div style="clear: both;"> </div> </div>  <div id="bottom"> </div> <div id="footer"> Designed by <a href="http://www.csstasarim-arsiv.tr.gg/" _fcksavedurl="http://www.csstasarim-arsiv.tr.gg/">Css Tasarim Merkezi</a>. <br><br> <center><a href="http://www.csstasarim-arsiv.tr.gg" _fcksavedurl="http://www.csstasarim-arsiv.tr.gg"><img src="http://img.webme.com/pic/c/css-tasarimm/toplist.gif" _fcksavedurl="http://img.webme.com/pic/c/css-tasarimm/toplist.gif" alt="css tasarim merkezi" /></a></center>  </div> </div>


css kod:
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: #fff; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 17px; color: #222; margin: 0; padding: 0; }  a { text-decoration: none; color: #FF9600; } a:hover { text-decoration: underline; color: #111; }  #wrap { margin: 0 auto; width: 500px; }  #header { background: #fff url(http://img.webme.com/pic/c/css-tasarimm/13-header.jpg) no-repeat; height: 180px; }  h1 { padding: 10px 0 0 5px; font-size: 18px; color: #000; }  h1 a { padding: 10px 0 0 5px; font-size: 18px; color: #000; font-weight: 100; text-decoration: underline; }   #content { padding: 0 20px; background: #fff url(http://img.webme.com/pic/c/css-tasarimm/13-content.jpg) repeat-y; }  .right { float: right; width: 300px; text-align: justify; } .right h3 { font-size: 18px; font-weight: 100; padding-left: 10px; height: 24px; line-height: 24px; background: #FF9600; } .right h3 a { text-decoration: none; color: #fff; } .right h3 a:hover { color: #111; }  .left { float: left; width: 150px; } .left h2 { padding-left: 10px; height: 24px; line-height: 24px; background: #FF9600; color: #fff; font-size: 13px; } .left ul { padding: 10px 0 15px 20px; color: #FF9600; } .left ul li a { text-decoration: none; font-weight: 600; } .left ul li a:hover {  } .articles { padding: 10px; }  #bottom { background: #fff url(http://img.webme.com/pic/c/css-tasarimm/13-bottom.jpg) no-repeat; padding: 10px 0; }  #footer { text-align: center; font-size: 11px; color: #aaa; padding-bottom: 10px; } #footer a { color: #aaa; } #footer a:hover { color: #111; }
Mesaj21.06.2010, 18:05 (UTC)    
Mesaj konusu:

Ya lütfen birini cevap yazsin arkadaslar
Mesaj21.06.2010, 18:52 (UTC)    
Mesaj konusu:

Kod:
width: 500px; }


Bu kodda görüldüğü gibi width yazan yerlerdeki rakamları büyütrek deneye deneye tasarımını genişletebilirsin.

ÖRNEK:
width: 500px; } bu koddaki rakamı kodlarının içinden bul 750 yap bir dene bakalım...
______________
Mesaj21.06.2010, 21:37 (UTC)    
Mesaj konusu:

Tasarımı Değiştrimen Lazım Very Happy Yanı Iceriği Geniş Bir Tasarıma İhtiyacın var Bu Slayt İçin...

Yok Ben Değilmem Diyosan Smile O zman Videoyu Kucult Width kodundakı değerlerle oyna Smile
______________
Limitsiz-Paylasim 80 -100 B-S İçin Ayrılmıs Mükemmel Wordpress - Css - Joomla Tasarımlar
Önceki mesajları göster:   


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