08-04-2014 Saat: 23:54
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 ;
Headeri açın ve <div id="container"> kodunun üstüne ekleyin ;
Hayırlı olsun :) Çerçeve Hoverlidir :)
Anlatım; Teknology
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
