Leandro M.   3 Sep, 2011, 9:21 am
#1
Buscando como redondear las esquinas del postbit encontré una denomina ROUNDCSS y que permite crear esquinas redondeadas en rectánguros recurriendo a CSS. Lo saqé de aquí http://cssround.com/
Este es el code que generé con eso

<div style="width:400px;height:300px;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;border:2px solid #4F634D;background-color:#E3E3E3;-webkit-box-shadow: #B3AD84 6px 6px 6px;-moz-box-shadow: #B3AD84 6px 6px 6px; box-shadow: #B3AD84 6px 6px 6px;">Just modify width and height values to get what you need...</div>

Mi duda es en que parte tengo que ubicar este code para redondear el postbit, hice el tutorial de Aeroxis http://www.mybb-es.com/Hilo-tutorial-pos...-recuadros
Omar G.   3 Sep, 2011, 1:40 pm
#2
Muy complicado para algo simple como el redondeo con CSS3. Mira, coloca esto en tu global.css:
.roundcss3{
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

Ahora en donde quieras aplicar el css le colocas esto:
class="roundcss3"

http://border-radius.com/

Envía un DM o MP si te interesa patrocinar alguna actualización o complemento a alguno de mis plugins.

[Imagen: signature.png]

Discord omar.gonzalez (Omar G.#6117); Telegram at @omarugc;
Leandro M.   3 Sep, 2011, 6:23 pm
#3
Este code:
.roundcss3{
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
} 

Lo remplazo por este?:

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

Y otra duda, con esa pagina que me pasaste me generó este code

-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;

Como tengo que ubicarlo para recuadrar todo el postbit?
DARKNESSDH   3 Sep, 2011, 6:27 pm
#4
mira amigo lo debes de poner en el post[message]

es algo similar a ese ese es el que le vas a poner el class

puedes ponerlo como div


ejemplo

<div class="tuclass">
aqui la variable del post[message]
</div>

y listo

tambien debes saber donde ponerlo si tu posbit es horizontal o classico
Leandro M.   3 Sep, 2011, 7:06 pm
#5
Listo entendí perfecto, agregué este code en mi global.css
.roundcss3{
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}

Ahora quiero aplicar el css solo al recuadro mayor, osea, el que recuadra el avatar, username, stars, etc.. Donde tengo que ir y como quedaria el code?

Edito: uso el postbit clasico
DARKNESSDH   3 Sep, 2011, 7:37 pm
#6
Leandro M.   3 Sep, 2011, 8:17 pm
#7
DARKNESSDH   3 Sep, 2011, 8:27 pm
#8
ese codigo encierralo con un div
Omar G.   3 Sep, 2011, 8:31 pm
#9

Envía un DM o MP si te interesa patrocinar alguna actualización o complemento a alguno de mis plugins.

[Imagen: signature.png]

Discord omar.gonzalez (Omar G.#6117); Telegram at @omarugc;
  
Powered By MyBB, © 2002-2025 MyBB Group.
Made with by Curves UI.