Merhaba arkadaşlar.
Sitenin en üstüne tıklayınca açılan ve yine tıklayınca kapanan bir yazı alanı eklemek istiyorum.
Örnek verecek olursak: http://www.bilisimlife.net burada yukarıdaki duyuru paneli gibi.
Bunu nasıl yaparım?
Teşekkürler.
Açılıp kapanan duyuru panelini nasıl yaparım? |
19 Mesajlar | 4.478 Okunma | ||
- Üyelik 20.05.2011
- Yaş/Cinsiyet 30 / E
- Meslek -
- Konum Aydın
- Ad Soyad A** U**
- Mesajlar 6139
- Beğeniler 2442 / 2410
- Ticaret 12, (%100)
- Üyelik 03.12.2010
- Yaş/Cinsiyet 27 / E
- Meslek Öğrenci-Blog Yazarlığı...
- Konum
- Ad Soyad Ç** K**
- Mesajlar 1194
- Beğeniler 126 / 122
- Ticaret 5, (%100)
Jquery kullanarak yapabilirsin. Ama biraz zordur. Yada parayla yaptırabilirsin.
- Üyelik 26.11.2010
- Yaş/Cinsiyet 28 / E
- Meslek Yazılım
- Konum İstanbul Avrupa
- Ad Soyad A** Ö**
- Mesajlar 1217
- Beğeniler 99 / 125
- Ticaret 3, (%100)
Duyuru resminin üstüne gelince açılmasını css'le yapabilirsin.
- Üyelik 20.05.2011
- Yaş/Cinsiyet 30 / E
- Meslek -
- Konum Aydın
- Ad Soyad A** U**
- Mesajlar 6139
- Beğeniler 2442 / 2410
- Ticaret 12, (%100)
Teşekkürler öncelikle hepinize :)
CSS ile nasıl yapabilirim? Yardımcı olursanız, çok makbule geçer valla :) Ya da paylaşılmışı var mı?
Duyuru resminin üstüne gelince açılmasını css'le yapabilirsin.
CSS ile nasıl yapabilirim? Yardımcı olursanız, çok makbule geçer valla :) Ya da paylaşılmışı var mı?
- Üyelik 26.11.2010
- Yaş/Cinsiyet 28 / E
- Meslek Yazılım
- Konum İstanbul Avrupa
- Ad Soyad A** Ö**
- Mesajlar 1217
- Beğeniler 99 / 125
- Ticaret 3, (%100)
Teşekkürler öncelikle hepinize :)
CSS ile nasıl yapabilirim? Yardımcı olursanız, çok makbule geçer valla :) Ya da paylaşılmışı var mı?
CSS ile nasıl yapabilirim? Yardımcı olursanız, çok makbule geçer valla :) Ya da paylaşılmışı var mı?
Aslında basit bir olay.Açılır bir menü nasıl yapılıyorsa öyle yapılabilir şuan zamanım kısıtlı malesef :S
- Üyelik 12.06.2011
- Yaş/Cinsiyet 27 / E
- Meslek .
- Konum Tekirdağ
- Ad Soyad ** **
- Mesajlar 600
- Beğeniler 32 / 39
- Ticaret 0, (%0)
duyuru adında bir div yaparsın, style'ını display:none yaparsın sonra bunu JQuery slide up ile açarsın kolay aslında.
- Üyelik 20.05.2011
- Yaş/Cinsiyet 30 / E
- Meslek -
- Konum Aydın
- Ad Soyad A** U**
- Mesajlar 6139
- Beğeniler 2442 / 2410
- Ticaret 12, (%100)
ya gir kaynak 'dan cal ne uğraşıyon :D
Edit: paylaşılan birşeyse alabiliriz. Ama onlara özelse ayıp olur.
@Adil, yinede teşekkür ederim :)
@ByCookie teşekkürler, bi araştırayım :)
- Üyelik 03.12.2010
- Yaş/Cinsiyet 27 / E
- Meslek Öğrenci-Blog Yazarlığı...
- Konum
- Ad Soyad Ç** K**
- Mesajlar 1194
- Beğeniler 126 / 122
- Ticaret 5, (%100)
Hocam istersen skype'a gel yardımcı olayım :)
- Üyelik 12.06.2011
- Yaş/Cinsiyet 27 / E
- Meslek .
- Konum Tekirdağ
- Ad Soyad ** **
- Mesajlar 600
- Beğeniler 32 / 39
- Ticaret 0, (%0)
boş boş takılırken yazayım dedim :D
div'i kafana göre şekillendirirsin.
div'i kafana göre şekillendirirsin.
<script>
function duyuruac() {
if ($("#duyuru").is(":hidden")) {
$("#duyuru").slideDown("slow");
} else {
$("#duyuru").slideUp("slow");;
}
}
</script>
Skype kullanmıyorum maalesef :o
Neyse bi bakayım tekrar geri dönüş yaparım :) Biraz araştırayım. ![Skype kullanmıyorum maalesef :o Neyse bi bakayım tekrar geri dönüş yaparım :) Biraz araştırayım.](</div>
<div class="bottomInfo">
<div class="left">
<a href="#" class="btn2 btn-sm like-unlike "><span class="icon"><i class="icon-like"></i></span></a>
<div class="show-likers new-liker">
<div> </div>
<p> </p>
</div>
</div>
<div class="right post-action-buttons">
<a href="#" class="btn2 btn-sm share-post">
<span class="icon"><span class="post-action-text">Paylaş</span> <i class="icon-share-fill"></i></span>
</a>
</div>
</div>
</div>
</div>
<div style="margin-bottom: 1rem" class="content post-card" id="post33637" data-id="33637" data-userid="711">
<div class="top">
<p>
<i class="icon-calendar"></i>
<time datetime="2011-07-12 19:31:30">12.07.2011 19:31</time>
</p>
<div class="hashtag postIndex">
<a href="https://wmaraci.com/forum/mesaj/33637.html" class="htp_a">
<i class="icon-hashtag"></i>#10
</a>
</div>
<div class="warning">
<a href="#" class="icon-warning report-post"></a>
</div>
</div>
<div class="subjectDetail">
<div class="userInfoBox">
<div>
<div class="dot dot-gray"></div>
<a href="/atakan" class="name" >
<img src="/assets/img/load.svg" data-src="/assets/img/avatar.jpg" alt="Atakan" />
<span style="font-weight:bold;color: #0382ff">Atakan</span>
</a>
<span>Emekli.</span>
<b class="rank"><i class="icon-wm"></i>Kullanıcı</b>
<b class="btn2 btn-sm user-action-btn start-popup-conversation" data-userid="711" data-username="Atakan" data-avatar="/assets/img/avatar.jpg"><a href="#" class="icon-pm2"></a></b>
</div>
<ul>
<li>
<span><i class="icon-calendar"></i>Üyelik</span>
<strong>20.05.2011</strong>
</li>
<li>
<span><i class="icon-birthday-cake"></i>Yaş/Cinsiyet</span>
<strong>30 / E</strong>
</li>
<li>
<span><i class="icon-briefcase"></i>Meslek</span>
<strong>-</strong>
</li>
<li>
<span><i class="icon-placeholder"></i>Konum</span>
<strong>Aydın</strong>
</li>
</ul>
<ul>
<li>
<span><i class="icon-account"></i>Ad Soyad</span>
<strong>A** U**</strong>
</li>
<li>
<span><i class="icon-chat"></i>Mesajlar</span>
<strong>6139</strong>
</li>
<li>
<span><i class="icon-like"></i>Beğeniler</span>
<strong>2442 / 2410</strong>
</li>
<li>
<span><i class="icon-trading"></i>Ticaret</span>
<strong class="green">12, (%100)</strong>
</li>
</ul>
</div>
<div class="c post-content"><div class="quote" data-postid="33633" contenteditable="false"><p><a href="/forum/mesaj/33633.html?git=1" target="_blank"><strong>occipital</strong> adlı üyeden alıntı</a></p>Hocam istersen skype){kind=link}
Konuyu toplam 1 kişi okuyor. (0 kullanıcı ve 1 misafir)