Mr.Artyom: Ստեղծում ենք կոնտեյներներ բլոգգերի համար

Շատ հետաքրքիր JQurei կոնտեներ:Կոնտեիների մեջ կարող եք տեղադրել ձեր ցանկացած գադջիթը:

1. Փնտրում ենք ներքևում գրված կոդը`

<div class='column-right-outer'>
<div class='column-right-inner'>
<aside>

2. Կոդը գտնելուց հետո նրա ներքևում տեղադրում եք ներքևում գրված կոդը`

<style type='text/css'>
ul.tabs-widget{padding:0}.tabs-widget li{margin:0 10px 10px 0;background:#fff;float:left;list-style-type:none;display:block;height:30px;line-height:30px;width:60px;border:4px solid #3c5670;text-align:center}
.tabs-widget li a{display:block;color:#3c5670;font-size:14px;text-decoration:none}.tabs-widget li a:hover,.tabs-widget li a.tabs-widget-current{background:#ff8053;color:#fff}
#sidebartab1 h2, #sidebartab2 h2, #sidebartab3 h2{display:none}
</style>

<script src='http://k3nvil.googlecode.com/files/jquery.min1.4.3.js' type='text/javascript'/>
<script type='text/javascript'>
jQuery(document).ready(function($){$(".tabs-widget-content-widget-themater_tabs-1432447472-id").hide();$("ul.tabs-widget-widget-themater_tabs-1432447472-id li:first a").addClass("tabs-widget-current").show();$(".tabs-widget-content-widget-themater_tabs-1432447472-id:first").show();$("ul.tabs-widget-widget-themater_tabs-1432447472-id li a").click(function(){$("ul.tabs-widget-widget-themater_tabs-1432447472-id li a").removeClass("tabs-widget-current a");$(this).addClass("tabs-widget-current");$(".tabs-widget-content-widget-themater_tabs-1432447472-id").hide();var activeTab=$(this).attr("href");$(activeTab).fadeIn();return false;});});
</script>

<h2><ul class='tabs-widget tabs-widget-widget-themater_tabs-1432447472-id'>
<li><a href='#widget-themater_tabs-1432447472-id1'>Tab 1</a></li>
<li><a href='#widget-themater_tabs-1432447472-id2'>Tab 2</a></li>
<li><a href='#widget-themater_tabs-1432447472-id3'>Tab 3</a></li>
</ul></h2>
<div class='clear'/>

<div class='tabs-widget-content tabs-widget-content-widget-themater_tabs-1432447472-id' id='widget-themater_tabs-1432447472-id1'>
<b:section class='sidebar' id='sidebartab1' maxwidgets='1' preferred='yes'/>
</div>

<div class='tabs-widget-content tabs-widget-content-widget-themater_tabs-1432447472-id' id='widget-themater_tabs-1432447472-id2'>
<b:section class='sidebar' id='sidebartab2' maxwidgets='1' preferred='yes'/>
</div>

<div class='tabs-widget-content tabs-widget-content-widget-themater_tabs-1432447472-id' id='widget-themater_tabs-1432447472-id3'>
<b:section class='sidebar' id='sidebartab3' maxwidgets='1' preferred='yes'/>
</div>

Պատուհանի չափսերը գրված են կարմիր գույնով:

Պատուհանի եզրագծերի գույները գրված են կապույտ

գույնով:

Նարնջագույնով գրված կոդը ցույց է տալիս պատուհանին

սեղմած գույնը:

Կանաչ գույնով գրվածը պատուհանների անվանումներն

են:

Գադջիթների բաժնում ստացվում է մի այսպիսի բան`

Քանի որ նյութում պատճենելն արգելված է, կոդը ստանալու համար մեկնաբանություններում գրեք ձեր էլ. փոստի հասցեն և ես կուղարկեմ կոդը:

3 Ստեղծում ենք կոնտեյներներ բլոգգերի համար

3 комментария:

ԲԼՈԳԻ ՄԱՍԻՆ

ԻՄ ՄԱՍԻՆ