Konuyu Oyla:
  • Toplam: 1 Oy - Ortalama: 5
  • 1
  • 2
  • 3
  • 4
  • 5
Şunun gibi şeyi nasıl eklerim
#1
Resimdeki gibi giriş yap üye ol kısımlarını nasıl ekliyeceğim forumuma ?www.forumkolik.10tl.net Yardımcı olana +1 Rep vereceğim.

j29n9n1.png
Ara
Cevapla PGM
Teşekkür verenler:
#2
Temanıza girin yeni css ekle diyin sonra :
adını girs.css yapıp aşapıdaki kodu ekle
Kod:
.girs{

position: absolute;
top:45px;
right:175px;
}

sonra yine yeni css ekle adını uyes.css yap aşağıdaki kodları ekle cssye :
Kod:
.uyes{

position: absolute;
top:45px;
right:100px;
}

yine yeni css ekle adını gir.css yap : şu kodları ekle :

Kod:
.loginlink {
background: #A5CA44 url(http://st.10tl.net/tema/protuner/colossalv3/highlight.png) repeat-x 0px -1px;
padding: 4px 8px;
color: white !important;
font-family: arial,tahoma;
font-size: 14px;
border: 1px solid #6B8545;
border-radius: 3px;
box-shadow: inset 0px 0px 1px rgba(255, 255, 255, 0.31);
-webkit-transition:0.3s;
    transition:0.3s;
    -o-transition:0.3s;
    -ms-transition:0.3s;
    -moz-transition:0.3s;
margin-right: 10px;
position: relative;text-shadow: 1px 1px 1px #94A077;}
.loginlink:hover {background-color: #73BEDB;border: 1px solid #26748D;}
}

sorna yine yeni css ekle adını uye.css yapıp şu kodları ekle :
Kod:
.registerlink {
background: #A5CA44 url(http://st.10tl.net/tema/protuner/colossalv3/highlight.png) repeat-x 0px -1px;
padding: 4px 8px;
color: white !important;
font-family: arial,tahoma;
font-size: 14px;
border: 1px solid #6B8545;
border-radius: 3px;
box-shadow: inset 0px 0px 1px rgba(255, 255, 255, 0.31);
-webkit-transition:0.3s;
    transition:0.3s;
    -o-transition:0.3s;
    -ms-transition:0.3s;
    -moz-transition:0.3s;
margin-right: 10px;
position: relative;text-shadow: 1px 1px 1px #94A077;}
.registerlink:hover {background-color: #73BEDB;border: 1px solid #26748D;}

Sonra temanızın şablonlarına girin Headerdan header_welcomeblock_guest var aşağıdaki kodları ekleyin:
Kod:
<div class="girs"><a href="http://siteadreiniz.10tl.net/member.php?action=login" style="text-decoration: none; color: #000000" class="loginlink">Giriş Yap</a></div>
<div class="uyes"><a href="http://siteadresiniz.10tl.net/member.php?action=register" style="text-decoration: none; color: #000000" class="registerlink">Üye Ol</a></div>

koddaki site adresinize kendi sitenizi yazın.
Ara
Cevapla PGM
Teşekkür verenler:
#3
(25-01-2014 Saat: 15:41)ForumGlobal Nickli Kullanıcıdan Alıntı: Temanıza girin yeni css ekle diyin sonra :
adını girs.css yapıp aşapıdaki kodu ekle
Kod:
.girs{

position: absolute;
top:45px;
right:175px;
}

sonra yine yeni css ekle adını uyes.css yap aşağıdaki kodları ekle cssye :
Kod:
.uyes{

position: absolute;
top:45px;
right:100px;
}

yine yeni css ekle adını gir.css yap : şu kodları ekle :

Kod:
.loginlink {
background: #A5CA44 url(http://st.10tl.net/tema/protuner/colossalv3/highlight.png) repeat-x 0px -1px;
padding: 4px 8px;
color: white !important;
font-family: arial,tahoma;
font-size: 14px;
border: 1px solid #6B8545;
border-radius: 3px;
box-shadow: inset 0px 0px 1px rgba(255, 255, 255, 0.31);
-webkit-transition:0.3s;
    transition:0.3s;
    -o-transition:0.3s;
    -ms-transition:0.3s;
    -moz-transition:0.3s;
margin-right: 10px;
position: relative;text-shadow: 1px 1px 1px #94A077;}
.loginlink:hover {background-color: #73BEDB;border: 1px solid #26748D;}
}

sorna yine yeni css ekle adını uye.css yapıp şu kodları ekle :
Kod:
.registerlink {
background: #A5CA44 url(http://st.10tl.net/tema/protuner/colossalv3/highlight.png) repeat-x 0px -1px;
padding: 4px 8px;
color: white !important;
font-family: arial,tahoma;
font-size: 14px;
border: 1px solid #6B8545;
border-radius: 3px;
box-shadow: inset 0px 0px 1px rgba(255, 255, 255, 0.31);
-webkit-transition:0.3s;
    transition:0.3s;
    -o-transition:0.3s;
    -ms-transition:0.3s;
    -moz-transition:0.3s;
margin-right: 10px;
position: relative;text-shadow: 1px 1px 1px #94A077;}
.registerlink:hover {background-color: #73BEDB;border: 1px solid #26748D;}

Sonra temanızın şablonlarına girin Headerdan header_welcomeblock_guest var aşağıdaki kodları ekleyin:
Kod:
<div class="girs"><a href="http://siteadreiniz.10tl.net/member.php?action=login" style="text-decoration: none; color: #000000" class="loginlink">Giriş Yap</a></div>
<div class="uyes"><a href="http://siteadresiniz.10tl.net/member.php?action=register" style="text-decoration: none; color: #000000" class="registerlink">Üye Ol</a></div>

koddaki site adresinize kendi sitenizi yazın.

Ellerine sağlık. Olduda üye ol biraz dışarı taştı ?
Ara
Cevapla PGM
Teşekkür verenler:
#4
uyes.css den right:100px; 100ü değiştirrek yerini dğeiştirebilirsin.
Ara
Cevapla PGM
Teşekkür verenler:
#5
(25-01-2014 Saat: 16:04)ForumGlobal Nickli Kullanıcıdan Alıntı: uyes.css den right:100px; 100ü değiştirrek yerini dğeiştirebilirsin.

Teşekkürler +1 rep
Ara
Cevapla PGM
Teşekkür verenler:


Hızlı Menü:


Şu anda bu konuyu okuyanlar: 4 Ziyaretçi


Online Shopping App
Online Shopping - E-Commerce Platform
Online Shopping - E-Commerce Platform
Feinunze Schmuck Jewelery Online Shopping