» » » » Custom Comments için Farklı Görünümler

Custom Comments için Farklı Görünümler

MaRZoCHi
MaRZoCHi Kurucu 12-01-2015, 09:52
Custom Comments modülü için farklı görünümler buradan verilecektir. Siz de yaptığınız düzenlemeleri bize aşağıdaki gibi CSS ve TPL olarak gönderebilirsiniz.

Tip 2 ( MaRZoCHi )
Custom Comments için Farklı Görünümler
CSS
.last-comment { margin: 0; padding: 3px 1px; list-style: none; border-bottom: 1px solid #CBDFE8; transition: .4s; }
.last-comment:hover > .info .comm-full { display: inline-block; position: absolute; left: 372px; width: 320px; height: auto; margin-top: -70px; z-index: 555; background: #fff; padding: 5px; border: 1px solid #CBDFE8; cursor: default; border-top-right-radius: 5px; border-bottom-right-radius: 5px; }
.last-comment:hover { background: #f3f3f3; transition: .4s; }
.last-comment span { margin-left: 5px; }
.last-comment span span { margin-left: 0px; }
.last-comment .info { float: right; width: 168px; margin-right: 2px; }
.last-comment .info a { color: #0261AE; }
.last-comment .info .comm-full { display: none; transition: 0.4s; font-size: 12px; }
.last-comment .info .comm-full:hover { transform: scale(1.1,1.1); transition: 0.4s; border-radius: 5px; }
.last-comment .foto { float: left; width: 80px; text-align: center; margin-right: 10px; border-right: 1px solid #ccc; display: inline-block; }
.last-comment .foto img { width: 50px; border-radius: 25px; border: 2px solid #ccc; }
.last-comment .foto span { font-size: 11px; }
.last-comment .info i { color: #666; float: right; margin-right: 5px; }


TPL
<li class="last-comment">
	<span>{author-colored}</span>
	<div class="info">
		<a href="{news-link}">{news-title limit="25"}</a><br />
		<div class="comm-full">
			<div class="foto">
				<p><a href="{author-url}">{author-colored}</a></p>
				<img src="{author-foto}" alt="" />
				[registered]<br /><span>{author-news}/{author-comm}</span>[/registered]
			</div>
			<div class="text">
				{text}
			</div>
		</div>
		<i>{date}</i>
	</div>
	<div style="clear:both"></div>
</li>


Tip 3 ( MaRZoCHi )
Custom Comments için Farklı Görünümler
TPL
<li class="last-comment">
	<div class="foto">
		<img src="{author-foto}" alt="" />
	</div>
	<div class="info">
		<p><span>{author-colored}</span> - {date=d.m.Y H:i}</p>
		<p><a href="{news-link}">{news-title limit="25"}</a></p>
	</div>
	<div class="text">{text}</div>
	<div style="clear:both"></div>
</li>

CSS
.last-comment { margin: 0; padding: 3px 1px; list-style: none; border-bottom: 1px solid #CBDFE8; transition: .4s; cursor: default; }
.last-comment:hover > .text { display: inline-block; position: absolute; left: 372px; width: 320px; height: auto; margin-top: -4px; z-index: 999; background: #fefefe; padding: 5px; border: 1px solid #CBDFE8; cursor: default; border-top-right-radius: 5px; border-bottom-right-radius: 5px; }
.last-comment:hover { background: #f7f7f7; transition: .4s; }
.last-comment .text { display: none; }
.last-comment .foto { float: left; margin: 2px; }
.last-comment .foto img { width: 40px; border-radius: 5px; }
.last-comment .info { float: right; width: 206px; margin: 2px; }
.last-comment .info p { margin: 2px; }
Çözüldü İşleme Alındı Bekliyor Çözülemedi
Bilgilendirme
Yorum Ekleyebilmeniz için Sitemize Kayıt Olmanız Gerekmektedir.
0
agitsonkurt63 23 Eylül 2018 13:36
Alıntı: MaRZoCHi
@agitsonkurt63⁠ şöyle bir durum var. DLE'nin kendisine aynı isimle bu modül eklendi. Fakat taglar farklı. Bu nedenle dle'ye uygun tagları kullanmak gerekli. Buradaki kodlar benim yaptığım modüle uygun.

hocam tam olarak anlamadım çekeçeğim verilerin taglarınımı yoksa css taglarınımı çekmem gerekiyor css de bi problem yok gibi ama
3 779
MaRZoCHi 23 Eylül 2018 12:52
@agitsonkurt63⁠ şöyle bir durum var. DLE'nin kendisine aynı isimle bu modül eklendi. Fakat taglar farklı. Bu nedenle dle'ye uygun tagları kullanmak gerekli. Buradaki kodlar benim yaptığım modüle uygun.

--------------------
0
agitsonkurt63 23 Eylül 2018 12:39
hocam siteme ekledim ama sitemde böyle gözüküyor
3 779
MaRZoCHi 26 Mart 2017 15:16
@onurkaplan2, temayla herhangi bir ilgisi yok. Kullandığınız modül ile burada benim verdiğim farklı.
.tpl dosyasındaki tagları değiştirmeniz gerekli veya aynı stili manuel olarak kullandığınıza uygulamanız gerekli.

DLE'nin comments modülündeki taglar için örneker: ( Default temadan alınmıştır... Default/modules/lastcomments.tpl )
<li>
	<a href="{news-link}" title="{news-title}">
		<svg class="icon icon-coms"><use xlink:href="#icon-coms"></use></svg>
		<span>{comment limit="100"}</span>
		<b>{login}</b>
	</a>
</li>

{news-title} ve {news-link} aynı fakat {author-colored} yerine {login} kullanmak gerekli gibi...

--------------------
0
onurkaplan2 26 Mart 2017 13:24
@MaRZoCHi, bu dle konusunda acemiyim tema yeni yeni yapmaya başladım sizden ricam tam olarak ne yapmam lazım yardımcı olma şansınız var mı ?

site içerisinde yetki verebilirim dilerseniz
3 779
MaRZoCHi 25 Mart 2017 22:58
@onurkaplan2, muhtemelen sitedeki custom comments modülü yerine DLE ile gelen aynı özellik için deniyorsunuz. İkisi farklı yapıdalar. Tagları muadilleri ile değiştirmeniz gerekli. Default temadakinden bakabilirsiniz.

--------------------
0
onurkaplan2 25 Mart 2017 22:15
@MaRZoCHi, hocam hayırlı akşamlar

Tip 2 deniyorum ama aşağıdaki gibi görünüyor neden olabilir sizce ?

0
majidoff 29 Ocak 2016 21:44
@MaRZoCHi, saolun yinede. Teşekkürler.
3 779
MaRZoCHi 29 Ocak 2016 21:22
Bilgiye gerek yok zaten iki tane width değeri var.
Örnek width: 206px; bunu arttırın / azaltın farka göre size uygun değeri bulun.

--------------------
0
majidoff 29 Ocak 2016 21:20
@MaRZoCHi, hocam css bilgim olmadığından siz lazım olan değerleri söylerseniz eğer memnun olurum.
3 779
MaRZoCHi 29 Ocak 2016 16:12
@majidoff, css deki width değerleri oynama yaparak deneyin.

--------------------
0
majidoff 29 Ocak 2016 15:46
@MaRZoCHi,merhaba hocam ben tip 3 olarak ayarladım modülü ama css-de kayma oluyor altdaki resimdeki gibi bir ilgilensen...
screenshotscreenshot

site adresi budur
0
CepTiM 17 Eylül 2015 03:12
nick imi görmek beni mutlu etti :D
0
Seyfulllah 17 Şubat 2015 17:19
@MaRZoCHi, güzel çözüm
3 779
MaRZoCHi 17 Şubat 2015 11:21
@Seyfulllah, bence olmuyorsa fazla zorlamayın.

--------------------
0
Seyfulllah 17 Şubat 2015 10:28
@MaRZoCHi, githubdaki dosyayı indirdim denedim. sorun aynı.
daha sonra 288.satır ı şuan github daki cutom_comment dosyasında arattım yoktu .
ben de 288. satırı aşağıda verdiğin satır ile değiştirdim denedim.
AMA bu defa da hiç çalışmadı. yani main.tpl de eklediğim konumda aşağıdaki kod çıkıyo. üzerinde fare ile gelincede bi alttaki kod açılıyo.


{author-colored} - {date=d.m.Y H:i}

{news-title limit="25"}
 


{text} 


288. satırı değiştirmeden önce sadece profil resmini çekmiyordu.

@MaRZoCHi,
kullandığım sistem 10.4 sizin yayınladığınız.
kullandığım tema aşağıda linkte indirebilrsiniz.
Temadan kaynaklı yada 10.4 sürümden aynaklı olabilir. noavatar resmi dleimages klasorunde. acaba bu yuzden olabilir mi ? tema yı indirip deneyilirsiniz.
TEMA DOSYASI
3 779
MaRZoCHi 16 Şubat 2015 22:31
@Seyfulllah, github da bu durum için güncelleme yaptım. Denediniz mi?
Burada 288.satır

--------------------
0
Seyfulllah 16 Şubat 2015 21:30
sorun hala devam ediyor.
yukardaki örnekleri denedim. uye resmi var iken fotograf gösteriliyor.
fakat uye profil resmi yuklememiş ise temadaki noavatar resmi görülesi grekirken gösterilmiyor.kendiniz de avatar yuklemeden yukardaki kodları deneyerek görebilirsiniz
deneme bonusu veren siteler