Dar formato a texto

under_ground · #1 (**permalink**) 31/10/2005, 19:13

Amigos, me han derivado hasta el lugar idoneo para lo siguiente:

Tengo una fila de a 2 columnas donde hay un script php que muestra un texto desde la base de datos y, a ese texto quiero darle un formato predetermindao, es decir un tipo de letra y tamaño que yo elija, ahora el tema es cómo y es aqui donde pueden ayudarme porque de ccs no se mucho

Agradecido

baccxus · #2 (**permalink**) 31/10/2005, 20:20

puedes hacer una clase y la aplicas de varias formas, te pongo 2:
La clase que debes insertar entre las etiquetas <head></head>

Código:

<style type="text/css">
.columna2 {
font-family: arial; /*tipo de letra, hay familias y puedes encontrar info en las FAQ*/
color: #990000; /*el color de la letra, en este caso rojo marrón*/
font-size: 12px; /*tamaño de la letra*/
font-weight: bold; /*si la quieres negrilla*/
font-decoration: underline; /*si quieres subrayado*/
/*puedes encontrar mas información en las FAQ, este es un tema básico, pero por algo debemos empezar*/
}
</style>

1. haces una división, le aplicas la clase y dentro de esta pones tu script php:

Código HTML:

<div class="columna2"><?php aqui tu script?></div>

2. Le insertas la división con la clase a tu script:

Código PHP:

<?php echo "<div class=\"columna2\">".$tu_script."</div>;?>

under_ground · #3 (**permalink**) 01/11/2005, 12:29

gracias apenas lo integre al sistema te cuento como va quedando

leoj90 · #4 (**permalink**) 01/11/2005, 16:21

Agrego una más q casi nadie lo conoce.. me lo aprendí de suerte, por error

font-variant: small-caps;

Sinceramente, no se como describir el efecto q da, pero a mi se me hace muy bueno y util.

under_ground · #5 (**permalink**) 02/11/2005, 08:08

amigos y se daria el mismo tratamiento para una imagen que tb proviene desde una carpeta ?

axiertxo · #6 (**permalink**) 02/11/2005, 09:07

Cita:

Iniciado por leoj90

Agrego una más q casi nadie lo conoce.. me lo aprendí de suerte, por error

font-variant: small-caps;

Sinceramente, no se como describir el efecto q da, pero a mi se me hace muy bueno y util.

Font-variant lo que hace es darle una variante de fuente. Se le puede aplicar normal y samall-caps que son mayusculas pequeñas.

Algun atributo mas para textos:

font-style -->estilo de fuente

-valores:normal(sin propiedad),italic(cursiva),oblique(fuente oblicua)

word-spacing -->espacio entre palabras

-valores:numero mas pt(puntos) o cm(centimetros)

[B]letter-spacingB] -->espacio entre letras

-valores:lo mismo que word-spacing

text-transform -->mayusculas y minusculas

-valores:normal(permanece igual),uppercase(mayusculas),lowercase(pasa a minusculas)

text-decoration -->efectos

-valores:none(sin efectos), underline(subrayado), overline(raya superior), line-through(tachado), blink(texto parpadeante), capitalize(primera letra de palbra en mayuscula)
Saludos

baccxus · #7 (**permalink**) 02/11/2005, 09:24

Cita:

Iniciado por under_ground

amigos y se daria el mismo tratamiento para una imagen que tb proviene desde una carpeta ?

Claro que sí!

Míra las FAQ del foro, puedes encontrar muchas cosas interesantes, también los manuales de maestros del web.

Sobre las imágenes, puedes alinearlas según las necesites usándo la función float.

Ej. para que quede una imagen al lado izquierdo de un parrafo de texto y que quede un margen hacia abajo y a la derecha de 5 píxeles:

Código:

.columna2 img {
float: left;
margin: 0px 5px 5px 0px;
}