Forum'da ara:
Ara


« Önceki başlık :: Sonraki başlık »  
Yazar Mesaj
Mesaj28.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 Wink

Güncel dir Wink


@Sahra

______________
@tr.gg dısı link yasak
Mesaj28.07.2011, 21:39 (UTC)    
Mesaj konusu:

İşte bu çok daha güzel oldu...
Paylaşımlarınızı bekliyorum =)

______________
Mesaj28.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ü Smile



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
Mesaj28.07.2011, 21:54 (UTC)    
Mesaj konusu:

Resimleri otomatik küçültmek!

Kod:
.postbody img{max-width:800px;}


@Sahra Katkıları İle Wink
______________
@tr.gg dısı link yasak
Mesaj28.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 Wink
______________
@tr.gg dısı link yasak
Mesaj28.07.2011, 22:04 (UTC)    
Mesaj konusu:

güzell paylaşımlar.başarılar dilerim
Mesaj28.07.2011, 22:05 (UTC)    
Mesaj konusu:

Ayrıca Bu paylaşımlarımıda görmenizi istiyorum Wink
@Sahra

http://www.bedava-sitem.com/forum/viewtopic.php?t=187062

http://www.bedava-sitem.com/forum/viewtopic.php?t=187065

http://www.bedava-sitem.com/forum/viewtopic.php?t=187064


Bu günlük bu kadar İlerleyen zamanlarda dewam edecegim
______________
@tr.gg dısı link yasak
Mesaj28.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
Mesaj28.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
Mesaj28.07.2011, 22:55 (UTC)    
Mesaj konusu:

Buyrun;

Kendi tr.gg sitemin tasarımını paylaşıyorum bu bölümde tasarım paylaşmak kural dışı oldugu için direk link veriyorum Wink


http://sahra.forumdizini.com/t11-mistanbul-v5-tasarm


@Sahra
______________
@tr.gg dısı link yasak
Mesaj29.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
Mesaj29.07.2011, 08:57 (UTC)    
Mesaj konusu:

Tabikide Hayır Wink

Yayınlamanız için degil kullanmanız için veriyorum

______________
@tr.gg dısı link yasak
Mesaj29.07.2011, 09:06 (UTC)    
Mesaj konusu:

css sosyal paylaşım kodları

orjinal hali;

http://sahra.forumdizini.com/t170-sosyal-paylam-buton-kodlar

css
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
Mesaj29.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
Mesaj29.07.2011, 12:34 (UTC)    
Mesaj konusu:

yakın zamanda tekrar yeni eklemeler olcaktır Wink
______________
@tr.gg dısı link yasak
Önceki mesajları göster:   


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