UPLOAD STATIC FILES

[Obiorah Callistus]

please how can i display .css and .js files in my template

[Music Fm]

Load static

Open a folder call it static then open another file within the static forder. 

Now type {load static/custom.css }on the html file it will see the static that has the css and javascript file

On Mon, May 29, 2023, 4:31 PM Obiorah Callistus <ockp...@gmail.com> wrote:

please how can i display .css and .js files in my template

--
You received this message because you are subscribed to the Google Groups "Django users" group.
To unsubscribe from this group and stop receiving emails from it, send an email to django-users...@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/django-users/5a2ceeec-20f1-46aa-98b9-717c9965b82dn%40googlegroups.com.

[Kasper Laudrup]

On 29/05/2023 04.24, Obiorah Callistus wrote:
> please how can i display .css and .js files in my template
>

Have you considered reading the documentation?

Kind regards,
Kasper Laudrup

[SHUBHAM KUMAR]

you should add STATIC_DIR =[

'BASE'/ 'static'

]

to your project settings 

To view this discussion on the web visit https://groups.google.com/d/msgid/django-users/CAEXS5w%2B5m5ASCFR0YL%3Dt7CPWk%3DM__UVtTtHfLyJ1xcBZzFaEXw%40mail.gmail.com.

[sum abiut]

in your setting make sure you have

STATIC_URL = '/static/'

then in your template

you load static at the top of your htmi file like this.

{% load static %}

to load any static files like css. do something like this

{% static './cssfile.css'%}

Then run the command. python manage.py collectstatic

To view this discussion on the web visit https://groups.google.com/d/msgid/django-users/CAA8iRFd7-sv1c4oPmP9Xt99aRzUVSUw4p8Via8nBN4wOLwoHbw%40mail.gmail.com.

[Music Fm]

Not necessary again 

To view this discussion on the web visit https://groups.google.com/d/msgid/django-users/CAA8iRFd7-sv1c4oPmP9Xt99aRzUVSUw4p8Via8nBN4wOLwoHbw%40mail.gmail.com.

[DieHardMan 300]

settings.py

    - add following line if not exist

----------------------------------------------------------------------

STATIC_URL = 'static/'

------------------------------------------------------------------------

    in your static folder ---> project_name/app_name/static/app_name/

* I recommend create another folder in your static folder with your app name to avoid duplicate static file name with other apps

* Also I recommend create "new folder" name "css" and "js"

--> project_name/app_name/static/app_name/css

--> project_name/app_name/static/app_name/js

now on top of your "template" html file add following line:

    * note that you must add this line for every template you using static or "extends" from template that use static

------------------------------------------------------------------------

{% load static %}

------------------------------------------------------------------------

    how to import css

------------------------------------------------------------------------

<link rel="stylesheet" href="{% static 'app_name/css/hello.css' %}">

or

<span style="{% static 'app_name/css/hello.css' %}">hello, world</span>

------------------------------------------------------------------------

    

    how to import javascript

------------------------------------------------------------------------

<script src="{% static 'app_name/js/hello.js' %}"></script>

------------------------------------------------------------------------

in django tutorial --> https://docs.djangoproject.com/en/4.2/intro/tutorial06/

and documentation for this --> https://docs.djangoproject.com/en/4.2/howto/static-files/

ในวันที่ วันจันทร์ที่ 29 พฤษภาคม ค.ศ. 2023 เวลา 22 นาฬิกา 31 นาที 33 วินาที UTC+7 Obiorah Callistus เขียนว่า:

[Colin Ado]

1. Create a folder called static, and inside the static folder create another folder

2. Go to settings.py AND add this:

STATIC_URL = 'static/'

STATICFILES_DIRS = [
    BASE_DIR / 'static'
]

3. Go to your .html file and like the .css file using:

<link rel="stylesheet" href="{% static 'folder_inside_static/css_file_inside_folder_inside_static.css' %}">

On Mon, 29 May 2023 at 18:31, Obiorah Callistus <ockp...@gmail.com> wrote:

please how can i display .css and .js files in my template

--