Centrar tema Black urban!!!!

Inicio Foros WordPress Themes y Diseño Centrar tema Black urban!!!!

Este debate contiene 5 respuestas, tiene 3 mensajes y lo actualizó  lumbreras hace 9 años.

  • Autor
    Publicaciones
  • #13200

    Dz
    Participante

    <p>Hola queridos compañeros de wordpress estoy un poco loco ya debido a que no puedo centrar el tema de mi pagina llamado black urban,e practicado algunas recomendaciones que vi en el foro pero sin ningun resultado,necesito centrarlo cuanto antes tengo un programa de radio y todos los seguidores del programa tienen dificultades a la hora d enavegar ya que el tema esta totalmente a la izquierda os dejo el style.css de la pagina y la direccion http://www.transformersbreaks.co.cc</p&gt;
    <p>/*<br />
    Theme Name: Black Urban<br />
    Theme URI: http://anton.shevchuk.name/web20/creative-design-in-15-minutes/<br />
    Description: WordPress Black Urban Theme, only black and white. Source is aviable on homepage. Built for WordPress Version 2.7+ and Widget Ready.<br />
    Version: 0.5.2<br />
    Author: Anton Shevchuk<br />
    Author URI: http://anton.shevchuk.name/<br />
    Tags: black, dark, fixed-width, two-columns, threaded-comments, theme-options</p>
    <p> This theme was designed and built by Anton Shevchuk,<br />
    whose blog you will find at http://anton.shevchuk.name/<br />
    &lt;script type=&quot;text/javascript&quot; src=&quot;http://widgets.amung.us/classic.js&quot;&gt;&lt;/script&gt;&lt;script type=&quot;text/javascript&quot;&gt;WAU_classic(‘uv0wv2x2cujd’)&lt;/script&gt; </p>
    <p>*/</p>
    <p>html, body {<br />
    height:100%;<br />
    margin:0;<br />
    min-width:1000px;<br />
    padding:0;<br />
    }</p>
    <p>body {<br />
    color:#fff;<br />
    font:62.5%/1.6 Verdana,Tahoma,sans-serif;<br />
    line-height:1.5em;<br />
    background: #000 url(images/header.jpg) 50% top no-repeat;<br />
    }</p>
    <p>div, ul, ol, li, p, img {<br />
    margin:0;<br />
    padding:0;<br />
    }</p>
    <p>li ul, li ol {<br />
    padding-left:20px;<br />
    }</p>
    <p>h1 { font-size:2.0em }<br />
    h2 { font-size:1.8em }<br />
    h3 { font-size:1.6em; margin:12px 0; }<br />
    h4 { font-size:1.4em; margin:8px 0;}<br />
    h5, h6 { font-size:1.2em; color:#aaa; margin:4px 0; }<br />
    pre { font-size:1.4em}<br />
    blockquote{<br />
    border-left:3px dotted #333;<br />
    padding-left:6px;<br />
    }<br />
    a {<br />
    color:#fff;<br />
    outline:none;<br />
    text-decoration:none;<br />
    }</p>
    <p>a:hover {<br />
    color:#fff;<br />
    }<br />
    a:visited {<br />
    color:#fffff5;<br />
    }</p>
    <p>.aligncenter,<br />
    div.aligncenter {<br />
    display: block;<br />
    margin-left: auto;<br />
    margin-right: auto;<br />
    }</p>
    <p>.alignleft, .left {<br />
    float: left;<br />
    }</p>
    <p>.alignright, .right {<br />
    float: right;<br />
    }</p>
    <p>.clear {<br />
    clear:both;<br />
    }</p>
    <p>/* Caption Begin */<br />
    .wp-caption {<br />
    border: 1px solid #333;<br />
    text-align: center;<br />
    background-color: #000;<br />
    padding-top: 4px;<br />
    margin: 10px;<br />
    /* optional rounded corners for browsers that support it */<br />
    -moz-border-radius: 3px;<br />
    -khtml-border-radius: 3px;<br />
    -webkit-border-radius: 3px;<br />
    border-radius: 3px;<br />
    }</p>
    <p>.wp-caption img {<br />
    margin: 0;<br />
    padding: 0;<br />
    border: 0 none;<br />
    }</p>
    <p>.wp-caption p.wp-caption-text {<br />
    font-size: 11px;<br />
    line-height: 17px;<br />
    padding: 0 4px 5px;<br />
    margin: 0;<br />
    }</p>
    <p>/* Caption End */<br />
    /* Begin Layout */<br />
    #body {<br />
    width:1024px;<br />
    margin:0 auto;<br />
    }</p>
    <p>#wrapper {<br />
    float:left;<br />
    width:100%;<br />
    }</p>
    <p>#container {<br />
    /*margin: 0 0 0 200px;*/ /* left Sidebar */<br />
    margin: 0 200px 0 0; /* Right Sidebar */<br />
    /*margin: 0 200px 0 200px;*/ /* Two Sidebar */<br />
    }<br />
    /* Right Sidebar */<br />
    #sidebar {<br />
    float:left;<br />
    width:180px; /* minus border and padding */<br />
    margin-left:-200px<br />
    }<br />
    /* Left Extra bar */<br />
    /*<br />
    #extra {<br />
    float:left;<br />
    width:200px;<br />
    margin-left:-824px;<br />
    }<br />
    */<br />
    /* End Layout */</p>
    <p>/* Start Urban Theme */<br />
    /* Begin Header */<br />
    #header {<br />
    height:320px;<br />
    position:relative;<br />
    }<br />
    #header .logo {<br />
    height:80px;<br />
    width:800px;<br />
    text-transform: uppercase;<br />
    margin:0 auto<br />
    }<br />
    #header h1 {<br />
    font: bold 600%/100% Verdana,Tahoma,sans-serif;<br />
    padding:8px 24px;<br />
    text-transform: uppercase;<br />
    letter-spacing: -6px;<br />
    margin:0 auto;<br />
    position: relative;<br />
    }<br />
    #header h1 span {<br />
    background: url (images/espacio.jpg) repeat-x;<br />
    position: absolute;<br />
    display: block;<br />
    width: 100%;<br />
    height: 60px;<br />
    }<br />
    /* Stupid IE6 */<br />
    * html #header h1 span {<br />
    background: none;<br />
    }</p>
    <p> #header h2 {<br />
    display:block;<br />
    width:680px;<br />
    border-top:3px dotted #333;<br />
    padding-right:40px;<br />
    margin:2px auto;<br />
    color:#aaa;<br />
    font-size:1.2em;<br />
    text-align:right;<br />
    }<br />
    #header .links a {<br />
    position:absolute;<br />
    display:block;<br />
    width:72px;<br />
    height:72px;<br />
    text-indent:-9999%;<br />
    }</p>
    <p> #header .links a span {<br />
    background:url(images/hover.png) no-repeat;<br />
    position:absolute;<br />
    padding-top:32px;<br />
    text-indent:0;<br />
    text-align:center;<br />
    font-size:1.6em;<br />
    font-weight:bold;<br />
    display:none;<br />
    width:148px;<br />
    height:80px;<br />
    top:-84px;<br />
    left:-40px;<br />
    }</p>
    <p> #logo {<br />
    top:0;<br />
    left:0;<br />
    width:100% !important;<br />
    height:96px !important;<br />
    }</p>
    <p> #home {<br />
    top:210px;<br />
    left:0px;<br />
    }<br />
    #online {<br />
    top:116px;<br />
    left:370px;<br />
    }<br />
    #online span {<br />
    top:80px !important<br />
    }<br />
    #archive {<br />
    top:200px;<br />
    left:520px;<br />
    }<br />
    #rss {<br />
    top:110px;<br />
    left:700px;<br />
    }<br />
    #rss span {<br />
    top:80px !important<br />
    }<br />
    /* End Header */<br />
    /* Begin Sidebar */<br />
    #sidebar {<br />
    background: url(images/sidebar.jpg) 0px bottom no-repeat;<br />
    padding:0 0 140px 10px;<br />
    border-left:3px dotted #222<br />
    }<br />
    #sidebar h3{<br />
    color:#999;<br />
    padding:12px 6px 8px 6px<br />
    }</p>
    <p> #sidebar a {<br />
    font-size:1.2em;<br />
    line-height:1.2em<br />
    }<br />
    #sidebar a:hover {<br />
    text-decoration:underline<br />
    }<br />
    #sidebar .tagcloud {<br />
    padding:0px 12px<br />
    }<br />
    #sidebar ul {<br />
    list-style:none;<br />
    }<br />
    #sidebar li ul li a{<br />
    padding:2px;<br />
    }</p>
    <p>/* End Sidebar */</p>
    <p>/* Begin Post Style */<br />
    .post {<br />
    background: url(images/cursor.jpg) right bottom no-repeat;<br />
    width:800px;<br />
    margin:4px auto;<br />
    /*border:3px dotted #0e0e0e;*/<br />
    }<br />
    .post h2 {<br />
    font-weight:bold;<br />
    font-size:1.8em;<br />
    }<br />
    .post-title {<br />
    padding:4px;<br />
    margin-bottom: 12px;<br />
    }<br />
    .post-title a, .post-title span{<br />
    border-bottom:3px dotted #555<br />
    }<br />
    .post-entry ul, .post-entry ol{<br />
    padding-left:20px<br />
    }<br />
    .post-entry p{<br />
    font-size:1.2em;<br />
    line-height:1.4em;<br />
    text-indent:12px;<br />
    margin-bottom:4px;<br />
    }<br />
    .post-entry p:first-letter {<br />
    font-weight:700;<br />
    }<br />
    .post-entry a, .post-footer a {<br />
    border-bottom:1px #fff dotted;<br />
    }<br />
    .post-entry a:hover, .post-footer a:hover {<br />
    border-bottom:1px #fff solid;<br />
    }<br />
    .post-entry img {<br />
    padding:4px;</p>
    <p> border:#fff solid 1px;<br />
    -moz-border-radius: 4px;<br />
    -khtml-border-radius: 4px;<br />
    -webkit-border-radius: 4px;<br />
    border-radius: 4px;</p>
    <p> }</p>
    <p> .post-entry ol, .post-entry ul {<br />
    padding-left:20px;<br />
    }<br />
    .post-entry ul {<br />
    list-style:bullet;<br />
    }<br />
    .post .pages {<br />
    font-size:1.4em<br />
    }<br />
    .post-footer-links {<br />
    padding-right:80px;<br />
    }<br />
    .post-footer-line {<br />
    height:64px;<br />
    background: url(images/barbed-wire.jpg) 50% top no-repeat;<br />
    }<br />
    /* End Post Style */</p>
    <p>/* Begin Navigation */<br />
    .navigation div a{<br />
    text-indent:-9999%;<br />
    display:block;<br />
    width:80px;<br />
    height:72px;<br />
    margin:0 20px;<br />
    }<br />
    .navigation .alignleft a{<br />
    background: url(images/prev.jpg) 0 0 no-repeat;<br />
    }<br />
    .navigation .alignright a{<br />
    background: url(images/next.jpg) 0 0 no-repeat;<br />
    }</p>
    <p>/* End Navigation */<br />
    /* Begin Search Form */<br />
    #searchform {<br />
    padding: 0px;<br />
    width:300px;<br />
    margin:12px auto;<br />
    }<br />
    #searchform input {<br />
    margin: 5px 5px 1px 0;<br />
    }</p>
    <p>/* End Search Form */<br />
    /* Begin Form Elements */<br />
    input, select, textarea {<br />
    padding: 2px;<br />
    color:#fff;<br />
    background:#000;<br />
    border:#fff solid 1px;<br />
    -moz-border-radius: 4px;<br />
    -khtml-border-radius: 4px;<br />
    -webkit-border-radius: 4px;<br />
    border-radius: 4px;<br />
    }<br />
    optgroup {<br />
    background:#333;<br />
    }<br />
    fieldset{<br />
    border:1px solid #555;<br />
    padding: 8px;<br />
    }<br />
    textarea {<br />
    width: 98%;<br />
    }</p>
    <p>#commentform {<br />
    margin: 5px 10px 0 0;<br />
    }<br />
    #commentform input {<br />
    width: 170px;<br />
    padding: 2px;<br />
    margin: 5px 5px 1px 0;<br />
    }<br />
    #commentform textarea {<br />
    width: 100%;<br />
    padding: 2px;<br />
    }<br />
    #commentform #submit {<br />
    margin: 0 0 5px auto;<br />
    float: right;<br />
    cursor:pointer<br />
    }<br />
    #commentform p {<br />
    margin: 5px 0;<br />
    }<br />
    /* End Form Elements */<br />
    /* Begin Calendar */<br />
    #wp-calendar {<br />
    border-collapse: collapse;<br />
    margin-left:20px<br />
    }</p>
    <p>#wp-calendar th {<br />
    border:0;<br />
    border-bottom:1px solid #555;<br />
    background-color:#000;<br />
    }</p>
    <p>#wp-calendar td {<br />
    text-align:center;<br />
    font-size:1.2em;<br />
    padding:4px 2px;<br />
    border:0 !important<br />
    }</p>
    <p>#wp-calendar tbody{</p>
    <p> border-bottom:1px solid #555;<br />
    }<br />
    #wp-calendar tbody a{<br />
    padding:2px;<br />
    display:block;<br />
    font-weight:700;<br />
    text-decoration:underline<br />
    }<br />
    #wp-calendar tbody a:hover{<br />
    background:#222;<br />
    text-decoration:none;<br />
    }<br />
    /* End Calendar */<br />
    /* Begin Table Element */<br />
    table {<br />
    border-collapse:collapse;<br />
    }</p>
    <p>th {<br />
    font-size:1.2em;<br />
    padding:4px 6px;<br />
    background-color:#333;<br />
    border:1px solid #777;<br />
    }<br />
    td {<br />
    padding:4px;<br />
    border:1px solid #777;<br />
    }<br />
    /* End Table Element */<br />
    /* Begin Comments*/</p>
    <p>.thread-even, .even {<br />
    background-color: #000;<br />
    border: 1px solid #777;<br />
    }</p>
    <p>.thread-odd, .odd {<br />
    background-color: #111;<br />
    border: 1px solid #333;<br />
    }<br />
    .depth-2, .depth-4 {<br />
    border-left:3px dotted #aaa;<br />
    }<br />
    #respond {<br />
    clear:both;<br />
    margin-bottom:24px;<br />
    }<br />
    #comments {<br />
    width:800px;<br />
    margin:8px auto;<br />
    border:3px dotted #0a0a0a;<br />
    }<br />
    #comments h3 {<br />
    padding:8px;<br />
    }<br />
    .commentlist {<br />
    padding: 0;<br />
    text-align: justify;<br />
    }</p>
    <p> .commentlist li {<br />
    margin: 15px 0 10px;<br />
    padding: 5px 5px 10px 10px;<br />
    list-style: none;<br />
    clear:both;<br />
    }</p>
    <p> .commentlist ul {<br />
    clear:both;<br />
    }</p>
    <p> .commentlist li ul li {<br />
    margin-right: -5px;<br />
    margin-left: 10px;<br />
    }</p>
    <p> .commentlist li .avatar {<br />
    float: right;<br />
    border: 1px solid #777;<br />
    padding: 2px;<br />
    background: #000;<br />
    -moz-border-radius: 2px;<br />
    -khtml-border-radius: 2px;<br />
    -webkit-border-radius: 2px;<br />
    border-radius: 2px;<br />
    }<br />
    .commentlist p {<br />
    font-size:1.2em;<br />
    margin: 10px 5px 10px 0;<br />
    }<br />
    .commentlist a {<br />
    border-bottom:1px #fff dotted;<br />
    }<br />
    .commentlist a:hover {<br />
    border-bottom:1px #fff solid;<br />
    }<br />
    .children { padding: 0; }</p>
    <p>.nocomments {<br />
    text-align: center;<br />
    margin: 0;<br />
    padding: 0;<br />
    }<br />
    .comment-author{<br />
    font-size:1.2em;<br />
    }<br />
    .comment-meta a{<br />
    color:#999;<br />
    border:0;<br />
    }<br />
    .comment-meta a:hover{<br />
    border:0<br />
    }<br />
    /* End Comments */<br />
    /* Begin Footer */<br />
    #footer {<br />
    clear:both;<br />
    width:824px;<br />
    padding: 20px 80px;<br />
    margin: 0 auto;<br />
    border-top:3px #222 dotted;<br />
    background: url(images/footer.jpg) left bottom no-repeat<br />
    }</p>
    <p>#footer div {<br />
    width:180px;<br />
    float:left;<br />
    }</p>
    <p>#footer h3 {<br />
    color:#999;<br />
    padding:0 4px;<br />
    line-height:2em<br />
    }<br />
    #footer ul{<br />
    list-style:none;<br />
    padding:0 4px;<br />
    }<br />
    #footer li{<br />
    line-height:1.4em;<br />
    font-size:1.2em;<br />
    }<br />
    #footer li a{<br />
    padding:3px 12px;<br />
    display:block<br />
    }<br />
    #footer li a:hover{<br />
    text-decoration:underline;<br />
    }<br />
    #footer .copy{<br />
    text-align:left;<br />
    }<br />
    /* End Footer */<br />
    /* End Urban Theme */
    </p>

  • #29218

    gventura
    Participante

    Yo añadiría lo que esta en negrita:

    #body {
    width:1024px;
    margin:0 auto [b]0[/b];
    }

    Por lo que veo, tu web está centrada (atributo auto) lo que pasa es que no funciona en internet explorer. La solución: Di a la gente que escucha tu programa de radio que se bajen el firefox u otro navegador :), les harás un favor y también a todos los que alguna vez han programado algo para web.

    Para que todos los navegadores se vea igual podrías sustituir lo anterior por:

    #body {
    top:0px;
    left:50%;
    margin-left:-512px;
    width:1024px;
    }

    Pruebalo, espero haber ayudado y acertado.

  • #29220

    Dz
    Participante

    gventura dijo:
    Yo añadiría lo que esta en negrita:

    #body {
    width:1024px;
    margin:0 auto [b]0[/b];
    }

    Por lo que veo, tu web está centrada (atributo auto) lo que pasa es que no funciona en internet explorer. La solución: Di a la gente que escucha tu programa de radio que se bajen el firefox u otro navegador :), les harás un favor y también a todos los que alguna vez han programado algo para web.

    Para que todos los navegadores se vea igual podrías sustituir lo anterior por:

    #body {
    top:0px;
    left:50%;
    margin-left:-512px;
    width:1024px;
    }

    Pruebalo, espero haber ayudado y acertado.

    Al insertar ese codigo :

    #body {
    top:0px;
    left:50%;
    margin-left:-512px;
    width:1024px;
    }

    se me centra perfecto la imagen de fondo de la pagina pero lo que es el encabezado letras menus y demas lo que es los contenidos y articulos y todo eso no se centra se queda en su estado anterior si puediera centrar todo el contenido tal como se a centrado la imagen de fondo de la pagina quedaria perfecto espero ayudaa!!!

  • #29256

    lumbreras
    Participante

    Tu problema no es que la plantilla esté o no centrada, porque si lo está, el problema está en tu sidebar derecho, algo modificaste o alguna de las cosas que pusiste, hizo que se volviera más grande del tamaño inicial, y eso provoca que tu plantilla entera, parezca como si estuviera hacia la izquierda.

  • #29283

    Dz
    Participante

    Gracias fue cierto lo que me dijiste tenia el traductor puesto en el sidebar y esom e hacia el espacio a la derecha muchas gracias y mi maximo apoyo a este gran foro y a los que lo hacen tan competente.

  • #29285

    lumbreras
    Participante

    No hay porque, me da gusto que te haya podido ayudar, saludos!!

El foro ‘Themes y Diseño’ está cerrado y no se permiten nuevos debates ni respuestas.

Pin It on Pinterest