Hola soy nuevo en el foro… por favor ayudenme.

Inicio Foros Servicios Servicios Profesionales Hola soy nuevo en el foro… por favor ayudenme.

Este debate contiene 2 respuestas, tiene 2 mensajes y lo actualizó  MODELLINGMX hace 9 años, 7 meses.

  • Autor
    Publicaciones
  • #12939

    MODELLINGMX
    Participante

    <p>Estoy trabajando en esta web http://www.modelling.com.mx/mg/ con wordpress… </p>
    <p>Como pueden ver elimine la barra lateral, donde aparecen los popular tags, el calendario, el blogroll, etc. ahora como pueden ver tengo 3 entradas de ejemplo, aparecen 2 arriba en el primer nivel o renglón y una en el segundo nivel o renglón, el espacio de la barra lateral esta en blanco.</p>
    <p>Mi pregunta es como puedo lograr que queden las 3 entradas en un nivel, o sea ocupar el espacio de la barra lateral con entradas. jejeje de 3 en 3… espero darme a entender.</p>
    <p>Por favor ayúdenme ya que ese es mi dolor de cabeza, a y como extra si me pueden recomendar algún buen tuto para evitar ataques de hacks en wordpress.<br />
    Gracias espero respuestas.
    </p>

  • #28345

    Jose Moreno
    Participante

    Hola MODELLINGMX, lo que debes hacer es cambiar el tamaño del espacio que contiene los post, el cual varía según el theme pero debería llamarse algo como "main" o "main wrapper" o "content" como te digo depende del theme. Para identificarlo vas al archivo index.php de tu theme y buscas la llamada a los posts ( busca esto ‘ <?php get_header(); ?>
    <div id="content">
    <?php if (have_posts()) : ?>
    <?php while (have_posts()) : the_post(); ?>
    <div class="post"> ‘

    En este caso el div se llama "content".

    Lo que debes hacer es aumentar el ancho de este espacio, ya que por defecto el ancho es del total del ancho del theme menos el sidebar. Al eliminar el sidebar el ancho del contenido sigue siendo el mismo.
    Ej. tu theme mide 1000px de ancho (verás algo así en tu hoja de estilos css widht: 1000px;), de los cuales tu content mide 600px y tu sidebar 400px, al borrar el sidebar el content sigue siendo de 600px, debes aumentarlo a 1000px (es un ejemplo)

    Lo siguiente es dividir el ancho total del content entre 3 para saber cuanto será el ancho de cada post, en el ejemplo sería 333px, a esto debes restarle un poco por los margenes y padding, calcula más o menos 325px y vas probando

    En la hoja de estilos css busca el div que le da el estilo a los post, casi siempre es #post y ponle width: 325px; y también es importante que pongas float: left; para que los post queden uno al lado del otro.

    Espero haber sido claro, si tienes dudas puedes copiar aquí tu css que te decimos como hacerlo

    Saludos

  • #28433

    MODELLINGMX
    Participante

    Hola oye disculpa pero estoy algo confundido abusando de tu ayuda te dejo los codigos del index.php y del style ccs esque no encuentor donde cambiar los codigos. 😳

    [b]INDEX:PHP[/b]
    _____________________________________________________________________________________

    <?php get_header(); ?>

    <div id="content">

    <div id="left-container">

    <?php if (have_posts()) : ?>

    <?php while (have_posts()) : the_post(); ?>

    <div <?php post_class() ?> id="post-<?php the_ID(); ?>">
    <div class="entry">
    <h2>" rel="bookmark" title="Permanent Link to <?php the_title_attribute(); ?>"><?php the_title(); ?></h2>

    <?php the_content(‘Read the rest of this entry »’); ?>

    <p class="postmetadata"><?php the_tags(‘Tags: ‘, ‘, ‘, ‘
    ‘); ?> Posted in <?php the_category(‘, ‘) ?> | <?php edit_post_link(‘Edit’, ”, ‘ | ‘); ?> <?php comments_popup_link(‘No Comments »’, ‘1 Comment »’, ‘% Comments »’); ?></p>
    </div>
    </div>

    <?php endwhile; ?>

    <div class="navigation">
    <div class="alignleft"><?php next_posts_link(‘« Older Entries’) ?></div>
    <div class="alignright"><?php previous_posts_link(‘Newer Entries »’) ?></div>
    </div>

    <?php else : ?>

    <h2 class="center">Not Found</h2>
    <p class="center">Sorry, but you are looking for something that isn’t here.</p>
    <?php get_search_form(); ?>

    <?php endif; ?>

    </div><!– End Left Container–>

    <div class="clear"></div>

    <?php get_footer(); ?>

    _____________________________________________________________________________________

    STYLE.CSS
    _____________________________________________________________________________________

    /*
    Theme Name: Blue Mag
    Description: WordPress News/Blog theme.
    Version: 1.0
    Author: Karan Khatri

    */

    body {
    font-size: 12px;
    font-family:Arial, Helvetica, sans-serif;
    background: #ffffff url(images/bg.png) repeat-x;
    color: #333;
    margin:0;
    padding:0;
    }

    #wrap {
    width:960px;
    margin:0 auto;
    }

    img {
    border:none;
    }

    /* Headings */

    h1,h2,h3,h4,h5,h6 {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-weight:normal;
    }

    h1{
    font-size:25px;
    }

    h2{
    font-size:20px;
    }

    h3{
    font-size:16px;

    }

    h4{
    font-size:14px;
    }

    h5{
    font-size:10px;
    }

    h6{
    font-size:8px;
    }

    /* Top */

    #top{
    margin:5px 0 0 0;
    padding:0;
    }

    /* Header */

    #header {
    margin:0;
    padding:0;
    height:100px;
    }

    .left-head{
    float:left;
    width:300px;
    }

    #header h1 {
    margin:0 0 10px 0;
    padding: 0;
    font-size:25px;
    font-family:Georgia, "Times New Roman", Times, serif;
    }

    #header h1 a:link,#header h1 a:active,#header h1 a:visited{
    display:block;
    background: url(images/logo.png) no-repeat left;
    height:95px;
    width:400px;
    }

    .description {
    font-size:14px;
    margin:0;
    padding:0;
    color:#fff;
    }

    img.head-add{
    float:right;
    width:500px;
    margin-top:20px;
    }

    /* Navbar */

    #nav{
    margin:10px 0 0 0;
    padding:0;
    height:38px;
    background:#e0dfe3;
    }

    ul.nav{
    width:660px;
    float:left;
    }

    #nav ul {
    margin: 0;
    padding: 0 0 0 15px;
    list-style: none;
    }

    #nav li {
    margin: 0;
    float:left;
    padding:0;
    }

    #nav ul li a:link,#nav ul li a:active,#nav ul li a:visited {
    display: block;
    margin: 0;
    padding:11px 15px;
    text-decoration: none;
    font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size:11px;
    font-weight:normal;
    text-transform:uppercase;
    color:#000000;
    }

    #nav ul li a:hover {
    display: block;
    color:#000000;
    }

    .current_page_item a:link, .current_page_item a:visited, .current_page_item a:active {
    color: #000 !important;
    background:#ffffff;

    }

    #nav li ul {
    position: absolute;
    width: 10em;
    left: -999em;
    }

    #nav li:hover ul {
    left: auto;
    display: block;
    }

    #nav li:hover ul, #nav li.sfhover ul {
    left: -999em;
    }

    /* Search Box */

    .search-box {
    margin:1px 3px ;
    padding:0;
    float:right;
    }

    input#s {
    background:#000000;
    border:0px solid #555;
    height:17px;
    width:160px;
    padding:5px 2px 3px 5px;
    float:left;
    margin-top:5px;
    color:#fff;
    }

    input#sbutton {
    margin:6px 10px 5px 8px ;
    padding:0;
    height:25px;
    width:45px;
    color:#000000;
    background:# ffffff;
    border:none;
    }

    /* Content */

    #content {
    margin:0 0 10px 0;
    padding:0 10px 0 10px;
    border-left:0px solid #ccc;
    border-right:0px solid #ccc;
    border-bottom:0px solid #ccc;
    height:1%;
    background:#ffffff;
    }

    .clear {
    height:5px;
    margin:10px;
    clear:both;
    }

    /* Left Container */

    #left-container {
    width:911px;
    margin:15px 5px 0 0;
    float:left;
    }

    /* Entry */

    .entry {
    margin:0 5px 10px 5px;
    border:1px solid #ccc;
    padding:5px 10px;
    background:#fff;
    width: 911px;
    }

    .entry h2 {
    font-size:25px;
    margin:0 0 10px 0;
    }

    /* Right Container */

    #right-container {
    width:0px;
    margin:15px 5px 0 0;
    float:right;
    padding:0;
    }

    /* Sidebar */

    #sidebar {
    margin:0 0 10px 0;
    padding:0;
    }

    #sidebar h2, #flickr-box h2 {
    font-size:16px;
    margin:0;
    padding:8px 0 0 10px;
    color:#eee;
    height:28px;
    background:#3c3a38;
    }

    #sidebar ul {
    margin:0;
    padding:0;
    list-style:none;
    }

    #sidebar ul li ul {
    margin-bottom:15px;
    border:1px solid #ccc;
    background:#fff;
    }

    #sidebar ul ul li{
    margin:0;
    padding:6px;
    background: url(images/sidebar-li.png) no-repeat;
    border-bottom:1px solid #f1f1f1;
    padding-left:22px;
    }

    #sidebar ul ul ul {
    margin:0;
    padding:0;
    }

    #sidebar ul ul ul li{
    margin:0;
    padding:3px 2px 3px 5px;
    }

    #tag_cloud {
    border:1px solid #ccc;
    background:#fff;
    padding:0 0 10px 0;
    margin-bottom:15px;
    }

    #tag_cloud h2{
    margin-bottom:10px;
    }

    #tag_cloud a{
    padding-left:5px;
    }

    /* Comment Box */

    #comment-box{
    border-top:1px dotted #888;
    border-bottom:1px dotted #888;
    margin-bottom:10px;
    }

    form p{
    margin:0 0 5px 0;
    padding:0;
    }

    #comment-box input {
    width: 220px;
    margin: 2px 0 10px 0;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #eee;
    border-right: 1px solid #eee;
    height:20px;
    font-size: 12px;
    color:#000;
    padding:5px 0 0 5px;

    }

    #comment-box label {
    display: block;
    font-size: small;
    font-weight: bold;
    margin:0;
    padding:0;
    }

    #comment-box textarea {
    width: 350px;
    height: 150px;
    display: block;
    border: 1px solid #ddd;
    margin: 0 ;
    padding:5px 0 0 5px;
    font-size: small;
    color:#000;
    }

    input#submit-comment{
    font-size: small;
    font-weight: bold;
    color:#000;
    width:155px;
    height:30px;
    margin:10px 0 0 0;
    padding:0;
    border: 1px solid #ccc;
    background:#fff;
    }

    ol.commentlist{
    margin:0;
    padding:0;
    list-style:none;
    }

    ol.commentlist p{

    line-height:1.7em;
    }

    ol.commentlist li{
    border:1px dashed #ccc;
    padding:10px;
    margin-bottom:15px;
    background:#f1f1f1;
    }

    #content .commentlist ul li{
    list-style:none;
    }

    .comment-author cite {
    float:left;
    margin-right:5px;
    font-style:normal;
    color:#000;
    }

    .comment-author img {
    padding:5px;
    border:1px solid #ddd;
    background:#fff;
    float:right;
    }

    #respond:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }

    .children {
    padding: 0;
    margin:0;
    }

    ul.children{
    list-style:none;
    }

    ul.children li{
    margin:10px 0;
    }

    /* Footer */

    #footer {
    marginpadding-bottom:10px;
    }

    /* Miscellaneous */

    .aligncenter,
    div.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
    background:#fff;
    }

    .alignright {
    float: right;
    margin: 0;
    margin-left:12px;
    margin-bottom:10px;
    padding:2px;
    }

    .alignleft {
    float: left;
    margin:0;
    margin-right:12px;
    margin-bottom:10px;
    padding:2px;

    }

    blockquote p{
    padding:5px;
    margin:0;
    border-left:5px solid #CC0033;
    }

    /* Captions */

    .wp-caption {
    border: 1px solid #ddd;
    text-align: center;
    padding-top: 4px;
    border:1px solid #ddd;
    }

    .wp-caption img {
    margin: 0;
    padding: 0;
    border: 0 none;
    }

    .wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    padding: 0 4px 5px;
    margin: 0;
    }

    /* General Links */

    a:link,a:active,a:visited,a:hover{
    color:#07519a;
    outline: none;
    text-decoration:none;
    }
    a:hover{
    text-decoration:underline;
    }

    /* Flickr Box */

    #flickr-box{
    padding:0;
    background:#fff;
    border:1px solid #ccc;
    }

    #flickr-box img{
    padding:4px;
    margin:7px;
    background:#fff;
    border:1px solid #ccc;
    }

    /* Calendar */

    #wp-calendar {
    empty-cells: show;
    margin: 10px auto 0;
    width: 155px;
    }

    #wp-calendar #next a {
    padding-right: 10px;
    text-align: right;
    }

    #wp-calendar #prev a {
    padding-left: 10px;
    text-align: left;
    }

    #wp-calendar a {
    display: block;
    }

    #wp-calendar caption {
    text-align: center;
    width: 100%;
    }

    #wp-calendar td {
    padding: 3px 0;
    text-align: center;
    }

    /* Home Page */

    #featured {
    background:#ffffff;
    padding:0 5px;
    width:911px;
    }

    .featured-container {
    background:#202528;
    margin: 0;
    padding:10px;
    color:#999;
    }

    #featured img {
    padding:7px;
    border:1px solid #484f53;
    float:left;
    margin-right:10px;
    }

    #featured h2 {
    font-size:30px;
    margin:0;
    line-height:1.5em;
    font-size:normal;
    font-family:Georgia, "Times New Roman", Times, serif;
    }

    #featured h2 a:link, #featured h2 a:active ,#featured h2 a:visited {
    color:#fff;
    }

    .fea-read {
    display:block;
    height:15px;
    width:110px;
    background:#3b4348;
    margin:10px 0;
    padding:5px;
    }

    .fea-read a:link, .fea-read a:active, .fea-read a:visited {
    color:#fff;
    }

    /* Home Entry */

    #home-entry {
    margin:10px 0 0 0;
    padding:0;
    }

    .home-entry-post {
    background:#fff;
    width:298px;
    float:left;
    margin:0 7px 13px 5px;
    padding:0;
    border:1px solid #ccc;
    }

    .home-entry-post h2{
    margin:0 0 0 5px;
    padding:5px;
    font-size:20px;
    }

    .home-entry-post p{
    padding:0 10px;
    }

    .home-date {
    margin:0 0 0 10px;
    color:#aaa;
    font-size:11px;
    }

    .home-thumb {
    width:268px;
    height:90px;
    margin:10px;
    border:1px solid #ddd;
    background:#f1f1f1;
    padding:5px;
    }

    img.add {
    margin-bottom:15px;
    }

    .read {
    display:block;
    height:15px;
    width:110px;
    background:#222;
    margin:10px;
    padding:5px;
    }

    .read a:link, .read a:active, .read a:visited {
    color:#fff;
    }

    /* Video */

    #video {
    margin-bottom:15px;
    padding:9px;
    background:#fff;
    border:1px solid #ccc;
    }
    ____________________________________________________________________________________

    Te lo dejo para ver si me pudes indicar donde cambiar trate de hacer unos cambios pero no me funcionaron jejeje.

    Gracias espero me respondas.

El foro ‘Servicios Profesionales’ está cerrado y no se permiten nuevos debates ni respuestas.

Pin It on Pinterest

Ir al contenido