| Yazar |
Mesaj |
-
kefkirnet
Uzman Üye
|
 20.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.
 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 
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
ş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 ______________ Atatürk diyor ki "Beni unutturmak isteyenler olabilir." |
|
|
↑
|
|
 |
-
exelancenet
Aktif Üye
|
20.06.2009, 21:17 (UTC)
Mesaj konusu: |
|
|
Teşekkürler Kefkir .. ______________ Bilgi Güçtür , Bildikçe Büyürsün .. Paylaştıkça Efsaneleşirsin.. !
|
|
|
↑
|
|
|
-
kefkirnet
Uzman Üye
|
20.06.2009, 21:22 (UTC)
Mesaj konusu: |
|
|
exelancenet yazmış: Teşekkürler Kefkir ..
Rica ederim  ______________ Atatürk diyor ki "Beni unutturmak isteyenler olabilir." |
|
|
↑
|
|
|
-
xkalpsiz
Aktif Üye
|
20.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 ? ______________  |
|
|
↑
|
|
|
-
kefkirnet
Uzman Üye
|
20.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." |
|
|
↑
|
|
|
-
xkalpsiz
Aktif Üye
|
20.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 ? ______________ |
|
|
↑
|
|
|
-
toplist-pr
Bedava-Sitem Bağımlısı
|
20.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 !!! |
|
|
↑
|
|
|
-
kefkirnet
Uzman Üye
|
20.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." |
|
|
↑
|
|
|
-
xkalpsiz
Aktif Üye
|
20.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 ?
?? ______________ |
|
|
↑
|
|
|
-
kefkirnet
Uzman Üye
|
20.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."
|
|
|
↑
|
|
|
-
xxxkod
Uzman Üye
|
20.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  ______________  |
|
|
↑
|
|
|
-
kefkirnet
Uzman Üye
|
20.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
Rica ederim.
yardımın için teşekürler.
______________
Atatürk diyor ki "Beni unutturmak isteyenler olabilir." |
|
|
↑
|
|
|
-
xkalpsiz
Aktif Üye
|
20.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 ? ______________ |
|
|
↑
|
|
|
-
xxxkod
Uzman Üye
|
20.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 ?______________ |
|
|
↑
|
|
|
-
paylasim61
Uzman Üye
|
20.06.2009, 22:34 (UTC)
Mesaj konusu: |
|
|
Sağol kefkir______________
Ethical Hacker Professional Web Designer |
|
|
↑
|
|
|
|
