Added basic design to forum pages

This commit is contained in:
Polonkai Gergely 2012-07-07 12:12:33 +02:00
parent a454dc7483
commit 26527d8057
4 changed files with 60 additions and 19 deletions

View File

@ -3,19 +3,17 @@
{% block content %} {% block content %}
<h3><a href="{{ path('KekRozsakFrontBundle_forum_main') }}">Fórum</a> - <a href="{{ path('KekRozsakFrontBundle_forum_topic_list', { topicGroupSlug: topicGroup.slug }) }}">{{ topicGroup.title }}</a> - {{ topic.title }}</h3> <h3><a href="{{ path('KekRozsakFrontBundle_forum_main') }}">Fórum</a> - <a href="{{ path('KekRozsakFrontBundle_forum_topic_list', { topicGroupSlug: topicGroup.slug }) }}">{{ topicGroup.title }}</a> - {{ topic.title }}</h3>
{% if topic.posts|length > 0 %} {% if topic.posts|length > 0 %}
<table> <table class="post-lista">
<thead>
</thead>
<tbody> <tbody>
{% for post in topic.posts %} {% for post in topic.posts %}
<tr> <tr>
<td> <td class="szoveg"><div>{{ post.text|raw }}</div></td>
<td class="felado">
{{ post.createdBy.displayName }}<br /> {{ post.createdBy.displayName }}<br />
{{ post.createdAt|date('Y-m-d H:i') }}<br /> {{ post.createdAt|date('Y-m-d H:i') }}<br />
Admin<br /> Szint<br />
Tagság kezdete: {{ post.createdBy.RegisteredAt|date('Y-m-d') }} Tagság kezdete: {{ post.createdBy.RegisteredAt|date('Y-m-d') }}
</td> </td>
<td>{{ post.text }}</td>
</tr> </tr>
{% endfor %} {% endfor %}
</tbody> </tbody>

View File

@ -3,7 +3,7 @@
{% block content %} {% block content %}
<h3>Fórum</h3> <h3>Fórum</h3>
{% for topicGroup in topicGroups %} {% for topicGroup in topicGroups %}
<table id="temakor-lista"> <table class="forum-lista">
<thead> <thead>
<tr> <tr>
<td colspan="2"><a href="{{ path('KekRozsakFrontBundle_forum_topic_list', {topicGroupSlug: topicGroup.slug}) }}">{{ topicGroup.title }}</a></td> <td colspan="2"><a href="{{ path('KekRozsakFrontBundle_forum_topic_list', {topicGroupSlug: topicGroup.slug}) }}">{{ topicGroup.title }}</a></td>
@ -15,8 +15,8 @@
<tbody> <tbody>
{% if topicGroup.topics|length > 0 %} {% if topicGroup.topics|length > 0 %}
{% for topic in topicGroup.topics %} {% for topic in topicGroup.topics %}
<tr> <tr class="{{ cycle(['odd', 'even'], loop.index0) }}">
<td>[]</td> <td>[ikon]</td>
<td><a href="{{ path('KekRozsakFrontBundle_forum_post_list', {topicGroupSlug: topicGroup.slug, topicSlug: topic.slug}) }}">{{ topic.title }}</a></td> <td><a href="{{ path('KekRozsakFrontBundle_forum_post_list', {topicGroupSlug: topicGroup.slug, topicSlug: topic.slug}) }}">{{ topic.title }}</a></td>
<td></td> <td></td>
<td></td> <td></td>

View File

@ -3,12 +3,15 @@
{% block content %} {% block content %}
<h3><a href="{{ path('KekRozsakFrontBundle_forum_main') }}">Fórum</a> - {{ topicGroup.title }}</h3> <h3><a href="{{ path('KekRozsakFrontBundle_forum_main') }}">Fórum</a> - {{ topicGroup.title }}</h3>
{% if topicGroup.topics|length > 0 %} {% if topicGroup.topics|length > 0 %}
<table> <table class="forum-lista">
<thead> <thead>
<tr>
<td></td>
</tr>
</thead> </thead>
<tbody> <tbody>
{% for topic in topicGroup.topics %} {% for topic in topicGroup.topics %}
<tr> <tr class="{{ cycle(['odd', 'even'], loop.index0) }}">
<td><a href="{{ path('KekRozsakFrontBundle_forum_post_list', { topicGroupSlug: topicGroup.slug, topicSlug: topic.slug }) }}">{{ topic.title }}</a></td> <td><a href="{{ path('KekRozsakFrontBundle_forum_post_list', { topicGroupSlug: topicGroup.slug, topicSlug: topic.slug }) }}">{{ topic.title }}</a></td>
</tr> </tr>
{% endfor %} {% endfor %}

View File

@ -74,7 +74,7 @@ body {
#hirek { #hirek {
float: left; float: left;
color: #ddddff; color: #aaaacc;
width: 215px; width: 215px;
} }
@ -110,32 +110,72 @@ p.hir-datum {
margin: 0; margin: 0;
} }
#temakor-lista { h3 a {
color: #3366ff;
text-decoration: none;
}
.forum-lista {
border: 1px solid #3366ff; border: 1px solid #3366ff;
border-collapse: collapse; border-collapse: collapse;
width: 100%; width: 100%;
margin-bottom: 10px; margin-bottom: 20px;
} }
#temakor-lista thead td { .forum-lista thead td {
font-weight: bold; font-weight: bold;
height: 1.5em; height: 1.5em;
border-bottom: 2px solid #3366ff; border-bottom: 2px solid #3366ff;
padding: 3px; padding: 3px;
} }
#temakor-lista thead td a { .forum-lista thead td a {
color: #3366ff; color: #3366ff;
text-decoration: none; text-decoration: none;
} }
#temakor-lista tbody td { .forum-lista tbody td {
padding: 3px; padding: 5px;
border-bottom: 1px solid #3366ff; border-bottom: 1px solid #3366ff;
} }
#temakor-lista tbody td a { .forum-lista tbody tr.odd td {
background-color: #001144;
}
.forum-lista tbody tr.even td {
background-color: #000000;
}
.forum-lista tbody td a {
color: #3366ff; color: #3366ff;
text-decoration: underline; text-decoration: underline;
} }
.post-lista {
border: 1px solid #3366ff;
border-collapse: collapse;
}
.post-lista td {
border-style: solid;
border-color: #3366ff;
border-width: 3px 1px;
vertical-align: top;
padding: 5px;
}
.post-lista td.felado {
width: 150px !important;
font-size: 80%;
}
.post-lista td.szoveg {
width: 510px;
}
.post-lista td.szoveg div {
width: 510px;
overflow: auto;
}