Jae.Test.

��

mybb@mybb.ru (admin) — Wed, 05 Apr 2017 20:18:05 +0300

��:

<!--HTML--> 
<style> 
.brd1 {width: 495px; height: 305px; background-color: #bdbdbf; border: 1px solid #838385;} 
.brd2 {width: 505px; height: 315px; background-img: url(http://s3.uploads.ru/msG3z.png) repeat; border: 1px solid #838385;} 
.ok1 {width: 485px; height: 295px; background-color: #cacacb; border: 1px solid #b0b0b0;} 

.notebook {
    white-space: nowrap;
    overflow: hidden;
background: #cacacb;
}

.notebook > input {
    display: none;
}

.notebook > input + label {
    display: inline-block;
    border: 1px solid #d6d6d6;
    padding: 4px;
    cursor: pointer;
    position: relative;
color: #6e6e70;
background: #f3f3f5;
width: 100px;
height: 20px;
text-align: center;
}

.notebook > input + label:not(:last-of-type)  {
    border-right: none;
}

.notebook > input + label:hover {
    color: #6e6e70;
background: #f3f3f5;
}

.notebook > input + label:last-of-type::after {
    display: block;
    border-bottom: 1px solid #b0b0b0;
background: #cacacb;
    width: 485px;
    content: "";
    position: absolute;
    bottom: -1px;
    left: 100%;
}

.notebook > input:checked + label {
    color: #6e6e70;
background: #cacacb;
    border-bottom: none;
    padding-bottom: 5px;
}

.notebook > input:checked + label:last-of-type::after {
    bottom: 0px;
}

.notebook > div {
    white-space: normal;
    display: none;
    border: 1px solid #d6d6d6;
    border-top: none;
    margin: 0px;
    padding: 20px;
background: #cacacb;
text-align: justify;
color: #6e6e70;
}

.notebook > input:nth-of-type(1):checked ~ div:nth-of-type(1),
.notebook > input:nth-of-type(2):checked ~ div:nth-of-type(2),
.notebook > input:nth-of-type(3):checked ~ div:nth-of-type(3),
.notebook > input:nth-of-type(4):checked ~ div:nth-of-type(4),
.notebook > input:nth-of-type(5):checked ~ div:nth-of-type(5),
.notebook > input:nth-of-type(6):checked ~ div:nth-of-type(6) {
    display: block;
}

.img_block {
    max-width:220px;
    height: 220px;
    background:#cacacb;
    text-align:justify;
padding: 10px;
    font-weight:400;
    border-width: 4px; 
    border-style: solid; 
    border-color: #d6d6d6;
    display:block;
    overflow: hidden;
    position: relative;
    -moz-transition: all .4s;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    cursor:pointer;
}
.img_block .over_block {
    background-color: rgba(243, 243, 245, 0);
    width:485px;
    height:295px;
    position:absolute;
    top:0;
    left:0;
    z-index: 9900;
    -moz-transition:all 1s;
    -webkit-transition:all 1s;
    -o-transition:all 1s;
    transition:all 1s;
}
.img_block:hover .over_block {
    display:block;
    background-color:rgba(243, 243, 245, 0.7);
}
.img_block span {
    background: #cacacb;
    width:100%;
    height:0px;
    font-size:11px;
    line-height:11px;
    position:absolute;
    display:block;
    overflow: hidden;
    bottom:0px;
    left:0;
    z-index: 9910;
    -moz-transition: all .4s;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
}
.img_block:hover span {
    bottom:0;
    height:100px;
width:230px;
    color: #ffffff;
padding: 5px;
overflow-y: auto;
}
</style> 
<center><div class="brd2"><div class="brd1"><div class="ok1"> 
<div class="notebook">
    <input type="radio" name="notebook1" id="notebook1_1" checked
    ><label for="notebook1_1">Profile</label
    ><input type="radio" name="notebook1" id="notebook1_2"
    ><label for="notebook1_2">Pokemon GO</label
    ><input type="radio" name="notebook1" id="notebook1_3"
    ><label for="notebook1_3">Awards</label>
    
<div>
        <table> 
<tr> 
<td><b>Nickname</b></td></tr>
<tr> 
<td> <img src="http://www.placehold.it/100x100"></td></tr></table>
    </div>
    <div>
<table>
<tr>

<td><center><img src="http://funkyimg.com/i/2hzog.png" title="Squirtle"></center></td>
<td><center><img src="http://funkyimg.com/i/2hBWy.png" title="∞: 10 ������"></center></td>
<td><center><img src="http://funkyimg.com/i/2hBWy.png" title="0: 100 ������"></center></td>

</tr>
<tr>

<td><center><img src="http://funkyimg.com/i/2hBWy.png" title="1: 5 ���. ��������"></center></td>
<td><center><img src="http://funkyimg.com/i/2hBWy.png" title="1: 10 ���. ��������"></center></td>
<td><center><img src="http://funkyimg.com/i/2ngEp.png" title="Anorith: ������� ����� �������"></center></td>

</tr>
<tr>

<td><center><img src="http://funkyimg.com/i/2nbxe.png" title="Jigglypuff: 50 ������"></center></td>
<td><center><img src="http://funkyimg.com/i/2ngky.png" title="Doduo: 25 ������"></center></td>
<td><center><img src="http://funkyimg.com/i/2ngEp.png" title="Anorith: �������� �������� ����� �� ������"></center></td>

</tr>

<tr>

<td><center><img src="http://funkyimg.com/i/2nbAH.png" title="Machoke: 100 ������"></center></td>
<td><center><img src="http://funkyimg.com/i/2ngEX.png" title="Skiploom: 10 ������"></center></td>
<td><center><img src="http://funkyimg.com/i/2nkf6.png" title="Mew: 10 ������"></center></td>

</tr>
<tr>

<td><center><img src="http://funkyimg.com/i/2nbvF.png" title="Ekans: 1 ���. ������"></center></td>

</tr>
</table>
    </div>
    <div>
        ��� ����� ������� � ������ (?)

    </div>
</div></div></div></div></center>

��

mybb@mybb.ru (admin) — Mon, 06 Feb 2017 18:02:25 +0300

��:

<!--HTML-->
<center><div id=deepinsta>
 <div id=instatop><div id=instauser>  

icedlatte

  </div></div>
<div id=instaprof>
  <div id=instaav style="background-image: url(http://scontent.cdninstagram.com/t51.2885-15/s480x480/e35/c0.125.1000.1000/13768379_321381591539894_1428785892_n.jpg?ig_cache_key=MTMwMDcwOTE3NjA0OTM4MDUxOA%3D%3D.2.c);"></div><div id=insta1><div id=insta2></div><div id=insta3><div id=instastat> 

<b>256</b> posts <b style="padding-left: 20px">488</b> followers <b style="padding-left: 20px">129</b> following
  </div> 
 </div></div>
 <div id=instainfo> 
<b>Taeyong</b><br>
<b>CA → KR</b><br><br><br>
  </div>
<div id=instamen></div>
<div id=c-for><div style="background-image: url(https://pp.vk.me/c637128/v637128777/103a/PAIewiKoItw.jpg)" id=instafoto></div>
<div style="background-image: url(http://scontent.cdninstagram.com/t51.2885-15/s480x480/e15/10979622_725216560926235_645257383_n.jpg?ig_cache_key=OTI5ODQ2NTg2OTgzMjI4Mjgy.2)" id=instafoto></div>
<div style="background-image: url(http://scontent.cdninstagram.com/t51.2885-15/s480x480/e35/c44.0.605.605/12729565_586153338204691_1347171691_n.jpg?ig_cache_key=MTE4OTE1NDI3NzgzOTczNTgzOA%3D%3D.2.c)" id=instafoto></div>
<div id=insta4></div>
<div style="background-image: url(https://s-media-cache-ak0.pinimg.com/564x/66/ef/81/66ef818f6ec0213366122f4129115b02.jpg)" id=instafoto></div>
<div style="background-image: url(https://pbs.twimg.com/media/CQkTlPVVAAAvpBZ.jpg)" id=instafoto></div>
<div style="background-image: url(https://pp.vk.me/c604423/v604423856/4793d/2sV7NeKqOEM.jpg)" id=instafoto></div>
</div>
  
<div id=instalink></div></div></center>

��:

<!--*HTML-->
<center><div id=deepinsta>
 <div id=instatop><div id=instauser>  

icedlatte

  </div></div>
<div id=instaprof>
  <div id=instaav style="background-image: url(http://scontent.cdninstagram.com/t51.2885-15/s480x480/e35/c0.125.1000.1000/13768379_321381591539894_1428785892_n.jpg?ig_cache_key=MTMwMDcwOTE3NjA0OTM4MDUxOA%3D%3D.2.c);"></div><div id=insta1><div id=insta2></div><div id=insta3><div id=instastat> 

<b>256</b> posts <b style="padding-left: 20px">488</b> followers <b style="padding-left: 20px">129</b> following
  </div> 
 </div></div>
 <div id=instainfo> 
<b>Taeyong</b><br>
<b>CA → KR</b><br><br><br>
  </div>
<div id=instamen></div>
<div id=c-for><div style="background-image: url(https://pp.vk.me/c637128/v637128777/103a/PAIewiKoItw.jpg)" id=instafoto></div>
<div style="background-image: url(http://scontent.cdninstagram.com/t51.2885-15/s480x480/e15/10979622_725216560926235_645257383_n.jpg?ig_cache_key=OTI5ODQ2NTg2OTgzMjI4Mjgy.2)" id=instafoto></div>
<div style="background-image: url(http://scontent.cdninstagram.com/t51.2885-15/s480x480/e35/c44.0.605.605/12729565_586153338204691_1347171691_n.jpg?ig_cache_key=MTE4OTE1NDI3NzgzOTczNTgzOA%3D%3D.2.c)" id=instafoto></div>
<div id=insta4></div>
<div style="background-image: url(https://s-media-cache-ak0.pinimg.com/564x/66/ef/81/66ef818f6ec0213366122f4129115b02.jpg)" id=instafoto></div>
<div style="background-image: url(https://pbs.twimg.com/media/CQkTlPVVAAAvpBZ.jpg)" id=instafoto></div>
<div style="background-image: url(https://pp.vk.me/c604423/v604423856/4793d/2sV7NeKqOEM.jpg)" id=instafoto></div>
</div>
  
<div id=instalink></div></div></center>

��

mybb@mybb.ru (admin) — Fri, 26 Aug 2016 18:34:27 +0300

html � ��

mybb@mybb.ru (admin) — Sun, 12 Jul 2015 10:40:03 +0300

��:

<!--��� ���� -->
<script type="text/javascript">
function Transform_Code_Box_in_HTML(aX){
var TemLnk=aX.replace(/^(.*viewtopic\.php\?id=\d*).*$/ig,"$1");
var PstId=aX.replace(/^.*viewtopic\.php\?id=.*(#p\d+)$/ig,"$1");
var L=document.URL.replace(TemLnk,'');
if(L!=document.URL&&(L.slice(0,1)).search(/\d/ig)==-1 ){ 
L=$("div.topic "+PstId);
if(L.length==1){
var Lhtm=L.find(".post-content .code-box:first .scrollbox pre").text();
L.find(".post-content .code-box:first").replaceWith(Lhtm)
}}}
function Demo_HTML(Ts){var Ll=Ts.parents(".htmldemo").find(".code-box .scrollbox pre").text();
Ts.parents(".htmldemo").after('<div class="demHtml">'+Ll+'</div>');Ts.replaceWith(DemoButt0);
}
$(document).ready(function() {
$("#pun-viewtopic .post .code-box").each(function(){
if($(this).text().indexOf('<!--HTML-->')!=-1){
$(this).wrap('<div class="htmldemo"></div>')
$(this).replaceWith($('.htmldemo').text().split('<!--HTML-->')[1]);
}
});
});
</script></div>
</div>

</div>
</div>
</div>

<style type="text/css"></style>
<script type="text/javascript">
$('textarea.limit3000').bind('keydown keypress keyup', function(e) {
	if($(this).val().length>3000) {
    $(this).val($(this).val().substr(0,3000));
    alert('������������ ���������� �������� ��� ����� ���� - 3000.');
	}
});
</script>

...

mybb@mybb.ru (admin) — Wed, 11 Sep 2013 16:13:03 +0400

...

mybb@mybb.ru (admin) — Thu, 20 Sep 2012 20:55:27 +0400

...

Jae.Test.

����

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

�������

html � �������

...

...

��

��

��

html � ��