Basit kodlar

Basit kodlar Basit kodlar ( simple codes )

Klasik Kayan Yazılar ☟ KODU

<span style="text-align:left; color:#5d478b; font-size:18px;font-weight:norm;">(left) ⟸ Sağdan ⟸ Sola ⟸ </span> <marquee scrollamount="3" direction="left" bgcolor="4f4f4f" width="99%" height="35"><span style="color:#fff;font-size:24px;font-weight:normal;">   ⟸ S o l a ⟸ Kayıyorum... </span></marquee>  <br />             <br /> <span style="text-align:left; color:#5d478b; font-size:18px;font-weight:norm;"> (right) ⟹ soldan ⟹ sağa ⟹ </span>  <marquee scrollamount="3" direction="right" bgcolor="363636" width="99%" height="35"> <span style="color:#fff;font-size:24px;font-weight:normal;">   ⟹ S a ğ a ⟹ Kayıyorum... </span> </marquee> <br /> <br /> <span style="text-align:left; color:#5d478b; font-size:18px;font-weight:norm;"> (up) ⇧ Aşağıdan ⇧ Yukarıya  </span> <marquee scrollamount="3" direction="up" bgcolor="4f4f4f" width="99%" height="120"><span style="color:#fff;font-size:24px;font-weight:normal;">   ⇧ yukarı ⇧ Kayıyorum... </span></marquee><br />             <br />             <span style="text-align:left;color:#5d478b;font-size:18px;font-weight:norm;">(down) ⇩ yukarıdan ⇩ aşağıya  </span><marquee scrollamount="3" direction="down" bgcolor="363636" width="99%" height="120"><span style="color:#fff;font-size:24px;font-weight:normal;">   ⇩ aşağı ⇩  Kayıyorum... </span></marquee><br />

Klasik Kayan Yazılar ☟ DEMO

Buradaki 4 Ӧğenin sadece direction (left/right/up/down) parametreleri farklı...

(left) ⟸ Sağdan ⟸ Sola ⟸ ⟸ S o l a ⟸ Kayıyorum...

(right) ⟹ soldan ⟹ sağa ⟹ ⟹ S a ğ a ⟹ Kayıyorum...

(up) ⇧ Aşağıdan ⇧ Yukarıya ⇧ yukarı ⇧ Kayıyorum...

(down) ⇩ yukarıdan ⇩ aşağıya ⇩ aşağı ⇩ Kayıyorum...

XXII.I.MMXVIII- WOVENSTORY.

❖✜❖

4 kez Kayıp duran yazı ☟ KODU

4 kez Kayıp duran yazı ☟ DEMO

*scrollamount=? değeri kayma hızı *slide"loop=? değeri kayma sayısı bu *parametreler değişkendir...

4 Kez Kayıp Duracak, durduktan sonra tekrar hareket ettirilemez, sayfa yenilenmesi gerekir. 4 Kez Kayıp Duracağım...

XXII.I.MMXVIII- WOVENSTORY.

❖✜❖

Sağa ↹ Sola Kayan yazı ☟ KODU

Sağa ↹ Sola Kayan yazı ☟ DEMO

Sağa / Sola Kayan Yazı ⇤Sol ⇄ Sağ⇥

XXII.I.MMXVIII- WOVENSTORY.

❖✜❖

Ȕzerine Gelince Duran Yazı ☟ KODU

Ȕzerine Gelince Duran Yazı ☟ DEMO

Ȕzerine Gelince Duran Yazı W O V E N S T O R Y

XXII.I.MMXVIII- WOVENSTORY.

❖✜❖

Alternatif kayan Yazı ☟ KODU

Alternatif kayan Yazı ☟ DEMO

Alternatif Kayan Yazı Welcome ☺
XXII.I.MMXVIII- WOVENSTORY.

❖✜❖

Read more / Read less ☟ KOD

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
<body>
    <div class="row read-more-less" data-id="100">
    </div>
</body>
<style>
.col-sm-4 {
  margin-left: 3%;
  margin-top: 2%;
}
.read-more, .read-less {
  cursor: pointer;
font-size: 13px;color:#708090;
}
</style>
<script>
$(document).ready( function () {
var contentArray=[];
var index="";
var clickedIndex="";  
var minimumLength=$('.read-more-less').attr('data-id');
var initialContentLength=[];
var initialContent=[];  
var readMore="...<span class='read-more'><span class='glyphicon glyphicon-plus-sign'></span>Read More</span>";
var readLess="...<span class='read-less'><span class='glyphicon glyphicon-minus-sign'></span>Read Less <br /></span>";  
  $('.read-toggle').each(function(){
  index = $(this).attr('data-id');  
  contentArray[index] = $(this).html(); initialContentLength[index] = $(this).html().length;
if(initialContentLength[index]>minimumLength) {   initialContent[index]=$(this).html().substr(0,minimumLength);
  }else {  initialContent[index]=$(this).html();
  }    $(this).html(initialContent[index]+readMore);
//console.log(initialContent[0]);  
});
$(document).on('click','.read-more',function(){
    $(this).fadeOut(50, function(){
    clickedIndex = $(this).parents('.read-toggle').attr('data-id');
    $(this).parents('.read-toggle').html(contentArray[clickedIndex]+readLess);  
    });
  });
$(document).on('click','.read-less',function(){
    $(this).fadeOut(50, function(){
    clickedIndex = $(this).parents('.read-toggle').attr('data-id');
    $(this).parents('.read-toggle').html(initialContent[clickedIndex]+readMore);  
    });
  }); 
});
</script> 
    <div class="col-sm-4 thumbnail read-toggle" data-id='0'><p><b> Kupra </b>veya Kupro olarak bilinen Cupramonyum Rayonu, Sel�lozu bakır tuzları ve amonyak ile birleştirerek ��z�n�r bir bileşik haline getirerek elde edilen malzemenin kostik soda i�indeki ��zeltisi bir memeden ge�irilir ve sel�loz, bakır ve amonyağı uzaklaştıran ve kostik sodayı n�tralize eden sertleştirme banyolarında rejenere edilen sel�lozdan yapılan bir suni ipek elyafıdır.</p></div>
 <div class="col-sm-4 thumbnail read-toggle" data-id='1'><p><b> Liyosel,</b> meşe okaliptus ve huş ağacı gibi bitkilerin odun hamuru sel�lozunu bir amin oksit i�inde ��zer; kuru jet-ıslak eğirmeyi i�erir, daha az toksik i�eren ama daha pahalı bir y�ntemdir. American Enka Company tarafından �retilen ticari bir markadır.</p></div>
 <div class="col-sm-4 thumbnail read-toggle" data-id='2'><p><b> Rayon </b> (suni ipek), tipik olarak odun hamurundan oluşturulan saflaştırılmış sel�loz liflerinden yapılmış bir iplik veya kumaşı ifade eder.</p>
<p> Rayon doğal malzemelerden elde edilse de, belirli kimyasallar gerektirir, bu nedenle yarı sentetik bir materyal olarak kabul edilir. <br /> En yaygın Rayon (suni ipek ) t�rlerinden biri, pamukla �ok ortak noktası olan Viskon suni ipektir . Nefes alabilir, nem emicidir ve g�ndelik elbiseler, bluzlar, dış giyim ve atletik giyim i�in pop�ler bir se�imdir. </p> </div>
  <span style="background-color:#eeeed1;width:100%;display:block;text-align:right;color:#778899;font-size:8px;font-weight:normal;">   XIII.IX.MMXXII- <a href="https://wovenstory.tr.gg/"> WOVENSTORY. </a> </span><br />

☟ DEMO

Kupra veya Kupro olarak bilinen Cupramonyum Rayonu, Sel�lozu bakır tuzları ve amonyak ile birleştirerek ��z�n�r bir bileşik haline getirerek elde edilen malzemenin kostik soda i�indeki ��zeltisi bir memeden ge�irilir ve sel�loz, bakır ve amonyağı uzaklaştıran ve kostik sodayı n�tralize eden sertleştirme banyolarında rejenere edilen sel�lozdan yapılan bir suni ipek elyafıdır.

Liyosel, meşe okaliptus ve huş ağacı gibi bitkilerin odun hamuru sel�lozunu bir amin oksit i�inde ��zer; kuru jet-ıslak eğirmeyi i�erir, daha az toksik i�eren ama daha pahalı bir y�ntemdir. American Enka Company tarafından �retilen ticari bir markadır.

Rayon (suni ipek), tipik olarak odun hamurundan oluşturulan saflaştırılmış sel�loz liflerinden yapılmış bir iplik veya kumaşı ifade eder.

Rayon doğal malzemelerden elde edilse de, belirli kimyasallar gerektirir, bu nedenle yarı sentetik bir materyal olarak kabul edilir.
En yaygın Rayon (suni ipek ) t�rlerinden biri, pamukla �ok ortak noktası olan Viskon suni ipektir . Nefes alabilir, nem emicidir ve g�ndelik elbiseler, bluzlar, dış giyim ve atletik giyim i�in pop�ler bir se�imdir.

XIII.IX.MMXXII- WOVENSTORY.

❖✜❖

Kod Yayınlama ☟ KODU

Kod Yayinlama kodu ☟ DEMO

Basit bir metin kutusu için iki <textarea> kod buraya </textarea> tagı arasına metin yada kod yazmak yeterlidir.
Aşağıdaki kutu kenar, zemin, font ve çerçeve büyüklüğü vesaire parametreleri ayarlanabilen bir metin kutusudur ...

XXII.I.MMXVIII- WOVENSTORY.

❖✜❖

Makale Arasina link vermek ☟ KODU

Makale Arasina link vermek ☟ DEMO

Aşağıda kısa metinler arasına link verilmiş iki örnek vardır ;
* wovenstory.tr.gg web sitesindesin Bu site Tekstil bilgileri içermektedir...
** Karde ring iplikleri, denim (blue jean), kord, havlu, spor giysi kumaşlar çarşaflar, döşemelik kumaşlar, ev tekstilleri, teknik kumaşlar gibi kumaşların dokunulmasında kullanılmaktadırlar. Karde ring iplikleri kısaca dokumada üretilen bütün pamuklu kumaşlarda kullanılır...

XXII.I.MMXVIII- WOVENSTORY.

❖✜❖

Resime link vermek ☟ KODU

Resime link vermek ☟ DEMO

Aşağıdaki gif resmi (wovenstory.tr.gg Ana Sayfasına) link verilmiş bir resimdir...

XXII.I.MMXVIII- WOVENSTORY.

❖✜❖

YAZI İÇERİĞİ DEĞİŞTİRİLEBİLEN ÇAPA     <script type="text/javascript" src="https://code.jquery.com/jquery-1.8.3.js">
</script> <style type="text/css"> body { margin:0px; } .backToTop { display: none; width: 60px; line-height: 2.2; padding: 3px 0; background-color: #008080; color: #fff; font-size: 12px; font-family: Century Gothic, sans-serif; text-align: center; border-radius:23px;position: fixed; _position: absolute; right: 145px; bottom: 55px; _bottom: "auto"; cursor: pointer; #opacity: 0.6; #filter: Alpha(opacity=60); text-align: vertical; } </style> <script type="text/javascript">
$(document).ready(function()
{
$("#backToTop").click(function() {
$("html, body").animate({ scrollTop: 0 }, 300); // 300ms sonra sayfanın yukarısına ulaşma.
});
}
);
function backToTopFun(){
var st = $(document).scrollTop(), winh = $(window).height();
if (st > 10){ // Sayfanın tepesinden ka� piksel inildiğinde buton g�z�ks�n?
$("#backToTop").fadeIn();
$("#backToTop").html('<b>Butonda olması istenen yazı buraya </b>'); // Butonda yazılı olacak yazı
}
else {
$("#backToTop").fadeOut();
}
//IE6????
if (!window.XMLHttpRequest) {
$backToTopEle.css("top", st + winh - 166);
}
};
$(window).bind("scroll", function () {
backToTopFun();
});
</script>  <;body><div id="backToTop" class="backToTop"><a href="javascript:void(0)" _fcksavedurl="javascript:void(0)" _></a></div> </body>

İçerik yazısı değiştirilebilen görsel, kod çakışmasından dolayı burada görülemiyor, benzer bir kodun aktif olmadığı bir tarayıcıda bu kod kullanıldığında görülecektir.
XXII.I.MMXVIII- WOVENSTORY.

❖✜❖

UP-ARROW ☟ KODU

back to top code<br /> <br /><br /><br />   back to top code<br />back to top code<br /><br />   back to top code<br /><br />  back to top code<br /><br />   back to top code<br />back to top code<br /><br />   back to top code<br /> <br /> back to top code<br /> <br />  back to top code<br /><br /> back to top code<br />back to top code<br /> <br />  back to top code<br /><br />  back to top code<br /> <br /><br />  back to top code<br /><br />back to top code<br /><br />back to top code<br /><br />back to top code<br /><br />back to top code<br /><br />back to top code<br /><br />back to top code<br /><br /> back to top code<br /><br />back to top code<br /><br />back to top code<br /><br />back to top code<br /><br />back to top code<br /><br />back to top code<br /><br />back to top code<br /><br />back to top code<br /><br />back to top code<br />back to top code<br />back to top code<br />back to top code<br />back to top code<br />back to top code<br />back to top code<br />back to top code<br />back to top code<br />back to top code<br />back to top code<br />back to top code<br />back to top code<br />back to top code<br />back to top code<br />back to top code<br />back to top code<br />back to top code<br />back to top code<br />back to top code<br />   <script src="https://code.jquery.com/jquery-1.11.1.min.js"></script>   <script type="text/javascript">
        $(function () {
$("#top").click(function () {  
      $("html,body").stop().animate({ scrollTop: "0" }, 500);
            });
        });
$(window).scroll(function () { 
            var uzunluk = $(document).scrollTop();
            if (uzunluk > 600) $("#top").fadeIn(500);
else { $("#top").fadeOut(500); }
        });
</script>      <style type="text/css"> #top { bottom: 30px;  display: none; height: 80px; position: fixed;  right: 50px; }   </style>  <body> <div id="top">  <font color="#ff8c00">  <b>  U P </b><br /> <img width="60" height="60" border="5"   src="https://img.webme.com/pic/w/wovenstory/up_arrow-(flashing).gif" _fcksavedurl="https://img.webme.com/pic/w/wovenstory/up_arrow-(flashing).gif" _fcksavedurl="https://img.webme.com/pic/w/wovenstory/up_arrow-(flashing).gif" />      </div> </body>

UP-ARROW ☟ Gӧrseli

XXII.I.MMXVIII- WOVENSTORY.

❖✜❖