Forum'da ara:
Ara


« Önceki başlık :: Sonraki başlık »  
Yazar Mesaj
Mesaj20.06.2009, 21:02 (UTC)    
Mesaj konusu: Photoshop Tasarımlarınızı Css'a Çevirin V2

İlk önce Photoshop ile çizdiğimiz tasarımı buradaki anlatim ile upload ederek css kodlarını alıyoruz.
Arrow http://www.bedava-sitem.com/forum/viewtopic.php?t=107730

daha sonra geriye ben bunları nasıl tasarımın altı ve üstü olarak ayarlayacağım gibi bir soru kalıyor Razz

onu ise bu kodlar ile halletmeniz çok kolay değerimi bilin kimse paylaşmıyor.bu kodları benim tasarımımdan kimsede olmasın diye Razz
şaka bir yana buyrun kodlar

Tasarımın Üzeri
Kod:
<div id="tasarim">
<div id="baslik">BURAYA UST MENU</div>
<div id="ust"></div>
<div id="orta">
<div class="solsutun">
BURASI SOL SUTUN MENU İÇERİKLERİ
</div>
<div class="sagsutun">      
<div id="container">


Tasarımın Altı
Kod:
</div>
</div>
<div id="alt">
</div>
</div>
<center><br><a href="http://kefkirnet.tr.gg/" target="_blank"><img src="http://kefkirnet.tr.gg/sig.png" width="500" height="60" border="0" alt="kefkirnet.tr.gg"></a>
<p align="center"> </p>
<p align="center">
</p>


Zaten css kodlarını upload ettiğiniz kodlardan alıcaksınız kodları kendinize göre düzenleyerek size photoshop tasarımınıza sahip olacaksınız.

Kolay gelsin Razz
______________
Atatürk diyor ki "Beni unutturmak isteyenler olabilir."
Mesaj20.06.2009, 21:17 (UTC)    
Mesaj konusu:

Teşekkürler Kefkir .. Razz
______________
Bilgi Güçtür , Bildikçe Büyürsün .. Paylaştıkça Efsaneleşirsin.. !
Mesaj20.06.2009, 21:22 (UTC)    
Mesaj konusu:

exelancenet yazmış:
Teşekkürler Kefkir .. Razz

Rica ederim Laughing
______________
Atatürk diyor ki "Beni unutturmak isteyenler olabilir."
Mesaj20.06.2009, 21:25 (UTC)    
Mesaj konusu:

Ben .Psd olarak Yapmadım Da resimler direk .Png olarak kaydettım.Ve şimdi css Kodu Yazamıyorum Bana Yardımcı olabılırmısınız ?
______________
Mesaj20.06.2009, 21:26 (UTC)    
Mesaj konusu:

xkalpsiz yazmış:
Ben .Psd olarak Yapmadım Da resimler direk .Png olarak kaydettım.Ve şimdi css Kodu Yazamıyorum Bana Yardımcı olabılırmısınız ?

Resmi psd olarak kaydetmelisiniz ki css kodlarını upload edip alabilesiniz.
______________
Atatürk diyor ki "Beni unutturmak isteyenler olabilir."
Mesaj20.06.2009, 21:27 (UTC)    
Mesaj konusu:

Ewimdeki Pc de Photoshop yok sorun verıyor yukleyınce.Ondan Cafede Yaptım Resimler direk kaydettım.

Örnek bi Css kodu yok mu peki ben direk resim url lerini eklesem ona ?
______________
Mesaj20.06.2009, 21:27 (UTC)    
Mesaj konusu:

Kardeşim valla bu kodlar çok işime yarayacak heralde !!!
______________
Ban Yedim 6 Temmuz'a kadar yazamıyorum !!!
Mesaj20.06.2009, 21:28 (UTC)    
Mesaj konusu:

toplist-pr yazmış:
Kardeşim valla bu kodlar çok işime yarayacak heralde !!!

Evet photoshop tasarımı yapmak isteyenlerin işini çok kolaylaştıracağından eminim
______________
Atatürk diyor ki "Beni unutturmak isteyenler olabilir."
Mesaj20.06.2009, 21:31 (UTC)    
Mesaj konusu:

xkalpsiz yazmış:
Ewimdeki Pc de Photoshop yok sorun verıyor yukleyınce.Ondan Cafede Yaptım Resimler direk kaydettım.

Örnek bi Css kodu yok mu peki ben direk resim url lerini eklesem ona ?


??
______________
Mesaj20.06.2009, 21:33 (UTC)    
Mesaj konusu:

Buyrun buda css kodları resimleri kendinize göre ayarlayabilirsiniz.
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;}

#kommentartext {
background-image:url(http://img.webme.com/pic/k/kefkirnet/kefkirnet1.jpg);
}

table {margin-left: auto;margin-right: auto}

* {padding: 0; margin:0 }

body {
margin-left: auto;
margin-right: auto;
background: url(http://img.webme.com/pic/k/kefkirnet/2292.jpg) top center fixed;
}

#tasarim{
width: 1000px;
margin-left: auto;
margin-right: auto;
}



#baslik{
margin-left: auto;
margin-right: auto;
background: url(http://img.webme.com/pic/k/kefkirnet/header.png);
width: 1000px;
height: 127px;
float: left;
text-align: center;
padding: 218px 0 0 0;
font-size: 15px;
color: #ff0000;
font-family: Verdana, arial;
}



#ust{
margin-left: auto;
margin-right: auto;
background: url(http://img.webme.com/pic/k/kefkirnet/biniki_012copy.png);
width: 1000px;
height: 152px;
float: left;
}

#orta{
margin-left: auto;
margin-right: auto;
background: url(http://img.webme.com/pic/k/kefkirnet/3447.png);
width: 1000px;
height: 100%;
float: left;
}

.solsutun{
width:166px;
float: left;
padding: 0 0 0 60px;
overflow: hidden;
}

.sagsutun {
width: 640px;
float: left;
padding: 0 0 0 65px;
overflow: hidden;
text-align: justify;
}


#alt{
margin-left: auto;
margin-right: auto;
background: url(http://img.webme.com/pic/k/kefkirnet/allltlaat.png);
width: 1000px;
height: 152px;
float: left;
}





<style type="text/css">

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.arrowlistmenu{
width: 180px; /*width of menu*/
}

.arrowlistmenu .headerbar{
font: bold 14px Arial;
color: white;
background: black url(media/titlebar.png) repeat-x center left;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
}

.arrowlistmenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
color: #A70303;
background: url(media/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 90%;
}

.arrowlistmenu ul li a:visited{
color: #A70303;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #A70303;
background-color: #F3F3F3;
}

</style>

______________
Atatürk diyor ki "Beni unutturmak isteyenler olabilir."
Mesaj20.06.2009, 21:38 (UTC)    
Mesaj konusu:

kaydederken web için kaydet'e tıklayın tabi resmi slice tool ile kestikten sonra mesela 3 parçaya böldünüz diyelim resminiz bitti reismleri 3 e böldünüz bunu kesilmiş halde 3 resim olarak kaydetmek istiyorsanız web için kaydet'e tıklıyoruz sonra bir sayfa geliyor orada save diyoruz ve resimleri masa üstüne akyıt etmiş oluyoruz bunu her hangi bir upload sitesinden yada bedava sitemden upload ederek css kodunda ki gerekli yerlere yapıştırıyoruz..

Teşekkür Ederim Atakan Wink
______________
Mesaj20.06.2009, 21:39 (UTC)    
Mesaj konusu:

xxxkod yazmış:
kaydederken web için kaydet'e tıklayın tabi resmi slice tool ile kestikten sonra mesela 3 parçaya böldünüz diyelim resminiz bitti reismleri 3 e böldünüz bunu kesilmiş halde 3 resim olarak kaydetmek istiyorsanız web için kaydet'e tıklıyoruz sonra bir sayfa geliyor orada save diyoruz ve resimleri masa üstüne akyıt etmiş oluyoruz bunu her hangi bir upload sitesinden yada bedava sitemden upload ederek css kodunda ki gerekli yerlere yapıştırıyoruz..

Teşekkür Ederim Atakan Wink

Rica ederim.
yardımın için teşekürler.
______________
Atatürk diyor ki "Beni unutturmak isteyenler olabilir."
Mesaj20.06.2009, 21:42 (UTC)    
Mesaj konusu:

Teşekkürler..

Reklam amaclı degil http://xkalpsiz.tr.gg/kalpsiz.htm Girip bakarsanız resımler de sorun cıkıyo tasarım tam gorunmuyor ?
______________
Mesaj20.06.2009, 22:31 (UTC)    
Mesaj konusu:

atakan reklam için link vermiyorumda http://bilgi-matik.tr.gg/ bu sitenin tasarımında bak kenarlayı yırtılmış gibi bir desen vermişler bunu nasıl yapmış olabilirler

yada bilen varsa bi zahmet söyleyebilir mi ?

______________
Mesaj20.06.2009, 22:34 (UTC)    
Mesaj konusu:

Sağol kefkir
______________

Arrow Ethical Hacker Arrow Professional Web Designer
Önceki mesajları göster:   


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