Arkadaşlar Lütfen Şu Html, Css, Js Birleştirmeyi Öğretin :)

28-03-2016, 12:41:55

Merhaba Arkadaşlar..
bir türlü html, css, js kodlarını tek sayfada birleştirmeyi öğrenemedim.. html ve css i tam olarak ekliyorum ama js de hata alıyorum.
Örneğin aşağıda yer alan linkte herşey tamam ama "read more" tıkladığımda açılmıyor... lütfen yardımcı olun

http://codepen.io/smutek/pen/elIjg

28-03-2016, 12:55:39

#2

ercan

Ben tıkladığımda açılıyor hocam?

28-03-2016, 12:57:45

#3

arsdesign

TheWebmaster adlı üyeden alıntı: mesajı görüntüle

Ben tıkladığımda açılıyor hocam?

hocam dreamweaver da birleştirdiğimde olmuyor.. yardımcı olabilir misin?

28-03-2016, 13:58:46

#4

StyleWaR

arsdesign adlı üyeden alıntı: mesajı görüntüle

hocam dreamweaver da birleştirdiğimde olmuyor.. yardımcı olabilir misin?

Tek sayfa da bütün kodları birleştirmek istiyorsanız,

CSS Kodlarını <style></style> ile,
JS kodlarını <script></script> ile birleştirebilirsiniz.

Umarım soruyu anlamıșımdır. Mobilim.

28-03-2016, 16:05:27

#5

ercan

JS kodlarını anasayfada çağırdınız mı?

10-04-2016, 23:00:05

#6

wbara20

<!DOCTYPE html><html class=''>
<head><script src='//assets.codepen.io/assets/editor/live/console_runner-ba402f0a8d1d2ce5a72889b81a71a979.js'></script><script src='//assets.codepen.io/assets/editor/live/events_runner-902c66a0175801ad4cdf661b3208a97b.js'></script><script src='//assets.codepen.io/assets/editor/live/css_live_reload_init-bad5f8d322020126e7b4287d497c7efe.js'></script><meta charset='UTF-8'><meta name="robots" content="noindex"><link rel="canonical" href="http://codepen.io/smutek/pen/elIjg" />


<style class="cp-pen-styles">body {margin-top: 28px;}

.hide-container {margin-bottom: 28px;}

.btn {
  background: orange;
  color: #fff;
  padding: 4px 12px;
  text-align: center;
  font-family: sans-serif;
  letter-spacing: .125em;
  border-radius: 3px;
  cursor: pointer;
}

p {color: #222;}

.hide-this {display:none;}</style></head><body>
<div class="hide-container">
      <p>Aliquam aliquet, est a ullamcorper condimentum, tellus nulla fringilla elit, a iaculis nulla turpis sed wisi. Fusce volutpat. Etiam sodales ante id nunc. Proin ornare dignissim lacus. Nunc porttitor nunc a sem. Sed sollicitudin velit eu magna. Aliquam erat volutpat. Vivamus ornare est non wisi. Proin vel quam. Vivamus egestas. Nunc tempor diam vehicula mauris. Nullam sapien eros, facilisis vel, eleifend non, auctor dapibus, pede.</p>
<a class="toggle btn">Read More</a>
<div class="hide-this">
    <p>Aliquam aliquet, est a ullamcorper condimentum, tellus nulla fringilla elit, a iaculis nulla turpis sed wisi. Fusce volutpat. Etiam sodales ante id nunc. Proin ornare dignissim lacus. Nunc porttitor nunc a sem. Sed sollicitudin velit eu magna. Aliquam erat volutpat. Vivamus ornare est non wisi. Proin vel quam. Vivamus egestas. Nunc tempor diam vehicula mauris. Nullam sapien eros, facilisis vel, eleifend non, auctor dapibus, pede.</p>
    <p>Aliquam aliquet, est a ullamcorper condimentum, tellus nulla fringilla elit, a iaculis nulla turpis sed wisi. Fusce volutpat. Etiam sodales ante id nunc. Proin ornare dignissim lacus. Nunc porttitor nunc a sem. Sed sollicitudin velit eu magna. Aliquam erat volutpat. Vivamus ornare est non wisi. Proin vel quam. Vivamus egestas. Nunc tempor diam vehicula mauris. Nullam sapien eros, facilisis vel, eleifend non, auctor dapibus, pede.</p>
  
  <a class="toggle btn">Hide</a>
  
</div>
</div>

<hr>
  
<div class="hide-container">
      <p>Aliquam aliquet, est a ullamcorper condimentum, tellus nulla fringilla elit, a iaculis nulla turpis sed wisi. Fusce volutpat. Etiam sodales ante id nunc. Proin ornare dignissim lacus. Nunc porttitor nunc a sem. Sed sollicitudin velit eu magna. Aliquam erat volutpat. Vivamus ornare est non wisi. Proin vel quam. Vivamus egestas. Nunc tempor diam vehicula mauris. Nullam sapien eros, facilisis vel, eleifend non, auctor dapibus, pede.</p>

  <a class="toggle btn">Read More</a>

  <div class="hide-this">
    <p>Aliquam aliquet, est a ullamcorper condimentum, tellus nulla fringilla elit, a iaculis nulla turpis sed wisi. Fusce volutpat. Etiam sodales ante id nunc. Proin ornare dignissim lacus. Nunc porttitor nunc a sem. Sed sollicitudin velit eu magna. Aliquam erat volutpat. Vivamus ornare est non wisi. Proin vel quam. Vivamus egestas. Nunc tempor diam vehicula mauris. Nullam sapien eros, facilisis vel, eleifend non, auctor dapibus, pede.</p>
    <p>Aliquam aliquet, est a ullamcorper condimentum, tellus nulla fringilla elit, a iaculis nulla turpis sed wisi. Fusce volutpat. Etiam sodales ante id nunc. Proin ornare dignissim lacus. Nunc porttitor nunc a sem. Sed sollicitudin velit eu magna. Aliquam erat volutpat. Vivamus ornare est non wisi. Proin vel quam. Vivamus egestas. Nunc tempor diam vehicula mauris. Nullam sapien eros, facilisis vel, eleifend non, auctor dapibus, pede.</p>
  <a class="toggle btn">Hide</a>
</div>
</div>

<script src='//assets.codepen.io/assets/common/stopExecutionOnTimeout.js?t=1'></script><script src='//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
<script>$('.toggle').click(function () {
    $(this).closest('.hide-container').find('.hide-this').toggle('slow');
});
//# sourceURL=pen.js
</script>
</body></html>

10-04-2016, 23:09:58

#7

Bay_Keskin