contoh kustom templates brungut.com

contoh templates

{% extends "tema/retroika/base.html"  %}
{% block extra_css %}
    <link href="http://media.brungut.com/css/tema/retroika/layout.css" rel="stylesheet" type="text/css" />
      {% if user.kustom_layout %}
        <style>{{ user.css }}</style>
      {% endif %}
{% endblock %}


{% block extra_js %}
    {% if path == 'halaman_user' %}
        {% include "js.html" %}
    {% else %}
        {% include "js.html" %}
    {% endif %}
{% endblock %} 


{% load extra_tags %}
{% block title %}{% if path == 'halaman_user' %}{{ user.username|capfirst }}{% else %}{{ chat_list.0.url }}{% endif %}{% endblock %}

{% block konten %}
<div class="container_16"> 
    <div class="konten">
       <div class="grid_12"> 
       <div class="prefix_2">
       {% if path == 'konten_detail' %} 
        <div class="grid_8">
            <h2><a href="{{ user.get_absolute_url }}">{{ chat_list.0.user.display_name|upper }}</a></h2>
            {{ jam }} {% if chat_list.0.timeline %}@<a href="{{ chat_list.0.user.username }}">TIMELINE</a> {% else %}@<a href="{{ chat.group.get_absolute_url }}">{{ chat_list.0.kota|upper }}</a>{% endif %}
        </div>
        <div class="grid_2">
            <div class="menuopsi">
                {% if chat_list.0.user.username == request.user.username %} <a href="#" id="hapuschat">HAPUS </a>{% else %}  <a href="#" id="repostchat" class="on">BAGIKAN ULANG</a>{% endif %}
            </div>
        </div>
      <div class="clear"> </div>
       {% else %} 
        <div class="clear"> </div>
           <h2><a href="{{ user.get_absolute_url }}">{{ user.username|upper }} </a></h2>
                {% if user.kota_asal|bukan_none %}{{ user.kota_asal|capfirst }}, Indonesia <br/>{% endif %} 
                {% if user.about|bukan_none %}{{ user.about|safe }}{% endif %}

        {% endif %}
  
        {% if path != 'konten_detail' %}
        <div class="menuopsi">
                <a id="flo" href="#" class="all" rel="/{{user.username }}/all/" title="lihat Semua">SEMUA</a>
                <a id="flo" href="#" class="chat" rel="/{{user.username }}/chat/" title="lihat chat">KONTEN</a>
                <a id="flo" href="#" class="aktifitas" rel="/{{user.username }}/aktifitas/" title="lihat aktifitas teman">AKTIFITAS</a>
                <a id="flo" href="#" class="video" rel="/{{user.username }}/video/" title="lihat chat">VIDEO</a>
                <a id="flo" href="#" class="images" rel="/{{user.username }}/images/" title="lihat gambar">GAMBAR</a>
                <a id="flo" href="#" class="blogs" rel="/{{user.username }}/blog/" title="lihat posting panjang">BLOG</a>
                <a id="flo" href="#" class="link" rel="/{{user.username }}/link/" title="lihat tautan">TAUTAN</a>
            </div>
         {% endif %}
        
        <div class="streamhare">
            <div class="contenthare">
                <div id="chat"><div class="chat-frame"/></div><div class="clear"> </div><div class="batas"/>
                {% block ajax %}
                       {% for chat in chat_list %}
                                <div class="chathare">
                                    <div class="grid_3">
                                        <i><abbr class="timeago" title="{{ chat.pub_date|sejak }}">{{ chat.pub_date|sejak }} </abbr> </i><br />{% if chat.timeline %}{% else %}@<a href="{{ chat.group.get_absolute_url }}">{{ chat.group.nama }}</a> - {% endif %} {% if request.user.username not in chat.repost.keys %} <a href="#" id="repostchat">repost</a>{% endif %} - <a href="{{ chat.get_absolute_url }}">#</a>
                                    </div> 
                                    <div class="grid_6"> 
                                        {% if path == 'konten_detail' %}
                                            {{ chat.html|safe }} 
                                        {% else %}
                                           {% if chat.tipe == 'pesan' %}   
                                               {{ chat.html|safe|truncatewords_html:70 }} 
                                           {% endif %}
                                           {% if chat.tipe == 'join' %}
                                                <p>Baru sajah berada di grup </p>
                                           {% endif %}
                                           {% if chat.tipe == 'leave' %}
                                                <p>Baru sajah meninggalkan grup </p>
                                           {% endif %}
                                        {% endif %}
                                    </div>
                                </div>
                                {% if path != 'konten_detail' %}  
                                  {% if chat.repost %}
                                    <div class="clear"> </div> 
                                    <div class="repost">
                                    {% for user, jam in chat.repost.iteritems %} 
                                        <a href="{% url user_detail user %}" title="dibagikan ulang oleh {{ user }} - {{ jam|sejak }}">
                                        <img src="{% get_avatar_22 user %}"/>
                                        </a>
                                    {% endfor %}
                                   </div> 
                                  {% endif %}
                            {% endif %}
                            <div class="clear"> </div>
                        {% empty %}
                           <br/> <br/> MOHON MAAF, DATA BELUM ADA
                        {% endfor  %}
                        {{ next }}
                        {% if path == 'konten_detail' %}
                            <div class="chat-detail-hare"/>
                            {% if chat_list.0.repost %}
                            <div class="clear"> </div>
                            <div class="repost-posting">
                                <h4>DIPOSTING ULANG OLEH:</h4> 
                                {% for nama, jam in chat_list.0.repost.iteritems %}
                                    <div class="repostdisini">
                                         <div class="imagerepost">
                                             <img src="{% get_avatar_22 user %}"/>
                                        </div>
                                        <div class="grid_7"> 
                                            <a href="{% url user_detail nama %}">{{ nama }}</a> - <abbr class="timeago" title="{{ jam|sejak }}">{{ jam|sejak }} </abbr>
                                        </div>
                                    </div> 
                                {% endfor %}
                            </div>
                        {% endif %}
                    {% endif %}
                {% endblock %}
                
            </div>
        </div>
        {% if path == 'konten_detail' %}
            <div class="grid_8">
                {{ form }}
            </div> 
            <br/><br/>
        {% endif %}

    </div>
</div>
</div>
</div>
<div class="clear"> </div>


<div class="sidebar">
  <div class="container_16"> 
    <div class="grid_4">
        <div class="sid-user-detail">
            <img src="{{ user.get_avatar}}"/>
        </div>
    </div>
    <div class="grid_3">
        <div class="sid-teman">
            <h3>TEMAN</h3>
            {{ daftar_teman }}
            <div class="clear"> </div>
            {{ opsi_pertemanan }}
        </div> 
    
        <div class="sid-teman">
                <h3>PENGIKUT</h3>
                {{ daftar_pengikut }}
                <div class="clear"> </div>
                {{ opsi_pengikut }}
        </div> 
   </div>
   <div class="grid_3">
       <div class="sid-group">
        <h3>{{ user.username|upper }} GRUP</h3> 
            {% for group in grup_terkait %}
               <div class="list-group"><div class="count">{{ group.online_count }}</div> <a href="{{ group.get_absolute_url }}" title="{{ group.online_count }} Pengguna Sedang Online">{{ group.nama|capfirst }}</a>
               </div>
            {% endfor %}
       </div>
   </div>
  {% if path == 'halaman_user' %} 
   <div class="grid_3">
        <div class="sid-trending">
                <h3>TOPIK TERHANGAT</h3>
                {{ topik_terhangat }}
        </div>
   </div>
   {% endif %}
   {% if user.username == request.user.username %}
   <div class="grid_3">
        <div class="sid-users">
                <h3>TEMAN ONLINE</h3>
                {% for nama in teman_online %}
                    <div class="user-{{ nama }}">
                        <div class="grid_1">
                            <a href="{% url user_detail nama %}"><img src="{% get_avatar_32 nama %}"/></a>
                           </div>
                    </div> 
                    {% endfor %}
        </div> 
   </div> 
   {% endif %}
   <div class="clear"> </div>
  </div>
</div>
<div class="clear"> </div>
{% endblock %}

{% block footer %}
    TEMA RETROIKA
{% endblock %}