Alma, спасибо за помощь.По первому понял, а фот второе нет Вот мой sidebar.php <div id="right"> <div class="twitbar"> <a href="http://twitter.com/<?php $twit = get_option('ebuy_twitter'); echo ($twit); ?>"> Посетите наш Twitter </a> </div> <div class="tabsdiv"> <h3 class="sidetitl "> Популярные статьи </h3> <?php $my_query = new WP_Query('orderby=comment_count&showposts=5'); while ($my_query->have_posts()) : $my_query->the_post();$do_not_duplicate = $post->ID; ?> <div class="fblock"> <?php if ( has_post_thumbnail() ) { ?> <img class="thumbim" src="<?php bloginfo('stylesheet_directory'); ?>/timthumb.php?src=<?php get_image_url(); ?>&h=50&w=50&zc=1" alt=""/> <?php } else { ?> <img class="thumbim" src="<?php bloginfo('template_directory'); ?>/images/dummy.jpg" alt="" /> <?php } ?> <h3><a href="<?php the_permalink() ?>" title="<?php the_title(); ?>"><?php the_title(); ?></a></h3> <p> <?php the_time('F - j - Y'); ?></p> <div class="clear"></div> </div> <?php endwhile; ?> </div> <!-- 125px banners --> <?php include (TEMPLATEPATH . '/sponsors.php'); ?> <!-- Sidebar widgets --> <div class="sidebar"> <ul> <?php if ( function_exists('dynamic_sidebar') && dynamic_sidebar('Sidebar') ) : else : ?> <?php endif; ?> </ul> </div> </div> Вот мой style.css /* Theme Name:Ebuy Theme URL: http://www.web2feel.com/ebuy/ Description: Free WordPress theme released by web2feel.com Author: Jinsona Author URI: www.web2feel.com Version: 1.0.0 Tags: Red, White, right-sidebar, fixed-width, theme-options, threaded-comments, banner ads, adsense,fab themes. */ /* RESET */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; outline: 0; padding: 0; font-weight:inherit; vertical-align: baseline; } :focus {/* remember to define focus styles! */ outline: 0; } body { background: #fff; line-height: 1; } ol, ul { list-style: none; } table {/* tables still need 'cellspacing="0"' in the markup */ border-collapse: separate; border-spacing: 0; } caption, th, td { font-weight: normal; text-align: left; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } a img { border: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } /* BASIC */ body { font-family:Arial,Tahoma,Century gothic, sans-serif; color:#333; font-size:12px; background:url(images/body.png); margin:0 auto; padding:0px 0px; } img { border:0; margin:0; } a { color:#CA333E; text-decoration:none; outline:none; } a:hover { color:#000; text-decoration:none; } blockquote { color:#59666f; font-style:italic; font-family:Georgia; padding:10px; } .clear { clear:both; } table { border-collapse:collapse; border-spacing:0; border:1px solid #fff; margin:10px 0; } table td,table th { text-align:left; border:1px solid #fff; padding:.4em .8em; } table th { background:#ddd; color:#999; text-transform:uppercase; font-weight:400; border:1px solid #fff; } table td { border:1px solid #fff; background:#eee; color:#555; } table tr.even td { background:#eee; border:none; } table tr:hover td { background:#FFF9DF; } img.centered { display:block; margin-left:auto; margin-right:auto; margin-bottom:10px; padding:0; } img.alignnone { display:inline; background:#eee; margin:0 0 10px; padding:5px; } img.alignright { display:inline; background:#eee; margin:5px 0 10px 10px; padding:5px; } img.alignleft { display:inline; background:#eee; margin:10px 15px 10px 0; padding:5px; } .aligncenter { display:block; margin-left:auto; margin-right:auto; margin-bottom:10px; } .alignright { float:right; margin:0 0 10px 10px; } .alignleft { float:left; margin:10px 15px 10px 0; } .wp-caption { text-align:center; background:#eee; margin:10px; padding:4px 0 5px; } .wp-caption img { border:0; margin:0 0 5px; padding:0; } .wp-caption p.wp-caption-text { font-size:11px; font-weight:400; line-height:12px; color:#444; margin:0; padding:0; } .clearfix:after { content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0; } .clearfix { display:inline-block; } html[xmlns] .clearfix { display:block; } * html .clearfix { height:1%; } .rounded { border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; } .boxshadow { -moz-box-shadow:0 0 5px #000; -webkit-box-shadow:0 0 5px #000; box-shadow:0 0 5px #000; } /* FONTS */ @font-face { font-family: 'BebasNeueRegular'; src: url('fonts/BebasNeue-webfont.eot'); src: url('fonts/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/BebasNeue-webfont.woff') format('woff'), url('fonts/BebasNeue-webfont.ttf') format('truetype'), url('fonts/BebasNeue-webfont.svg#BebasNeueRegular') format('svg'); font-weight: normal; font-style: normal; } /* OUTER */ #wrapper{ width:1000px; margin:0 auto; } /* HEADER */ #masthead{ background:url(images/mast.png) repeat-x; } #top{ height:120px; width:1000px; margin:0px auto; } #blogname{ width:400px; float:left; } #blogname h1{ font-size:32px; margin:25px 0px 0px 0px; font-weight:bold; } #blogname h1 a:link, #blogname h1 a:visited{ color:#DB1139; } #blogname h3{ font-size:16px; margin:5px 0px 0px 0px; font-weight:normal; } .topbar{ width:468px; height:60px; background:#ddd; float:right; margin:30px 0px 0px 0px; } /* TOP-MENU */ #botmenu{ height:74px; margin:0px auto; font-size: 12px; overflow:hidden; background:url(images/bmenu.png); width:1000px; } #submenu { margin: 0px 0px; width:800px; padding:0px 10px; } #submenu ul { width: 100%; float: left; list-style: none; margin: 0; padding: 0 0px; } #submenu li { float: left; list-style: none; margin: 0; padding: 0; color: #999; text-shadow:1px 1px 0px #111; } #submenu li a { color: #fff; display: block; margin: 0; padding: 25px 10px 25px 10px; text-decoration: none; position: relative; text-shadow:1px 1px 0px #111; } #submenu li a:hover, #submenu li a:active, #submenu li a .current_page_item a { color: #fff; text-shadow:1px 1px 0px #111; background:url(images/bmenua.png) repeat-x; } #submenu li a.sf-with-ul { padding-right: 10px; } #submenu li li a, #submenu li li a:link, #submenu li li a:visited { color: #ddd; text-shadow:1px 1px 0px #111; font-size:11px; text-shadow:none; width: 148px; font-family: Arial, Tahoma, Verdana; margin: 0; padding: 0px 10px; line-height:35px; border-bottom:1px solid #333; border-top:1px solid #111; text-transform: none; position: relative; } #submenu ul ul li:first-child a{ border-top:none; } #submenu ul ul li:last-child a{ border-bottom:none; } #submenu li li:last-child{ border-bottom:none; } #submenu li li a:hover, #submenu li li a:active { background:transparent; color: #fff; } #submenu li ul { border-top:5px solid #C8021E; z-index: 9999; position: absolute; left: -999em; height: auto; width: 170px; margin: 5px 0px 0px 0px; padding: 5px; background:#282828; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } #submenu li ul a { width: 150px; } #submenu li ul a:hover, #submenu li ul a:active { } #submenu li ul ul { margin: -40px 0 0 176px; border-top:5px solid #C8021E; } #submenu li:hover ul ul, #submenu li:hover ul ul ul, #submenu li.sfHover ul ul, #submenu li.sfHover ul ul ul { left: -999em; } #submenu li:hover ul, #submenu li li:hover ul, #submenu li li li:hover ul, #submenu li.sfHover ul, #submenu li li.sfHover ul, #submenu li li li.sfHover ul { left: auto; } #submenu li:hover, #submenu li.sfHover { position: static; } /* SEARCH FORM */ #search { width:167px; padding:0px ; margin:15px 15px 0px 5px; display:inline-block; background:url(images/search.png); height:31px; float:right; } #search form { margin: 0px 0px 0px 0px; padding: 0; } #search fieldset { margin: 0; padding: 0; border: none; } #search p { margin: 0; font-size: 85%; } #s { width:150px; background:transparent; margin:0px 0px 0px 3px; padding: 4px 5px; height:20px; border:none; font: normal 100% "Tahoma", Arial, Helvetica, sans-serif; color:#fff; float:left; display:inline; } #searchsubmit{ background:url(images/sbutton.png); border:none; color:#fff; display:block; width:24px; height:22px; margin:1px 2px 0px 0px; padding:5px 5px; float:right; cursor:pointer; } /* BELOW HEADER */ #casing{ width:1000px; padding:20px 0px 30px 0px; } .f-title,.r-title{ width:680px; padding:15px 10px; font-family: 'BebasNeueRegular'; font-size:20px; background:#fff; margin:30px 0px 20px 0px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; } .r-title{ margin:30px 0px 0px 0px; } /* Slider */ #pslider{ width:700px; height:300px; } #pcover{ width:700px; height:300px; position:relative; background:#fff; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; } img.slideimg{ display:block; float:left; margin-right:20px; margin-top:20px; } .bx-wrapper{ width:700px!important; } .bx-window{ height:300px!important; width:700px!important; } .bx-pager{ position:absolute; padding:5px 10px 5px 5px; bottom:10px; right:10px; z-index:1000; } a.pager-link{ width:12px; height:12px; display:block; text-indent:-9000px; background:url(images/cog.png); float:right; margin-left:5px; } a.pager-active{ width:12px; height:12px; display:block; text-indent:-9000px; background:url(images/coga.png); float:right; margin-left:5px; } .spanel{ width:650px; margin:20px 25px; } .spanel-right{ width:420px; float:right; } .spanel-right h3{ font-size:24px; padding:20px 0px; font-family: 'BebasNeueRegular'; } .spanel-right p{ line-height:180%; } .slide-meta{ font-size:18px; padding:20px 0px; font-family: 'BebasNeueRegular'; } span.s-cost{ padding:5px 15px; background:#333; color:#fff; margin-right:20px; } span.s-link{ padding:5px 15px; background:#C8021E; color:#fff; } .s-link a:link, .s-link a:visited{ color:#fff; } /* Home boxes */ .box { background:#fff; color:#555; width:200px; margin:30px 50px 10px 0px !important; float:left; position:relative; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 0px; -webkit-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px; } .lastbox{ margin-right:0px!important; } .boxim{ width:150px; margin:10px auto 20px; } .btitle{ padding:20px 10px; text-align:center; font-family: 'BebasNeueRegular'; } .btitle h2 a:link, .btitle h2 a:visited{ font-size:18px; font-weight:normal; color:#444; } a.boximg{ margin:0px 0px 10px 0px; display:block; } .boxentry{ padding:10px 15px 35px 15px; line-height:22px; } a.bmore{ width:39px; height:39px; background:url(images/more.png); right:0px; bottom:0px; position:absolute; } .boxmeta{ background:#333; } .p-cost{ color:#eee; font-size:16px; padding:8px 10px; float:left; font-weight:bold; } .p-link{ color:#eee; background:#CA021E; font-size:12px; padding:10px 20px; float:right; } .p-link a:link, .p-link a:visited{ color:#fff; } /* Single Product page */ .pro-snap{ float:left; margin:25px 0px; width:200px; } .petmeta{ padding:0px 10px; } .pro-cover{ padding:0px 10px; float:right; width:420px; margin:10px 0px; border-left:1px dotted #ddd; } .pro-cover .boxmeta{ padding:0px 0px; background:transparent; margin:10px 10px 10px 10px; background:#F2F2E6; } .pro-cover .boxmeta .p-cost{ color:#333; font-size:24px; padding:8px 10px; float:left; font-weight:bold; } .pro-cover .boxmeta .p-link{ color:#eee; background:#CA021E; font-size:12px; padding:15px 20px; margin:0px 0px; float:right; } /* CONTENT AREA */ #content{ width:700px; float:left; } .post{ margin:30px 0px 20px 0px; color:#555; background:#fff; padding: 25px 25px 25px 25px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; } .fullpost{ margin:30px 10px 20px 10px; color:#555; background:#fff; padding: 0px 0px 25px 0px; } .postimg{ float:left; margin:10px 15px 10px 0px; } .title{ margin: 0px 0px; padding: 0px 0px; font-family: 'BebasNeueRegular'; } .title h2 { margin: 0px 0px; padding: 10px 20px 10px 10px ; font-size: 32px ; font-weight:normal; color:#222; } .title h2 a, .title h2 a:link, .title h2 a:visited { color:#222; background-color: transparent; } .title h2 a:hover { color: #333; background-color: transparent; } .postmeta{ padding:5px 10px; font-size:10px; text-transform:uppercase; } .author{ color:#a27548; padding:2px 5px 2px 15px; background:url(images/user.png) left center no-repeat; } .clock{ color:#a27548; padding:2px 5px 2px 15px; background:url(images/clock.png) left center no-repeat; } .comm{ color:#a27548; padding:2px 5px 2px 15px; background:url(images/comm.png) left center no-repeat; } .comm a:link, .comm a:visited { color:#a27548; } .comm a:hover{ color:#000; } .singleinfo{ margin:10px 0px 15px 10px; } .category{ padding:5px 0 5px 20px; color:#827A60; background:url(images/tag.png) left center no-repeat; font-size:10px; text-transform:uppercase; } .category a:link,.category a:visited{ color:#D1512A; } .category a:hover{ color:#000; } .entry { margin:0px 0px 0px 0px; padding: 0px 10px ; } .entry a:link, .entry a:visited { color:#CF0808; } .entry a:hover { color:#ED1717; } .entry ul, .entry ol{ margin: .4em 0 1em; line-height: 150%; } .entry ul li, .entry ol li{ list-style-position:outside; margin-left: 1.6em; line-height: 24px; font-size: 16px; } .entry p{ margin:6px 0px 5px 0px; padding:5px 0px; line-height: 24px; font-size: 16px; } a.morer{ background:#555; padding:5px 10px; float:right; color:#fff!important; } /* Related Prods */ #related-prods{ background:#fff; padding:10px 10px; } .relprod-left{ width:110px; float:left; } .relprod-left h3{ text-align:center; font-size:24px; font-family: 'BebasNeueRegular'; padding:35px 10px; } .relprod-right{ width:570px; float:right; } .related-post{ float:left; margin:10px 10px; border:1px solid #ddd; padding:10px 10px; } /* SIDEBAR */ #right{ width:270px; float:right; padding-top:30px; } .prod-feed, .post-feed, .twitbar{ color:#56544d; font-family: 'BebasNeueRegular'; font-size:18px; margin-bottom:5px; padding:12px 0px 10px 10px; text-shadow:-1px -1px 0px #fff; background:#fff; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; } .prod-feed, .post-feed{ background:#fff url(images/rss.png) right no-repeat; } .twitbar{ background:#fff url(images/twitbird.png) right no-repeat; } /* Banners */ .squarebanner { margin:10px 0px 0px 0px; } .squarebanner ul{ list-style-type:none; margin: 0px auto; padding: 0px 0px 0px 0px; overflow:hidden; } .squarebanner ul li{ list-style-type:none; margin: 10px 20px 20px 0px; float:left; display:inline; } .squarebanner ul li.rbanner{ margin-right:0px; } /* WIDGETS */ .sidebar { float:left; } h3.sidetitl { color:#fff; font-family: 'BebasNeueRegular'; font-size:18px; margin-bottom:10px; padding:12px 0px 10px 10px; text-shadow:-1px -1px 0px #990016; background:#C7021E; font-weight:normal; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; } .sidebox { width:270px; list-style:none; color:#666; margin:20px 0 10px; } .sidebox ul { list-style-type:none; margin:0; padding:0 0 5px; } .sidebox li { list-style-type:none; margin:0; padding:0; text-shadow:1px 1px 0px #fff; } .sidebox ul ul { list-style-type:none; background-repeat:no-repeat; margin:0; padding:0; } .sidebox ul li { height:100%; line-height:18px; clear:left; width:260px; list-style-type:none; margin:0; font-size:12px; } .sidebox ul li a:link,.sidebox ul li a:visited { color:#666; text-decoration:none; display:block; padding:5px 0px; } .sidebox ul li a:hover { color:#C90000; } .sidebox.widget_categories ul li,.sidebox.widget_pages ul li,.sidebox.widget_archive ul li,.sidebox.widget_links ul li,.sidebox.meta_links ul li { padding-left:10px; border-bottom:1px solid #fafafa; } .sidebox.widget_recent_entries ul li a { border-bottom:1px solid #fafafa; } ul#recentcomments li.recentcomments { border-bottom:1px solid #eee; padding:5px 0; } div#calendar_wrap { border:1px solid #fff; margin:0 auto; padding:0; } table#wp-calendar { width:100%; border:none; margin:0!important; padding:0; } #wp-calendar caption { font-size:16px; color:#375752; font-weight:400; font-family:BebasNeueRegular,Georgia,Century gothic, Arial, sans-serif; text-transform:uppercase; padding:10px 5px 5px; } #wp-calendar th,#wp-calendar td { text-align:center; color:#fff; background:#555; padding:7px 5px; } #wp-calendar tr { margin:0!important; } #wp-calendar td { background-color:#eee; color:#444; margin:0!important; } #wp-calendar td a { border:none; color:#D1512A; } .sidebox ul ul ul,.sidebox ul ul ul ul { list-style-type:none; border:0; margin:0; padding:0; } .tabsdiv{ margin-top:20px; } .fblock{ padding:8px 8px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; background:#fff; margin:5px 0px; } .fblock h3{ font-size:16px; font-weight:normal; padding:0px 0px 5px 0px; font-family:BebasNeueRegular; } .fblock h3 a:link, .fblock h3 a:visited{ color:#555; } .fblock p{ font-size:10px; text-transform:uppercase; color:#C8021E; } img.thumbim{ float:left; margin-right:10px; } /* COMMENTS */ #commentsbox { margin:0px 0px 0px 0px; width:700px; } h3#comments { width:660px; padding:15px 20px; font-family: 'BebasNeueRegular'; font-size:20px; background:#fff; margin:30px 0px 20px 0px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; } ol.commentlist { clear:both; overflow:hidden; list-style:none; margin:0; } ol.commentlist li { line-height:18px; background:#fff; margin:5px 0 20px 0px; padding:20px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; } ol.commentlist li .comment-author a:link,ol.commentlist li .comment-author a:visited { color:#333; font-weight:700; text-decoration:none!important; } cite.fn { color:#eee; font-style:normal; } ol.commentlist li .comment-author .avatar { float:right; border:1px solid #eee; background:#fff; padding:3px; } ol.commentlist li .comment-meta .commentmetadata { color:#000; } ol.commentlist li .comment-meta a { color:#E00B32; text-decoration:none!important; } ol.commentlist li p { line-height:22px; margin-top:5px; color:#666; font-size:12px; } ol.commentlist li .reply { margin-top:10px; font-size:10px; } ol.commentlist li .reply a { background:#595852; border:1px solid #333; color:#fff; text-decoration:none; padding:3px 10px; } ol.commentlist li ul.children { list-style:none; text-indent:0; margin:1em 0 0; } .comment-nav { height:20px; padding:5px; } .comment-nav a:link,.comment-nav a:visited { color:#E73540; } #respond { margin:10px 0; padding:0; } #respond h3 { font-size:14px; font-weight:400; color:#444; padding:5px 0 0; } #commentform { padding:10px 0; } #commentform a { color:#E1512A; } #commentform p { color:#999; margin:5px 0; } #respond label { display:block; color:#999; padding:5px 0; } #respond input { background:#fff; border:1px solid #ddd; color:#02070F; margin:0 10px 10px 0; padding:5px; } #commentform input { width:50%; } #respond input#commentSubmit { width:100px; background:#545454; border:1px solid #333; color:#fff; cursor:pointer; margin:10px 0; padding:3px 5px; } textarea#comment { background:#fff; border:1px solid #ddd; width:70%; color:#02070F; margin:10px 0 0; padding:5px; } ol.commentlist li .comment-author,ol.commentlist li .comment-author .fn { color:#333; } ol.commentlist li .comment-meta,#respond label small { font-size:10px; } ol.commentlist li ul.children li.depth-2,ol.commentlist li ul.children li.depth-3,ol.commentlist li ul.children li.depth-4,ol.commentlist li ul.children li.depth-5 { margin:0 0 0 50px; } /* Archive title and pagination */ h1.pagetitle{ font-size:14px; margin-bottom:20px; color:#777; } /* — FOOTER — */ #footer { padding:30px 0 30px 0px; color:#777; font-size:11px; background:#222; } #footer a:link , #footer a:visited{ color:#777; } #footer a:hover { color:#777; } .fcred{ width:1000px; text-align:center; margin:0px auto; line-height:16px; } /* Pagenavi */ #navigation{ padding-left:0px; } .wp-pagenavi{ font-size:12px; text-align: center !important; } .wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:visited { text-decoration: none; background:#493D3D!important; border: 1px solid #191313 !important; color:#fff !important; padding:3px 7px !important; display: block; text-align: center; float: left; margin-right: 4px; } .wp-pagenavi a:hover { color: #ffffff; } .wp-pagenavi span.pages { display:none; } .wp-pagenavi span.current { text-decoration: none; background:#333 !important; border: 1px solid #111!important; color:#fff !important; padding:3px 7px !important; display: block; text-align: center; float: left; margin-right: 4px; } .wp-pagenavi span.extend { text-decoration: none; background:#333 !important; border: 1px solid #111 !important; color:#fff !important; padding:3px 7px !important; display: block; text-align: center; float: left; margin-right: 4px; } /* Tooltips */ #tooltip{ position:absolute; font-family:BebasNeueRegular; border:1px solid #ddd; font-size:18px; background:#fff; padding:10px 20px; color:#666; display:none; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -moz-box-shadow:0 0 2px #ccc; -webkit-box-shadow:0 0 2px #ccc; box-shadow:0 0 2px #ccc; } /* page 404 */ #home-content .entry{ text-align:center; } .title-404 h2{ text-align:center; font-size:48px; font-family:BebasNeueRegular; padding:20px 0px; } /* Breadcrumbs */ ul.breadcrumbs{ list-style:none; background:#fff; padding:15px 20px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; } ul.breadcrumbs li{ float:left; margin-right:5px; }
