left: 0px;
right: 0px;
height: 60px;
- background-color: #fc9;
+ background-color: #f8f8f8;
}
#column-wrap {
#content-related {
width: 200px;
}
+
+img.logo {
+ right:0px;
+}
--- /dev/null
+<a href="/"><img class="logo" src="{{ STATIC_URL }}img/myslice-logo.png" alt="MySlice" /></a>
{% insert_str prelude "js/mymenu.js" %}
{% insert_str prelude "css/mymenu.css" %}
-{# this shows how to add raw js code #}
-{# {% insert raw_js %} "some script useful for mymenu" {% endinsert %} #}
-{# use the raw_css container for css style #}
+{# this shows how to add raw js or css code #}
+{# {% insert prelude_js %} "some script useful for mymenu" {% endinsert %} #}
+{# use the prelude_css container for css style #}
+<!--
<div id='mymenu'>
<ul id='mymenu'>
<li>
<a href="/"><img class="logo mymenu" src="{{ STATIC_URL }}img/myslice-logo.png" alt="MySlice" /></a>
</li>
{% for d in menu_items %}
- {% if d.current %}
+ {% if d.active %}
<li class='current'> <a href="{{ d.href }}"> {{ d.label }} </a> </li>
{% else %}
<li class='other'> <a href="{{ d.href }}"> {{ d.label }} </a> </li>
{% endfor %}
</ul>
</div>
+-->
+<div class="nav nav-pills">
+{% for d in menu_items %}
+ {% if d.active %}
+ <li class='active'> <a href="{{ d.href }}"> {{ d.label }} </a> </li>
+ {% else %}
+ <li class='other'> <a href="{{ d.href }}"> {{ d.label }} </a> </li>
+ {% endif %}
+ {% endfor %}
+</ul>
{% insert_str prelude "bootstrap/css/bootstrap.css" %}
<script type="text/javascript">
{# In case we need to add raw js code #}
-{% container raw_js %}
+{% container prelude_js %}
</script>
<style type="text/css">
{# In case we need to add raw css code #}
-{% container raw_css %}
+{% container prelude_css %}
</style>
</head>
<div id='header'>
{% block header %}
{% include 'mymenu.html' %}
+ {% include 'logo.html' %}
{% endblock header %}
</div>
</ul>
<div class="tab-content">
<div class="tab-pane fade in" id="name1">
- <p> {{ lorem }} </p>
+ <p> {{ lorem|safe }} </p>
</div>
<div class="tab-pane fade in active" id="name2">
<p> Sample tabs, this one is the active one; A shorter Lorem <code> with embedded code </code> <span class='bold'>ipsum dolor</span> sit amet, consectetuer
</div>
-<script>
- $(function () {
- $('#myTab a:last').tab('show');
- })
-</script>
-
-<div class='well'> quis nostrud exerci tation </div>
+<div class='well'> a sample of the 'well' class quis nostrud exerci tation </div>
<div>
{{ lorem }} Lorem <span class='bold'>ipsum dolor</span> <code> counter += 1
return render_to_response ('sample.html',
{ 'lorem': lorem,
'menu_items':
- [ { 'label':'Some label', 'href': '/url1/','current':True, },
+ [ { 'label':'Some label', 'href': '/url1/','active':True, },
{ 'label':'Another topic ', 'href': '/other/'},
]},
context_instance=RequestContext(request))