» » » » Technews Temasında Login Alanı Düzenlemesi

Technews Temasında Login Alanı Düzenlemesi

aslanhack
aslanhack Üye 28-06-2016, 09:46
Merhabalar, ben geçenlerde Dle.net.tr den TECHNEWS temasını satın aldım.Temada bazı değişiklikler yapmam söz konusu ama bir türlü yapamadım. Login alanını aşağı resimde ki gibi düzenlemek istiyorum.
Technews Temasında Login Alanı Düzenlemesi


Temada ki login.tpl dosyasında bazı değişiklikler yapara bir şekilde ayarlamaya çalıştım ama bir türlü istediğim gibi olmadı. Şuan yapabildiğim en iyi şekil aşağıdaki gibi,
Technews Temasında Login Alanı Düzenlemesi


Login.tpl dosyasının içeriği.
[not-group=5]
<div class="header-cart">
<ul class="sf-menu">
<li>
<a><i class="fa fa-user" />[/i]<span class="amount">Kullanıcı Paneli</span></a>
<ul>
<li class="desc">Kullanıcı Paneli</li>
<li class="clearfix">
<a>[img=|Product Name]{foto}[/img]</a>
<a href="#" class="product-title">{login}</a>
<span class="quantity"><a href="{profile-link}">Profilim</a></span>
<span class="quantity"><a href="{pm-link}">Mesajlarım ({new-pm})</a></span>
<span class="quantity"><a href="{favorites-link}">Favorilerim ({favorite-count})</a></span>
</li>
 [admin-link]   <button class="login_pane__admin">Admin Paneli</button>[/admin-link]
<li class="clearfix">
<p><button class="add_to_cart_button">Makale Ekle</button>
<button class="button">Çıkış yap</button></p>
</li>
</ul>
</li>
</ul>
</div>
[/not-group]
[group=5]
<div class="header-cart">
<ul class="sf-menu">
<li>
<a><i class="fa fa-user" />[/i]<span class="amount">Giriş Formu</span></a>
<ul>
<li class="desc">Siteye Giriş Formu</li>
<li class="clearfix">
<form method="post">
<input name="login" type="hidden" id="login" value="submit" />
<center><input class="field" type="text" name="login_name" value="{login-method}" /></center>
<div style="padding:5px"></div>
<center><input class="field" type="password" name="login_password" value="Şifre" /></center>
<div style="padding:5px"></div>
<button class="button" name="image" type="submit" alt="Login">Giriş</button>
</form>
</li>

<li class="clearfix">
<p><button class="add_to_cart_button">Şifremi unuttum</button>
<button class="button">Kayıt ol</button></p>
</li>
</ul>
</li>
</ul>
</div>
[/group]


Konu ile ilgili yardımlarınızı bekliyorum. Şimdiden Teşekkür ederim.

URL:http://www.haritaci.web.tr

Çözüldü İşleme Alındı Bekliyor Çözülemedi
Bilgilendirme
Yorum Ekleyebilmeniz için Sitemize Kayıt Olmanız Gerekmektedir.
42
aslanhack 28 Haziran 2016 11:53
@MaRZoCHi, Merhmet bey teşekkür ediyorum. Düzeldi
0
3 753
MaRZoCHi 28 Haziran 2016 11:08
Görünüm olarak: screencloud.net
login.tpl'nin [group=5] ile başlayan kısmı.. Yani ziyaretçilere görünen kısmı sadece.
[group=5]
<div class="header-cart">
	<ul class="sf-menu">
		<li>
			<a><i class="fa fa-user" /><span class="amount">Giriş Formu</span></a>
			<ul>
				<li class="desc">Siteye Giriş Formu</li>
				<li class="clearfix login-form">
					<form method="post">
						<input name="login" type="hidden" id="login" value="submit" />
						<center><input class="field" type="text" name="login_name" value="{login-method}" /></center>
						<div style="padding:5px"></div>
						<center><input class="field" type="password" name="login_password" value="Şifre" /></center>
						<div style="padding:5px"></div>
						<button class="button" name="image" type="submit" alt="Login">Giriş</button>
					</form>
				</li>
				<li class="clearfix">
					<p><button class="add_to_cart_button">Şifremi unuttum</button>
					<button class="button">Kayıt ol</button></p>
				</li>
				<li class="clearfix social-login">
					<p>Sosyal Ağlarla Giriş</p>
					<a class="fb_login" href="#" target="_blank">Facebook ile Giriş</a>
					<br />
					<a class="vk_login" href="#" target="_blank">VK ile Giriş</a>
					<br />
					<a class="gl_login" href="#" target="_blank">Google+ ile Giriş</a>
				</li>
			</ul>
		</li>
	</ul>
</div>
[/group]

CSS
span.amount:hover { cursor: pointer; }
.login-form { }
.login-form > form > center > input { width: 100%; padding: 1px 5px; }
.social-login {}
.social-login > p { line-height: 20px; margin-bottom: 5px; }
.social-login > a.fb_login, .social-login > a.vk_login, .social-login > a.gl_login { padding: 8px 5px !important; line-height: 20px !important; display: block !important; }
.social-login > a:hover { color: #EEE !important; }
.social-login > a.fb_login { background: #4268CA; color: #fff; }
.social-login > a.vk_login { background: #507299; color: #fff; }
.social-login > a.gl_login { background: #DE553A; color: #fff; }

Butonların başına ikon ekleyebilirsin. URL kısımlarını da login url leri ile değiştirmek gerekli.

--------------------
0
İSTATİSTİKLER