Yazar |
Mesaj |
-
systemwarez
Uzman Üye
|
28.07.2011, 21:36 (UTC) Mesaj konusu: @Sahra Paylaşım Bölümü |
|
|
Merhaba;
Paylaşımlarımı bu başlık altında devam ettirecegim
Güncel dir
@Sahra______________ @tr.gg dısı link yasak |
|
↑
|
|
|
-
ve-siir
Aktif Üye
|
28.07.2011, 21:39 (UTC) Mesaj konusu: |
|
|
İşte bu çok daha güzel oldu...
Paylaşımlarınızı bekliyorum =)______________ |
|
↑
|
|
|
-
systemwarez
Uzman Üye
|
28.07.2011, 21:50 (UTC) Mesaj konusu: |
|
|
logo üstünden bulut geçme kodu
Aslında bu kodu ben hiç denemedim ama tanıdıgım arkadaşlarım çalıştıgını söyledıler HTML kod gibi gözükebilir ama tasarımı ilgilendirdigi için css de paylaşmakta fayda var
Orjinal anlatım : http://sahra.forumdizini.com/t232-logo-ustunden-bulut-gecme#273
Kodun Çalıştıgına dair Görüntü
Kodumuz ;
Hem sagdan hem soldan;
Kod: </a><DIV style="Z-INDEX: 1; LEFT: 50px; POSITION: absolute; TOP:
0px; HEIGHT: 1px"><marquee direction="left"
scrollamount="2"><img
src="http://upload.frmdesign.net/images/cloud1.png"><img
src="http://illiweb.com/fa/empty.gif" width="0"></marquee>
<marquee
direction="right" scrollamount="3"><img
src="http://upload.frmdesign.net/images/cloud2.png"><img
src="http://illiweb.com/fa/empty.gif" height="0"
width="100"></marquee></DIV>
sadece sagdan;
Kod: </a><DIV style="Z-INDEX: 1; LEFT: 50px; POSITION: absolute; TOP:
0px; HEIGHT: 1px"><marquee direction="left"
scrollamount="2"><img
src="http://upload.frmdesign.net/images/cloud1.png"><img
src="http://illiweb.com/fa/empty.gif" width="0"></marquee>
<marquee
direction="left" scrollamount="3"><img
src="http://upload.frmdesign.net/images/cloud2.png"><img
src="http://illiweb.com/fa/empty.gif" height="0"
width="100"></marquee></DIV>
Paylaşan @Sahra
@PasteuR
@█►SALVADOR◄█
Katkıları ile ______________ @tr.gg dısı link yasak |
|
↑
|
|
|
-
systemwarez
Uzman Üye
|
28.07.2011, 21:54 (UTC) Mesaj konusu: |
|
|
Resimleri otomatik küçültmek!
Kod: .postbody img{max-width:800px;}
@Sahra Katkıları İle ______________ @tr.gg dısı link yasak |
|
↑
|
|
|
-
systemwarez
Uzman Üye
|
28.07.2011, 22:02 (UTC) Mesaj konusu: |
|
|
Logo Yerine Flash
Kod: <div class="TuaLogo" align="center">
<EMBED src="Flash Link" width="Flash Genişlik" height="Flash Yükseklik" type=application/x-shockwave-flash wmode="transparent" menu="false" quality="high">
</div>
@Sahra Farkı İle ______________ @tr.gg dısı link yasak |
|
↑
|
|
|
-
ramazan-altintop
Aktif Üye
|
28.07.2011, 22:04 (UTC) Mesaj konusu: |
|
|
güzell paylaşımlar.başarılar dilerim |
|
↑
|
|
|
-
systemwarez
Uzman Üye
|
28.07.2011, 22:05 (UTC) Mesaj konusu: |
|
|
|
|
↑
|
|
|
-
systemwarez
Uzman Üye
|
28.07.2011, 22:28 (UTC) Mesaj konusu: |
|
|
CSS3 Kutu Elementlerine Golge Verme Box shadow
Orjinal paylaşım ;
http://sahra.forumdizini.com/t85-css3-kutu-elementlerine-golge-verme-box-shadow
Öncelikle Bir div layer oluşturalım adınıda "golgeli-kutu" koyalım
<div class="golgeli-kutu">
merhaba gölgeli kutu
</div>
Kutumuzu oluşturduk geçelim css kısmına
box-shadow: #555 0px 0px 8px;
-moz-box-shadow: #555 0px 0px 8px;
-webkit-box-shadow: #555 0px 0px 8px;
Bu şekilde gölgemizi verdik kodumuzun nasıl işlediğini görelim
box-shadow: #555 0px 0px 8px;
box-shadow: renk | sol sağ | Yukarı Alt | Gölge Derinliği;
peki ya neden 3 satırlık kod yazdık evet aslında ilk satırdaki kod
bütün işimizi görüyor ama CSS3 ü tarayıcılar yeni desteklemeye
başladığı için haliyle tarayıcılara özel olarak kod yazıyoruz tabi bunu
özellikle kasıtlı olarakta yazabiliriz ama zamanla bize ilk satırdaki
kod yeterli olacaktır
-moz-box-shadow Gecko ailesi için özel olarak yazılmış bir kod birliğidir
-webkit-box-shadow Webkit ailesi için özel olarak yazılmış bir kod birliğidir
@Sahra______________ @tr.gg dısı link yasak |
|
↑
|
|
|
-
systemwarez
Uzman Üye
|
28.07.2011, 22:30 (UTC) Mesaj konusu: |
|
|
Orjinal paylaşım hali ; http://sahra.forumdizini.com/t143-sayfa-yenilendikce-deien-resim-kodu?highlight=degi%C5%9Fen+logo
Sayfamızı yeniledikçe eklediğimiz resmin değişmesi için
kullanacağımız kod budur. İstediğiniz kadar resim ekleyebilirsiniz,
değişen banner olarak kullandığımızda çok güzel oluyor, tavsiye ederim..
Not: Resimleri bold olarak işaretledim siz kendinize göre değiştirirsiniz.
Kod: <script type="text/javascript">
var theImages = new Array('[b]gencx1.jpg[/b]','[b]gencx2.[/b][b]jpg[/b]','[b]gencx3[/b][b].jpg[/b]','[b]gencx4.[/b][b]jpg[/b]','[b]gencx5.[/b][b]jpg[/b]','[b]gencx6.[/b][b]jpg[/b]')
var j = 0
var p = theImages.length;
var preBuffer = new Array()
for (i = 0; i < p; i++){
preBuffer[i] = new Image()
preBuffer[i].src = theImages[i]
}
var whichImage = Math.round(Math.random()*(p-1));
function showImage(){
document.write(’<img src=”images/’+theImages[whichImage]+’”>’);
}
// End –>
</script>
______________ @tr.gg dısı link yasak
|
|
↑
|
|
|
-
systemwarez
Uzman Üye
|
|
↑
|
|
|
-
ogentr
Bedava-Sitem Bağımlısı
Konum: AnaDolu
|
29.07.2011, 08:51 (UTC) Mesaj konusu: |
|
|
Çok Teşekkür Ederim Bu Kodları Acaba Sitemde Yayınlayabilirmyin BsSupport.tr.gg Kapandı Artık Burdayım |
|
↑
|
|
|
-
systemwarez
Uzman Üye
|
29.07.2011, 08:57 (UTC) Mesaj konusu: |
|
|
Tabikide Hayır
Yayınlamanız için degil kullanmanız için veriyorum______________ @tr.gg dısı link yasak |
|
↑
|
|
|
-
systemwarez
Uzman Üye
|
29.07.2011, 09:06 (UTC) Mesaj konusu: |
|
|
Kod: <style type="text/css">
.bubblewrap{
list-style-type:none;
margin:0;
padding:0;
}
.bubblewrap li{
display:inline;
width: 65px;
height:60px;
}
.bubblewrap li img{
width: 55px; /* width of each image.*/
height: 60px; /* height of each image.*/
border:0;
margin-right: 12px; /*spacing between each image*/
-webkit-transition:-webkit-transform 0.1s ease-in; /*animate transform property */
-o-transition:-o-transform 0.1s ease-in; /*animate transform property in Opera */
}
.bubblewrap li img:hover{
-moz-transform:scale(1.8); /*scale up image 1.8x*/
-webkit-transform:scale(1.8);
-o-transform:scale(1.8);
}
</style>
html
Kod: <ul class="bubblewrap">
<li><a href="#"><img src="media/stumbleupon.png" title="Add to Stumbleupon" /></a></li>
<li><a href="http://dynamicdrive.com"><img src="media/facebook.png" title="Add to Facebook" /></a></li>
<li><a href="http://dynamicdrive.com"><img src="media/digg.png" title="Add to Digg" /></a></li>
<li><a href="http://dynamicdrive.com"><img src="media/twitter.png" title="Add to Twitter" /></a></li>
<li><a href="http://dynamicdrive.com"><img src="media/rss.png" title="Add RSS Feed" /></a></li>
</ul>
css3 tranform
Kod: .bubblewrap li img:hover{
-moz-transform:scale(1.8); /*scale up image 1.8x in FF3.5+*/
-webkit-transform:scale(1.8); /*Safari and Chrome version*/
-o-transform:scale(1.8); /*Opera 9.5+ version*/
} ______________ @tr.gg dısı link yasak
|
|
↑
|
|
|
-
systemwarez
Uzman Üye
|
29.07.2011, 09:10 (UTC) Mesaj konusu: |
|
|
Kod: <script type="text/javascript">
function showBlock(blockId)
{
document.getElementById(blockId).style.display = "block";
}
function hideBlock(blockId)
{
document.getElementById(blockId).style.display = "none";
}
</script>
<a href="javascript:showBlock('block1')">SİTE DUYURULARI İÇİN TIKLAYINIZ</a>
<div id="block1" style="display: none">
<p>
<table
height="307" width="469"
background="http://80.190.202.79/pic/a/audici/flachblid1.gif"><tr
align="center"> <td align="center"> <table width="400"
align="center"><tr><td> <marquee direction="up"
scrollamount="2" align="center"><font
color="white"><center>YAZINIZI BURAYA YAZACAKSINIZ HOŞGELDİN
2009</center></font></marquee>
</td></tr></table></td></tr></table></p>
<p>BY SHANEX</p>
<p> <a href="javascript:hideBlock('block1')">KAPAT</a>.
</div> ______________ @tr.gg dısı link yasak
|
|
↑
|
|
|
-
systemwarez
Uzman Üye
|
29.07.2011, 12:34 (UTC) Mesaj konusu: |
|
|
yakın zamanda tekrar yeni eklemeler olcaktır ______________ @tr.gg dısı link yasak |
|
↑
|
|
|
|