Konu: Sosyal giriş butonları yardım  (Okunma sayısı 1145 defa)

0 Üye ve 1 Ziyaretçi konuyu incelemekte.


08 Mart 2014, 15:43
Yanıtla #1
  • *
    • İleti: 264
    • Karma: 14
    • smf destek
    • Profili Görüntüle

profildeki social butonları diyorsanız http://custom.simplemachines.org/mods/index.php?mod=3304 şu modu kurun
fotterdakini diyorsanız onuda paylaşırım


08 Mart 2014, 15:50
Yanıtla #2
  • *
    • İleti: 29
    • Karma: 0
    • Profili Görüntüle

profildeki social butonları diyorsanız http://custom.simplemachines.org/mods/index.php?mod=3304 şu modu kurun
fotterdakini diyorsanız onuda paylaşırım


Hocam desteğin için teşekkür ederim, fotodaki butonları diyorum, sizin butonlar bir ara yukarıda logo kısmındaydı bende aynı yere logo kısmına koymak istiyorum yardımcı olursanız çok sevinirim.



08 Mart 2014, 16:41
Yanıtla #3
  • *
    • İleti: 264
    • Karma: 14
    • smf destek
    • Profili Görüntüle

temanızın index.css de en alta ekleyin
Kod: [Seç]
.teknosocial
 {
    width:auto;

}

.tekno_social
{
margin: 5px 5px 5px 15px;
}
.tekno_social li
{
    float: left;
    list-style: none;
}
.tekno_social li a{
    display: block;
    width: 50px;
    height: 50px;
}
.tekno_social li .gplus{
    background: url(../images/social/google-plus.png) no-repeat;
}
.tekno_social li .twitter{
    background: url(http://teknoromi.com/extra/image/twitter.png) no-repeat;
}
.tekno_social li .facebook{
    background: url(http://teknoromi.com/extra/image/facebook.png) no-repeat;
}
.tekno_social li .youtube{
    background: url(http://teknoromi.com/extra/image/youtube.png) no-repeat;
}
.tekno_social li .rss{
    background: url(http://teknoromi.com/extra/image/rss-feed.png) no-repeat;
}

.tekno_social li:hover
{
animation-name: hatch;
-webkit-animation-name: hatch;

animation-duration: 2s;
-webkit-animation-duration: 2s;

animation-timing-function: ease-in-out;
-webkit-animation-timing-function: ease-in-out;

transform-origin: 50% 100%;
-ms-transform-origin: 50% 100%;
-webkit-transform-origin: 50% 100%;

visibility: visible !important;
}

@keyframes hatch {
0% {
transform: rotate(0deg) scaleY(0.6);
}
20% {
transform: rotate(-2deg) scaleY(1.05);
}
35% {
transform: rotate(2deg) scaleY(1);
}
50% {
transform: rotate(-2deg);
}
65% {
transform: rotate(1deg);
}
80% {
transform: rotate(-1deg);
}
100% {
transform: rotate(0deg);
}
}

@-webkit-keyframes hatch {
0% {
-webkit-transform: rotate(0deg) scaleY(0.6);
}
20% {
-webkit-transform: rotate(-2deg) scaleY(1.05);
}
35% {
-webkit-transform: rotate(2deg) scaleY(1);
}
50% {
-webkit-transform: rotate(-2deg);
}
65% {
-webkit-transform: rotate(1deg);
}
80% {
-webkit-transform: rotate(-1deg);
}
100% {
-webkit-transform: rotate(0deg);
}
}
index.templatede eklemek istediğin yerede bu kodları eklersin linkleri kendine göre düzelt google linki vs...
Kod: [Seç]
<div class="teknosocial">
         
       <ul class="tekno_social">
<li><a class="gplus"   href="google linki"  target="_blank" href=""></a></li>
<li><a class="twitter" href="twitter linki" target="_blank"></a></li>
<li><a class="facebook" href="facebook linki" target="_blank"></a></li>
<li><a class="youtube" href="youtube linki" target="_blank"></a></li>
<li><a class="rss" href="Rss link" target="_blank"></a></li>
      </ul>   
         
   </div>

admin panelden ayarlıyıda eklerdim ama iş uzar şimdi en kısa şekilde vereyim
index.templatede sizin temanızda <div id="userarea" class="smalltext"> şu koddan sonraya eklerseniz istediğiniz gibi olur


09 Mart 2014, 14:19
Yanıtla #4
  • *
    • İleti: 29
    • Karma: 0
    • Profili Görüntüle

Hocam yardımın için teşekkür ederim.



09 Mart 2014, 14:24
Yanıtla #5
  • *
    • İleti: 264
    • Karma: 14
    • smf destek
    • Profili Görüntüle

ekleyememişsiniz galiba


09 Mart 2014, 14:30
Yanıtla #6
  • *
    • İleti: 29
    • Karma: 0
    • Profili Görüntüle

Hocam dediğiniz yere ekledim hata verdi, farklı yerlerde denedim istediğim yere oturtamadım, malesef beceremedim :(
 


09 Mart 2014, 14:35
Yanıtla #7
  • *
    • İleti: 264
    • Karma: 14
    • smf destek
    • Profili Görüntüle

index.template.php dosyanızı ekleyin yardımcı olmaya çalışırım


09 Mart 2014, 15:20
Yanıtla #8
  • *
    • İleti: 29
    • Karma: 0
    • Profili Görüntüle

index.template.php dosyanızı ekleyin yardımcı olmaya çalışırım

Hocam yükledim, teşekkür ederim.


09 Mart 2014, 15:40
Yanıtla #9
  • *
    • İleti: 264
    • Karma: 14
    • smf destek
    • Profili Görüntüle

bi deneyin bakalım
index.css yukardaki kodları eklemeyi unutmayın