Deprecated: str_replace(): Passing null to parameter #3 ($subject) of type array|string is deprecated in /var/www/mybb-es.com/html/inc/class_language.php on line 201
Plantilla que regule el ancho del foro en general
MyBB-Es.com     Comunidad en General     Papelera     (Archivo) MyBB 1.4.x     Soporte para Estilos MyBB 1.4.x    

Plantilla que regule el ancho del foro en general

Páginas (2): 1 2   
Gmaster   12 Jul, 2010, 1:59 pm
#1
Version: 1.4.13
URL: www.cyberamigos.net
--------------------------------

Buenos dias! Big Grin

Primero que nada les agradezco por la info para fijar el ancho del postbit que vi en otro tema ya cerrado. Note algunos problemas con el postbit classic al redimensionarse las ventanas y considero muy necesario ponerles un ancho fijo en vez de fluido.

La pregunta es.. en que plantilla se encuentra la variable para regular el ancho del foro en general?.
Mi Theme es fluido al 100% y yo tengo monitor de 22", cuando me toca leer un post tengo que girar la cabeza de tan ancho que se hace el texto (parezco un buho).

Me gustaria ponerle un ancho maximo fijo, o bien bajarle el porcentaje del ancho fluido.

Saludos!.
  
Himura   12 Jul, 2010, 6:13 pm
#2
Supongo que si abres tu estilo abres global.css lo editas en modo avanzado, buscas #container la parte de width le colocas menos se arregla creo bueno cada plantilla es diferente pero creo que es eso
  
Pelayo   12 Jul, 2010, 6:21 pm
#3
Hola Gmaster,
Cuando vas a admincp > Themes(estilos) > Tu estilo debes entrar a global.css, te apareceran dos "lenguas" o opciones, click en la que diga editar en modo avanzado (o advanced mode)

Apretas ctrl + f y podras buscar, buscaremos #container
En la primera linea, aparecerá width (ancho) estará en porcentaje, te recomiendo siempre dejarlo en porcentaje, así se adecua a la resolucion de cada usuario, te recomiendo pornerlo en 95% o 97%. Sino puedes ponerlo por pixeles (px), te recomiendo 990px

Luego abajo pon guardar
  
Gmaster   12 Jul, 2010, 7:03 pm
#4
En el theme Default existe #container, pero en el mio no, ver: http://img295.imageshack.us/img295/2822/40010551.png
  
Pelayo   12 Jul, 2010, 7:04 pm
#5
Enviame el contenido de la plantilla header de ese estilo.
  
Gmaster   12 Jul, 2010, 7:05 pm
#6
Código:
body {
    background: #ffffff;
    color: #333;
    text-align: left;
    line-height: 1.4;
    margin: 0;
    height: 100%;
    
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 13px;
}

a:link {
    color: #0092b2;
    text-decoration: none;
}

a:visited {
    color: #0092b2;
    text-decoration: none;
}

a:hover, a:active {
    color: #005e73;
    text-decoration: underline;
}

.pname {
    color: #fff;
    float: left;
    height: 54px;
    line-height: 54px;
    padding-left: 15px;
    font-size: 24px;
}

#content {
    background: url(images/Majestic/gradient.gif) top left repeat-x;
    width: auto !important;
    padding: 0 20px 0 20px;
    margin-top: 1px;
    border-bottom: 1px solid #ccc;
}

.logo {
    background: #009EC0 url(images/Majestic/header_bg.gif) top left repeat-x;
    height: 84px;
}

.logo ul {
    margin: 0;
    padding: 0;
    list-style: none;
        float: right;
        margin-top: 29px;
}

.logo ul li {
        margin: 29px 0 0 0;
        display: inline;
}

.logo ul li a:hover {
    background: url(images/Majestic/main_nav.png) 100% -31px no-repeat;
}

.logo ul li a span {
    background: url(images/Majestic/main_nav.png) 100% 0 no-repeat;
    padding: 8px 12px 7px 8px;
}

.logo ul li a {
    background: url(images/Majestic/main_nav.png) 0 0 no-repeat;
    color: #fff;
    padding: 7px 0 6px 4px;
    margin-right: 10px;
    float: right;
    text-decoration: none;
}

.logo ul li a:hover {
    background: url(images/Majestic/main_nav.png) 0 -31px no-repeat;
    color: #fff;
    padding: 7px 0 6px 4px;
    text-decoration: none;
}

.logo ul li a:hover span {
    background: url(images/Majestic/main_nav.png) 100% -31px no-repeat;
    color: #fff;
    padding: 8px 12px 7px 8px;
    text-decoration: none;
}

.menu {
    background: #BDDD51;
        border-top: 1px solid #CCE47A;
        border-bottom: 1px solid #B7D64E;
        height: 54px;
        clear: both;
}

.menu .navigation {
    display: none;
}

#panel {
    background: #efefef;
    color: #000000;
    padding: 8px;
    border: 1px solid #dadada;
    margin-top: 8px;
    font-size: 11px;
}

#panel .links a {
    background: url(images/Majestic/welcome_links.png) 0% 0 no-repeat;
    color: #009EC0;
    padding: 3px 0 4px 5px;
    margin-left: 10px;
    float: left;
    margin-top: -3px;
    text-decoration: none;
}

#panel .links a span {
    background: url(images/Majestic/welcome_links.png) 100% 0 no-repeat;
        padding: 4px 10px 5px 5px;
}

#panel .links a:hover {
    background: url(images/Majestic/welcome_links.png) 0 -23px no-repeat;
        padding: 3px 0 4px 5px;
        color: #009EC0;
        text-decoration: none;
}

#panel .links a:hover span {
    background: url(images/Majestic/welcome_links.png) 100% -23px no-repeat;
        padding: 4px 10px 5px 5px;
}

#quick_login label {
    display: none;
}

#quick_login form {
    display: inline;
}

.misc-links a {
    margin-left: 10px;
}

.welcome {
    color: #555;
        float: left;
}

table {
    color: #000000;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 13px;
}

.tborder {
    background: #ccc;
    width: 100%;
    margin: auto auto;
}

.thead {
    background: #009EC0 url(images/Majestic/thead.gif) top left repeat-x;
    color: #ffffff;
}

.thead a:link {
    color: #ffffff;
    text-decoration: none;
}

.thead a:visited {
    color: #ffffff;
    text-decoration: none;
}

.thead a:hover, .thead a:active {
    color: #ffffff;
    text-decoration: underline;
}

.tcat {
    background: #E8E8E8 url(images/Majestic/tcat.gif) top left repeat-x;
    color: #000000;
    font-size: 12px;
}

.tcat a:link {
    color: #000000;
}

.tcat a:visited {
    color: #000000;
}

.tcat a:hover, .tcat a:active {
    color: #000000;
}

.trow1 {
    background: #F5F5F5;
}

.trow2 {
    background: #efefef;
}

.trow_shaded {
    background: #ffdde0;
}

.trow_selected td {
    background: #E2F9FE;
}

.trow_sep {
    background: #e5e5e5;
    color: #333;
    font-size: 12px;
    font-weight: bold;
}

.tfoot {
    background: #0092b2 url(images/Majestic/tfoot.gif) top left repeat-x;
    color: #ffffff;
}

.tfoot a:link {
    color: #ffffff;
    text-decoration: none;
}

.tfoot a:visited {
    color: #ffffff;
    text-decoration: none;
}

.tfoot a:hover, .tfoot a:active {
    color: #ffffff;
    text-decoration: underline;
}

.bottommenu {
    background: #efefef;
    color: #000000;
    height: 20px;
        padding: 8px;
    border: 1px solid #dadada;
    font-size: 11px;
}

.nav .pname {
    display: none;
}

.nav .navigation {
    line-height: 1.4;
}

.navigation {
    color: #333;
    line-height: 54px;
    padding-right: 10px;
    
    font-size: 11px;
    font-weight: bold;
}

.navigation a:link {
    color: #0092b2;
    text-decoration: none;
}

.navigation a:visited {
    color: #0092b2;
    text-decoration: none;
}

.navigation a:hover, .navigation a:active {
    text-decoration: none;
        color: #005e73;
}

.navigation .active {
    color: #333;
    font-size: small;
    font-weight: bold;
}

.smalltext {
    font-size: 11px;
}

.largetext {
    color: #333;
    font-size: 16px;
    font-weight: bold;
}

input.textbox {
    background: #ffffff;
    color: #000000;
    border: 1px solid #a1a1a1;
    padding: 1px;
}

textarea {
    background: #ffffff;
    color: #000000;
    border: 1px solid #a1a1a1;
    padding: 2px;
    line-height: 1.4;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 13px;
}

select {
    background: #ffffff;
    border: 1px solid #a1a1a1;
}

.editor {
    background: #f1f1f1;
    border: 1px solid #ccc;
}

.editor_control_bar {
    background: #fff;
    border: 1px solid #a1a1a1;
}

.autocomplete {
    background: #fff;
    border: 1px solid #000;
    color: black;
}

.autocomplete_selected {
    background: #adcee7;
    color: #000;
}

.popup_menu {
    background: #ccc;
    border: 1px solid #000;
}

.popup_menu .popup_item {
    background: #fff;
    color: #000;
}

.popup_menu .popup_item:hover {
    background: #C7DBEE;
    color: #000;
}

.trow_reputation_positive {
    background: #ccffcc;
}

.trow_reputation_negative {
    background: #ffcccc;
}

.reputation_positive {
    color: green;
}

.reputation_neutral {
    color: #444;
}

.reputation_negative {
    color: red;
}

.invalid_field {
    border: 1px solid #f30;
    color: #f30;
}

.valid_field {
    border: 1px solid #0c0;
}

.validation_error {
    background: url(images/invalid.gif) no-repeat center left;
    color: #f30;
    margin: 5px 0;
    padding: 5px;
    font-weight: bold;
    font-size: 11px;
    padding-left: 22px;
}

.validation_success {
    background: url(images/valid.gif) no-repeat center left;
    color: #00b200;
    margin: 5px 0;
    padding: 5px;
    font-weight: bold;
    font-size: 11px;
    padding-left: 22px;
}

.validation_loading {
    background: url(images/spinner.gif) no-repeat center left;
    color: #555;
    margin: 5px 0;
    padding: 5px;
    font-weight: bold;
    font-size: 11px;
    padding-left: 22px;
}

/* Additional CSS (Master) */
img {
    border: none;
}

.clear {
    clear: both;
}

.hidden {
    display: none;
    float: none;
    width: 1%;
}

.float_left {
    float: left;
}

.float_right {
    float: right;
}

.menu ul {
    list-style: none;
    margin: 0;
}

.menu li {
    display: inline;
    padding-left: 5px;
}

.menu img {
    padding-right: 5px;
    vertical-align: top;
}

.expcolimage {
    float: right;
    width: auto;
    vertical-align: middle;
    margin-top: 3px;
}

img.attachment {
    border: 1px solid #E9E5D7;
    padding: 2px;
}

hr {
    background-color: #000000;
    color: #000000;
    height: 1px;
    border: 0px;
}

blockquote {
    border: 1px solid #ccc;
    margin: 0;
    background: #fff;
    padding: 4px;
}

blockquote cite {
    font-weight: bold;
    border-bottom: 1px solid #ccc;
    font-style: normal;
    display: block;
    margin: 4px 0;
}

blockquote cite span {
    float: right;
    font-weight: normal;
}

blockquote cite span.highlight {
    float: none;
    font-weight: bold;
    padding-bottom: 0;
}

.codeblock {
    background: #fff;
    border: 1px solid #ccc;
    padding: 4px;
}

.codeblock .title {
    border-bottom: 1px solid #ccc;
    font-weight: bold;
    margin: 4px 0;
}

.codeblock code {
    overflow: auto;
    height: auto;
    max-height: 200px;
    display: block;
    font-family: Monaco, Consolas, Courier, monospace;
    font-size: 13px;
}

.subforumicon {
    border: 0;
    vertical-align: middle;
}

.separator {
    margin: 5px;
    padding: 0;
    height: 0px;
    font-size: 1px;
    list-style-type: none;
}

form {
    margin: 0;
    padding: 0;
}

.popup_menu .popup_item_container {
    margin: 1px;
    text-align: left;
}

.popup_menu .popup_item {
    display: block;
    padding: 3px;
    text-decoration: none;
    white-space: nowrap;
}

.popup_menu a.popup_item:hover {
    text-decoration: none;
}

.autocomplete {
    text-align: left;
}

.subject_new {
    font-weight: bold;
}

.highlight {
    background: #FFFFCC;
    padding: 3px;
}

.pm_alert {
    background: #FFF6BF;
    border: 1px solid #FFD324;
    text-align: center;
    padding: 5px 20px;
    font-size: 11px;
}

.red_alert {
    background: #FBE3E4;
    border: 1px solid #A5161A;
    color: #A5161A;
    text-align: center;
    padding: 5px 20px;
    font-size: 11px;
}

.high_warning {
    color: #CC0000;
}

.moderate_warning {
    color: #F3611B;
}

.low_warning {
    color: #AE5700;
}

div.error {
    padding: 5px 10px;
    border-top: 2px solid #FFD324;
    border-bottom: 2px solid #FFD324;
    background: #FFF6BF;
    font-size: 12px;
}

div.error p {
    margin: 0;
    color: #000;
    font-weight: normal;
}

div.error p em {
    font-style: normal;
    font-weight: bold;
    padding-left: 24px;
    display: block;
    color: #C00;
    background: url(images/error.gif) no-repeat 0;
}

div.error.ul {
    margin-left: 24px;
}

.online {
    color: #15A018;
}

.offline {
    color: #C7C7C7;
}

.pagination {
    font-size: 11px;
    padding-top: 10px;
    margin-bottom: 5px;
}

.tfoot .pagination, .tcat .pagination {
    padding-top: 0;
}

.pagination .pages {
    font-weight: bold;
}

.pagination .pagination_current, .pagination a {
    padding: 2px 6px;
    margin-bottom: 3px;
    color: #555;
}

.pagination a {
    border: 1px solid #ccc;
}

.pagination .pagination_current {
    background: #efefef;
    color: #000;
    border: 1px solid #ccc;
    font-weight: bold;
}

.pagination a:hover {
    background: #F5F5F5;
    color: #000;
    text-decoration: none;
}

.thread_legend, .thread_legend dd {
    margin: 0;
    padding: 0;
}

.thread_legend dd {
    padding-bottom: 4px;
    margin-right: 15px;
}

.thread_legend img {
    margin-right: 4px;
    vertical-align: bottom;
}

.forum_legend, .forum_legend dt, .forum_legend dd {
    margin: 0;
    padding: 0;
}

.forum_legend dd {
    float: left;
    margin-right: 10px;
}

.forum_legend dt {
    margin-right: 10px;
    float: left;
}

.success_message {
    color: #00b200;
    font-weight: bold;
    font-size: 10px;
    margin-bottom: 10px;
}

.error_message {
    color: #C00;
    font-weight: bold;
    font-size: 10px;
    margin-bottom: 10px;
}

.post_body {
    padding: 5px;
}

.post_content {
    padding: 5px 10px;
}

.quick_jump {
    background: url(images/jump.gif) no-repeat 0;
    width: 13px;
    height: 13px;
    padding-left: 13px; /* amount of padding needed for image to fully show */
    vertical-align: middle;
    border: none;
}

/* Postbit Buttons */
.postbit-www {
    background: url(images/Majestic/english/postbit_www.png) 0 0 no-repeat;
    width: 63px;
    height: 22px;
    float: left;
    margin-right: 5px;
}

.postbit-www:hover {
    background: url(images/Majestic/english/postbit_www.png) 0 -23px no-repeat;
}

.postbit-email {
    width: 63px;
        height: 22px;
        background: url(images/Majestic/english/postbit_email.png) 0 0 no-repeat;
        font-size: 0;
        float: left;
        margin-right: 5px;
}

.postbit-email:hover {
        background: url(images/Majestic/english/postbit_email.png) 0 -23px no-repeat;
}

.postbit-pm {
    width: 63px;
        height: 22px;
        background: url(images/Majestic/english/postbit_pm.png) 0 0 no-repeat;
        font-size: 0;
        float: left;
        margin-right: 5px;
}

.postbit-pm:hover {
        background: url(images/Majestic/english/postbit_pm.png) 0 -23px no-repeat;
}

.postbit-find {
    width: 63px;
        height: 22px;
        background: url(images/Majestic/english/postbit_find.png) 0 0 no-repeat;
        font-size: 0;
        float: left;
        margin-right: 5px;
}

.postbit-find:hover {
        background: url(images/Majestic/english/postbit_find.png) 0 -23px no-repeat;
}

.postbit-edit {
    width: 63px;
        height: 22px;
        background: url(images/Majestic/english/postbit_edit.png) 0 0 no-repeat;
        font-size: 0;
        float: right;
        margin-right: 5px;
}

.postbit-edit:hover {
        background: url(images/Majestic/english/postbit_edit.png) 0 -23px no-repeat;
}

.postbit-delete {
    width: 22px;
        height: 22px;
        background: url(images/Majestic/english/postbit_delete.png) 0 0 no-repeat;
        font-size: 0;
        float: right;
        margin-right: 5px;
}

.postbit-delete:hover {
        background: url(images/Majestic/english/postbit_delete.png) 0 -23px no-repeat;
}

.postbit-quote {
    width: 63px;
        height: 22px;
        background: url(images/Majestic/english/postbit_quote.png) 0 0 no-repeat;
        font-size: 0;
        float: right;
        margin-right: 5px;
}

.postbit-quote:hover {
        background: url(images/Majestic/english/postbit_quote.png) 0 -23px no-repeat;
}

.postbit-multiquote {
    width: 22px;
        height: 22px;
        background: url(images/Majestic/english/postbit_multiquote.png) 0 0 no-repeat;
        font-size: 0;
        float: right;
        margin-right: 5px;
}

.postbit-multiquote:hover {
        background: url(images/Majestic/english/postbit_multiquote.png) 0 -23px no-repeat;
}

.postbit-multiquote img {
    display: none;
}

.postbit-report {
    width: 63px;
        height: 22px;
        background: url(images/Majestic/english/postbit_report.png) 0 0 no-repeat;
        font-size: 0;
        float: right;
        margin-right: 5px;
}

.postbit-report:hover {
        background: url(images/Majestic/english/postbit_report.png) 0 -23px no-repeat;
}

.postbit-warn {
    width: 63px;
        height: 22px;
        background: url(images/Majestic/english/postbit_warn.png) 0 0 no-repeat;
        font-size: 0;
        float: right;
        margin-right: 5px;
}

.postbit-warn:hover {
        background: url(images/Majestic/english/postbit_warn.png) 0 -23px no-repeat;
}

.pm-forward {
    width: 73px;
        height: 22px;
        background: url(images/Majestic/english/pm_forward.png) 0 0 no-repeat;
        font-size: 0;
        float: left;
        margin-right: 5px;
}

.pm-forward:hover {
        background: url(images/Majestic/english/pm_forward.png) 0 -23px no-repeat;
}

.pm-reply {
    width: 63px;
        height: 22px;
        background: url(images/Majestic/english/postbit_quote.png) 0 0 no-repeat;
        font-size: 0;
        float: left;
        margin-right: 5px;
}

.pm-reply:hover {
        background: url(images/Majestic/english/postbit_quote.png) 0 -23px no-repeat;
}

.pm-delete {
    width: 63px;
        height: 22px;
        background: url(images/Majestic/english/pm_delete.png) 0 0 no-repeat;
        font-size: 0;
        float: left;
        margin-right: 5px;
}

.pm-delete:hover {
        background: url(images/Majestic/english/pm_delete.png) 0 -23px no-repeat;
}

.pm-replyall {
    width: 86px;
        height: 22px;
        background: url(images/Majestic/english/pm_replyall.png) 0 0 no-repeat;
        font-size: 0;
        float: left;
        margin-right: 5px;
}

.pm-replyall:hover {
        background: url(images/Majestic/english/pm_replyall.png) 0 -23px no-repeat;
}

/*End Posbit Buttons */
.linkmenu {
        float: left;
        padding-top: 2px;
}

.linkmenu ul {
    list-style: none;
    margin: 0;
    display: inline;
    padding: 0;
}

.linkmenu li {
    padding: 0 5px 0 5px;
    margin: 0;
    margin-top: 5px;
    display: inline;
    font-size: 11px;
}

.bottompanel {
    background: #efefef;
    color: #000000;
    height: 20px;
        padding: 8px;
    border: 1px solid #dadada;
    font-size: 11px;
}

#debug {
    text-align: right;
    margin-top: 0;
    font-size: 10px;
        text-align: center;
        margin: 0 auto 0 auto;
    width: 450px;
    color: #000000;
    padding: 5px 0 0 0;
    margin-bottom: 10px;
    margin: 0 auto 0 auto;
}

#copyright {
    background: #dfd3b6;
    margin: 0 auto;
    border-top: 1px solid #EADCBF;
    font-size: 11px;
        width: 100%;
}

#copyright a {
    color: #776045;
}

#copyright .copyright-info {
    float: left;
        padding: 8px;
}

#copyright ul {
    float: right;
    list-style: none;
    display: inline;
        padding: 0;
    padding-top: 8px;
        margin: 0;
}

#copyright ul li {
    padding: 0 8px 0 2px;
    display: inline;
}
  
Pelayo   12 Jul, 2010, 7:18 pm
#7
Gmaster, muy interesante aquel theme, lo instale para ver como era, y pude solucionar tu error.

Vamos al global.css

dos lineas ANTES de .pname { agregamos:
Código:
#container {
    width: 95%;
    background: #fff;
    border: 1px solid #e4e4e4;
    color: #000000;
    margin: auto auto;
    padding: 20px;
    text-align: left; /* IE 5 fix */
}

Luego, vas a las plantillas del estilo > cabecera > header y a fin de todo, agregas:
<div id="container"> guardas

Vamos a pie plantillas (en las plantillas de tu estilo) y en la segunda linea, luego del <br /> agregas: </div>
  
Gmaster   12 Jul, 2010, 7:22 pm
#8
O_o

Mañana mas tranquilo pruebo... xD , despues comento...
  
Gmaster   12 Jul, 2010, 9:37 pm
#9
Ya lo probe... me encierra todas las tablas en el ancho que le ponga. Pero no me gusta como queda con el theme que tengo.

Ademas, solo me achica 1 cm de cada lado.. que es muy poco, y si le bajo el ancho, me quedaria mal con los monitores chicos.

Lo ideal seria que el tema sea fluido hasta 1024px y para resoluciones mayores a eso, que se quede fixed en ese valor. Pero supongo que no se puede hacer asi...

Gracias por la explicacion!.
Cerrado.
  
Pelayo   13 Jul, 2010, 6:02 pm
#10
width: 95%;

edita eso para editar el ancho
  
Páginas (2): 1 2   
Tema anterior      Tema siguiente
  
 Contáctanos
 Equipo del foro
 MyBB-Es.com - Soporte para los Foros MyBB en Español
 Volver arriba
 Marcar foros como leídos
 Sindicación RSS
 Ayuda
Powered By MyBB, © 2002-2024 MyBB Group.
Made with by Curves UI.