Como cargar CSS en las Templates

2,462 views
Skip to first unread message

Jorge Toro

unread,
Oct 7, 2009, 1:11:31 PM10/7/09
to djan...@googlegroups.com
Ayuda: como puedo establecer hojas de estilo para las plantillas.

No encuentro la forma de que una plantilla me cargue las hojas de estilo con la etiqueta <link>, cual es el método que usa django para cargar hojas de estilo a sus plantillas?

Gracias.

--
Jorge A. Toro Hoyos
Ing. Teleinformático.
CumbiaTIC, Dir. División de Informática COR.
http://jolthgs.wordpress.com/
--------------------------------------------------------------
Powered By Debian.
Developer Bullix GNU/Linux.
--------------------------------------------------------------
-----BEGIN PGP SIGNATURE-----
Version: GnuPG v1.4.6 (GNU/Linux)

iD8DBQBIWWH6q7mzdgTzI5ARAkX5AJ9TR6hL2ocLMOUDRfhts8DlVl+jpwCeNw5x
p4+4FNUHPDUx1lU9F8WSKCA=
=zRhQ
-----END PGP SIGNATURE-----
Este correo esta protegido bajo los términos de la Licencia Atribución-Compartir Obras Derivadas Igual a 2.5 Colombia de Creative Commons. Observé la licencia visitando este sitio http://creativecommons.org/licenses/by-sa/2.5/co/.

Jair Gaxiola

unread,
Oct 7, 2009, 1:15:35 PM10/7/09
to djan...@googlegroups.com
2009/10/7 Jorge Toro <jol...@gmail.com>
Ayuda: como puedo establecer hojas de estilo para las plantillas.

No encuentro la forma de que una plantilla me cargue las hojas de estilo con la etiqueta <link>, cual es el método que usa django para cargar hojas de estilo a sus plantillas?

Del mismo modo como cargarlas en un html es como lo hago, checa si realmente en las plantillas esta colocando el codigo del css. Django usa herencia de plantillas, revisa si realmente estas herendando la plantilla que tiene el link del css.

--
SIN ETIQUETAS.[ PUNTO ]
http://hi.im/jyr
http://www.opentumblr.com

Andrés gutiérrez

unread,
Oct 7, 2009, 1:28:26 PM10/7/09
to djan...@googlegroups.com
Para temas de javascript y css lo mejor es hacer las comprobaciones en el navegador (firefox) con un plugin para este firebug. Si no los has usado nunca, al principio te dara un poco de respeto ver tanto html, pero luego no sabes vivir sin el. Con este plugin señalas un trozo de tu html y te muestar que css se estan aplicando. Aunque esto tambien lo puedes hacer como siempre se ha hecho. Vas al navegador > ver > codigo fuente.

Como te ha dicho Jair se declaran como se hace en html normal:
ej.:
<link href="/site_media/css/mihoja.css" type="text/css"  rel="stylesheet" />

Por lo que deberías de revisar el sistema de herencia de las templates en Django, que es casi seguro lo que te está fallando.
--
Experiencia es lo que obtienes, cuando no obtienes lo que quieres.
-----------------------------------------------------------------------------
"Caminar sobre el agua y desarrollar software a partir de unas
especificaciones es fácil. si ambas están congeladas."
Edward V. Berard, ingeniero informático.

Jorge Toro

unread,
Oct 7, 2009, 1:56:12 PM10/7/09
to djan...@googlegroups.com
Gracias.... solo era la ubicación de los css dentro de el sitio.

Rolando Espinoza La Fuente

unread,
Nov 8, 2009, 5:30:36 PM11/8/09
to djan...@googlegroups.com
2009/10/7 Jorge Toro <jol...@gmail.com>:

> Ayuda: como puedo establecer hojas de estilo para las plantillas.
>
> No encuentro la forma de que una plantilla me cargue las hojas de estilo con
> la etiqueta <link>, cual es el método que usa django para cargar hojas de
> estilo a sus plantillas?
[...]

¿te refieres a cargar diferentes css por template?

Si es así, en tu template base e.j. base.html puedes definir un bloque
"head-extra"
para agregar <link>, o <script> o <meta>, etc.

{# base.html #}
<html>
<head>
...html por aquí
{% block head-extra %}
{# <link>, <script>'s adicionales #}
{% endblock %}
</head>
<body>
...
</body>
</html>

Y en el templates que utilize un .css adicional:

{# prueba.html #}
{% block head-extra %}
<link rel="stylesheet" href="{{ MEDIA_URL }}styles/prueba.css"
type="text/css" />
{% endblock %}
....

Saludos,

--
Rolando Espinoza La fuente
qoSoftware

www.qosoftware.com

Wguzman

unread,
Nov 12, 2009, 1:42:12 AM11/12/09
to Django-es
Hola.
Tu pregunta ha sido contestada parcialmente y quisiera añadir un poco
mas.
Stylesheets y imagenes son archivos estaticos y Django no los sirven.
Estos archivos
durante produccion son servidos por el servidor Web.
Hay una manera de utilizar estos archivos en el Django Servidor de
desarollo.
Primero Habre el urls.py archivo y agrega lo siguiente.
import os
site_media = os.path.join(
os.path.dirname(__file__), 'site_media'
)

Luego en urlpatterns agrega e.j:
urlpartterns = patterns(' ',
(r'^$', main_page),
(r'^site_media/(?P<path>.*)$', 'django.views.static.serve',
{'document_root': site_media}),
)

Aqui 'site_media' es el directorio donde tienes tus archivos
estaticos.

Luego como tu ya sabes declara tu <link....> con el archivo de tus
estilos "site_media/style.css" entre <head></head>

On Oct 7, 9:11 am, Jorge Toro <jolt...@gmail.com> wrote:
> Ayuda: como puedo establecer hojas de estilo para las plantillas.ñ
>
> No encuentro la forma de que una plantilla me cargue las hojas de estilo con
> la etiqueta <link>, cual es el método que usa django para cargar hojas de
> estilo a sus plantillas?
>
> Gracias.
>
> --
> Jorge A. Toro Hoyos
> Ing. Teleinformático.
> CumbiaTIC, Dir. División de Informática COR.http://jolthgs.wordpress.com/

Jorge Toro

unread,
Nov 17, 2009, 3:24:42 PM11/17/09
to djan...@googlegroups.com
Gracias, a todos por su ayuda. y sobre todo a la aclaración de Wguzman.
CumbiaTIC, Dir. División de Informática COR. Esp GNU/Linux.
Reply all
Reply to author
Forward
0 new messages