Forum'da ara:
Ara


Yazar Mesaj
Mesaj21.01.2009, 08:33 (UTC)    
Mesaj konusu: Açılan Not Defteri

Yazının önce küçük bir kısmını gösterip linke tıklanması ile tüm hepsinin görüntülenmesini sağlayabileceğiniz örnek bir JAVASCRIPT uygulaması.
Çok Değişik yerlerde Kullanabilirsiniz.( örn; Toplist)

Kod:
<script type="text/javascript">
/* This script and many more are available free online at
The JavaScript Source!! http://javascript.internet.com
Created by: Will Bontrager | http://www.willmaster.com/Licensed under: U.S. Copyright
 */

function FlipDisplay(d1,d2) {
  if(document.getElementById(d1).style.display == "none") {
    document.getElementById(d1).style.display = "";
    document.getElementById(d2).style.display = "none";
  } else {
    document.getElementById(d1).style.display = "none";
    document.getElementById(d2).style.display = "";
  }
}
</script>

<style>
.testimonialNormalFlow {
  border:1px #666666 dashed;
  padding:10px;
  width: 180px;
  font: .8em verdana, arial, helvetica, sans-serif;
}

p.testimonial {
  margin:0;
  font-weight:bold;
  background-color:#efefef;
  padding:3px;
  letter-spacing:3px;
  font-size:larger;
  text-align:center;
}

p.collapseTitle {
  margin:0;
  text-align:right;
  font-size: .8em;
  margin-top: -10px;
}
</style>


<!-- Start of testimonial container div -->
<div class="testimonialNormalFlow">
<p class="testimonial">Testimonial</p>

<!-- Start of collapsed content div -->
<div id="testimonialA">
<p>
Loved the script!
</p>
<p class="collapseTitle">
<a href="javascript:FlipDisplay('testimonialA','testimonialB')">[more ...]</a>
</p>
</div>
<!-- End of collapsed content div -->

<!-- Start of expanded content div -->
<div id="testimonialB" style="display:none;">
<p>
Really sweet!</p>
<p>
Cras lectus sociosqu platea diam ac. Eni ve sollicitudin rhoncus, justo pede aliquet, a, lectus urna quam.</p>
<p>
Eu porta mattis id nulla consequat vestibulum conubia dis. Nulla cubilia cras, id lacus eni risus ridiculus leo facilisi.</p>
<p>Laculis<br><a href="http://javascript.internet.com/">JavaScript Source</a></p>
<p class="collapseTitle">
<a href="javascript:FlipDisplay('testimonialA','testimonialB')">[close]</a>
</p>
</div>
<!-- End of expanded content div -->

</div>
<!-- End of testimonial container div -->
[/code]
______________

Mesaj21.01.2009, 09:42 (UTC)    
Mesaj konusu: s.a

Saol Arkadasım
______________
Hacker By Yahya /// Akıllı DurcaktınHacker
Mesaj21.01.2009, 09:43 (UTC)    
Mesaj konusu:

Paylaşımınıx İçin Teşekkürler... Wink
______________
İmzanızı tekrar ayarlamanız lazım. - @cryengine3
Mesaj21.01.2009, 09:53 (UTC)    
Mesaj konusu:

odev-arsivleri yazmış:
Paylaşımınıx İçin Teşekkürler... Wink


Paylaşım İçin Teşekkürleri Cunobag Ustamızın Açtığı Başlıkda yap Wink
______________

Mesaj21.01.2009, 10:03 (UTC)    
Mesaj konusu:

Denedim güzelmiş tşk
Mesaj21.01.2009, 10:04 (UTC)    
Mesaj konusu:

teşekkürler gerçekten güzelmiş
______________
Mesaj25.01.2009, 00:59 (UTC)    
Mesaj konusu: dönüştürürsek

<script type="text/javascript">
/* This script and many more are available free online at
The JavaScript Source!! http://javascript.internet.com
Created by: Will Bontrager | http://www.willmaster.com/Licensed under: U.S. Copyright
*/

function FlipDisplay(d1,d2) {
if(document.getElementById(d1).style.display == "none") {
document.getElementById(d1).style.display = "";
document.getElementById(d2).style.display = "none";
} else {
document.getElementById(d1).style.display = "none";
document.getElementById(d2).style.display = "";
}
}
</script>

<style>
.testimonialNormalFlow {
border:1px #666666 dashed;
padding:10px;
width: 180px;
font: .8em verdana, arial, helvetica, sans-serif;
}

p.testimonial {
margin:0;
font-weight:bold;
background-color:#efefef;
padding:3px;
letter-spacing:3px;
font-size:larger;
text-align:center;
}

p.collapseTitle {
margin:0;
text-align:right;
font-size: .8em;
margin-top: -10px;
}
</style>


<!-- Start of Özetle container div -->
<div class="testimonialNormalFlow">
<p class="testimonial">DUYURULAR</p>

<!-- Start of collapsed content div -->
<div id="testimonialA">
<p>
wwww.osmaner.tr.gg
</p>
<p class="collapseTitle">
<a href="javascript:FlipDisplay('testimonialA','testimonialB')">[devamı ...]</a>
</p>
</div>
<!-- End of collapsed content div -->

<!-- Start of expanded content div -->
<div id="testimonialB" style="display:none;">
<p>
YAZINIZIN KONU BAŞLIĞINI YAZINIZ</p>
<p>
BURAYA NOTUN DEVAMINI YAZIN </p>
<p>
YAZIYA DEVAM EDİN .</p>
<p>YAZININ VARSA EKLERİ <br><a href="http://www.osmaner.tr.gg">www.osmaner.tr.gg</a></p>
<p class="collapseTitle">
<a href="javascript:FlipDisplay('testimonialA','testimonialB')">[Kapat]</a>
</p>
</div>
<!-- End of expanded content div -->

</div>
<!-- End of testimonial container div -->
______________
Mesaj26.01.2009, 08:50 (UTC)    
Mesaj konusu:

Teşekkürler..!! Wink
______________
Aşağıdaki yazı fontunun adı Angilo Tatto'dur. Gelen mesajlara istinaden yazdım Smile
Önceki mesajları göster:   


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