MyBB-Es.com     Personalización y configuración de los foros MyBB     Tutoriales / Guías    

[Tutorial] Postbit en recuadros.

Páginas (8):    1 2 3 4 5 … 8   
Heavy   18 Jan, 2010, 9:29 am
#21
(18 Jan, 2010, 7:48 am)Aeroxis escribió: Has puesto el código en el global.css?

Sí.
Admin CP -> Plantillas y Estilos -> Estilos -> MiEstilo -> Editar estilo -> global.css -> Editar estilo -> Modo avanzado. Y luego le coloqué esto al final de todo.

.trow4 {

background: #fcfcfc;

width: 100%;

border: 1px solid #a1c9d8;

font-weight:bold;

padding: 2px;

font-size: 11px;

-moz-border-radius: 4px;

-webkit-border-radius: 4px;

}
None

Osea, me quedó.

body {
	background: #161616;
	color: #fff;
	text-align: center;
	line-height: 1.4;
	margin-bottom: 0px;	
	font-family: Tahoma, Arial, Sans-Serif;
	font-size: 10px;
}

a:link {
	color: #026CB1;
	text-decoration: none;
}

a:visited {
	color: #026CB1;
	text-decoration: none;
}

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

#nav {
	background: #fff url(images/gamer/nav_bg.png) repeat-x;
	width: 909px;
	height: 40px;
	line-height: 40px;
	margin: auto;
	margin-top: 1px;
}

.nav_sub {
	background: #fff url(images/gamer/nav_sub.png) repeat-x;
	width: 909px;
	height: 32px;
	line-height: 32px;
	margin-top: 2px;
	margin: auto;
	text-align: left;
	
	font-family: Tahoma;
	font-size: 10px;
}

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

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

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

#container {
	background: #222222;
	width: 909px;
	text-align: left;
	margin: auto;
	line-height: 1.4;
}

#content {
	width: auto !important;
	margin: auto auto;
	padding: 20px;
}

.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 {
	padding-left:4px;
	padding-right:4px;
}

table {
	color: #727272;
	font-family: Tahoma, Arial, Sans-Serif;
	font-size: 11px;
}

.tborder {
	width: 100%;
	margin: auto auto;
	background: #171717;
	color: white;
	border: 2px #1d1d1d solid;
}

.thead {
	background: #026CB1 url(images/gamer/nav_sub.png) top left repeat-x;
	color: #ffffff;
	font-size: 13px;
}

.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: none;
}

.tcat {
	color: #bcbcbc;
	
	padding: 0px 0px 0px 6px;
	line-height: 20px;
	margin-top: 0px;
	margin-bottom: 0px;
	
	font-family: Verdana;
	font-size: 10px;
}

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

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

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

.trow1 {
	background: #1e1e1e;
	color: #BCBCBC;
	border-top: 1px #252525 solid;
	border-left: 1px #252525 solid;
}

.trow2 {
	background: #1e1e1e;
	color: #BCBCBC;
	border-top: 1px #252525 solid;
	border-left: 1px #252525 solid;
}

.trow_shaded {
	background: #ffdde0;
}

.trow_selected td {
	background: #191919;
	color: #bcbcbc;
	border-top: 1px #252525 solid;
	border-left: 1px #252525 solid;
}

.trow_sep {
	font-size: 12px;
	font-weight: bold;
	background: #1e1e1e;
	color: #bcbcbc;
	border-top: 1px #252525 solid;
	border-left: 1px #252525 solid;
}

.tfoot {
	background: #026CB1 url(images/gamer/nav_bg.png) top left repeat-x;
	color: #ffffff;
	height:40px;
	font-family: Tahoma;
}

.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;
	border: 1px solid #4874a3;
	padding: 10px;
}

.navigation {
	color: #000000;
	font-size: 13px;
	font-weight: bold;
}

.navigation a:link {
	text-decoration: none;
}

.navigation a:visited {
	text-decoration: none;
}

.navigation a:hover, .navigation a:active {
	text-decoration: none;
}

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

.smalltext {
color:#bcbcbc;
font-size: 10px;
}

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

input.textbox {
background: #363636;
color: #000000;
border: 1px solid #0f5c8e;
background: #fff url(images/gamer/nav_sub.png) repeat-x;
padding: 1px;
font-size:12px;
}

select {
	background: url(images/gamer/nav_sub.png) repeat-x;
	border: 1px solid #0f5c8e;
	
	font-family: Tahoma;
}

optgroup {
font-weight: bold;
font-size:11px;
background: #fff url(images/gamer/nav_sub.png) repeat-x;
}

select option {
font-family : Tahoma;
font-size:11px;
background: #fff url(images/gamer/nav_sub.png) repeat-x;
}

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

.editor {
	background: #242424;
	border: 1px solid #000000;
}

.editor_control_bar {
	background: #242424;
	border: 1px solid #000000;
}

.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: #1e1e1e;
}

.trow_reputation_negative {
	background: #1e1e1e;
}

.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;
}

#panel .links {
	margin: 0;
	float: right;
}

.expcolimage {
	float: right;
}

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 10px 10px 10px;
}

#debug {
	float: right;
	text-align: right;
	margin-top: 0;
}

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

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 {
	border: 1px solid #232323;
	background: #363636;
	padding: 4px;
color: #fff;
}

.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;
}

form fieldset {
padding: 2px 6px;
border: 2px solid #232323;
}

fieldset {
padding: 2px 6px;
border: 2px solid #232323;
}

legend {
color: #fff;
background: #363636;
border: 1px solid #232323;
padding: 2px 6px
}

form legend {
color: #fff;
background: #363636;
border: 1px solid #232323;
padding: 2px 6px
}

.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: #FBE3E4;
	border: 1px solid #A5161A;
	color: #A5161A;
	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;
}

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

.pagination .pagination_current {
	background: #1e1e1e;
	border: 2px #1d1d1d solid;
	color: #BCBCBC;
	font-weight: bold;
}

.pagination a:hover {
	background: #1e1e1e;
	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;
}

.footerbottom {
	background: url(images/gamer/footer.png) repeat-x;
	width: 909px;
	height: 79px;
	margin-bottom: 5px;
	font-family: Tahoma;
	font-size: 10px;
}

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

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

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


		
.trow4 {

background: #fcfcfc;

width: 100%;

border: 1px solid #a1c9d8;

font-weight:bold;

padding: 2px;

font-size: 11px;

-moz-border-radius: 4px;

-webkit-border-radius: 4px;

}
None
Sanity is a prison. Let madness release you.
  
 Responder
Aeroxis   18 Jan, 2010, 10:05 am
#22
Sustituye tu postbit_author_user, por esto:
Cita:<table width="100%" border="0" cellspacing="2" cellpadding="1" style="font-size:12px">
<tr><td class="trow4" align="center">
{$lang->postbit_posts} {$post['postnum']}
</td></tr>

<tr><td class="trow4" align="center">
{$lang->postbit_joined} {$post['userregdate']}
</td></tr>

<tr><td class="trow4" align="center">
{$lang->postbit_joined} {$post['userregdate']}
</td></tr>

<tr><td class="trow4" align="center">
{$post['replink']}{$post['warninglevel']}
</td></tr>

</table>
  
 Responder
dioseva   18 Jan, 2010, 5:34 pm
#23
ya lo pude hacer gracias a la ayuda de walkman 5.0 el codigo del gracias esta en platillas/globales/posbit thx o algo asi xD
  
 Responder
FoKo   25 Apr, 2010, 3:09 pm
#24
No se que onda intete utilizarlo pero solamente me mesclo TODOs los mensajes del foro xd y lo tube qe sacar alguno tiene idea de si ise algo mal ?
  
 Responder
Aeroxis   26 Apr, 2010, 7:24 am
#25
Pon aquí lo que pusiste en tu plantilla postbit_author_user y la revisaré.
  
 Responder
FoKo   26 Apr, 2010, 9:48 am
#26
Tube un prolema y se ve asi : [Imagen: paramybb.png] qe ago :S ?
  
 Responder
Aeroxis   26 Apr, 2010, 12:25 pm
#27
Lo del TYL puedes eliminarlo era para mi foro, ya que yo usaba un plugin con ese código.
Mi humor: Está en postbit_classic o en plantillas globlaes
Gracias: Plantillas globales/thx_count
  
 Responder
Denis G.   26 Apr, 2010, 3:06 pm
#28
corrijo, Mi humor, aparece en Palntillas globales, y no en postbit_classic
  
 Responder
Paansho Ausente   8 May, 2010, 8:05 pm
#29
Bueno ... ya que aeroxis no explico como poner el avatar y el titulo lo pondre yo , lo descubri recien ^^
Asi nos quedara ... ( para tener bien hecho esto deben aver echo el tuto de aeroxis )
[Imagen: mv3nyh.gif]
srry porque se ve mal xd ...
Bueno vamos a postbit_classic ( de su theme ) y buscamos
Cita:<strong><span class="largetext">{$post['profilelink']}</span></strong> {$post['onlinestatus']}<br />
y antes de eso agregamos este codigo
Cita:<table width="100%" border="0" cellspacing="2"
cellpadding="1" style="font-size:12px">
<tr><td class="trow4" align="center">
Entonces quedaria asi
Cita:<table width="100%" border="0" cellspacing="2"
cellpadding="1" style="font-size:12px">
<tr><td class="trow4" align="center"> <strong><span class="largetext">{$post['profilelink']}</span></strong> {$post['onlinestatus']}<br />
y cerramos asta el ultimo codigo de la lista esta
Cita: {$post['usertitle']}<br />
{$post['userstars']}
{$post['groupimage']}{$post['genderflag']}
{$post['useravatar']}<br />
{$post['user_details']}
{$post['levelbar']}
Entonces quedaria Asi
Cita: <table width="100%" border="0" cellspacing="2"
cellpadding="1"&nbsp;&nbsp;style="font-size:12px">
<tr><td class="trow4" align="center"> <strong><span class="largetext">{$post['profilelink']}</span></strong> {$post['onlinestatus']}<br />
<span class="smalltext">
{$post['usertitle']}<br />
{$post['userstars']}
{$post['groupimage']}{$post['genderflag']}
{$post['useravatar']}<br />
{$post['user_details']}
{$post['levelbar']}</td></tr></table>
y ya esta todo cuadriculado o algo asi xd , espero que les haya servido Big Grin[/quote]

Creditos Aeroxis , por el codigo .
  
 Responder
Paansho Ausente   14 May, 2010, 3:47 pm
#30
(1 Jan, 2010, 10:11 am)dioseva escribió: Pues no me quedo como en tu imagen de muestra Aeorix

Me quedo normal solo que con cosas extras aaaaaaaa yo lo quiero como te quedo Aeorix mi tema es el black evo mira
se ya se que el borde se cambia en css pero no me quedo abajo del avatar!!

cierralo con un </table> xd !
  
 Responder
Páginas (8):    1 2 3 4 5 … 8   
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-2025 MyBB Group.
Made with by Curves UI.