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
[Tutorial] Una opción mas para recuadrar el postbit
ZioGuE   6 Feb, 2011, 11:48 am
#1
Aqui una continuacón al manual de Aeroxis.

Pues tenemos que la forma de recuadrar que aviamos visto es algo así el css:
Código:
.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;
}
FORMA ALTERNATIVA ''A'' : BORDE SOBRESALIENTE
Como ven solo marca un borde, pero si quisieramos controlar el tamaño de cada borde para poner un efecto como de sombra podriamos usar en su lugar esto:
Código:
.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;
}

Esto nos daria un resultado como este:


[attachment=1873]

Como ven el lado derecho queda como sombreado y le da un muy buen efecto.

FORMA ALTERNATIVA ''B'' : FORMA SERIA
Ok , para esto usaremos este css
Código:
.postbit {  
padding-left: 2px;  
padding-right: 2px;  
padding-top: 2px;  
padding-bottom: 2px;  
background-color: rgb(240,240,240);  
border-top: 1px solid #dddddd;  
border-right: 1px solid #dddddd;  
border-left: 2px solid #c4c4c4;  
border-bottom: 1px solid #c4c4c4;  
margin-bottom: 3px;  
}
Y nos dará un resultado como este:

[attachment=1874]

Como ven , queda muy bien Big Grin

FORMA ALTERNATIVA ''c'' : Con un Fieldset
Aqui pueden usar el css que ustedes quieran , recomendaria usar el primero que puse. Bien, ya que tienen eso, van a postbit_autor_user. Y en vez de usar el codigo que el tutorial da usen algo así:
<fieldset class="postbit" align="center"">
<legend>Titulo del contenido</legend>
<p>Contenido.</p>
</fieldset>

Les quedará algo chulo como esto:
[attachment=1875]
Última modificación: 10 Feb, 2011, 6:20 pm por Blink.
darkne   6 Feb, 2011, 8:27 pm
#2
me gusta la FORMA ALTERNATIVA ''A''
Azdehur   11 Feb, 2011, 10:45 am
#3
En este caso, me gusta mas la forma alternativa "A" , es buen tutorial!!
andy   11 Feb, 2011, 11:01 am
#4
Me gusta mucho el C Big Grin
xxadrianxx   11 Feb, 2011, 6:24 pm
#5
me gusto la Alternativa B la veo tipi vb4
Ignnacio_mybb_import8182   12 Feb, 2011, 1:02 pm
#6
Se le daría un redondeo y queda perfectin.
AngelDProz   16 Mar, 2012, 10:15 pm
#7
hehe si supieran que ya he intentado con 3 tutoriales, sigo haciendo lo mismo, echando codigos, revisando, y lo unico que se recuadra es MENSAJES, REGISTRO, REPUTACION.. no se recuerda como aki, ni el avatr ni el nickname, ni nada.. Otra cosita, tmb intente lo de las banderas! no se ven xD! no estoy acostumbradp ¬¬! hehe no importa hay que aprender, pero si alguien me puede ayudar escribame al MP y le doy acceso a mi foro :X! la unica forma T.T


Aqui una imagen

[Imagen: 97le7r.jpg]
Última modificación: 16 Mar, 2012, 10:25 pm por rambo1978.
nentab   17 Mar, 2012, 4:38 am
#8
(16 Mar, 2012, 10:15 pm)AngelDProz escribió: hehe si supieran que ya he intentado con 3 tutoriales, sigo haciendo lo mismo, echando codigos, revisando, y lo unico que se recuadra es MENSAJES, REGISTRO, REPUTACION.. no se recuerda como aki, ni el avatr ni el nickname, ni nada.. Otra cosita, tmb intente lo de las banderas! no se ven xD! no estoy acostumbradp ¬¬! hehe no importa hay que aprender, pero si alguien me puede ayudar escribame al MP y le doy acceso a mi foro :X! la unica forma T.T


Aqui una imagen

[Imagen: 97le7r.jpg]

Lo que tienes que hacer es crear un tema en soporte diciendo en qué necesitas ayuda. Que el soporte no se da por privado, sino aquí en el foro. Smile

Saludos!
AngelDProz   17 Mar, 2012, 2:45 pm
#9
(17 Mar, 2012, 4:38 am)nentab escribió:
(16 Mar, 2012, 10:15 pm)AngelDProz escribió: hehe si supieran que ya he intentado con 3 tutoriales, sigo haciendo lo mismo, echando codigos, revisando, y lo unico que se recuadra es MENSAJES, REGISTRO, REPUTACION.. no se recuerda como aki, ni el avatr ni el nickname, ni nada.. Otra cosita, tmb intente lo de las banderas! no se ven xD! no estoy acostumbradp ¬¬! hehe no importa hay que aprender, pero si alguien me puede ayudar escribame al MP y le doy acceso a mi foro :X! la unica forma T.T


Aqui una imagen

[Imagen: 97le7r.jpg]

Lo que tienes que hacer es crear un tema en soporte diciendo en qué necesitas ayuda. Que el soporte no se da por privado, sino aquí en el foro. Smile

Saludos!


Ok disculpa, lo decia pq como he intentado con varios tutos y no se recuadra todo el postbit.. sino esas opciones que salen en la foto.. pues si puedo recibir alguna ayuda! lo decia por "MP" en el sentido de dar acceso a mi foro a tal persona que me ayude en ese error! Peor gracias, Lo hare!
Ryuuseiken   17 Mar, 2012, 3:24 pm
#10
Solamente tendrías que encuadrar cada variable del postbit, crea un tema de soporte para darte ayuda mas exacta.
  
Powered By MyBB, © 2002-2024 MyBB Group.
Made with by Curves UI.