Redesigned menu and tag-cloud.

This commit is contained in:
Gergely POLONKAI 2012-11-28 11:48:57 +01:00
parent 17897dc7e2
commit 46dbf874cb
3 changed files with 37 additions and 12 deletions

View File

@ -71,21 +71,28 @@ body {
}
#menu {
background-color: #b5b5b5;
background-color: #f18137;
height: 39px;
margin-top: 15px;
}
#tagcloud-button {
float: left;
padding-top: 2px;
padding-left: 6px;
cursor: pointer;
}
#menu ul {
margin: 8px;
padding: 0;
list-style-type: none;
text-align: right;
vertical-align: middle;
float: right;
}
#menu ul li {
float: right;
margin-top: 10px;
margin-top: 1px;
margin-bottom: 10px;
margin-left: 1em;
height: 30px;
@ -186,6 +193,17 @@ dd p {
text-align: right;
}
#tag-cloud {
position: absolute;
width: 600px;
padding: 8px;
border: 1px solid black;
background-color: #303030;
margin-left: 5px;
margin-top: 2px;
display: none;
}
#tag-cloud a {
color: #b3b3b3;
text-decoration: none;

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.4 KiB

View File

@ -33,14 +33,8 @@
</div>
</div>
<div id="content-padding"></div>
{% if tagCloud|length > 0 %}
<div id="tag-cloud">
{% for cloudItem in tagCloud %}
<a href="{{ path('GergelyPolonkaiFrontBundle_blogTagList', { name: cloudItem.name }) }}" class="size{{ cloudItem.size }}">{{ cloudItem.name }}</a>{% if not loop.last %} | {% endif %}
{% endfor %}
</div>
{% endif %}
<div id="menu">
<div id="tagcloud-button"><img alt="" src="{{ asset('bundles/gergelypolonkaifront/images/tagcloud.png') }}" /></div>
<ul>
<li {% if currentMenu == 'resume' %} class="active"{% endif %}><a href="{{ path('GergelyPolonkaiFrontBundle_resume', { _format: 'html' }) }}">Resume</a></li>
<li {% if currentMenu == 'blog' %} class="active"{% endif %}><a href="{{ path('GergelyPolonkaiFrontBundle_blogListing') }}">Blog</a></li>
@ -48,6 +42,13 @@
</ul>
<br class="clear" />
</div>
{% if tagCloud|length > 0 %}
<div id="tag-cloud">
{% for cloudItem in tagCloud %}
<a href="{{ path('GergelyPolonkaiFrontBundle_blogTagList', { name: cloudItem.name }) }}" class="size{{ cloudItem.size }}">{{ cloudItem.name }}</a>{% if not loop.last %} | {% endif %}
{% endfor %}
</div>
{% endif %}
<div id="content">
{% block content %}{% endblock content %}
</div>
@ -59,7 +60,13 @@
</div>
</div>
<script type="text/javascript">
$('.at-obfuscation').html('@');
$(document).ready(function() {
$('.at-obfuscation').html('@');
$('#tagcloud-button').click(function() {
$('#tag-cloud').toggle('slow');
});
});
</script>
</body>
</html>