Python 如何更改pinax(0.9a2)模板?

Python 如何更改pinax(0.9a2)模板?,python,django,windows,pinax,Python,Django,Windows,Pinax,我已经安装了带有pinax引导主题的pinax(0.9a2) 现在我想自定义它并重新设计主题,但在我的模板文件夹中找不到任何*.css文件。因此,如何定制引导主题的css?这就是我如何启动和运行基本pinax项目的方法:- mkvirtualenv -p python2.7 --distribute mysite cd ~/work pinax-admin setup_project -b basic mysite cd mysite pip install -r requirements/ba

我已经安装了带有pinax引导主题的pinax(0.9a2)


现在我想自定义它并重新设计主题,但在我的模板文件夹中找不到任何*.css文件。因此,如何定制引导主题的css?

这就是我如何启动和运行基本pinax项目的方法:-

mkvirtualenv -p python2.7 --distribute mysite
cd ~/work
pinax-admin setup_project -b basic mysite
cd mysite
pip install -r requirements/base.txt
python manage.py collectstatic
python manage.py syncdb
python manage.py runserver 8001
这就给了我:-

现在,我的pinax在默认情况下使用引导主题运行得很好,我可以继续使用CSS覆盖来定制我的主题

因为我的pinax settings.py指向

# Additional directories which hold static files
STATICFILES_DIRS = [
    os.path.join(PROJECT_ROOT, "static"),
]
我们将把所有css文件放在这个静态目录下的项目根目录“mysite”下

CSS覆盖通过在模板中加载引导的CSS后加载我们自己的自定义CSS文件来工作

我们指定的CSS类及其新定义将覆盖bootstrap提供的默认值。这就是我们在不使用bootstrap.css的情况下自定义bootstrap主题的方式,这就是为什么我们的
静态
目录一开始是空的

例如,默认情况下,我们在
bootstrap.min.css
中定义了topbar类

.topbar-inner, .topbar .fill {
background-color: #222;
...
}
我们可以在
静态
目录中指定我们自己的css文件,在
模板/site_base.html
文件中加载此css文件,并在我们自己的css文件中为顶部栏指定新颜色,如下所示:-

.topbar-inner, .topbar .fill {
    background-color: red;
    background-image: -webkit-linear-gradient(top, #333, #FF4242);
    background-image: -o-linear-gradient(top, #333, #FF4242);
    background-image: linear-gradient(top, #333, #FF4242);
}
这将导致我们主页上的黑色顶部栏呈现为黑红色。这是使用覆盖来定制css类的基本前提,其默认值已经在bootstrap.min.css中定义

mysite/templates/homepage.html

{% extends "banner_base.html" %}

{% load i18n %}

{% block extra_head %}
<link rel="stylesheet" href="{{ STATIC_URL }}css/my_custom_stuff.css">
{% endblock %}

{% block head_title %}{% trans "Welcome" %}{% endblock %}

{% block body_class %}home{% endblock %}

{% block banner %}
    <h1>{% trans "Welcome to Pinax" %}</h1>
    <p>
        {% blocktrans %}
        <b>Pinax</b> is a <a href="http://djangoproject.com/">Django</a>
        project intended to provide a starting point for websites. By
        integrating numerous reusable Django apps to take care of the
        things that many sites have in common, it lets you focus on what
        makes your site different.
        {% endblocktrans %}
    </p>

    <h2>About Zero Project</h2>
    <p>
        {% blocktrans %}
        This project lays the foundation for all other Pinax starter projects. It
        provides the project directory layout and some key infrastructure apps on
        which the other starter projects are based.
        {% endblocktrans %}
    </p>

    <p><a href="http://pinaxproject.com/" class="btn primary large">{% trans "Learn more &raquo;" %}</a></p>
{% endblock %}
{%extensed“banner_base.html”%}
{%load i18n%}
{%block extra_head%}
{%endblock%}
{%block head_title%}{%trans“欢迎”}{%endblock%}
{%block body_class%}home{%endblock%}
{%block banner%}
{%trans“欢迎使用Pinax”%}

{%blocktrans%}
Pinax是一个
该项目旨在为网站提供一个起点。通过
集成大量可重用的Django应用程序,以处理
很多网站都有一些共同点,它让你专注于
让你的网站与众不同。
{%endblocktrans%}

关于零项目 {%blocktrans%} 该项目为所有其他PANX起动机项目奠定了基础。信息技术 提供上的项目目录布局和一些关键基础架构应用程序 其他启动项目都基于此。 {%endblocktrans%}

{%endblock%}
添加到中的特定块是

{% block extra_head %}
<link rel="stylesheet" href="{{ STATIC_URL }}css/my_custom_stuff.css">
{% endblock %}
{%block extra_head%}
{%endblock%}
请注意,我们还可以将其添加到
mysite/templates/site\u base.html
。这完全取决于您想在我们的
my\u custom\u stuff.css
文件中加载哪个模板


my_custom\u stuff.css
需要驻留在
mysite/static/css
目录中。

因此,我就是这样启动并运行我的基本pinax项目的:-

mkvirtualenv -p python2.7 --distribute mysite
cd ~/work
pinax-admin setup_project -b basic mysite
cd mysite
pip install -r requirements/base.txt
python manage.py collectstatic
python manage.py syncdb
python manage.py runserver 8001
这就给了我:-

现在,我的pinax在默认情况下使用引导主题运行得很好,我可以继续使用CSS覆盖来定制我的主题

因为我的pinax settings.py指向

# Additional directories which hold static files
STATICFILES_DIRS = [
    os.path.join(PROJECT_ROOT, "static"),
]
我们将把所有css文件放在这个静态目录下的项目根目录“mysite”下

CSS覆盖通过在模板中加载引导的CSS后加载我们自己的自定义CSS文件来工作

我们指定的CSS类及其新定义将覆盖bootstrap提供的默认值。这就是我们在不使用bootstrap.css的情况下自定义bootstrap主题的方式,这就是为什么我们的
静态
目录一开始是空的

例如,默认情况下,我们在
bootstrap.min.css
中定义了topbar类

.topbar-inner, .topbar .fill {
background-color: #222;
...
}
我们可以在
静态
目录中指定我们自己的css文件,在
模板/site_base.html
文件中加载此css文件,并在我们自己的css文件中为顶部栏指定新颜色,如下所示:-

.topbar-inner, .topbar .fill {
    background-color: red;
    background-image: -webkit-linear-gradient(top, #333, #FF4242);
    background-image: -o-linear-gradient(top, #333, #FF4242);
    background-image: linear-gradient(top, #333, #FF4242);
}
这将导致我们主页上的黑色顶部栏呈现为黑红色。这是使用覆盖来定制css类的基本前提,其默认值已经在bootstrap.min.css中定义

mysite/templates/homepage.html

{% extends "banner_base.html" %}

{% load i18n %}

{% block extra_head %}
<link rel="stylesheet" href="{{ STATIC_URL }}css/my_custom_stuff.css">
{% endblock %}

{% block head_title %}{% trans "Welcome" %}{% endblock %}

{% block body_class %}home{% endblock %}

{% block banner %}
    <h1>{% trans "Welcome to Pinax" %}</h1>
    <p>
        {% blocktrans %}
        <b>Pinax</b> is a <a href="http://djangoproject.com/">Django</a>
        project intended to provide a starting point for websites. By
        integrating numerous reusable Django apps to take care of the
        things that many sites have in common, it lets you focus on what
        makes your site different.
        {% endblocktrans %}
    </p>

    <h2>About Zero Project</h2>
    <p>
        {% blocktrans %}
        This project lays the foundation for all other Pinax starter projects. It
        provides the project directory layout and some key infrastructure apps on
        which the other starter projects are based.
        {% endblocktrans %}
    </p>

    <p><a href="http://pinaxproject.com/" class="btn primary large">{% trans "Learn more &raquo;" %}</a></p>
{% endblock %}
{%extensed“banner_base.html”%}
{%load i18n%}
{%block extra_head%}
{%endblock%}
{%block head_title%}{%trans“欢迎”}{%endblock%}
{%block body_class%}home{%endblock%}
{%block banner%}
{%trans“欢迎使用Pinax”%}

{%blocktrans%}
Pinax是一个
该项目旨在为网站提供一个起点。通过
集成大量可重用的Django应用程序,以处理
很多网站都有一些共同点,它让你专注于
让你的网站与众不同。
{%endblocktrans%}

关于零项目 {%blocktrans%} 该项目为所有其他PANX起动机项目奠定了基础。信息技术 提供上的项目目录布局和一些关键基础架构应用程序 其他启动项目都基于此。 {%endblocktrans%}

{%endblock%}
添加到中的特定块是

{% block extra_head %}
<link rel="stylesheet" href="{{ STATIC_URL }}css/my_custom_stuff.css">
{% endblock %}
{%block extra_head%}
{%endblock%}
请注意,我们还可以将其添加到
mysite/templates/site\u base.html
。这完全取决于您想在我们的
my\u custom\u stuff.css
文件中加载哪个模板


my\u custom\u stuff.css
需要驻留在
mysite/static/css
目录中。

wow-thx获得您的答案!!!最后一个问题,你的意思是:在我们的模板/site_base.html文件中加载这个css文件,并在我们自己的css文件中指定???怎么做?更新了。正如你所描述的。在site_base.html或homepage.html中加载css文件,具体取决于您是否希望css覆盖仅应用于主页