Hola, quiero saber cómo puedo separar la hora en la que se hizo el último mensaje del cuadro que aparece en el índice, dejo la imagen:

Por ejemplo aquí, quiero que este 3:11
https://i.imgur.com/AkW4qUa.png

Aparezca abajo como aquí:
https://i.imgur.com/B0lh7P1.png

Lo que pasa es que cuando aparece la hora arriba la imagen del avatar se sube y cuando está la hora abajo la imagen del avatar queda mejor...espero haberme dado a entender ;D

Foro:

Vamos a ver la URL del foro...
Upa no creo que se pueda, a menos de que se pudieran editar los templates... lo siento.
Cual es el error que te da? mejor asi le buscamos la solucion de otro manera...

Mmm lo que pasa es que el avatar queda así, un poco arriba:
https://i.imgur.com/xUFvWDO.png

Que no quede elevado, que quede el avatar al raz como aquí:
https://i.imgur.com/B0lh7P1.png

Puedes poner esto en tu CSS?

Código:

.lastpost {
min-height: 60px;
max-height: 60px;
}


Hace unos días, te di estos CSS:
http://www.webdesignforo.net/t3138-resueltocomo-podria-cambiar-la-posicion-del-avatar-en-el-indice#36522

Buscalo y reemplazalo por este:

Código:

.mini_ava {
background: black;
border-bottom: 2px solid #3B8686;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
float: none;
height: 42px;
width: 47px;
position: relative;
top: 18px;
left: 48px;
}

Ahora funciona sólo cuando está así: Ayer A Las 20:14 ....

Pero cuando está uno debajo del otro se nota así:


Se tendría que hacer más pequeño el texto?

Sustituye de nuevo y me dejas saber... disculpad si molesto

Código:

.lastpost {
max-height: 74px;
min-height: 74px;
}

No, el que molesta soy yo :( Y.....de nuevo, mira, lo que marqué en rojo es la forma en la que me gustaría que todo quedara (La fecha y hora) osea, primero la fecha y abajo la hora, que se separe no como en lo que marqué en negro que está junto y por eso queda mal...me di a entender?

Mira, lo unico que se me ocurre es hacer mas ancha esa parte, de tal manera que el texto (por muy largo que sea) no se baje y asi no te mueva el avatar... ya lo probe y si se puede, me dejas saber si quieres hacerlo asi.

Bueno, está bien, gracias ;D

Okay, aqui vamos:

Busca esto en tu CSS:

Código:

.forabg dd.lastpost {
background: #0A0A0A;
border-bottom: 5px solid #3B8686;
display: inline;
font-family: Verdana;
font-size: 9pt;
font-style: normal;
font-variant: normal;
font-weight: 400;
height: 60px;
margin-left: 70px;
padding-bottom: 0;
padding-top: 4px;
text-align: center;
text-transform: capitalize;
width: 151px;
}

y reemplaza por este:

Código:

.forabg dd.lastpost {
background: #0A0A0A;
border-bottom: 5px solid #3B8686;
display: inline;
font-family: Verdana;
font-size: 9pt;
font-style: normal;
font-variant: normal;
font-weight: 400;
height: 60px;
margin-left: 70px;
padding-bottom: 0;
padding-top: 4px;
text-align: center;
text-transform: capitalize;
width: 175px;
}

Busca este otro:

Código:

.forabg dd.topics {
background-color: #171717;
border-bottom: 2px solid #333;
border-radius: 0;
border-top: 5px solid #3B8686;
font-size: 10px;
height: 14px;
margin-left: 71px;
margin-top: 18px;
padding-bottom: 10px;
padding-top: 0;
position: relative;
width: 75px;
}

y reemplaza por este:

Código:

.forabg dd.topics {
background-color: #171717;
border-bottom: 2px solid #333;
border-radius: 0;
border-top: 5px solid #3B8686;
font-size: 10px;
height: 14px;
margin-left: 71px;
margin-top: 18px;
padding-bottom: 10px;
padding-top: 0;
position: relative;
width: 88px;
}

Busca este otro:

Código:

.forabg dd.posts {
background-color: #171717;
border-bottom: 2px solid #333;
border-radius: 0;
border-top: 5px solid #3B8686;
font-size: 10px;
height: 14px;
margin-left: 1px;
margin-top: 18px;
padding-bottom: 10px;
padding-top: 0;
position: relative;
width: 75px;
}

y reemplaza por este:

Código:

.forabg dd.posts {
background-color: #171717;
border-bottom: 2px solid #333;
border-radius: 0;
border-top: 5px solid #3B8686;
font-size: 10px;
height: 14px;
margin-left: 1px;
margin-top: 18px;
padding-bottom: 10px;
padding-top: 0;
position: relative;
width: 88px;
}

y finalmente reemplaza este:

Código:

.mini_ava {
background: black;
border-bottom: 2px solid #3B8686;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
float: none;
height: 42px;
left: 65px;
position: relative;
top: 31px;
width: 47px;
}

Saludos

Right, disculpa las molestias pero sólo una cosa: Cuando dices remplaza este:

Código:

.mini_ava {
background: black;
border-bottom: 2px solid #3B8686;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
float: none;
height: 42px;
width: 47px;
position: relative;
top: 18px;
left: 48px;
}

estás seguro?, osea, no tengo que poner otro o algo así, mira, cuando lo remplazo se mira así:
https://i.imgur.com/1NehGVd.png

Y cuando NO lo quito se mira así:
https://i.imgur.com/bvLFhh3.png

En el primero no queda centrado y el efecto que tenía o la forma ya no está.
En el segundo queda separado y no centrado completamente...

Podrías aclarármelo por favor, muchas gracias de nuevo eres mi dios :DDD


----------------------------------------------
EDITO:
Rayos, me estoy dando cuenta de que afecta en los "Temas", ahora se mira más separado y ancho :(((
https://i.imgur.com/1KpVHNB.png

Supuse que sabrias que tendrias que buscar esto en tu CSS:

Código:

.mini_ava {
background: black;
border-bottom: 2px solid #3B8686;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
float: none;
height: 42px;
left: 48px;
position: relative;
top: 18px;
width: 47px;
}

Por eso te dije reemplaza finalmente este .

Código:

.mini_ava {
background: black;
border-bottom: 2px solid #3B8686;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
float: none;
height: 42px;
width: 47px;
position: relative;
top: 31px;
left: 68px;
}

Slash+ escribió:EDITO:
Rayos, me estoy dando cuenta de que afecta en los "Temas", ahora se mira más separado y ancho :(((
https://i.imgur.com/1KpVHNB.png

Si , es que anteriormente te di este CSS:

Código:

.lastpost {
max-height: 74px;
min-height: 74px;
}

Borralo y asunto arreglado.

De nuevo me has salvado!! no se que esperan para hacerte Moderador o admin

Muchas Gracias :DD