adaptar plantilla a una resolucion

Inicio Foros WordPress Themes y Diseño adaptar plantilla a una resolucion

Este debate contiene 1 respuesta, tiene 2 mensajes y lo actualizó  LGrusin hace 6 años, 5 meses.

  • Autor
    Publicaciones
  • #63496

    sergio18
    Participante

    Hola acabo de instalar una plantilla el problema es que ha cada usuario dependiendo de su monitor se le ve diferente y me gustaria adaptarla para una resolucion unica
    me gustaria adaptarlo a la resolucion 1024×768

    Os pongo una imagen para que veis que se ve
    http://oi49.tinypic.com/dr5s9.jpg
    y asi es como quiero que lo vean todos
    http://oi49.tinypic.com/ru1h1v.jpg

    Aqui teneis el codigo
    tengo que modificar solo el header y siderbar?

    /*
    Theme Name: Magloss_V2
    Theme URI: http://www.magpress.com/wordpress-themes/maglossv2.html
    Description: Magloss V2 is a 3 columns flexible width WordPress theme with an easy to use theme options. This theme also contains built-in featured content slider, featured category, adsense ready, twitter ready and many more.
    Author: Ronald KSY
    Author URI: http://www.magpress.com
    Tags: white,black,three-columns,right-sidebar,fixed-width,widget-ready,adsense-ready,twitter-ready,video-ready,theme-options,threaded-comments

    Magloss V2
    http://www.magpress.com/wordpress-themes/maglossv2.html

    This theme was designed and built by Ronald KSY,
    whose blog you will find at http://www.magpress.com/

    The CSS, XHTML and design is released under Creative Commons Attribution-Share Alike 3.0 United States License:
    http://creativecommons.org/licenses/by-sa/3.0/us/
    */

    body {
    margin: 0px;
    padding: 0px;
    height: auto;
    width: 100%;
    font-family: Tahoma, verdana;
    font-size: 1em;
    color: #000000;
    background-image: url(images/top-bg.png);
    background-repeat: repeat-x;
    background-color: #FDFDFD;
    }

    .clearfix {
    clear: both;
    }
    .alignleft {
    text-align: left;
    float: left;
    }
    .alignright {
    text-align: right;
    float: right;
    }
    .center {
    margin: 0px auto;
    clear: both;
    }
    p img {
    padding: 0;
    max-width: 100%;
    }
    img.alignleft {
    float: left;
    margin-right: 10px;
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 5px;
    background-color: #E6E6E6;
    border: 1px solid #d5d5d5;
    }
    img.alignright {
    float: right;
    margin-top: 5px;
    margin-left: 10px;
    margin-bottom: 5px;
    background-color: #E6E6E6;
    padding: 5px;
    border: 1px solid #D5D5D5;
    }
    img.aligncenter {
    margin-top: 5px;
    margin-right: auto;
    margin-bottom: 5px;
    margin-left: auto;
    display: block;
    background-color: #E6E6E6;
    padding: 5px;
    border: 1px solid #D5D5D5;
    }
    .aligncenter, div.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
    }
    .wp-caption {
    text-align: center;
    padding-top: 5px;
    margin-top: 10px;
    margin-right: 10px;
    margin-left: 10px;
    margin-bottom: 10px;
    background-color: #E6E6E6;
    border: 1px solid #d5d5d5;
    }
    .wp-caption img {
    margin: 0;
    padding: 0;
    border: 1px solid #d5d5d5;
    }
    .wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    color: #000000;
    padding-top: 5px;
    padding-right: 4px;
    padding-bottom: 5px;
    padding-left: 4px;
    }
    pre {
    padding: 10px;
    clear: both;
    width: auto;
    overflow: scroll;
    font-family: “Courier New”, “MS Sans Serif”, sans-serif, serif;
    color: #000000;
    font-size: 13px;
    line-height: 22px;
    white-space: nowrap;
    border: 1px solid #d5d5d5;
    background-color: #FFFFFF;
    margin-top: 8px;
    margin-right: auto;
    margin-bottom: 8px;
    margin-left: auto;
    }
    em {
    font-style: italic;
    }
    code {
    font-family: “Courier New”, “MS Sans Serif”, sans-serif, serif;
    font-size: 1.025em;
    }
    #sidebar select {
    font-family: “Trebuchet MS”, “Times New Roman”, Tahoma;
    padding: 1px;
    font-weight: bold;
    width: 99%;
    border: 1px solid #CCCCCC;
    color: #181919;
    background: #FFFFFF;
    margin-top: 5px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    clear: both;
    height: auto;
    }
    blockquote p {
    line-height: 22px;
    }

    blockquote {
    margin: 15px 30px 0 10px;
    padding-left: 20px;
    border-left: 5px solid #ddd;
    }
    blockquote cite {
    margin: 5px 0 0;
    display: block;
    }
    acronym, abbr, span.caps {
    cursor: help;
    }

    acronym, abbr {
    border-bottom: 1px dashed #999;
    }

    #wrapper {
    padding: 0px;
    height: auto;
    width: 100%;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    clear: both;
    }
    #container {
    margin: 0px;
    padding: 0px;
    height: auto;
    width: 100%;
    clear: both;
    }
    #header {
    padding: 0px;
    clear: both;
    height: auto;
    width: 95%;
    margin-top: 1em;
    margin-right: auto;
    margin-bottom: 1em;
    margin-left: auto;
    }
    #siteinfo {
    margin: 0px;
    padding: 0px;
    height: auto;
    width: 35%;
    float: left;
    text-align: left;
    }
    #siteinfo img {
    border: 0px none;
    }
    #siteinfo a {
    color: #000000;
    text-decoration: none;

    }
    #siteinfo a:hover {
    text-decoration: none;

    }
    #siteinfo h1 {
    color: #000000;
    margin: 0px;
    padding: 0px;
    clear: both;
    height: auto;
    width: 100%;
    text-transform: capitalize;
    text-align: left;
    font-size: 2em;
    }
    #siteinfo h2 {
    margin: 0px;
    padding: 0px;
    clear: both;
    height: auto;
    width: 100%;
    color: #000000;
    text-align: left;
    text-transform: capitalize;
    font-size: 0.7em;
    }
    #header-banner {
    margin: 0px;
    float: right;
    height: auto;
    width: 65%;
    text-align: right;
    padding: 0px;
    overflow: hidden;
    }
    #header-banner img {
    border: 0px none;
    max-width: 100%
    }
    #navigation_page {
    clear: both;
    height: auto;
    width: 100%;
    background-color: #333333;
    margin: 0px;
    padding-top: 5px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    }
    #navigation_page_inner {
    clear: both;
    height: auto;
    width: 95%;
    padding: 0px;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    }
    #navigation_category {
    clear: both;
    height: auto;
    width: 100%;
    background-color: #666666;
    padding-top: 5px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    margin: 0px;
    }
    #navigation_category_inner {
    clear: both;
    height: auto;
    width: 95%;
    padding: 0px;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    }

    #main {
    clear: both;
    height: auto;
    width: 95%;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    padding-top: 1em;
    padding-right: 0px;
    padding-bottom: 1em;
    padding-left: 0px;
    }
    #breadcrumbs {
    clear: both;
    height: auto;
    width: auto;
    font-size: 14px;
    font-weight: bold;
    color: #000000;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 5px;
    margin-left: 0px;
    padding-top: 0px;
    padding-right: 5px;
    padding-bottom: 0px;
    padding-left: 5px;
    }
    #breadcrumbs a {
    color: #990000;
    text-decoration: none;

    }
    #breadcrumbs a:hover {
    text-decoration: none;
    color: #000000;
    }
    #fullcontent {
    margin: 0px;
    padding: 0px;
    height: auto;
    width: 100%;
    clear: both;
    }
    #content {
    margin: 0px;
    padding: 0px;
    float: left;
    height: auto;
    width: 55%;
    }
    #featured {
    padding: 3px;
    height: auto;
    width: auto;
    background-color: #F7F7F7;
    border: 1px solid #D5D5D5;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 3px;
    margin-left: 0px;
    clear: both;
    }

    #featured h6 {
    clear: both;
    width: auto;
    display: block;
    font-weight: bold;
    color: #FFFFFF;
    font-size: 1.5em;
    height: auto;
    padding-top: 5px;
    padding-right: 10px;
    padding-bottom: 5px;
    padding-left: 10px;
    background-color: #000000;
    background-image: url(images/titlebar.png);
    background-repeat: repeat-x;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 3px;
    margin-left: 0px;
    }
    #post-entry {
    height: auto;
    width: 100%;
    padding: 0px;
    clear: both;
    margin: 0px;
    }
    .post-meta {
    clear: both;
    height: auto;
    width: auto;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 3px;
    margin-left: 0px;
    border: 1px solid #D5D5D5;
    background-color: #F7F7F7;
    padding-top: 3px;
    padding-right: 3px;
    padding-bottom: 25px;
    padding-left: 3px;
    background-image: url(images/post-bottom.png);
    background-repeat: repeat-x;
    background-position: bottom;
    }
    .post-meta h1#page {
    clear: both;
    height: auto;
    width: auto;
    font-size: 1.5em;
    background-color: #000000;
    color: #FFFFFF;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 3px;
    margin-left: 0px;
    padding-top: 8px;
    padding-right: 5px;
    padding-bottom: 8px;
    padding-left: 5px;
    background-image: url(images/titlebar.png);
    background-repeat: repeat-x;
    line-height: 26px;
    }
    .post-meta h1, .post-meta h2 {
    clear: both;
    height: auto;
    width: auto;
    font-size: 0.9em;
    background-color: #000000;
    color: #FFFFFF;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 3px;
    margin-left: 0px;
    padding-top: 4px;
    padding-right: 5px;
    padding-bottom: 4px;
    padding-left: 5px;
    background-image: url(images/titlebar.png);
    background-repeat: repeat-x;
    line-height: 22px;

    }
    .post-meta h1 a, .post-meta h2 a {
    text-decoration: none;
    display: block;
    color: #FFFFFF;

    }
    .post-meta h1 a:hover, .post-meta h2 a:hover {
    text-decoration: underline;

    }
    .post-info {
    height: auto;
    width: auto;
    clear: both;
    font-size: 0.7em;
    padding-top: 0px;
    padding-right: 4px;
    padding-bottom: 0px;
    padding-left: 4px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 3px;
    margin-left: 0px;
    line-height: 16px;
    }
    .post-info a {
    color: #990000;
    text-decoration: none;
    font-weight: bold;

    }
    .post-info a:hover {
    text-decoration: underline;

    }
    .post-content {
    margin: 0px;
    clear: both;
    height: auto;
    width: auto;
    font-size: 0.75em;
    line-height: 20px;
    text-align: justify;
    padding-top: 0px;
    padding-right: 10px;
    padding-bottom: 0px;
    padding-left: 10px;
    }
    .post-content a {
    color: #990000;
    text-decoration: none;
    font-weight: bold;

    }
    .post-content a:hover {
    color: #000000;
    text-decoration: none;

    }
    .post-content img {
    border: 0 none;
    max-width:100%;
    }
    .post-img {
    overflow: hidden;
    float: left;
    }
    .post-img img {
    border: 5px solid #E2E2E2;
    margin-right: 8px;
    margin-top: 5px;
    margin-bottom: 5px;
    }
    #post-navigator {
    padding: 0px;
    clear: both;
    height: auto;
    width: 98%;
    display: block;
    margin-top: 3em;
    margin-right: auto;
    margin-bottom: 2em;
    margin-left: auto;
    font-size: 10px;
    }

    .wp-pagenavi {
    width: 100%;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    clear: both;
    text-align: left;
    padding-top: 0.5em;
    padding-right: 0px;
    padding-bottom: 0.5em;
    padding-left: 0px;
    height: auto;
    }
    .pages {
    color: #FFFFFF;
    padding-top: 5px;
    padding-right: 8px;
    padding-bottom: 5px;
    padding-left: 8px;
    width: auto;
    position: relative;
    height: auto;
    margin-top: 0px;
    margin-right: 3px;
    margin-bottom: 0px;
    margin-left: 0px;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    background-color: #000000;
    }
    .current {
    color: #FFFFFF;
    padding-top: 5px;
    padding-right: 8px;
    padding-bottom: 5px;
    padding-left: 8px;
    width: auto;
    position: relative;
    height: auto;
    margin: 0px;
    background-color: #990000;
    }
    .wp-pagenavi a {
    color: #FFFFFF;
    text-decoration: none;
    height: auto;
    width: auto;
    margin: 0px;
    padding-top: 5px;
    padding-right: 8px;
    padding-bottom: 5px;
    padding-left: 8px;
    display: inline;
    background-color: #000000;
    }
    .wp-pagenavi a:hover {
    color: #FFFFFF;
    background-color: #990000;

    }
    #post-navigator .alignleft a, #post-navigator .alignright a {
    color: #FFFFFF;
    margin: 0px;
    height: auto;
    width: auto;
    padding-top: 5px;
    padding-right: 8px;
    padding-bottom: 5px;
    padding-left: 8px;
    text-decoration: none;
    display: block;
    background-color: #000000;
    }
    #post-navigator .alignleft a:hover, #post-navigator .alignright a:hover {
    color: #FFFFFF;
    text-decoration: none;
    background-color: #990000;
    }
    #post-navigator-single {
    width: 98%;
    font-size: 10px;
    margin-top: 1em;
    margin-right: auto;
    margin-bottom: 1em;
    margin-left: auto;
    clear: both;
    padding: 0%;
    font-weight: bold;
    color: #000000;
    height: auto;
    }
    #post-navigator-single .alignleft {
    margin: 0px;
    padding: 0px;
    float: left;
    width: 45%;
    overflow: hidden;
    text-align: left;
    height: auto;
    }
    #post-navigator-single .alignright {
    margin: 0px;
    padding: 0px;
    float: right;
    width: 45%;
    overflow: hidden;
    text-align: right;
    height: auto;
    }
    #post-navigator-single a {
    color: #000000;
    text-decoration: none;
    font-weight: bold;
    }
    #post-navigator-single a:hover {
    text-decoration: none;
    color: #990000;
    }
    .adsense-loop {
    display: block;
    clear: both;
    height: auto;
    width: auto;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 3px;
    margin-left: 0px;
    background-color: #F7F7F7;
    border: 1px solid #D5D5D5;
    background-image: url(images/post-bottom.png);
    background-repeat: repeat-x;
    background-position: bottom;
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 20px;
    padding-left: 5px;
    }
    .adsense-loop span {
    clear: both;
    height: auto;
    width: auto;
    background-image: url(images/advertisement.gif);
    background-repeat: no-repeat;
    background-position: left top;
    display: block;
    margin: 0px;
    padding-top: 11px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 4px;
    }
    .adsense-single {
    display: block;
    clear: both;
    height: auto;
    width: 100%;
    margin-top: 5px;
    margin-right: 0px;
    margin-bottom: 5px;
    margin-left: 0px;
    padding: 0px;
    }
    .adsense-single span {
    clear: both;
    height: auto;
    width: auto;
    background-image: url(images/advertisement.gif);
    background-repeat: no-repeat;
    background-position: left top;
    display: block;
    margin: 0px;
    padding-top: 11px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 4px;
    }
    #sidebar {
    margin: 0px;
    padding: 0px;
    float: right;
    height: auto;
    width: 45%;
    }
    #sidebarinner {
    margin-left: 4px;
    }
    #sidebar-left {
    padding: 0px;
    float: left;
    height: auto;
    width: 50%;
    margin: 0px;
    overflow: hidden;
    }
    #sidebar-right {
    margin: 0px;
    padding: 0px;
    float: right;
    height: auto;
    width: 49%;
    overflow: hidden;
    }
    #featured-category, #related-category {
    padding: 0px;
    clear: both;
    height: auto;
    width: 100%;
    margin: 0px;
    }
    .featured-cat-entry, .related-cat-entry {
    clear: both;
    height: auto;
    width: auto;
    background-color: #F7F7F7;
    border: 1px solid #D5D5D5;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 3px;
    margin-left: 0px;
    padding-top: 3px;
    padding-right: 3px;
    padding-bottom: 20px;
    padding-left: 3px;
    background-image: url(images/post-bottom.png);
    background-repeat: no-repeat;
    background-position: bottom;
    }
    .featured-cat-entry h3, .related-cat-entry h3 {
    width: auto;
    display: block;
    height: auto;
    font-size: 0.8em;
    color: #FFFFFF;
    text-transform: capitalize;
    clear: both;
    background-image: url(images/titlebar.png);
    background-repeat: repeat-x;
    padding-top: 5px;
    padding-right: 8px;
    padding-bottom: 5px;
    padding-left: 8px;
    margin: 0px;
    background-color: #000000;
    }
    .featured-cat-meta, .related-cat-meta {
    width: 96%;
    height: auto;
    clear: both;
    position: relative;
    border-bottom-width: 1px;
    border-bottom-style: dashed;
    border-bottom-color: #D5D5D5;
    padding-top: 8px;
    padding-right: 0px;
    padding-bottom: 8px;
    padding-left: 0px;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    }
    .featured-cat-img, .related-cat-img {
    padding: 2px;
    width: auto;
    background-color: #E2E2E2;
    margin-top: 0px;
    margin-right: 5px;
    margin-bottom: 5px;
    margin-left: 0px;
    float: left;
    height: auto;
    border: 1px solid #D5D5D5;
    text-align: center;
    }
    .featured-cat-img img, .related-cat-img img {
    display: block;
    border: 1px solid #D5D5D5;
    }
    .featured-cat-meta h2, .related-cat-meta h2 {
    font-size: 0.7em;
    font-weight: bold;
    color: #000000;
    text-decoration: none;
    margin: 0px;
    padding: 0px;
    height: auto;
    width: auto;
    display: block;
    line-height: 16px;
    }
    .featured-cat-meta h2 a, .related-cat-meta h2 a {
    color: #990000;
    text-decoration: none;
    font-weight: bold;

    }
    .featured-cat-meta h2 a:hover, .related-cat-meta h2 a:hover {
    font-weight: bold;
    text-decoration: underline;

    }
    .featured-cat-date, .related-cat-date {
    font-size: 9px;
    text-decoration: none;
    color: #666666;
    text-transform: capitalize;
    margin: 0px;
    padding: 0px;
    height: auto;
    width: auto;
    display: block;
    line-height: 14px;
    }
    .featured-cat-date a, .related-cat-date a {
    color: #333333;
    text-decoration: none;
    }
    .featured-cat-date a:hover, .related-cat-date a:hover {
    text-decoration: underline;
    }
    .featured-cat-meta p, .related-cat-meta p {
    font-size: 11px;
    color: #000000;
    text-decoration: none;
    margin: 0px;
    padding: 0px;
    display: block;
    width: auto;
    text-align: justify;
    line-height: 14px;
    height: auto;
    }
    .featured-cat-meta p a, .related-cat-meta p a {
    color: #990000;
    text-decoration: none;
    }
    .featured-cat-meta p a:hover, .related-cat-meta p a:hover {
    text-decoration: underline;
    }
    ul.sidebar_list {
    width: 100%;
    height: auto;
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    clear: both;
    }
    ul.sidebar_list h6 {
    width: auto;
    display: block;
    height: auto;
    font-size: 0.9em;
    color: #F7F7F7;
    text-transform: capitalize;
    padding-top: 5px;
    padding-right: 8px;
    padding-bottom: 5px;
    padding-left: 8px;
    clear: both;
    margin: 0px;
    background-color: #000000;
    background-image: url(images/titlebar.png);
    background-repeat: repeat-x;
    }
    ul.sidebar_list li {
    width: auto;
    list-style-type: none;
    height: auto;
    clear: both;
    background-color: #F7F7F7;
    border: 1px solid #D5D5D5;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 3px;
    margin-left: 0px;
    background-image: url(images/post-bottom.png);
    background-repeat: no-repeat;
    background-position: bottom;
    padding-top: 3px;
    padding-right: 3px;
    padding-bottom: 20px;
    padding-left: 3px;
    }
    ul.sidebar_list li ul {
    width: auto;
    height: auto;
    margin: 0px;
    list-style-type: none;
    clear: both;
    padding: 7px;
    }
    ul.sidebar_list li ul li {
    list-style-type: none;
    font-size: 13px;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    margin: 0px;
    line-height: 24px;
    padding: 0px;
    background-image: none;
    font-weight: bold;
    }
    ul.sidebar_list li ul li ul {
    padding-left: 15px;
    margin: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    height: auto;
    width: auto;
    }
    ul.sidebar_list li a {}
    ul.sidebar_list li a:hover {}
    ul.sidebar_list li div { list-style-type: none; }
    ul.sidebar_list li div a {}
    ul.sidebar_list li div a:hover {}
    .widget_categories a, .widget_pages a, .widget_archive a, .widget_links a, .widget_meta a, .widget_recent_entries a, .widget_rss li a {
    color: #000000;
    text-decoration: none;
    background-image: url(images/bullet.gif);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 13px;
    }
    .widget_categories a:hover, .widget_pages a:hover, .widget_archive a:hover, .widget_links a:hover, .widget_meta a:hover, .widget_recent_entries a:hover, .widget_rss li a:hover {
    text-decoration: none;
    color: #990000;
    }
    #calendar_wrap {
    margin: 0px;
    padding: 0px;
    width: auto;
    height: auto;
    }

    #wp-calendar {
    text-align: center;
    margin: 0px;
    padding: 0px;
    width: 100%;
    font-size: 14px;
    }
    #wp-calendar caption {
    font-size: 16px;
    font-weight: bold;
    padding-top: 3px;
    padding-bottom: 3px;
    }
    #wp-calendar a {
    color: #990000;
    text-decoration: none;
    padding-top: 1px;
    padding-right: 5px;
    padding-bottom: 1px;
    padding-left: 5px;
    display: block;
    font-weight: bold;
    }
    #wp-calendar a:hover {
    color: #000000;
    text-decoration: none;

    }
    #wp-calendar #prev {
    text-align: left;
    margin: 0px;
    padding: 0px;
    }
    #wp-calendar #next {
    text-align: right;
    margin: 0px;
    padding: 0px;
    }
    #recentcomments {
    }
    #recentcomments .recentcomments {
    line-height: 18px;
    font-size: 11px;
    text-transform: capitalize;
    margin-bottom: 5px;
    }
    #recentcomments .recentcomments a {
    color: #990000;
    text-decoration: none;
    }
    #recentcomments .recentcomments a:hover {
    text-decoration: none;
    color: #000000;
    }
    .rsswidget {
    color: #FFFFFF;
    text-decoration: none;
    background-image: none;
    }
    .rsswidget:hover {
    text-decoration: underline;
    }
    .rsswidget img {
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    vertical-align: baseline;
    }
    .widget_sidebar_adsense {
    clear: both;
    height: auto;
    width: 100%;
    margin: 0px;
    padding: 0px;
    }
    #sidebar-adsense {
    display: block;
    clear: both;
    height: auto;
    width: 160px;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    text-align: center;
    padding-top: 10px;
    padding-right: 0px;
    padding-bottom: 10px;
    padding-left: 0px;
    }
    .widget_recentcomments_gravatar {
    margin: 0px;
    padding: 0px;
    height: auto;
    width: 100%;
    clear: both;
    display: block;
    }
    .widget_recentcomments_gravatar li {
    clear: both;
    margin: 0px;
    padding: 0px;
    height: auto;
    width: 100%;

    }

    .widget_recentcomments_gravatar img {
    float: left;
    margin-top: 5px;
    margin-right: 5px;
    margin-bottom: 5px;
    margin-left: 0px;
    border: 3px solid #DBDBDB;

    }
    .widget_recentcomments_gravatar .com-info {
    padding: 0px;
    height: auto;
    width: 73%;
    float: left;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 10px;
    margin-left: 0px;

    }

    .widget_recentcomments_gravatar .com-info .comy {
    color: #000000;
    display: block;
    padding: 0px;
    height: auto;
    width: 100%;
    margin: 0px;

    }
    .widget_recentcomments_gravatar .com-info .comy span {
    color: #990000;
    text-decoration: none;
    }

    .widget_recentcomments_gravatar .com-info .comy a {
    color: #990000;
    text-decoration: none;

    }
    .widget_recentcomments_gravatar .com-info .comy a:hover {
    text-decoration: underline;

    }
    .widget_recentcomments_gravatar .com-info .comtext {
    line-height: 14px;
    font-size: 10px;
    margin: 0px;
    padding: 0px;
    height: auto;
    width: 100%;

    }
    .widget_recentcomments_gravatar .com-info .comtext a {
    text-decoration: none;
    color: #333333;

    }
    .widget_recentcomments_gravatar .com-info .comtext a:hover {
    text-decoration: underline;

    }
    .widget_hottopics {
    margin: 0px;
    padding: 0px;
    height: auto;
    width: 100%;
    clear: both;
    }
    .widget_hottopics ul {
    margin: 0px;
    padding: 0px;
    height: auto;
    width: 100%;
    list-style-type: none;
    }
    .widget_hottopics li {
    margin: 0px;
    padding: 0px;
    height: auto;
    width: 100%;
    }
    .widget_hottopics li a {
    color: #990000;
    text-decoration: none;
    font-size: 13px;

    }
    .widget_hottopics li a:hover {
    text-decoration: underline;

    }
    .widget_tag_cloud div {
    padding-top: 5px;
    padding-right: 7px;
    padding-bottom: 5px;
    padding-left: 7px;

    }
    .widget_tag_cloud a {
    color: #000000;
    text-decoration: none;
    }
    .widget_tag_cloud a:hover {
    color: #990000;
    text-decoration: none;
    }
    .textwidget {
    font-size: 11px;
    line-height: 16px;
    color: #000000;
    text-align: justify;
    padding-top: 5px;
    padding-right: 7px;
    padding-bottom: 5px;
    padding-left: 7px;
    }
    .textwidget a {
    color: #990000;
    text-decoration: none;
    }
    .textwidget a:hover {
    text-decoration: underline;
    }
    .textwidget img {
    text-align: center;
    display: block;
    padding: 0px;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    }
    #searchbox {
    padding: 5px;
    width: auto;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 3px;
    margin-left: 0px;
    clear: both;
    display: block;
    height: auto;
    background-color: #000000;
    background-image: url(images/titlebar.png);
    background-repeat: repeat-x;
    }
    #searchform {
    width: 100%;
    padding: 0px;
    margin: 0px;
    height: auto;
    background-color: #F7F7F7;
    }
    #searchform .sbm-b {
    color: #000000;
    font-size: 1em;
    clear: both;
    font-family: Georgia, “Times New Roman”, Times, serif;
    text-decoration: none;
    margin: 0px;
    width: 99%;
    display: block;
    background-image: none;
    background-color: transparent;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    padding: 5px;
    height: auto;
    }
    #emvideo {
    padding: 3px;
    clear: both;
    height: auto;
    width: auto;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 3px;
    margin-left: 0px;
    background-color: #F7F7F7;
    border: 1px solid #D5D5D5;
    text-align: center;
    }
    #emvideo p {
    padding: 0px;
    margin-top: 5px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    }
    #emvideo h6 {
    margin-bottom: 3px;
    text-align: left;
    }

    #twitter {
    background-color: #F7F7F7;
    clear: both;
    height: auto;
    width: auto;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 3px;
    margin-left: 0px;
    border: 1px solid #D5D5D5;
    background-image: url(images/post-bottom.png);
    background-repeat: no-repeat;
    background-position: bottom;
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 20px;
    padding-left: 5px;
    }
    #twitter h6 {
    margin: 0px;
    clear: both;
    height: 39px;
    width: auto;
    background-image: url(images/twitter.png);
    background-repeat: no-repeat;
    background-position: left top;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 5px;
    padding-left: 55px;
    font-size: 11px;
    line-height: 16px;
    border-bottom-width: 1px;
    border-bottom-style: dashed;
    border-bottom-color: #d5d5d5;
    }
    #twitter h6 a {
    color: #990000;
    text-decoration: none;
    text-transform: uppercase;
    }
    #twitter h6 a:hover {
    text-decoration: underline;
    }
    #twitter_update_list {
    width: auto;
    clear: both;
    height: auto;
    margin: 0px;
    padding: 5px;
    }
    #twitter_update_list p {
    width: 100%;
    display: block;
    clear: both;
    height: auto;
    font-size: 11px;
    line-height: 14px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 5px;
    margin-left: 0px;
    color: #333333;
    border-bottom-width: 1px;
    border-bottom-style: dashed;
    border-bottom-color: #d5d5d5;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 5px;
    padding-left: 0px;
    }
    #twitter_update_list span {
    margin: 0px;
    padding: 0px;
    }
    #twitter_update_list a {
    color: #990000;
    text-decoration: none;
    font-weight: bold;
    }
    #twitter_update_list a:hover {
    text-decoration: underline;
    }
    ul#archives {
    height: auto;
    width: auto;
    background-color: #F7F7F7;
    border: 1px solid #D5D5D5;
    list-style-type: none;
    background-image: url(images/post-bottom.png);
    background-repeat: repeat-x;
    background-position: bottom;
    margin: 0px;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 20px;
    padding-left: 10px;
    }
    ul#archives h6 {
    padding: 0px;
    clear: both;
    height: auto;
    width: 100%;
    color: #990000;
    text-decoration: none;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 5px;
    margin-left: 0px;
    font-size: 1.2em;
    }
    ul#archives li {
    margin: 0px;
    padding: 0px;
    height: auto;
    width: 100%;
    list-style-type: none;
    }

    ul#archives li ul {
    height: auto;
    width: auto;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 20px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 1em;
    margin-left: 0px;
    }
    ul#archives li ul li {
    list-style-type: square;
    font-size: 14px;
    line-height: 22px;
    margin: 0px;
    height: auto;
    width: auto;
    padding: 0px;
    }
    ul#archives li ul li ul {
    margin: 0px;
    height: auto;
    width: auto;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 20px;
    }
    ul#archives a {
    color: #000000;
    text-decoration: none;

    }
    ul#archives a:hover {
    text-decoration: underline;
    color: #990000;
    }
    ul#links {
    height: auto;
    width: auto;
    background-color: #F7F7F7;
    border: 1px solid #D5D5D5;
    list-style-type: none;
    background-image: url(images/post-bottom.png);
    background-repeat: repeat-x;
    background-position: bottom;
    margin: 0px;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 20px;
    padding-left: 10px;
    }
    ul#links h6 {
    padding: 0px;
    clear: both;
    height: auto;
    width: 100%;
    color: #990000;
    text-decoration: none;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 10px;
    margin-left: 0px;
    font-size: 2em;
    }
    ul#links li {
    margin: 0px;
    padding: 0px;
    height: auto;
    width: 100%;
    }
    ul#links li ul {
    list-style-type: none;
    height: auto;
    width: 100%;
    margin: 0px;
    padding: 0px;
    }
    ul#links li ul li {
    margin: 0px;
    height: auto;
    width: 100%;
    font-size: 16px;
    line-height: 24px;
    padding: 0px;
    }
    ul#links li ul li ul {
    margin: 0px;
    padding: 0px;
    height: auto;
    width: auto;
    }
    ul#links li a {
    color: #000000;
    text-decoration: none;

    }
    ul#links li a:hover {
    text-decoration: underline;
    color: #990000;
    }
    #footer {
    margin: 0px;
    clear: both;
    height: auto;
    width: 100%;
    background-image: url(images/bottom-bg.png);
    background-repeat: repeat-x;
    background-position: center bottom;
    padding-top: 5em;
    padding-right: 0px;
    padding-bottom: 1em;
    padding-left: 0px;
    font-size: 10px;
    font-weight: bold;
    color: #000000;
    }
    #footerinner {
    width: 95%;
    margin-right: auto;
    margin-left: auto;
    padding: 0px;
    clear: both;
    height: auto;
    margin-top: 0px;
    margin-bottom: 0px;
    }
    .footer-left {
    margin: 0px;
    float: left;
    width: 50%;
    text-align: left;
    padding: 0px;
    height: auto;
    }
    .footer-left a {
    color: #000000;
    text-decoration: none;

    }
    .footer-left a:hover {

    }
    .footer-right {
    margin: 0px;
    float: right;
    width: 50%;
    text-align: right;
    padding: 0px;
    height: auto;
    }
    .footer-right a {
    color: #000000;
    text-decoration: none;
    }
    .footer-right a:hover {
    }
    .themecredit {
    font-size: 8px;
    }

  • #63505

    LGrusin
    Miembro

    Pues precisamente ahora como está se adapta a cualquier resolución. Si lo que quieres hacer es poner un ancho máximo prueba lo siguiente, donde pone:
    body {
    margin: 0px;
    padding: 0px;
    height: auto;
    width: 100%;
    font-family: Tahoma, verdana;
    font-size: 1em;
    color: #000000;
    background-image: url(images/top-bg.png);
    background-repeat: repeat-x;
    background-color: #FDFDFD;
    }
    sustituye y añade:
    body {
    margin: 0px auto 0px;
    padding: 0px;
    height: auto;
    width: 100%;
    max-width:1000px;
    font-family: Tahoma, verdana;
    font-size: 1em;
    color: #000000;
    background-image: url(images/top-bg.png);
    background-repeat: repeat-x;
    background-color: #FDFDFD;
    }

    Un saludo

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

Pin It on Pinterest