anestetic
01-19-2009, 10:00 PM
I'm sorry because I don't speak very good English..
Demo : mouse on avatar
*** Non english text removed *** :D
stylee css add
.thumbnail{
position: relative;
z-index: 0;
}
.thumbnail:hover{
background-color: transparent;
z-index: 50;
}
.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}
.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}
.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */
}it is completed
postbit_legacy open search
<a href="member.php?$session[sessionurl]u=$post[userid]"><img src="$post[avatarurl]" $post[avwidth] $post[avheight] alt="<phrase 1="$post[username]">$vbphrase[xs_avatar]</phrase>" border="0" /></a>
change code
<a class="thumbnail" href="#thumb"><img src="$post[avatarurl]" $post[avwidth] $post[avheight] alt="<phrase 1="$post[username]">$vbphrase[xs_avatar]</phrase>"a border="0" /><span><if condition="$post['field21']"><img src="http://www.sitename/forum/$post[field21]" /><br />$post[musername] Alb?m?nden Bir Kare <br /></if></a>
<if condition="$post['field10']"><div class="pbit"><font color="#C0C0C0">Name:</font> <font color="#6699FF">$post[field10]</font><br></div></if>
<if condition="$post['field2']"><div class="pbit"><font color="#C0C0C0">location:</font> <font color="#6699FF">$post[field2]</font><br></div></if>
<if condition="$post['age']"> <div class="pbit"><font color="#C0C0C0">$vbphrase[age]:</font><font color="#6699FF">$post[age]</font></div></if>
<if condition="$post['field4']"><div class="pbit"><font color="#C0C0C0">Job:</font> <font color="#6699FF">$post[field4]</font><br></div></if>
<if condition="$post['field13']"><div class="pbit"><font color="#C0C0C0">Takım:</font> <font color="#6699FF">$post[field13]</font><br></div></if>
<if condition="$post['field12']"><div class="pbit"><font color="#C0C0C0">Hobisi:</font> <font color="#6699FF">$post[field12]</font><br></div></if>
<if condition="$post['field20']"><div class="pbit"><font color="#C0C0C0">Fobisi:</font> <font color="#6699FF">$post[field20]</font><br></div></if>
profile field user in album url
change field number
Demo : mouse on avatar
*** Non english text removed *** :D
stylee css add
.thumbnail{
position: relative;
z-index: 0;
}
.thumbnail:hover{
background-color: transparent;
z-index: 50;
}
.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}
.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}
.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */
}it is completed
postbit_legacy open search
<a href="member.php?$session[sessionurl]u=$post[userid]"><img src="$post[avatarurl]" $post[avwidth] $post[avheight] alt="<phrase 1="$post[username]">$vbphrase[xs_avatar]</phrase>" border="0" /></a>
change code
<a class="thumbnail" href="#thumb"><img src="$post[avatarurl]" $post[avwidth] $post[avheight] alt="<phrase 1="$post[username]">$vbphrase[xs_avatar]</phrase>"a border="0" /><span><if condition="$post['field21']"><img src="http://www.sitename/forum/$post[field21]" /><br />$post[musername] Alb?m?nden Bir Kare <br /></if></a>
<if condition="$post['field10']"><div class="pbit"><font color="#C0C0C0">Name:</font> <font color="#6699FF">$post[field10]</font><br></div></if>
<if condition="$post['field2']"><div class="pbit"><font color="#C0C0C0">location:</font> <font color="#6699FF">$post[field2]</font><br></div></if>
<if condition="$post['age']"> <div class="pbit"><font color="#C0C0C0">$vbphrase[age]:</font><font color="#6699FF">$post[age]</font></div></if>
<if condition="$post['field4']"><div class="pbit"><font color="#C0C0C0">Job:</font> <font color="#6699FF">$post[field4]</font><br></div></if>
<if condition="$post['field13']"><div class="pbit"><font color="#C0C0C0">Takım:</font> <font color="#6699FF">$post[field13]</font><br></div></if>
<if condition="$post['field12']"><div class="pbit"><font color="#C0C0C0">Hobisi:</font> <font color="#6699FF">$post[field12]</font><br></div></if>
<if condition="$post['field20']"><div class="pbit"><font color="#C0C0C0">Fobisi:</font> <font color="#6699FF">$post[field20]</font><br></div></if>
profile field user in album url
change field number