Konuyu Oyla:
  • Toplam: 0 Oy - Ortalama: 0
  • 1
  • 2
  • 3
  • 4
  • 5
Default tema üzerinden logonuza arkaplan ve yanına kullanıcı avatarını ekleyin.
#1
Tamamen benim buluşumdur,csslerle uğraşarak yaptığım çalışmamdır.

Demo; http://forumcandy.10tl.net/ - TeknoGroup v1 Theme

Not;Default üzerinden yapın apart gibi temaları bozabilir.

Kurulum ;

Temanızdan yeni bir css açın ismini ; logom.css yapın

ve şu içeriği yazın ;

Kod:
#loocugum {
    background: #fff url(http://i.hizliresim.com/e73bLm.png);
    width: 85%;
    color: #000000;
    border-radius: 7px 7px 7px 7px;
    border: 1px solid #e4e4e4;
    margin: auto auto;
    padding: 20px;
    text-align: left;
}

.shanex {
background-image: url(http://st.10tl.net/tema/teknology/images/cerceve.png);
width: 94px;
height: 94px;
background-position: center center;
background-repeat: no-repeat;
padding: 15px;
}

Headeri açın ve <div id="container"> kodunun üstüne ekleyin ;

Kod:
<div id="loocugum"><span style="float: right;">
<style type="text/css">
<!--

#donavatardon{
    -webkit-transition: -webkit-transform 1s ease-in-out;
    -moz-transition: -moz-transform 1s ease-in-out;
    -o-transition: -o-transform 1s ease-in-out;
    -ms-transition: -ms-transform 1s ease-in-out;
        -webkit-transition: 1s;
    -moz-transition: 1s;
    -o-transition: 1s;
    -ms-transition: 1s;
    transition: 1s;
    opacity: 1;
}

#donavatardon:hover{
     -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    opacity: 0.4;
}

--!>
</style>
<div id="donavatardon">
<div class="shanex"><img src="{$mybb->user['avatar']}"  width="94px" height="94px"/></div></div></span><a href="{$mybb->settings['bburl']}/index.php"><img src="{$theme['logo']}" class="logo2" alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}" /></a></div>

Hayırlı olsun :) Çerçeve Hoverlidir :)
Anlatım; Teknology

93fhb7t.png
Ara
Cevapla PGM
Teşekkür verenler:
#2
Basit bir bilgi.

Tam olarak senin buluşun değil.
Ara
Cevapla PGM
Teşekkür verenler:
#3
Buluş derken css'leri editlerken yaptım (:
Ara
Cevapla PGM
Teşekkür verenler:
#4
Güzelmiş teşekkürler.
Ara
Cevapla PGM
Teşekkür verenler:
#5
Önemli değil.
Ara
Cevapla PGM
Teşekkür verenler:
#6
Teşekkürler...
Ara
Cevapla PGM
Teşekkür verenler:
#7
Güzelmiş teşekkürler ...
Ara
Cevapla PGM
Teşekkür verenler:
#8
Önemli değil...
Ara
Cevapla PGM
Teşekkür verenler:
#9
Güzel olmuş fakat üye olmayanlarda da gözüküyor :)
Cevapla PGM
Teşekkür verenler:
#10
Teşekkürler .. :)
Cevapla PGM
Teşekkür verenler:
#11
Header_member`ere Eklerseniz Daha İyi Olur Sadece Üyelere Gözükür :)

Ara
Cevapla PGM
Teşekkür verenler:
#12
(09-04-2014 Saat: 14:42)Novruz Nickli Kullanıcıdan Alıntı: Header_member`ere Eklerseniz Daha İyi Olur Sadece Üyelere Gözükür :)


Ama bu uygulama ilgi çekici. Misafirler dahada etkilenip üye olabilir. Üye olmayanlara avatarın içi Üyelere Avatar :) gibi avatarla doldurabiliriz.
Ara
Cevapla PGM
Teşekkür verenler:
#13
(09-04-2014 Saat: 07:17)Secilmis42 Nickli Kullanıcıdan Alıntı: Güzel olmuş fakat üye olmayanlarda da gözüküyor :)

Üye olmayanlar bölümünü ben yaptım ama isterseniz halledebilirim.

Birde misafirlerin ilgisini çekmesi için yaptım,
Ara
Cevapla PGM
Teşekkür verenler:


Hızlı Menü:


Şu anda bu konuyu okuyanlar: 1 Ziyaretçi



Reklam yaziniz bostur. ayarlardan duzenleyiniz:medi -

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