Posts: 3
Threads: 2
Joined: May 2012
2012-05-12, 17:44:47
(This post was last modified: 2012-12-27, 00:36:38 by Orkun.)
My 2nd theme for GetSimple. The theme has a fix width of 800px. (270px/500px) It uses html5 and css3 and the code is W3C validated. Fixed header on top and menu on the bottom. Light, simple and basic code.
Author web-site:
http://orkun.me/
Theme preview:
http://orkun.me/demo/Light/
Updated to v.0.2 !
Posts: 2
Threads: 0
Joined: Mar 2012
I like it...really nice!
thx
Posts: 3
Threads: 0
Joined: Sep 2012
Hello,
Very nice theme, thanks!
I would like to place the menu centered on the page. (Not on the left side)
Is this possible?
thank you very much
Arnaud
Posts: 2,928
Threads: 195
Joined: Feb 2011
Arnaud,
try to find the css-element for the menu and define the orientation of that element as centered, not left in the css file
Posts: 3
Threads: 0
Joined: Sep 2012
Thank you for your reply.
I already tried to look the css element that allows to change the menu position. But without result.
Someone has an idea?
Thx!
Code:
*{
text-decoration:none;
vertical-align: baseline;
font-weight: inherit;
font-family: inherit;
font-style: inherit;
font-size: 100%;
border: 0 none;
outline: 0;
padding: 0;
margin: 0;
}
h1,h2,h3,h4,h5,h6{
font-size:18px;
letter-spacing:2px;
margin: 0 0 10px 0;
}
.clear {
clear:both;
}
.hidden {
display:none;
}
body {
font-size:14px;
color:#222;
font-family: 'Lato', sans-serif;
background:#fff;
text-align:center;
}
a:link,a:visited {
color:#a81818;
}
a:hover,a:focus {
color:#222;
}
#wrapper {
margin: 90px auto;
width: 800px;
text-align:justify;
}
#sidebar {
float: left;
width: 270px;
position : fixed;
}
#logo, #menu {
font-size: 18px;
width:100%;
min-width: 800px;
background: #fff;
position:fixed;
padding: 0 70px;
text-align: left;
line-height: 60px;
text-transform:uppercase;
color:#222;
left:0;
}
#logo {
border-bottom: 1px dotted #222;
top:0;
padding: 0 90px;
}
#menu {
border-top: 1px dotted #222;
bottom:0;
padding: 0 70px;
}
#content {
float:right;
width:500px;
}
#menu #nav {
list-style:none;
}
#menu #nav li {
float:left;
padding-right:20px;
}
#menu #nav li a {
display:block;
}
#logo a, #logo a:link,#logo a:visited,#logo a:hover,#menu #nav li a:link,#menu #nav li a:visited {
color:#222;
}
#menu #nav li a:hover,#menu #nav li a:focus, #menu #nav li.current a {
color:#a81818;
}
.page-meta {
font-size: 12px;
}
p,ul,ol,img{
margin:0 0 20px;
}
ul,ol {
margin-left: 20px;
}
ul ul, ol ul, ul ol, ol ol{
margin:0 0 0 20px;
}
blockquote {
font-style:italic;
border-left:2px solid #666;
margin:0 0 20px 20px;
padding:0 0 0 10px;
}
code, pre code{
border:1px dotted #666;
}
code {
padding:2px;
}
pre code {
margin-bottom:20px;
display:block;
padding:10px;
}
Posts: 26
Threads: 2
Joined: Oct 2012
2012-10-12, 15:49:08
(This post was last modified: 2012-10-12, 15:59:29 by setoteea.)
I think your breaking up the theme's visual layout,
so you probably need to change the layout a bit more,
but here's a way:
Code:
#menu {
border-top: 1px dotted #222222;
bottom: 0px;
padding: 0px;
text-align: center;
}
#menu #nav {
display: inline-block;
height: 40px;
list-style: none outside none;
margin: 0px;
padding-left: 20px;
}
<º)))><
Posts: 3
Threads: 0
Joined: Sep 2012
YEAH
Thank you very much, it works!
Download
