Forum'da ara:
Ara


« Önceki başlık :: Sonraki başlık »  
Yazar Mesaj
Mesaj30.08.2009, 23:35 (UTC)    
Mesaj konusu: sizler için harika bi tasarım yaptım

arkadaşlar buyrun güle güle kullanın yanlız sizten tek isteğim var alt kısımdaki tasarimci-amca yazısını silmezseniz veya tasarımı kullananlar bana ulassın bannerımı vereyım sıtesıne eklesin sizden tek bunu istiyorum baska birsey istemiyorum

başlık resimini isteyen assadaki sade resimle değiştirip sitesi için uygun hale getirebilir
Wink



kısa bi süre için ön-izleme Arrow

http://tasarimci-amca4.tr.gg/ana-sayfa.htm

tasarımın üzerindeki yazıya Arrow

Kod:
<div id="tasarim">
<div id="baslik"></div>
<div id="sitemenum">
</div>
<div id="ust"></div>
<div id="orta"><div class="animatedtabs">
<ul>
    <li class="selected"><a href="SAYFA LİNKİ" title="tıklayınız..."><span>SAYFA ADI</span></a></li>
    <li><a href="SAYFA LİNKİ" title="tıklayınız..."><span>SAYFA ADI</span></a></li>
    <li><a href="SAYFA LİNKİ" title="tıklayınız..."><span>SAYFA ADI</span></a></li>
    <li><a href="SAYFA LİNKİ" title="tıklayınız..."><span>SAYFA ADI</span></a></li>
    <li><a href="SAYFA LİNKİ" title="tıklayınız..."><span>SAYFA ADI</span></a></li>
    <li><a href="SAYFA LİNKİ" title="tıklayınız..."><span>SAYFA ADI</span></a></li></li>
    <li><a href="SAYFA LİNKİ" title="tıklayınız..."><span>SAYFA ADI</span></a></li>
    </ul>
</div>


tasarımın altındaki yazıya Arrow
Kod:

</div>
<div id="alt"></div>
</div>


css koduna Arrow

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;}

* { padding: 0; margin: 0; }

body { font-family: Arial;
font-size: 12px;
background: url(http://www.backgroundlabs.com/backgrounds/88.gif) top center fixed;
}

#tasarim {
margin: 0 auto;
width: 900px
}

#baslik {
width: 834px;
height: 238px;
background: url(http://img216.imageshack.us/img216/9693/headerrv.png);

}

#orta {
width:834px;
background: url(http://img188.imageshack.us/img188/4681/ierik.png);

}

#alt {
width:834px;
height:79px;
background: url(http://img268.imageshack.us/img268/5666/footerru.png);
float: left;
}


/*Eğer Menüyü sabitlemek isterseniz position:fixed; kodunu katmana eklemeniz yeterli.*/

#sitemenum {
width:845px;
}


/* Menü kodu burada başlıyor*/
.animatedtabs{
border-bottom: 1px solid gray;
overflow: hidden;
width: 100%;
font-size: 14px; /*font of menu text*/
}


.animatedtabs ul{
list-style-type: none;
margin: 0;
margin-left: 10px; /*offset of first tab relative to page left edge*/
padding: 0;
}

.animatedtabs li{
float: left;
margin: 0;
padding: 0;
}

.animatedtabs a{
float: left;
position: relative;
top: 5px; /* 1) Number of pixels to protrude up for selected tab. Should equal (3) MINUS (2) below */
background: url(http://img.webme.com/pic/h/hackerfriend/tab-blue-left.gif) no-repeat left top;
margin: 0;
margin-right: 3px; /*Spacing between each tab*/
padding: 0 0 0 9px;
text-decoration: none;

}

.animatedtabs a span{
float: left;
position: relative;
display: block;
background: url(http://img.webme.com/pic/h/hackerfriend/tab-blue-right.gif) no-repeat right top;
padding: 5px 14px 3px 5px; /* 2) Padding within each tab. The 3rd value, or 3px, should equal (1) MINUS (3) */
font-weight: bold;
color: black;
}

/* Commented Backslash Hack hides rule from IE5-Mac */
.animatedtabs a span {float:none;}
/* End IE5-Mac hack */


.animatedtabs .selected a{
background-position: 0 -125px;
top: 0;
}

.animatedtabs .selected a span{
background-position: 100% -125px;
color: black;
padding-bottom: 8px; /* 3) Bottom padding of selected tab. Should equal (1) PLUS (2) above */
top: 0;
}

.animatedtabs a:hover{
background-position: 0% -125px;
top: 0;
}

.animatedtabs a:hover span{
background-position: 100% -125px;
padding-bottom: 8px; /* 3) Bottom padding of selected tab. Should equal (1) PLUS (2) above */
top: 0;
}

#kommentartext {
background-image:url(http://img15.imageshack.us/img15/7361/commenttq.png);
}

#gbooktext {
background-image:url(http://img15.imageshack.us/img15/7361/commenttq.png);
}
Mesaj31.08.2009, 01:33 (UTC)    
Mesaj konusu:

beğenen yok sanırım Confused
______________
css tasarım,giriş paneli gibi istekleriniz için bana ulaşın
skype:semihseker26 veya profilime mesaj atmanız yeterlidir...

TEK ŞARTIM TELİF HAKLARINI ÇİĞNEMEYEN İSTEKLER LÜTFEN TELİF HAKKINI İHLAL EDEN İSTEKLER YOLLAMAYIN.
YENİDEN DÖNSEK Mİ ACABA ?

skype sohbete beklerim arkadaşlar lütfen tüm b-s arkadaşları bekliyorum

https://join.skype.com/cv9oREfyFrRW
Mesaj31.08.2009, 02:42 (UTC)    
Mesaj konusu:

Güzel olmuş ama bu paylaşımı sabit başlıklarda paylaşsaydın daha iyi olurdu ama neyse gerçekten güzel bir tasarım..
______________
© 2009 Dreamfat.Tr.Gg Tüm hakları saklıdır..

Mesaj31.08.2009, 03:53 (UTC)    
Mesaj konusu:

dreamfat yazmış:
Güzel olmuş ama bu paylaşımı sabit başlıklarda paylaşsaydın daha iyi olurdu ama neyse gerçekten güzel bir tasarım..


sabit başlıklarda pek paylaşmak istemedim çünkü tasarımlarımı hem tek başlık altında toplayacağım hemde güncel olması açısından bana modlar kızabılır belkı ama böyle yapmak zorundayım

bu arada yorumun için teşekkür ederimWink
______________
css tasarım,giriş paneli gibi istekleriniz için bana ulaşın
skype:semihseker26 veya profilime mesaj atmanız yeterlidir...

TEK ŞARTIM TELİF HAKLARINI ÇİĞNEMEYEN İSTEKLER LÜTFEN TELİF HAKKINI İHLAL EDEN İSTEKLER YOLLAMAYIN.
YENİDEN DÖNSEK Mİ ACABA ?

skype sohbete beklerim arkadaşlar lütfen tüm b-s arkadaşları bekliyorum

https://join.skype.com/cv9oREfyFrRW
Mesaj31.08.2009, 11:42 (UTC)    
Mesaj konusu: hakkımı helal etmiom

tasarımını yaptım sitem berbat olduuuuuu
Mesaj31.08.2009, 22:32 (UTC)    
Mesaj konusu: Re: hakkımı helal etmiom

yildizders yazmış:
tasarımını yaptım sitem berbat olduuuuuu



css ye geçmen gerekir Wink
Önceki mesajları göster:   


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