��

mybb@mybb.ru (Silfi) — Tue, 29 May 2012 05:59:47 +0400

Silfi ��(�):

1560156015601560156015601560156015601560156015601560156015601560156015601560

��

mybb@mybb.ru (Silfi) — Fri, 08 Jul 2011 04:52:56 +0400

��

mybb@mybb.ru (Silfi) — Sun, 13 Feb 2011 04:41:08 +0300

��

mybb@mybb.ru (Silfi) — Thu, 10 Feb 2011 05:25:37 +0300

��:

����������
���:
<table width="640" height="476" border="0" background="http://s60.radikal.ru/i168/1007/36/6f4ceb50fe44.png">
  <tr>
    <td width="171" height="65">&nbsp;</td>
    <td width="139">&nbsp;</td>
    <td width="155">&nbsp;</td>
    <td width="157">&nbsp;</td>
  </tr>
  <tr>
    <td height="243">&nbsp;</td>
    <td>&nbsp;</td>
    <td colspan="2"><div style="margin:10px 0px 20px 50px; left: 79px; top: 221px; scrollbar-face-color: #c3c2c7; scrollbar-highlight-color: #610706; scrollbar-3dlight-color: #c3c2c7; scrollbar-shadow-color: #610706; scrollbar-darkshadow-color: #c3c2c7; scrollbar-track-color: #c3c2c7; scrollbar-arrow-color: #610706; overflow: auto; width: 220px; height: 220px;">�����
</div></td>
  </tr>
  <tr>
    <td height="82">&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2">
  <div align="center"></div>
</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">����� ���������</DIV></DIV>
</div></td>
    <td><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2">
  <div align="center"></div>
</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">����� ���������</DIV></DIV>
</div></td>
    <td><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2">
  <div align="center"></div>
</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">����� ���������</DIV></DIV>
</div></td>
    <td><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2">
  <div align="center"></div>
</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">����� ���������</DIV></DIV>
</div></td>
  </tr>
</table>

����
���:
<style> 
div .splLink {width: 171px; height: 60px; font-weight: bold; background: transparent; }
.spll {width: 120px; height: 50px; }
.spll div .splCont {height: auto; width: 200px;  padding: 5px; z-index: 1000;  border: 1px groove #700000; font-size: 12px; font-family: Century Gothic; text-align: center;}
</style>

���
���:
<script type="text/javascript" src="http://szenprogs.ru/scripts/jquery-1.3.2.js"></script>
<script type="text/javascript"> 
  $(document).ready(function(){
    $('.splLink').click(function(){
      $(this).parent().children('div.splCont').toggle('normal');
      return false;
    });
  });
</script>

��

mybb@mybb.ru (Silfi) — Thu, 10 Feb 2011 05:11:32 +0300

��:

��������� ���� ������ �� ������ �� ������ http://aristotraterneko.rolka.su/ (�������, ����� � ��.)
���������� ������ ������ ����� ������� - ����� ��� ������ ������ ��������� ���� �������������� ��������.

������� ���� � ����������� � ������� ������������ hover (���������� ����� �������� ��� ��������� �� ���� ������� ����, ��� ���� ������� �� �����������, ����� ������� ������ ���� �� ������).
����, ������� � �������� ��� ���� ��������� ������� ��������: ������ ����� ��, ��� ������ ��������� ������� � ���������� ���������, ���� - ���, ��� �� ������ ��������� ��� ��������� �� ���� ����. � ������ ����� ��������:


�� �������� psd-����, ��������, �� ��� ��� �����������.
�������������� ��������. ��� ����� �������, �������� ������������ ��� � CSS (��������� � ������ ������ ����� � ����� ������ ���� ��� �� ��������� � ���� <style> � ��������� � html-����):

/*�����*/
a#storyb {
  width: 150px;                      /*������ ��������*/
  height: 50px;                       /*����� ��������. �� ���������, ���� ��������*/
  display: inline-block;
  background: transparent url("��������_�����") no-repeat scroll 0 0;
}

a#storyb:hover {
  background: transparent url("��������_�����") no-repeat scroll 0 100%;
  outline: none !important;
}

������ � ���������� ����� ��������� ������ �� ���� ����� �����:

<a href="������_�����" id="storyb" alt="�����"></a>

����� �� ������� ����������� � ������ ��������, �� �� �������� ����� ������ ��� ��������� � ���� <a>

/*�������*/
a#rulesb {
  width: 150px;
  height: 50px;
  display: inline-block;
  background: transparent url("��������_�������") no-repeat scroll 0 0;
}

a#rulesb:hover {
  background: transparent url("��������_�������") no-repeat scroll 0 100%;
  outline: none !important;
}

<a href="������_�������" id="rulesb" alt="�������"></a>

��-�� . �� .

���� �����

�������� ���������

������

��� ����

��������� �������

�������

��

��

��

��

��

��