Hola, buenas tardes, tengo el siguiente problema y no puedo solucionarlo:
Puse una imagen de fondo al PostBit pero dicha imagen se acorta, es decir no recubre todo el cuadradao del postbit solo una parte, como puedo hacer para que cubra todo el largo y ancho?
Aca esta la imagen de como se ve:
![[Imagen: 0A0EBEB89.png]](http://k42.kn3.net/0A0EBEB89.png)
Desde ya muchas gracias.
Puse una imagen de fondo al PostBit pero dicha imagen se acorta, es decir no recubre todo el cuadradao del postbit solo una parte, como puedo hacer para que cubra todo el largo y ancho?
Aca esta la imagen de como se ve:
Desde ya muchas gracias.
No se ve la imagen, pero puede ser que tu imagen sea chica, o podes modificar el width de tu postbit, bajar un poco mas los px hasta que te quede bien
(21 Jul, 2012, 12:38 pm)Leandro M. escribió: No se ve la imagen, pero puede ser que tu imagen sea chica, o podes modificar el width de tu postbit, bajar un poco mas los px hasta que te quede bien
No la imagen es bastante grande, es mas probé hacer una mas grande aun y sigo teniendo el mismo problema, disculpa que te pregunte pero como modificaría el width de mi postbit y donde debería ir como para bajar los px.
Desde ya muchas gracias por la ayuda
El problema es que tu postbit-header tiene un padding de 10.
Hace esto, antes hace una copia de tus plantillas por las dudas
en tu plantilla postbit_classic quita el <div class="postbit8_fondo"> CODIGO </div>, el CODIGO no lo borres obviamente. Despues en tu global.css tenes que modificar el postbit-header
Remplaza esto:
Por esto:
Hace esto, antes hace una copia de tus plantillas por las dudas
en tu plantilla postbit_classic quita el <div class="postbit8_fondo"> CODIGO </div>, el CODIGO no lo borres obviamente. Despues en tu global.css tenes que modificar el postbit-header
Remplaza esto:
Código:
background: #474747 url(images/portal2/row1.jpg) top left;Por esto:
Código:
background: #474747 url(images/theme/fondopostbit.png) top left;(21 Jul, 2012, 1:10 pm)Leandro M. escribió: El problema es que tu postbit-header tiene un padding de 10.
Hace esto, antes hace una copia de tus plantillas por las dudas
en tu plantilla postbit_classic quita el <div class="postbit8_fondo"> CODIGO </div>, el CODIGO no lo borres obviamente. Despues en tu global.css tenes que modificar el postbit-header
Remplaza esto:
Código:background: #474747 url(images/portal2/row1.jpg) top left;
Por esto:
Código:background: #474747 url(images/theme/fondopostbit.png) top left;
No llego a entender, este es mi global.css:
Código PHP:
<?php
body {
background: #ffffff url(http://img94.imageshack.us/img94/161/wallpaperpro.jpg);
background-repeat: no-repeat;
background-position: center center;
background-attachment: fixed;
}
a:link {
color: #9c9c9c;
text-decoration: none;
}
a:visited {
color: #9c9c9c;
text-decoration: none;
}
a:hover, a:active {
color: #b9b9b9;
text-decoration: none;
}
#container {
background: #0e0e0e;
border: 1px solid #000000;
margin: auto auto;
padding: 20px;
text-align: left;
-moz-border-radius-bottomleft: 4px;
-moz-border-radius-bottomright: 4px;
-webkit-border-radius-buttomleft: 4px;
-webkit-border-radius-bottomright: 4px;
-border-radius-bottomright: 4px;
-border-radius-bottomleft: 4px;
-moz-box-shadow: inset 0 0 1px rgba(255, 255, 255, 0.3);
-webkit-box-shadow: inset 0 0 1px rgba(255, 255, 255, 0.3);
-box-shadow: inset 0 0 1px rgba(255, 255, 255, 0.3);
margin-bottom: 20px;
border-radius: 0 0 4px 4px;
color: #707070;
width: 980px;
}
#content {
/* FIX: Make internet explorer wrap correctly */
width: auto !important;
}
.menu ul {
color: #000000;
font-weight: bold;
text-align: right;
padding: 4px;
}
.menu ul a:link {
color: #000000;
text-decoration: none;
}
.menu ul a:visited {
color: #000000;
text-decoration: none;
}
.menu ul a:hover, .menu ul a:active {
color: #4874a3;
text-decoration: none;
}
#panel {
background: #efefef;
color: #000000;
font-size: 11px;
border: 1px solid #D4D4D4;
padding: 8px;
}
#panel .remember_me input {
vertical-align: middle;
margin-top: -1px;
}
table {
color: #807f7f;
text-shadow: 0 -1px 0 #000;
font-family: 'Segoe UI', Arial, Verdana, Sans-Serif;
font-size: 12px;
}
.tborder {
background: #000;
width: 100%;
margin: auto auto;
border: 1px solid #000;
-moz-border-radius: 4px 4px 0 0;
-webkit-border-radius: 4px 4px 0 0;
border-radius: 4px 4px 0 0;
-border-radius: 4px 4px 0 0;
}
.thead {
background: url(images/portal2/thead_bg.gif) top left repeat-x;
color: #1b1b1b;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
-moz-border-radius: 4px 4px 0 0;
-webkit-border-radius: 4px 4px 0 0;
border-radius: 4px 4px 0 0;
-border-radius: 4px 4px 0 0;
padding: 8px;
font-family: 'Segoe UI', Arial, Verdana, Sans-Serif;
font-size: 16px;
}
.thead a:link {
color: #1b1b1b;
text-decoration: none;
}
.thead a:visited {
color: #1b1b1b;
text-decoration: none;
}
.thead a:hover, .thead a:active {
color: #1b1b1b;
}
.tcat {
background: #1b1b1b url(images/portal2/toplinks.gif) top left repeat-x;
color: #686868;
padding: 8px;
text-transform: uppercase;
text-shadow: 0 -1px 0 #000;
padding-top: -3px;
border-top: 1px solid rgba(0, 0, 0, 0.4);
font-size: 12px;
}
.tcat a:link {
color: #b4b4b4;
}
.tcat a:visited {
color: #b4b4b4;
}
.tcat a:hover, .tcat a:active {
color: #fff;
}
.trow1 {
background: #1b1b1b url(images/portal2/trow.gif) top left repeat-x;
border-top: 1px solid #000;
padding: 6px;
}
.trow2 {
background: #1b1b1b url(images/portal2/trow.gif) top left repeat-x;
border-top: 1px solid #000;
padding: 6px;
}
.trow_shaded {
background: #ffdde0;
}
.trow_selected td {
background: rgba(255, 255, 255, 0.2);
}
.trow_sep {
background: #rgba(255, 255, 255, 0.4);
color: #9c9c9c;
font-size: 12px;
font-weight: bold;
}
.tfoot {
background: url(images/portal2/thead_bg.gif) top left repeat-x;
color: #1b1b1b;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
}
.tfoot a:link {
color: #1b1b1b;
text-decoration: none;
}
.tfoot a:visited {
color: #1b1b1b;
text-decoration: none;
}
.tfoot a:hover, .tfoot a:active {
color: #1b1b1b;
}
.bottommenu {
background: #efefef;
color: #000000;
border: 1px solid #4874a3;
padding: 10px;
}
.navigation {
background: #1b1b1b url(images/portal2/toplinks.gif) top left repeat-x;
color: #b9b9b9;
padding: 6px;
border: 1px solid #000;
-border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
-moz-box-shadow: inset 0 0 1px rgba(255, 255, 255, 0.3);
-webkit-box-shadow: inset 0 0 1px rgba(255, 255, 255, 0.3);
-box-shadow: inset 0 0 1px rgba(255, 255, 255, 0.3);
text-shadow: 0 -1px 0 #000 !important;
font-size: 11px;
}
.navigation a:link {
color: #b9b9b9;
text-decoration: none;
}
.navigation a:visited {
color: #b9b9b9;
text-decoration: none;
}
.navigation a:hover, .navigation a:active {
color: #9c9c9c;
text-decoration: none;
}
.navigation .active {
color: #b9b9b9;
font-size: 11px;
font-weight: bold;
}
.smalltext {
font-size: 11px;
}
.largetext {
font-size: 16px;
font-weight: bold;
}
input.textbox {
background: #222;
color: #9c9c9c;
border: 1px solid #000;
padding: 1px;
}
textarea {
background: #222;
color: #9c9c9c;
border: 1px solid #000;
padding: 4px;
line-height: 1.4;
text-shadow: 0 -1px 0 #000;
font-family: 'Segoe UI', Arial, Verdana, Sans-Serif;
font-size: 12px;
}
select {
background: #ffffff;
border: 1px solid #0f5c8e;
}
.editor {
background: #f1f1f1;
width: 220px;
border: 1px solid #ccc;
text-shadow: none !important;
}
.editor_control_bar {
background: #fff;
border: 1px solid #0f5c8e;
text-shadow: none !important;
}
.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%;
}
.hiddenrow {
display: none;
}
.selectall {
background-color: #FFFBD9;
font-weight: bold;
text-align: center;
}
.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;
}
#panel .links {
margin: 0;
float: right;
}
.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;
}
#copyright {
font: 11px Verdana, Arial, Sans-Serif;
margin: 0;
padding: 10px 0 0 0;
}
#debug {
float: right;
text-align: right;
margin: 0 auto;
display: none;
}
blockquote {
background: rgba(0, 0, 0, 0.4);
border: 1px solid rgba(0, 0, 0, 0.6);
margin: 0;
padding: 4px;
-moz-box-shadow: inset 0 0 1px rgba(255, 255, 255, 0.3);
-webkit-box-shadow: inset 0 0 1px rgba(255, 255, 255, 0.3);
-box-shadow: inset 0 0 1px rgba(255, 255, 255, 0.3);
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-border-radius: 4px;
}
blockquote cite {
display: block;
margin: 0;
text-transform: uppercase;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
padding: 3px 0;
margin-bottom: 3px;
font-style: normal;
font-weight: bold;
}
blockquote cite span {
float: right;
font-weight: normal;
}
blockquote cite span.highlight {
float: none;
font-weight: bold;
padding-bottom: 0;
}
.codeblock {
background: rgba(0, 0, 0, 0.4);
border: 1px solid rgba(0, 0, 0, 0.6);
padding: 4px;
padding: 4px;
-moz-box-shadow: inset 0 0 1px rgba(255, 255, 255, 0.3);
-webkit-box-shadow: inset 0 0 1px rgba(255, 255, 255, 0.3);
-box-shadow: inset 0 0 1px rgba(255, 255, 255, 0.3);
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-border-radius: 4px;
}
.codeblock .title {
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
margin: 3px 0;
text-transform: uppercase;
font-weight: bold;
}
.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-top: 3px;
padding-bottom: 3px;
}
.pm_alert {
background: #FFF6BF;
color: #222;
border: 1px solid #FFD324;
text-align: center;
padding: 5px 20px;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
text-transform: uppercase;
font-size: 11px;
font-weight: bold;
}
.red_alert {
background: #FBE3E4;
border: 1px solid #A5161A;
color: #A5161A;
text-align: center;
padding: 5px 20px;
margin-bottom: 15px;
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;
}
.pagination a {
border: 1px solid #000;
}
.pagination .pagination_current {
background: #1b1b1b url(images/portal2/toplinks.gif) top left repeat-x;
color: #686868;
border: 1px solid rgba(0, 0, 0, 0.5);
text-shadow: 0 -1px 0 #000;
font-weight: bold;
}
.pagination a:hover {
background: #222;
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;
}
.repbox {
font-size:16px;
font-weight: bold;
padding:5px 7px 5px 7px;
}
._neutral {
background-color:#FAFAFA;
color: #999999;
border:1px solid #CCCCCC;
}
._minus {
background-color: #FDD2D1;
color: #CB0200;
border:1px solid #980201;
}
._plus {
background-color:#E8FCDC;
color: #008800;
border:1px solid #008800;
}
.pagination_breadcrumb {
background-color: #000;
border: 1px solid #000;
outline: 1px solid #000;
padding: 5px;
margin-top: 5px;
font-weight: normal;
}
.pagination_breadcrumb_link {
vertical-align: middle;
cursor: pointer;
}
.pm_alert a:link, .pm_alert a:visited, .pm_alert a:active {
color: #2e2e2e;
}
.pm_alert a:hover {
color: #222;
}
.postbit {
padding-left: 3px;
padding-right: 0px;
padding-top: 3px;
padding-bottom: 3px;
background-color: #f7f7e6;
border-top: 1px solid #dedec1;
border-right: 2px solid #dedec1;
border-left: 1px solid #dedec1;
border-bottom: 2px solid #dedec1;
margin-bottom: 3px;
}
.postbit-avatar {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px
background-color: #DDDDDD;
border: 1px solid #BEBEBE;
padding: 4px;
}
.postbit-avatar:hover {
-webkit-transition: all 250ms ease-in-out;
-moz-transition: all 250ms ease-in-out;
-o-transition: all 250ms ease-in-out;
transition: all 250ms ease-in-out;
-webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.3);
box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.3);
}
/* YOUTUBE */
.ytborder
{
background: #f5f5f5;
color: #000000;
border: 1px solid #000000;
}
.ytcat
{
background: #eaeaea url(images/portal2/alt_tablo.png) top left repeat-x;
color: #FFFFFF;
font: bold 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.panelsurround
{
background: #d0d1c9 url(images/portal2/arkaplan.jpg) repeat;
color: #000000;
}
.postbit3_header {
background: #f9f9f9;
width: 160px;
color: #666;
border-bottom: 1px solid #bababa;
font-size: 11px;
border-top: 1px solid #999999;
border-bottom: 1px solid #bababa;
border-left: 1px solid #999999;
border-right: 1px solid #999999;
margin-top: 0px;
text-align: center;
padding: 5px 10px;
font-size: 11px;
font-weight: bold;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
box-shadow: 0 0 1em #b6b6b6;
-moz-box-shadow: 0px 0px 10px #777777;
-webkit-box-shadow: 0px 0px 10px #777777;
}
.postbit4_header {
background: #fff;
font-family:Tahoma;
font-weight:normal;
font-size:11px;
width:92%;
padding: 5px 14px;
padding-left:8px;
text-align:left;
padding-right:5px;
padding-top:6px;
margin-bottom:3px;
padding-bottom:5px;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
box-shadow: 0 0 1em #b6b6b6;
-moz-box-shadow: 0 0 1em #C76612;
-webkit-box-shadow: 0 0 1em #C76612;
}
.postbit5_header {
background: #f9f9f9;
width: 130px;
color: #666;
border-bottom: 1px solid #bebebe;
font-size: 11px;
text-shadow: 1px 1px 0 #fff;
padding: 5px 14px;
border-top: 1px solid #999999;
border-bottom: 1px solid #bebebe;
border-left: 1px solid #999999;
border-right: 1px solid #999999;
margin-top: 0px;
text-align: center;
font-size: 11px;
font-weight: bold;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright: 10px;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
box-shadow: 0 0 1em #b6b6b6;
-moz-box-shadow: 0 0 1em #b6b6b6;
-webkit-box-shadow: 0 0 1em #b6b6b6;
}
y este mi postbit_classic:
Código PHP:
<?php
{$ignore_bit}
<table border="0" cellspacing="3" cellpadding="2" width="100%" style="{$post_extra_style} {$post_visibility}" id="post_{$post['pid']}">
<tr>
<td class="{$altbg}" width="15%" valign="top" style="white-space: nowrap; text-align: center;"><a name="pid{$post['pid']}" id="pid{$post['pid']}"></a>
<table width="200" height="42" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td class="trow1" width="15%" valign="top" style="white-space: nowrap; text-align: center;"><a name="pid384" id="pid384"></a>
<fieldset class="postbit-header" align="center">
<span class="smalltext">
</div>
<strong><span class="largetext">{$post['profilelink']}{$post['onlinestatus']}<br />
<span class="smalltext">
<div class="postbit8_fondo">
{$post['useravatar']}<br />
{$post['userstars']}
{$post['groupimage']}<br />
{$post['user_details']}
</span>
</td>
</tr>
<tr>
</tr>
</table>
</td>
<td class="{$altbg}" valign="top">
<table width="100%">
<tr><td>{$post['posturl']}<span class="smalltext"><strong>{$post['icon']} {$post['subject_extra']}</strong></span>
<br />
<div id="pid_{$post['pid']}" style="padding: 5px 0 5px 0;">
<div>
{$post['message']}
{$post['attachments']}
{$post['signature']}
<div style="text-align: right; vertical-align: bottom;" id="post_meta_{$post['pid']}">
<div id="edited_by_{$post['pid']}">{$post['editedmsg']}</div>
{$post['iplogged']}
</div>
</td></tr>
</table>
</td>
</tr>
<tr>
<td class="{$altbg}" style="white-space: nowrap; text-align: center; vertical-align: middle;"><span class="smalltext">{$post['postdate']} {$post['posttime']}</span></td>
<td class="{$altbg}" style="vertical-align: middle;">
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr valign="bottom">
<td align="left" ><span class="smalltext">{$post['button_email']}{$post['button_pm']}{$post['button_www']}{$post['button_find']}{$post['button_rep']}</span></td>
<td align="right">{$post['button_edit']}{$post['button_quickdelete']}{$post['button_quote']}{$post['button_multiquote']}{$post['button_report']}{$post['button_warn']}{$post['button_reply_pm']}{$post['button_replyall_pm']}{$post['button_forward_pm']}{$post['button_delete_pm']}</td>
</tr>
</table>
</td>
</tr>
</table>
No encuentro el postbit-header para modificar en global.css ni el codigo en postbit_classic
![[Imagen: comow.png]](http://img844.imageshack.us/img844/9117/comow.png)