Phpbb3 Smf Tarzı Profil Alanı

phpBB 3.0.x sürümleri için uygun olan hazır ya da küçük kod parçalarını bu forumda paylaşabilirsiniz.
Forum kuralları
- Yeni bir başlık açarken lütfen konu başlığına "Acil yardım", "Acele yardım" tarzlarında içerisinde "yardım" kelimesi geçen cümleler yazmayınız. Bu tip başlıklara kesinlikle cevap verilmeyecektir. Lütfen konu başlığına içeriği en iyi özetleyen anlaşılabilir bir cümle yazınız.

- Ayrıca yeni başlıklarınızı kesinlikle ilgili forumlara açınız. Örneğin, phpBB3 kurulum ve çalıştırması hakkında bir sorununuz varsa "3.0.x Destek Forumu" forumuna başlık açınız; phpBB3 temasından kaynaklı bir sorunuz varsa "3.0.x Stil/Tema Geliştirme & Tartışma & Yardım" forumuna başlık açınız; phpBB3 mod/eklentileriyle ilgili sorununuz varsa "3.0.x MOD Destek" forumuna başlık açınız. Bu kurala uymayan kullanıcıların başlıkları silinebilir ve kullanıcı uyarı alabilir ya da süresiz uzaklaştırılabilir.

- Site kurallarımızı okumadan kesinlikle forumlarımıza herhangi bir katılım yapmayınız.
Kilitli
SüKûT
Kayıtlı Kullanıcı
Mesajlar: 525
Kayıt: 17.11.2011, 20:20
İletişim:

Phpbb3 Smf Tarzı Profil Alanı

Mesaj gönderen SüKûT »

Orjinal smf görüntüsü:
[ resmi görüntülemek için tıklayın ]
Ve bizim profilimizin görüntüsü:
[ resmi görüntülemek için tıklayın ]

Gelelim İşlemlere:
Yönetim Kontrol Paneli>Stiller>Şablonlar>Kullandığınız tema (prosilver tabanlı olmalı)>Düzenle>viewtopic_body.html
Tabi isterseniz ftp den de açabilirsiniz bunu direk masa üstünüzden kullanım kolaylığı açısından ben yönetim panelinden açmayı tercih ediyorum.

Sonra ilk olarak stil kodlarımızı ekleyelim:
En başa ekleyebiliriz yada;
Bul:

Kod: Tümünü seç

<!-- IF not postrow.S_IGNORE_POST -->
Hemen üstüne:

Kod: Tümünü seç

<style>
.profil {padding-left: 3px;
padding-right: 2px;
padding-top: 2px;
padding-bottom: 2px;
background: url(http://s14.directupload.net/images/111128/m9tpzsq2.png);
border-top: 1px solid #dadada;
border-right: 1px solid #dadada;
border-left: 1px solid #dadada;
border-bottom: 1px solid #dadada;
margin-bottom: 1px;
}
</style>
Sonra devam edelim nick ve rütbeleri avatarın üstüne alalım;
Bul:

Kod: Tümünü seç

<!-- IF postrow.POSTER_AVATAR -->
					<!-- IF postrow.U_POST_AUTHOR --><a href="{postrow.U_POST_AUTHOR}">{postrow.POSTER_AVATAR}</a><!-- ELSE -->{postrow.POSTER_AVATAR}<!-- ENDIF --><br />
				<!-- ENDIF -->
Hemen alt tarafından:

Kod: Tümünü seç

<!-- IF not postrow.U_POST_AUTHOR --><strong>{postrow.POST_AUTHOR_FULL}</strong><!-- ELSE -->{postrow.POST_AUTHOR_FULL}<!-- ENDIF -->
			</dt>

			<!-- IF postrow.RANK_TITLE or postrow.RANK_IMG --><dd>{postrow.RANK_TITLE}<!-- IF postrow.RANK_TITLE and postrow.RANK_IMG --><br /><!-- ENDIF -->{postrow.RANK_IMG}</dd><!-- ENDIF -->
Bunları kesiyoruz ve <!-- IF postrow.POSTER_AVATAR --> ın hemen üst tarafına yapıştırıyoruz.

Ve şimdi asıl işlemlere başlıyoruz.Sırayla tüm kısımlara stil kodumuzu tamamlamalayız.
Bul:

Kod: Tümünü seç

<!-- IF not postrow.U_POST_AUTHOR --><strong>{postrow.POST_AUTHOR_FULL}</strong><!-- ELSE -->{postrow.POST_AUTHOR_FULL}<!-- ENDIF -->
İle değiştir:

Kod: Tümünü seç

<div class="profil"><!-- IF not postrow.U_POST_AUTHOR --><strong>{postrow.POST_AUTHOR_FULL}</strong><!-- ELSE -->{postrow.POST_AUTHOR_FULL}<!-- ENDIF --></div>
Bul:

Kod: Tümünü seç

<!-- IF postrow.RANK_TITLE or postrow.RANK_IMG --><dd>{postrow.RANK_TITLE}<!-- IF postrow.RANK_TITLE and postrow.RANK_IMG --><br /><!-- ENDIF -->{postrow.RANK_IMG}</dd><!-- ENDIF -->
İle değiştir:

Kod: Tümünü seç

<div class="profil"><!-- IF postrow.RANK_TITLE or postrow.RANK_IMG --><dd>{postrow.RANK_TITLE}<!-- IF postrow.RANK_TITLE and postrow.RANK_IMG --><br /><!-- ENDIF -->{postrow.RANK_IMG}</dd><!-- ENDIF --></div>
aynı işlemi tüm alanlara yapıyoruz avatar mesajlar profil alanları teşekkür modu varsa ona hepsi aşağıya doğru devam ediyor zaten sonra biraz çetrefilli yerlerden birine geldik bu işlem direk olarak pm, e-mail v.s butonlarda kabul görmedi onun için bunları koda uygun hale getirmeliyiz.
Örneğin bul pm_icon:

Kod: Tümünü seç

<!-- IF postrow.U_PM --><li class="pm-icon"><a href="{postrow.U_PM}" title="{L_PRIVATE_MESSAGE}"><span>{L_PRIVATE_MESSAGE}</span></a></li><!-- ENDIF -->
Bununla değiştir:

Kod: Tümünü seç

<!-- IF postrow.U_PM --><a href="{postrow.U_PM}" title="{L_PRIVATE_MESSAGE}"><img src="resim linki gelecek buraya" /></a><!-- ENDIF -->
Yani kısmını kaldırıyoruz (ftp deki resim yolunu):

Kod: Tümünü seç

<li class="pm-icon"><span>{L_PRIVATE_MESSAGE}</span></li>
Şeklinde (kendimiz resim yolu giriyoruz ):

Kod: Tümünü seç

<img src="resim linki gelecek buraya" />
Aynı şekilde e-mail, site, msn ikolarına felan aynı işlemleri uyguluyoruz.

Sonra bunların hemen üst tarafındaki:

Kod: Tümünü seç

<!-- IF not S_IS_BOT -->
		<!-- IF postrow.U_PM or postrow.U_EMAIL or postrow.U_WWW or postrow.U_MSN or postrow.U_ICQ or postrow.U_YIM or postrow.U_AIM or postrow.U_JABBER -->
Kodunun başına ekle:

Kod: Tümünü seç

<div class="profil">
Sonra kapatmak için kodumuzu Bul:

Kod: Tümünü seç

</ul>
			</dd>
		<!-- ENDIF -->
		<!-- ENDIF -->
Hemen bitişine endif'in ekle:

Kod: Tümünü seç

</div>
Şimdi bütün alanlarımızın etrafını stilimiz ile kaplamış olduk bir de hepsini tek stille toplıyalım ve online ofline ikonuna geçelim.
Bul:

Kod: Tümünü seç

<!-- IF not postrow.S_IGNORE_POST -->
			<dl class="postprofile" id="profile{postrow.POST_ID}">
			<dt>
Ve değiştir:

Kod: Tümünü seç

<!-- IF not postrow.S_IGNORE_POST -->
			<dl class="postprofile" id="profile{postrow.POST_ID}">
			<div class="profil"><dt>
Sonra yine bul:

Kod: Tümünü seç

<!-- ENDIF -->
		<!-- ENDIF --></div>

		</dl>
	<!-- ENDIF -->
Ve değiştir:

Kod: Tümünü seç

<!-- ENDIF -->
		<!-- ENDIF --></div>

		</dl></div>
	<!-- ENDIF -->
Ve geldik online/ofline ikonuna ilk olarak;
Bul ve sil:

Kod: Tümünü seç

<!-- IF postrow.S_ONLINE and not postrow.S_IGNORE_POST --> online<!-- ENDIF -->
Sonra nereye eklemek isterseniz oraya yada bendeki gibi olmasını istiyorsanız;
Bul:

Kod: Tümünü seç

<div class="profil"><!-- IF not S_IS_BOT -->
		<!-- IF postrow.U_PM or postrow.U_EMAIL or postrow.U_WWW or postrow.U_MSN or postrow.U_ICQ or postrow.U_YIM or postrow.U_AIM or postrow.U_JABBER -->
Hemen üst tarafına ekle:

Kod: Tümünü seç

<div class="pbit">&nbsp;&nbsp;<font color="black">Durum:</font><!-- IF postrow.S_ONLINE --> <img src="Buraya online resmi" title="Çevrim İçi" /><!-- ELSE --> <img src="burayada ofline resmi" title="Çevrim Dışı" /><!-- ENDIF --></div>
Ve gönder diyoruz işlem tamamlanmış oluyor.Hayırlı uğurlu olsun.Düzenleme tarafımdan yapılmıştır.

Online ve Ofline ikonunu eklemek isteyen arkadaşlarda buradan indirebilirler
online-ofline ikon.rar
(1.46 KiB) 254 kere indirildi
imzanın kural dışıdır, lütfen kurallarımızı okuyarak imzanızı güncelleyiniz. (yönetim)
satcell
Kayıtlı Kullanıcı
Mesajlar: 769
Kayıt: 25.01.2009, 20:42
Konum: samsun

Re: Phpbb3 Smf Tarzı Profil Alanı

Mesaj gönderen satcell »

Paylaştığın bu yöntem internet explorer da sorunlu.
-------------------------------------------------------------------
Prosilver ve Subsilver 2 de avatar altı bigilere border uygulamak için
Prosilver için Prosilver Avatar Altı Bilgilere Border
Subsilver 2 için Subsilver 2 Avatar Altı Bilgilere Border
SüKûT
Kayıtlı Kullanıcı
Mesajlar: 525
Kayıt: 17.11.2011, 20:20
İletişim:

Re: Phpbb3 Smf Tarzı Profil Alanı

Mesaj gönderen SüKûT »

satcell yazdı:Paylaştığın bu yöntem internet explorer da sorunlu.
-------------------------------------------------------------------
Prosilver ve Subsilver 2 de avatar altı bigilere border uygulamak için
Prosilver için Prosilver Avatar Altı Bilgilere Border
Subsilver 2 için Subsilver 2 Avatar Altı Bilgilere Border
uygulayıpta mı gördünüz kaymaları yoksa benim sitemde mi? küçük bi kod kalıntısı varmış bi yerde ondan kayma oluyormuş düzelttim orasını şimdi öyle bi sorun yok ve verdiğiniz linktekileri inceledim cssye eklemeden en başta verdiğim o style kodunu direk class=profil olarak dd tagına da yönlendirebiliriz aynı şekilde ben daha önce dd kullanmamıştım öyle bir işlevi olduğunu bilmiyordum div kullanıyordum onun için div le yaptım burada da...
imzanın kural dışıdır, lütfen kurallarımızı okuyarak imzanızı güncelleyiniz. (yönetim)
satcell
Kayıtlı Kullanıcı
Mesajlar: 769
Kayıt: 25.01.2009, 20:42
Konum: samsun

Re: Phpbb3 Smf Tarzı Profil Alanı

Mesaj gönderen satcell »

senin sitende.sitende aynı durum ie7 ile baktın mı sitene ?
SüKûT
Kayıtlı Kullanıcı
Mesajlar: 525
Kayıt: 17.11.2011, 20:20
İletişim:

Re: Phpbb3 Smf Tarzı Profil Alanı

Mesaj gönderen SüKûT »

satcell yazdı:senin sitende.sitende aynı durum ie7 ile baktın mı sitene ?
7 ile değil 8 ile baktım ben ve şimdi yine baktım bi sorun yok opera ile de baktım bir sorun yok mozillada zaten sorun yok...bilemem ben yaptım paylaşmak istedim yani geçen bi konuda profil alanı nasıl değiştirebiliriz felan yazmışlardı o bakımdan yani sorun olan beğenmeyen yapmaz olur biter...
imzanın kural dışıdır, lütfen kurallarımızı okuyarak imzanızı güncelleyiniz. (yönetim)
satcell
Kayıtlı Kullanıcı
Mesajlar: 769
Kayıt: 25.01.2009, 20:42
Konum: samsun

Re: Phpbb3 Smf Tarzı Profil Alanı

Mesaj gönderen satcell »

ie 7 deki görüntü şöyle
Dosya ekleri
ie7.png
SüKûT
Kayıtlı Kullanıcı
Mesajlar: 525
Kayıt: 17.11.2011, 20:20
İletişim:

Re: Phpbb3 Smf Tarzı Profil Alanı

Mesaj gönderen SüKûT »

ie8 deki görüntü:
ie8.png
operadaki görüntü:
opera.png
mozilladaki görüntü:
mozilla.png
bende böyle o sürümde demekki bazı özellikler eksik html kodlarıyla ilgili...
imzanın kural dışıdır, lütfen kurallarımızı okuyarak imzanızı güncelleyiniz. (yönetim)
satcell
Kayıtlı Kullanıcı
Mesajlar: 769
Kayıt: 25.01.2009, 20:42
Konum: samsun

Re: Phpbb3 Smf Tarzı Profil Alanı

Mesaj gönderen satcell »

ie7 ile uyumlu değil
SüKûT
Kayıtlı Kullanıcı
Mesajlar: 525
Kayıt: 17.11.2011, 20:20
İletişim:

Re: Phpbb3 Smf Tarzı Profil Alanı

Mesaj gönderen SüKûT »

satcell yazdı:ie7 ile uyumlu değil
büyük ihtimal...
imzanın kural dışıdır, lütfen kurallarımızı okuyarak imzanızı güncelleyiniz. (yönetim)
Kilitli

“3.0.x Kod Parçaları” sayfasına dön

Kimler çevrimiçi

Bu forumu görüntüleyen kullanıcılar: Hiç bir kayıtlı kullanıcı yok ve 3 misafir