General Support2 bradwest Aug 17, 2008 19:40
b2evolution CMS Support Forums- b2evolution Support
- Templates, skins, XHTML and CSS
- Help to move Head Image, or Top Nav Buttons Please?
1 bradwest Aug 17, 2008 04:53
3 tilqicom Aug 17, 2008 20:19
Hi BradWest, and welcome to forums..Please post your skin-related problems in the Templates&Skin&Css main topic next time..
I guess you are bothered with the tiny mess around the header image..they are messed up because they were adjusted with position:relative.. i ve played with floats to organize them a bit but i cant remember which lines i ve added so i am gonna paste the whole style.css in here.. ctrl+a&v it or compare the code with yours
/********************************************
AUTHOR: Erwin Aligam
WEBSITE: http://www.styleshout.com/
TEMPLATE NAME: PixelGreen
TEMPLATE CODE: S-0010
VERSION: 1.2
LAST MODIFIED: June-05-2007
*******************************************/
@import url("../../rsc/css/basic.css"); /* Import basic styles */
@import url("../../rsc/css/img.css"); /* Import standard image styles */
@import url("../../rsc/css/blog_elements.css"); /* Import standard blog elements styles */
@import url("../../rsc/css/forms.css"); /* Import default form styles */
@import url("../../rsc/css/comments.css"); /* Import default comment styles */
/********************************************
HTML ELEMENTS
********************************************/
/* top elements */
* { padding: 0; margin: 0; }
#wrap {
margin: 0; padding: 5px;
font: normal 73%/1.5em 'Trebuchet MS', Tahoma, Mufferaw, sans-serif;
color: #555;
background: #transparent url('img/bg.jpg') repeat-x;
text-align: center;
}
html, body {
background-image: url('img/back.jpg');
background-repeat: repeat xy;
background-attachment: fixed;
background-position:center;
}
/* links */
a { background: inherit; color: #330466; text-decoration: none; }
a:hover { background: inherit; color: #006699; text-decoration: underline; }
/* headers */
h1, h2, h3 { font: bold 1em Mufferaw, 'Trebuchet MS', Tahoma, Sans-serif; }
h1 { font-size: 1.4em; color: #oo6699; }
h2 { font-size: 1.2em; text-transform: uppercase; }
h3 { font-size: 1.2em; }
p, h1, h2, h3 {
margin: 5px 15px;
}
ul, ol {
margin: 1px 10px;
padding: 0 15px;
}
/* images */
.bText img {
border: 1px solid #DADADA;
padding: 5px;
background: #E5D5F5;
}
img.float-right {
margin: 5px 0px 5px 15px;
}
img.float-left {
margin: 5px 15px 5px 0px;
}
code {
margin: 5px 0;
padding: 10px;
text-align: left;
display: block;
overflow: auto;
font: 500 1em/1.5em 'Lucida Console', 'courier new', monospace;
/* white-space: pre; */
background: #E5D5F5;
border: 1px solid #f2f2f2;
border-left: 3px solid #330466;
}
acronym {
cursor: help;
border-bottom: 1px solid #777;
}
blockquote {
margin: 15px; padding: 0 0 0 20px;
background-color: #F4EFFF;
background-position: 8px 10px;
border: 1px solid #f2f2f2;
border-left: 3px solid #330466;
font: bold 1.2em/1.5em "Trebuchet MS", Tahoma, sans-serif;
color: #666666;
}
/* form elements */
form {
margin:10px 15px; padding: 0;
border: 1px solid #f2f2f2;
background-color: #E5D5F5;
}
input {
padding: 2px;
border:1px solid #eee;
font: normal 1em "Trebuchet MS", Tahoma, sans-serif;
color:#777;
}
textarea {
width:360px;
padding:2px;
font: normal 1em "Trebuchet MS", Tahoma, sans-serif;
border:1px solid #eee;
display:block;
color:#777;
}
input.button {
margin: 0;
font: bold 1em Arial, Sans-serif;
background: #F4EFFF url(gradientbg.jpg) repeat-x;
padding: 2px 3px;
color: #574263;
border: 1px solid #DADADA;
}
/* search form */
form.search {
background-color: transparent;
border: none;
padding: 0;
}
form.search p { margin:0; padding: 0; }
form.search input.SearchField {
width: 195px;
color: #574263;
height: 20px;
padding: 2px;
margin-bottom: 5px;
vertical-align: top;
}
form.search input.SearchButton {
font: bold 12px Arial, Sans-serif;
color: #574263;
width: 60px;
height: 26px;
border: 1px solid #DADADA;
padding: 3px 5px;
vertical-align: top;
}
/***********************
LAYOUT
************************/
#header-content, #content, #footer-content {
width: 760px;
}
/* header */
#header {
text-align: center;
height: 93px;
border-top: 1px solid #000; /* IE7 vertical placement */
}
#header-content {
margin: 0 auto; padding: 0;
position: relative;
}
#header-content .widget_core_coll_title h1 a {
font: bold 42px 'Mufferaw', Trebuchet Ms, Sans-serif;
letter-spacing: 2px;
color: #FFBE00;
margin: 0; padding: 0;
text-decoration: none;
float: left;
}
#header-content .widget_core_coll_tagline {
font: bold 12px 'Mufferaw', Trebuchet Ms, Sans-serif;
text-transform: none;
color: #F4EFFF;
text-align: center;
margin: -10px 0 0 18px;
margin-top: -10px;
padding-top: 5px;
color: #ddd;
float: left;
}
/* header photo */
.headerphoto {
margin: 0 auto;
width: 770px;
height: 200px;
padding: 15px 10px 10px 10px;
background: #574263 url('img/headerphoto.jpg') no-repeat center;
margin-bottom: 20px;
}
/* header menu */
div.PageTop {
float: right;
}
div.top_menu ul {
float: right;
}
#header-content ul {
font: bolder 1.3em 'Trebuchet MS', sans-serif;
color: #F4EFFF;
list-style: none;
margin: 0; padding: 0;
}
#header-content li {
display: inline;
}
#header-content li a {
float: left;
display: block;
padding: 3px 12px;
color: #F4EFFF;
background-color: #57426B;
text-decoration: none;
border-right: 1px solid #272727;
}
#header-content li a:hover {
background: #006699;
color: #F4EFFF;
}
#header-content li a.selected {
background: #006699;
color: #F4EFFF;
}
/* content */
#content-wrap {
clear: both;
float: left;
width: 100%;
}
#content {
text-align: left;
padding: 0;
margin: 0 auto;
}
/* sidebar */
#sidebar {
float: right;
width: 30%;
margin: 0 0 10px 0; padding: 0;
}
#sidebar h1 {
padding: 10px 0px 5px 10px;
margin: 0;
font: bold 1.3em 'Trebuchet MS', Tahoma, Sans-serif;
}
.sidebox {
background: #F4EFFF;
border: 1px solid #EFEDED;
margin-bottom: 10px;
}
#sidebar img {
border: none;
}
/* sidebar menu */
#sidebar ul.sidemenu {
list-style:none;
margin: 10px 0 15px 0;
padding: 0;
background: #F4EFFF;
}
#sidebar ul.sidemenu li {
padding: 0px 10px;
}
#sidebar ul.sidemenu a {
display:block;
font-weight:normal;
color: #57426B;
height: 1.5em;
padding:.3em 0 .3em 15px;
line-height: 1.5em;
border-bottom: 1px dashed #D4D4D4;
text-decoration:none;
}
#sidebar ul.sidemenu a.top{
border-top: 1px dashed #D4D4D4;
}
#sidebar ul.sidemenu a:hover {
padding: .3em 0 .3em 10px;
border-left: 5px solid #006699;
color: #006699;
}
#sidebar ul.sidemenu ul {
margin: 0;
padding: 0;
list-style:none;
}
/* main */
#main {
float: left;
width: 68%;
margin: 0 0 10px 0; padding: 0;
}
#main h3.bTitle {
padding: 10px 0px 0px 5px;
margin: 0 0 0 10px;
border-bottom: 1px solid #F4EFFF;
font: normal 1.5em 'Trebuchet MS', Tahoma, Sans-serif;
}
#main ul li {
list-style-image: url('img/bullet.gif');
}
.post {
margin: 0px 0px 20px 0px;
padding: 0px;
background: #F4EFFF url('img/gradientbg.jpg') repeat-x;
border: 1px solid #EFEDED;
}
.post .post-footer {
background-color: #E5D5F5;
border: 1px solid #f2f2f2;
padding: 5px;
margin: 20px 10px 10px 10px;
font-size: 95%;
}
.post .post-footer img {
margin: 3px;
}
.post .post-footer .date {
background: url('img/clock.gif') no-repeat 0 center;
padding-left: 20px; margin: 0 10px 0 5px;
}
.post .post-footer .comments {
background: url('img/comment.gif') no-repeat 0 center;
padding-left: 20px; margin: 0 10px 0 5px;
}
.post .post-footer .readmore {
background: url('img/page.gif') no-repeat 0 center;
padding-left: 20px; margin: 0 10px 0 5px;
}
/* footer */
#footer {
clear: both;
margin: 0; padding: 0;
font: normal .95em/1.6em 'Trebuchet MS', Tahoma, Arial, sans-serif;
text-align: left;
}
#footer h1, #footer p { margin-left: 0; }
#footer-content {
border-top: 1px solid #EAEAEA;
margin: 0 auto;
padding-left: 15px;
color: #777;
}
#footer-content a {
text-decoration: none;
color: #777;
}
#footer-content a.contact_link {
text-decoration: underline;
}
#footer-content a:hover {
text-decoration: underline;
color: #57426B;
}
#footer-content ul {
list-style: none;
margin: 0; padding: 0;
}
#footer-content .col {
width: 32%;
padding: 0 5px 30px 0;
}
#footer-content .col2 {
width: 30%;
padding: 0 0 30px 0;
}
/* alignment classes */
.float-left { float: left; }
.float-right { float: right; }
.align-left { text-align: left; }
.align-right { text-align: right; }
/* additional classes */
.clear { clear: both; }
.gray { color: #BFBFBF; }
#sidebar .widget_core_coll_xml_feeds ul.sidemenu li a {
display: inline;
}
table.bCalendarTable {
font-size: 85%;
}
td.bCalendarCell, td.bCalendarLinkPost, td.bCalendarEmptyCell {
width: 5.5ex;
}
hope it will be looking better, feel free to report back if you ve further issues
4 bradwest Aug 18, 2008 02:57
Sorry about the the miss post.
I will defiantly grab another coffee, and double check where I post before I do.
Second I want you to know how much I appreciate your time, and do want to make sure I thank you for that.
I will take a peak at resolving this and return with what I've done.
Thank You
Brad West ~ onomoney
5 bradwest Aug 18, 2008 03:27
That worked fantastic to separate the mess on the top of the page .
But my ultimate goal was to get the buttons under the Header image and just above the posting area, that is why I thought I had to be in the main.index.php file.
Was I on the right track?
Sorry if I wasn't clear enough in my first post. I'm usually way over tired and frustrated when I finally ask for help.
Thanks
Brad West ~ onomoney
6 tilqicom Aug 18, 2008 04:57
BradWest wrote:
That worked fantastic to separate the mess on the top of the page .
But my ultimate goal was to get the buttons under the Header image and just above the posting area, that is why I thought I had to be in the main.index.php file.
Was I on the right track?
Sorry if I wasn't clear enough in my first post. I'm usually way over tired and frustrated when I finally ask for help.
Thanks
Brad West ~ onomoney
hi again,
i thought the mess was the only problem, it's not that hard to move those buttons, you dont even have to cut/move the container code, you can simply achieve it via css, however by the time i had a look at your blog as of this post (5:50 gmt), things were screwed worse (:.. stop fiddling with the *.php files put the codes back where they were, i will try to help you look your blog the way you like using css.. let me know when you fix the .php file..
7 bradwest Aug 18, 2008 05:10
Hi tilqicom
It is all back
You must have stepped in right at time me I only moved one container, and back,
LOL!!
Perfect timing sorry
Brad West ~ onomoney
8 tilqicom Aug 18, 2008 05:49
uh okay.. hear this, you can place them better with moving the container code on the top of the post loop.. but as i can not edit your php files, here is a css fix for what you want..
Below are the altered lines:
div.PageTop {
float: right;
position: absolute;
top: 313px;
left: -15px;
}
div.top_menu ul {
float: right;
position: absolute;
top: 261px;
right: -16px;
}
#header-content {
margin: 0 auto; padding: 0;
position: relative;
}
Have used position: absolute-relative to place them exactly where you like.. increase/decrease top:...px right:...px values to place them where you want..
with the current code you should get a view like this:
http://i36.tinypic.com/zkit4y.jpg
And finally, modified whole code.. just in case you need it..
/********************************************
AUTHOR: Erwin Aligam
WEBSITE: http://www.styleshout.com/
TEMPLATE NAME: PixelGreen
TEMPLATE CODE: S-0010
VERSION: 1.2
LAST MODIFIED: June-05-2007
*******************************************/
@import url("../../rsc/css/basic.css"); /* Import basic styles */
@import url("../../rsc/css/img.css"); /* Import standard image styles */
@import url("../../rsc/css/blog_elements.css"); /* Import standard blog elements styles */
@import url("../../rsc/css/forms.css"); /* Import default form styles */
@import url("../../rsc/css/comments.css"); /* Import default comment styles */
/********************************************
HTML ELEMENTS
********************************************/
/* top elements */
* { padding: 0; margin: 0; }
#wrap {
margin: 0; padding: 5px;
font: normal 73%/1.5em 'Trebuchet MS', Tahoma, Mufferaw, sans-serif;
color: #555;
background: #transparent url('img/bg.jpg') repeat-x;
text-align: center;
}
html, body {
background-image: url('img/back.jpg');
background-repeat: repeat xy;
background-attachment: fixed;
background-position:center;
}
/* links */
a { background: inherit; color: #330466; text-decoration: none; }
a:hover { background: inherit; color: #006699; text-decoration: underline; }
/* headers */
h1, h2, h3 { font: bold 1em Mufferaw, 'Trebuchet MS', Tahoma, Sans-serif; }
h1 { font-size: 1.4em; color: #oo6699; }
h2 { font-size: 1.2em; text-transform: uppercase; }
h3 { font-size: 1.2em; }
p, h1, h2, h3 {
margin: 5px 15px;
}
ul, ol {
margin: 1px 10px;
padding: 0 15px;
}
/* images */
.bText img {
border: 1px solid #DADADA;
padding: 5px;
background: #E5D5F5;
}
img.float-right {
margin: 5px 0px 5px 15px;
}
img.float-left {
margin: 5px 15px 5px 0px;
}
code {
margin: 5px 0;
padding: 10px;
text-align: left;
display: block;
overflow: auto;
font: 500 1em/1.5em 'Lucida Console', 'courier new', monospace;
/* white-space: pre; */
background: #E5D5F5;
border: 1px solid #f2f2f2;
border-left: 3px solid #330466;
}
acronym {
cursor: help;
border-bottom: 1px solid #777;
}
blockquote {
margin: 15px; padding: 0 0 0 20px;
background-color: #F4EFFF;
background-position: 8px 10px;
border: 1px solid #f2f2f2;
border-left: 3px solid #330466;
font: bold 1.2em/1.5em "Trebuchet MS", Tahoma, sans-serif;
color: #666666;
}
/* form elements */
form {
margin:10px 15px; padding: 0;
border: 1px solid #f2f2f2;
background-color: #E5D5F5;
}
input {
padding: 2px;
border:1px solid #eee;
font: normal 1em "Trebuchet MS", Tahoma, sans-serif;
color:#777;
}
textarea {
width:360px;
padding:2px;
font: normal 1em "Trebuchet MS", Tahoma, sans-serif;
border:1px solid #eee;
display:block;
color:#777;
}
input.button {
margin: 0;
font: bold 1em Arial, Sans-serif;
background: #F4EFFF url(gradientbg.jpg) repeat-x;
padding: 2px 3px;
color: #574263;
border: 1px solid #DADADA;
}
/* search form */
form.search {
background-color: transparent;
border: none;
padding: 0;
}
form.search p { margin:0; padding: 0; }
form.search input.SearchField {
width: 195px;
color: #574263;
height: 20px;
padding: 2px;
margin-bottom: 5px;
vertical-align: top;
}
form.search input.SearchButton {
font: bold 12px Arial, Sans-serif;
color: #574263;
width: 60px;
height: 26px;
border: 1px solid #DADADA;
padding: 3px 5px;
vertical-align: top;
}
/***********************
LAYOUT
************************/
#header-content, #content, #footer-content {
width: 760px;
}
/* header */
#header {
text-align: center;
height: 93px;
border-top: 1px solid #000; /* IE7 vertical placement */
}
#header-content {
margin: 0 auto; padding: 0;
position: relative;
}
#header-content .widget_core_coll_title h1 a {
font: bold 42px 'Mufferaw', Trebuchet Ms, Sans-serif;
letter-spacing: 2px;
color: #FFBE00;
margin: 0; padding: 0;
text-decoration: none;
float: left;
}
#header-content .widget_core_coll_tagline {
font: bold 12px 'Mufferaw', Trebuchet Ms, Sans-serif;
text-transform: none;
color: #F4EFFF;
text-align: center;
margin: -10px 0 0 18px;
margin-top: -10px;
padding-top: 5px;
color: #ddd;
float: left;
}
/* header photo */
.headerphoto {
margin: 0 auto;
width: 770px;
height: 200px;
padding: 15px 10px 10px 10px;
background: #574263 url('img/headerphoto.jpg') no-repeat center;
margin-bottom: 20px;
}
/* header menu */
div.PageTop {
float: right;
position: absolute;
top: 313px;
left: -15px;
}
div.top_menu ul {
float: right;
position: absolute;
top: 261px;
right: -16px;
}
#header-content ul {
font: bolder 1.3em 'Trebuchet MS', sans-serif;
color: #F4EFFF;
list-style: none;
margin: 0; padding: 0;
position: relative;
}
#header-content li {
display: inline;
}
#header-content li a {
float: left;
display: block;
padding: 3px 12px;
color: #F4EFFF;
background-color: #57426B;
text-decoration: none;
border-right: 1px solid #272727;
}
#header-content li a:hover {
background: #006699;
color: #F4EFFF;
}
#header-content li a.selected {
background: #006699;
color: #F4EFFF;
}
/* content */
#content-wrap {
clear: both;
float: left;
width: 100%;
padding-top: 90px;
}
#content {
text-align: left;
padding: 0;
margin: 0 auto;
}
/* sidebar */
#sidebar {
float: right;
width: 30%;
margin: 0 0 10px 0; padding: 0;
}
#sidebar h1 {
padding: 10px 0px 5px 10px;
margin: 0;
font: bold 1.3em 'Trebuchet MS', Tahoma, Sans-serif;
}
.sidebox {
background: #F4EFFF;
border: 1px solid #EFEDED;
margin-bottom: 10px;
}
#sidebar img {
border: none;
}
/* sidebar menu */
#sidebar ul.sidemenu {
list-style:none;
margin: 10px 0 15px 0;
padding: 0;
background: #F4EFFF;
}
#sidebar ul.sidemenu li {
padding: 0px 10px;
}
#sidebar ul.sidemenu a {
display:block;
font-weight:normal;
color: #57426B;
height: 1.5em;
padding:.3em 0 .3em 15px;
line-height: 1.5em;
border-bottom: 1px dashed #D4D4D4;
text-decoration:none;
}
#sidebar ul.sidemenu a.top{
border-top: 1px dashed #D4D4D4;
}
#sidebar ul.sidemenu a:hover {
padding: .3em 0 .3em 10px;
border-left: 5px solid #006699;
color: #006699;
}
#sidebar ul.sidemenu ul {
margin: 0;
padding: 0;
list-style:none;
}
/* main */
#main {
float: left;
width: 68%;
margin: 0 0 10px 0; padding: 0;
}
#main h3.bTitle {
padding: 10px 0px 0px 5px;
margin: 0 0 0 10px;
border-bottom: 1px solid #F4EFFF;
font: normal 1.5em 'Trebuchet MS', Tahoma, Sans-serif;
}
#main ul li {
list-style-image: url('img/bullet.gif');
}
.post {
margin: 0px 0px 20px 0px;
padding: 0px;
background: #F4EFFF url('img/gradientbg.jpg') repeat-x;
border: 1px solid #EFEDED;
}
.post .post-footer {
background-color: #E5D5F5;
border: 1px solid #f2f2f2;
padding: 5px;
margin: 20px 10px 10px 10px;
font-size: 95%;
}
.post .post-footer img {
margin: 3px;
}
.post .post-footer .date {
background: url('img/clock.gif') no-repeat 0 center;
padding-left: 20px; margin: 0 10px 0 5px;
}
.post .post-footer .comments {
background: url('img/comment.gif') no-repeat 0 center;
padding-left: 20px; margin: 0 10px 0 5px;
}
.post .post-footer .readmore {
background: url('img/page.gif') no-repeat 0 center;
padding-left: 20px; margin: 0 10px 0 5px;
}
/* footer */
#footer {
clear: both;
margin: 0; padding: 0;
font: normal .95em/1.6em 'Trebuchet MS', Tahoma, Arial, sans-serif;
text-align: left;
}
#footer h1, #footer p { margin-left: 0; }
#footer-content {
border-top: 1px solid #EAEAEA;
margin: 0 auto;
padding-left: 15px;
color: #777;
}
#footer-content a {
text-decoration: none;
color: #777;
}
#footer-content a.contact_link {
text-decoration: underline;
}
#footer-content a:hover {
text-decoration: underline;
color: #57426B;
}
#footer-content ul {
list-style: none;
margin: 0; padding: 0;
}
#footer-content .col {
width: 32%;
padding: 0 5px 30px 0;
}
#footer-content .col2 {
width: 30%;
padding: 0 0 30px 0;
}
/* alignment classes */
.float-left { float: left; }
.float-right { float: right; }
.align-left { text-align: left; }
.align-right { text-align: right; }
/* additional classes */
.clear { clear: both; }
.gray { color: #BFBFBF; }
#sidebar .widget_core_coll_xml_feeds ul.sidemenu li a {
display: inline;
}
table.bCalendarTable {
font-size: 85%;
}
td.bCalendarCell, td.bCalendarLinkPost, td.bCalendarEmptyCell {
width: 5.5ex;
}good luck with it
9 bradwest Aug 18, 2008 07:31
We are gaining thank you.
Just one small issue with the buttons on the right side.
When I have the title and tagline to the left side the buttons on the right go on to the image background.
When I center the title the buttons sit where they are supposed to.
When I move the tagline to center there is a space between the image background and the buttons.
There seems to still be some connection between the two.
So here is the index.main.php file, you know the one that I so brilliantly blow the skin up with.
I more than appreciate the help here as you can probably tell this code thing is really not my forte.
<?php
/**
* This is the main/default page template.
*
* For a quick explanation of b2evo 2.0 skins, please start here:
* {@link http://manual.b2evolution.net/Skins_2.0}
*
* The main page template is used to display the blog when no specific page template is available
* to handle the request (based on $disp).
*
* @package evoskins
* @subpackage pixelgreen
*
* @version $Id: index.main.php,v 1.3 2007/10/01 01:06:31 fplanque Exp $
*/
if( !defined('EVO_MAIN_INIT') ) die( 'Please, do not access this page directly.' );
if( version_compare( $app_version, '2.4.1' ) < 0 )
{ // Older 2.x skins work on newer 2.x b2evo versions, but newer 2.x skins may not work on older 2.x b2evo versions.
die( 'This skin is designed for b2evolution 2.4.1 and above. Please <a href="http://b2evolution.net/downloads/index.html">upgrade your b2evolution</a>.' );
}
// This is the main template; it may be used to display very different things.
// Do inits depending on current $disp:
skin_init( $disp );
// -------------------------- HTML HEADER INCLUDED HERE --------------------------
skin_include( '_html_header.inc.php' );
// Note: You can customize the default HTML header by copying the generic
// /skins/_html_header.inc.php file into the current skin folder.
// -------------------------------- END OF HEADER --------------------------------
?>
<!-- wrap starts here -->
<div id="wrap">
<div id="header">
<div id="header-content">
<div class="PageTop">
<?php
// Display container and contents:
skin_container( NT_('Page Top'), array(
// The following params will be used as defaults for widgets included in this container:
'block_start' => '<div class="$wi_class$">',
'block_end' => '</div>',
'block_display_title' => false,
'list_start' => '<ul>',
'list_end' => '</ul>',
'item_start' => '<li>',
'item_end' => '</li>',
) );
?>
</div>
<?php
// ------------------------- "Header" CONTAINER EMBEDDED HERE --------------------------
// Display container and contents:
skin_container( NT_('Header'), array(
// The following params will be used as defaults for widgets included in this container:
'block_start' => '<div class="$wi_class$">',
'block_end' => '</div>',
'block_title_start' => '<h1>',
'block_title_end' => '</h1>',
) );
// ----------------------------- END OF "Header" CONTAINER -----------------------------
?>
<div class="top_menu">
<ul>
<?php
// ------------------------- "Menu" CONTAINER EMBEDDED HERE --------------------------
// Display container and contents:
// Note: this container is designed to be a single <ul> list
skin_container( NT_('Menu'), array(
// The following params will be used as defaults for widgets included in this container:
'block_start' => '',
'block_end' => '',
'block_display_title' => false,
'list_start' => '',
'list_end' => '',
'item_start' => '<li>',
'item_end' => '</li>',
) );
// ----------------------------- END OF "Menu" CONTAINER -----------------------------
?>
</ul>
</div>
</div></div>
<div class="headerphoto"></div>
<!-- content-wrap starts here -->
<div id="content-wrap"><div id="content">
<?php
// ------------------------- MESSAGES GENERATED FROM ACTIONS -------------------------
messages( array(
'block_start' => '<div class="action_messages">',
'block_end' => '</div>',
) );
// --------------------------------- END OF MESSAGES ---------------------------------
?>
<?php
// ------------------------- TITLE FOR THE CURRENT REQUEST -------------------------
request_title( array(
'title_before'=> '<h2>',
'title_after' => '</h2>',
'title_none' => '',
'glue' => ' - ',
'title_single_disp' => false,
'format' => 'htmlbody',
) );
// ------------------------------ END OF REQUEST TITLE -----------------------------
?>
<?php
// ------------------------- SIDEBAR INCLUDED HERE --------------------------
skin_include( '_sidebar.inc.php' );
// Note: You can customize the default BODY footer by copying the
// _body_footer.inc.php file into the current skin folder.
// ----------------------------- END OF SIDEBAR -----------------------------
?>
<div id="main">
<?php
// --------------------------------- START OF POSTS -------------------------------------
// Display message if no post:
display_if_empty();
while( $Item = & mainlist_get_item() )
{ // For each blog post, do everything below up to the closing curly brace "}"
?>
<?php
// ------------------------------ DATE SEPARATOR ------------------------------
/*$MainList->date_if_changed( array(
'before' => '<h2>',
'after' => '</h2>',
'date_format' => '#',
) );*/
?>
<div class="post bPost bPost<?php $Item->status_raw() ?>" lang="<?php $Item->lang() ?>">
<?php
$Item->locale_temp_switch(); // Temporarily switch to post locale (useful for multilingual blogs)
$Item->anchor(); // Anchor for permalinks to refer to.
?>
<h3 class="bTitle"><?php $Item->title(); ?></h3>
<p><?php
$Item->author( array(
'before' => T_('by').' <strong>',
'after' => '</strong>',
) );
$Item->msgform_link();
?></p>
<?php
// ---------------------- POST CONTENT INCLUDED HERE ----------------------
skin_include( '_item_content.inc.php', array(
'image_size' => 'fit-400x320',
) );
// Note: You can customize the default item feedback by copying the generic
// /skins/_item_feedback.inc.php file into the current skin folder.
// -------------------------- END OF POST CONTENT -------------------------
?>
<div class="post-footer">
<div class="bSmallHead">
<?php
$Item->categories( array(
'before' => T_('Categories').': ',
'after' => ' ',
'include_main' => true,
'include_other' => true,
'include_external'=> true,
'link_categories' => true,
) );
// List all tags attached to this post:
$Item->tags( array(
'before' => T_('Tags').': ',
'after' => '',
'separator' => ', ',
) );
?>
<br />
<?php
// Permalink:
$Item->permanent_link( array(
'class' => 'permalink_right',
'text' => '#icon#'
) );
// Permalink:
$Item->issue_date( array(
'before' => '<img src="img/clock.gif" alt="" class="middle" />',
'after' => ' ',
));
$Item->issue_time( array(
'before' => ' ',
'after' => '',
));
echo ', ';
/*$Item->wordcount();
echo ' '.T_('words');*/
// echo ', ';
// $Item->views();
/*$Item->locale_flag( array(
'before' => ' ',
'after' => '',
) );*/
// Link to comments, trackbacks, etc.:
$Item->feedback_link( array(
'type' => 'comments',
'link_before' => '<img src="img/comment.gif" alt="" class="middle" />',
'link_after' => '',
'link_text_zero' => '#',
'link_text_one' => '#',
'link_text_more' => '#',
'link_title' => '#',
'use_popup' => false,
'class' => 'comments'
) );
// Link to comments, trackbacks, etc.:
$Item->feedback_link( array(
'type' => 'trackbacks',
'link_before' => ' • ',
'link_after' => '',
'link_text_zero' => '#',
'link_text_one' => '#',
'link_text_more' => '#',
'link_title' => '#',
'use_popup' => false,
) );
$Item->edit_link( array( // Link to backoffice for editing
'before' => ' • ',
'after' => '',
) );
?>
</div>
</div>
<?php
// ------------------ FEEDBACK (COMMENTS/TRACKBACKS) INCLUDED HERE ------------------
skin_include( '_item_feedback.inc.php', array(
'before_section_title' => '<h4>',
'after_section_title' => '</h4>',
) );
// Note: You can customize the default item feedback by copying the generic
// /skins/_item_feedback.inc.php file into the current skin folder.
// ---------------------- END OF FEEDBACK (COMMENTS/TRACKBACKS) ---------------------
?>
<?php
locale_restore_previous(); // Restore previous locale (Blog locale)
?>
</div>
<?php
} // ---------------------------------- END OF POSTS ------------------------------------
?>
<?php
// -------------------- PREV/NEXT PAGE LINKS (POST LIST MODE) --------------------
mainlist_page_links( array(
'block_start' => '<p class="center"><strong>',
'block_end' => '</strong></p>',
'prev_text' => '<<',
'next_text' => '>>',
) );
// ------------------------- END OF PREV/NEXT PAGE LINKS -------------------------
?>
<?php
// -------------- MAIN CONTENT TEMPLATE INCLUDED HERE (Based on $disp) --------------
//skin_include( '$disp$', array() );
skin_include( '$disp$', array(
'disp_posts' => '', // We already handled this case above
'disp_single' => '', // We already handled this case above
'disp_page' => '', // We already handled this case above
) );
// Note: you can customize any of the sub templates included here by
// copying the matching php file into your skin directory.
// ------------------------- END OF MAIN CONTENT TEMPLATE ---------------------------
?>
</div>
<!-- content-wrap ends here -->
</div></div>
<!-- footer starts here -->
<div id="footer"><div id="footer-content">
<?php
// ------------------------- "Footer" CONTAINER EMBEDDED HERE --------------------------
// Display container and contents:
skin_container( NT_('Footer'), array(
// The following params will be used as defaults for widgets included in this container:
'block_start' => '<div class="col float-left $wi_class$">',
'block_end' => '</div>',
'block_title_start' => '<h1>',
'block_title_end' => '</h1>',
) );
// ----------------------------- END OF "Footer" CONTAINER -----------------------------
?>
<div class="col2 float-right">
<p>
Design by: <a href="http://www.styleshout.com/free-templates.php">styleshout</a><br />
Skin by: <a href="http://www.brendoman.com/dbc">Danny Ferguson</a> / <?php display_param_link( $skinfaktory_links ) ?><br />
</p>
</div>
<p class="baseline">
<?php
// Display a link to contact the owner of this blog (if owner accepts messages):
$Blog->contact_link( array(
'before' => '',
'after' => '',
'text' => T_('Contact'),
'title' => T_('Send a message to the owner of this blog...'),
) );
?>
<?php
// Display footer text (text can be edited in Blog Settings):
$Blog->footer_text( array(
'before' => ' • ',
'after' => '',
) );
?>
<br />
<?php
// Display additional credits:
// If you can add your own credits without removing the defaults, you'll be very cool :))
// Please leave this at the bottom of the page to make sure your blog gets listed on b2evolution.net
credits( array(
'list_start' => T_('Credits').': ',
'list_end' => ' ',
'separator' => '|',
'item_start' => ' ',
'item_end' => ' ',
) );
?>
</p>
</div></div>
<!-- footer ends here -->
<!-- wrap ends here -->
</div>
</body>
</html>Thank You for all your time
Brad West ~ onomoney
Here is the site link again so you don't have to keep scrolling.
http://dogsaccessoriesblog.com/
10 tilqicom Aug 18, 2008 15:14
All right, so the main problem is you wanted those containers right above the posts.. so here you go with the files that makes those buttons display over the posts instead of header.. this time it wont effect anything as ve moved the containers instead of positioning them absolutely..
index.main.php:
<?php
/**
* This is the main/default page template.
*
* For a quick explanation of b2evo 2.0 skins, please start here:
* {@link http://manual.b2evolution.net/Skins_2.0}
*
* The main page template is used to display the blog when no specific page template is available
* to handle the request (based on $disp).
*
* @package evoskins
* @subpackage pixelgreen
*
* @version $Id: index.main.php,v 1.1.2.2 2008/04/27 02:19:14 fplanque Exp $
*/
if( !defined('EVO_MAIN_INIT') ) die( 'Please, do not access this page directly.' );
if( version_compare( $app_version, '2.4.1' ) < 0 )
{ // Older 2.x skins work on newer 2.x b2evo versions, but newer 2.x skins may not work on older 2.x b2evo versions.
die( 'This skin is designed for b2evolution 2.4.1 and above. Please <a href="http://b2evolution.net/downloads/index.html">upgrade your b2evolution</a>.' );
}
// This is the main template; it may be used to display very different things.
// Do inits depending on current $disp:
skin_init( $disp );
// -------------------------- HTML HEADER INCLUDED HERE --------------------------
skin_include( '_html_header.inc.php' );
// Note: You can customize the default HTML header by copying the generic
// /skins/_html_header.inc.php file into the current skin folder.
// -------------------------------- END OF HEADER --------------------------------
?>
<!-- wrap starts here -->
<div id="wrap">
<div id="header">
<div id="header-content">
<?php
// ------------------------- "Header" CONTAINER EMBEDDED HERE --------------------------
// Display container and contents:
skin_container( NT_('Header'), array(
// The following params will be used as defaults for widgets included in this container:
'block_start' => '<div class="$wi_class$">',
'block_end' => '</div>',
'block_title_start' => '<h1>',
'block_title_end' => '</h1>',
) );
// ----------------------------- END OF "Header" CONTAINER -----------------------------
?>
</div></div>
<div class="headerphoto"></div>
<!-- content-wrap starts here -->
<div id="content-wrap"><div id="content">
<?php
// ------------------------- MESSAGES GENERATED FROM ACTIONS -------------------------
messages( array(
'block_start' => '<div class="action_messages">',
'block_end' => '</div>',
) );
// --------------------------------- END OF MESSAGES ---------------------------------
?>
<div id="header-content">
<div class="PageTop">
<?php
// Display container and contents:
skin_container( NT_('Page Top'), array(
// The following params will be used as defaults for widgets included in this container:
'block_start' => '<div class="$wi_class$">',
'block_end' => '</div>',
'block_display_title' => false,
'list_start' => '<ul>',
'list_end' => '</ul>',
'item_start' => '<li>',
'item_end' => '</li>',
) );
?>
</div>
<div class="top_menu">
<ul>
<?php
// ------------------------- "Menu" CONTAINER EMBEDDED HERE --------------------------
// Display container and contents:
// Note: this container is designed to be a single <ul> list
skin_container( NT_('Menu'), array(
// The following params will be used as defaults for widgets included in this container:
'block_start' => '',
'block_end' => '',
'block_display_title' => false,
'list_start' => '',
'list_end' => '',
'item_start' => '<li>',
'item_end' => '</li>',
) );
// ----------------------------- END OF "Menu" CONTAINER -----------------------------
?>
</ul>
</div></div>
<?php
// ------------------------- TITLE FOR THE CURRENT REQUEST -------------------------
request_title( array(
'title_before'=> '<h2>',
'title_after' => '</h2>',
'title_none' => '',
'glue' => ' - ',
'title_single_disp' => false,
'format' => 'htmlbody',
) );
// ------------------------------ END OF REQUEST TITLE -----------------------------
?>
<?php
// ------------------------- SIDEBAR INCLUDED HERE --------------------------
skin_include( '_sidebar.inc.php' );
// Note: You can customize the default BODY footer by copying the
// _body_footer.inc.php file into the current skin folder.
// ----------------------------- END OF SIDEBAR -----------------------------
?>
<div id="main">
<?php
// --------------------------------- START OF POSTS -------------------------------------
// Display message if no post:
display_if_empty();
while( $Item = & mainlist_get_item() )
{ // For each blog post, do everything below up to the closing curly brace "}"
?>
<?php
// ------------------------------ DATE SEPARATOR ------------------------------
/*$MainList->date_if_changed( array(
'before' => '<h2>',
'after' => '</h2>',
'date_format' => '#',
) );*/
?>
<div class="post bPost bPost<?php $Item->status_raw() ?>" lang="<?php $Item->lang() ?>">
<?php
$Item->locale_temp_switch(); // Temporarily switch to post locale (useful for multilingual blogs)
$Item->anchor(); // Anchor for permalinks to refer to.
?>
<h3 class="bTitle"><?php $Item->title(); ?></h3>
<p><?php
$Item->author( array(
'before' => T_('by').' <strong>',
'after' => '</strong>',
) );
$Item->msgform_link();
?></p>
<?php
// ---------------------- POST CONTENT INCLUDED HERE ----------------------
skin_include( '_item_content.inc.php', array(
'image_size' => 'fit-400x320',
) );
// Note: You can customize the default item feedback by copying the generic
// /skins/_item_feedback.inc.php file into the current skin folder.
// -------------------------- END OF POST CONTENT -------------------------
?>
<div class="post-footer">
<div class="bSmallHead">
<?php
$Item->categories( array(
'before' => T_('Categories').': ',
'after' => ' ',
'include_main' => true,
'include_other' => true,
'include_external'=> true,
'link_categories' => true,
) );
// List all tags attached to this post:
$Item->tags( array(
'before' => T_('Tags').': ',
'after' => '',
'separator' => ', ',
) );
?>
<br />
<?php
// Permalink:
$Item->permanent_link( array(
'class' => 'permalink_right',
'text' => '#icon#'
) );
// Permalink:
$Item->issue_date( array(
'before' => '<img src="img/clock.gif" alt="" class="middle" />',
'after' => ' ',
));
$Item->issue_time( array(
'before' => ' ',
'after' => '',
));
echo ', ';
/*$Item->wordcount();
echo ' '.T_('words');*/
// echo ', ';
// $Item->views();
/*$Item->locale_flag( array(
'before' => ' ',
'after' => '',
) );*/
// Link to comments, trackbacks, etc.:
$Item->feedback_link( array(
'type' => 'comments',
'link_before' => '<img src="img/comment.gif" alt="" class="middle" />',
'link_after' => '',
'link_text_zero' => '#',
'link_text_one' => '#',
'link_text_more' => '#',
'link_title' => '#',
'use_popup' => false,
'class' => 'comments'
) );
// Link to comments, trackbacks, etc.:
$Item->feedback_link( array(
'type' => 'trackbacks',
'link_before' => ' • ',
'link_after' => '',
'link_text_zero' => '#',
'link_text_one' => '#',
'link_text_more' => '#',
'link_title' => '#',
'use_popup' => false,
) );
$Item->edit_link( array( // Link to backoffice for editing
'before' => ' • ',
'after' => '',
) );
?>
</div>
</div>
<?php
// ------------------ FEEDBACK (COMMENTS/TRACKBACKS) INCLUDED HERE ------------------
skin_include( '_item_feedback.inc.php', array(
'before_section_title' => '<h4>',
'after_section_title' => '</h4>',
) );
// Note: You can customize the default item feedback by copying the generic
// /skins/_item_feedback.inc.php file into the current skin folder.
// ---------------------- END OF FEEDBACK (COMMENTS/TRACKBACKS) ---------------------
?>
<?php
locale_restore_previous(); // Restore previous locale (Blog locale)
?>
</div>
<?php
} // ---------------------------------- END OF POSTS ------------------------------------
?>
<?php
// -------------------- PREV/NEXT PAGE LINKS (POST LIST MODE) --------------------
mainlist_page_links( array(
'block_start' => '<p class="center"><strong>',
'block_end' => '</strong></p>',
'prev_text' => '<<',
'next_text' => '>>',
) );
// ------------------------- END OF PREV/NEXT PAGE LINKS -------------------------
?>
<?php
// -------------- MAIN CONTENT TEMPLATE INCLUDED HERE (Based on $disp) --------------
//skin_include( '$disp$', array() );
skin_include( '$disp$', array(
'disp_posts' => '', // We already handled this case above
'disp_single' => '', // We already handled this case above
'disp_page' => '', // We already handled this case above
) );
// Note: you can customize any of the sub templates included here by
// copying the matching php file into your skin directory.
// ------------------------- END OF MAIN CONTENT TEMPLATE ---------------------------
?>
</div>
<!-- content-wrap ends here -->
</div></div>
<!-- footer starts here -->
<div id="footer"><div id="footer-content">
<?php
// ------------------------- "Footer" CONTAINER EMBEDDED HERE --------------------------
// Display container and contents:
skin_container( NT_('Footer'), array(
// The following params will be used as defaults for widgets included in this container:
'block_start' => '<div class="col float-left $wi_class$">',
'block_end' => '</div>',
'block_title_start' => '<h1>',
'block_title_end' => '</h1>',
) );
// ----------------------------- END OF "Footer" CONTAINER -----------------------------
?>
<div class="col2 float-right">
<p>
Design by: <a href="http://www.styleshout.com/free-templates.php">styleshout</a><br />
Skin by: <a href="http://www.brendoman.com/dbc">Danny Ferguson</a> / <?php display_param_link( $skinfaktory_links ) ?><br />
</p>
</div>
<p class="baseline">
<?php
// Display a link to contact the owner of this blog (if owner accepts messages):
$Blog->contact_link( array(
'before' => '',
'after' => '',
'text' => T_('Contact'),
'title' => T_('Send a message to the owner of this blog...'),
) );
?>
<?php
// Display footer text (text can be edited in Blog Settings):
$Blog->footer_text( array(
'before' => ' • ',
'after' => '',
) );
?>
<br />
<?php
// Display additional credits:
// If you can add your own credits without removing the defaults, you'll be very cool :))
// Please leave this at the bottom of the page to make sure your blog gets listed on b2evolution.net
credits( array(
'list_start' => T_('Credits').': ',
'list_end' => ' ',
'separator' => '|',
'item_start' => ' ',
'item_end' => ' ',
) );
?>
</p>
</div></div>
<!-- footer ends here -->
<!-- wrap ends here -->
</div>
</body>
</html>
style.css:
/********************************************
AUTHOR: Erwin Aligam
WEBSITE: http://www.styleshout.com/
TEMPLATE NAME: PixelGreen
TEMPLATE CODE: S-0010
VERSION: 1.2
LAST MODIFIED: June-05-2007
*******************************************/
@import url("../../rsc/css/basic.css"); /* Import basic styles */
@import url("../../rsc/css/img.css"); /* Import standard image styles */
@import url("../../rsc/css/blog_elements.css"); /* Import standard blog elements styles */
@import url("../../rsc/css/forms.css"); /* Import default form styles */
@import url("../../rsc/css/comments.css"); /* Import default comment styles */
/********************************************
HTML ELEMENTS
********************************************/
/* top elements */
* { padding: 0; margin: 0; }
#wrap {
margin: 0; padding: 5px;
font: normal 73%/1.5em 'Trebuchet MS', Tahoma, sans-serif;
color: #555;
background: #FFF url('img/bg.jpg') repeat-x;
text-align: center;
}
/* links */
a { background: inherit; color: #72A545; text-decoration: none; }
a:hover { background: inherit; color: #006699; text-decoration: underline; }
/* headers */
h1, h2, h3 { font: bold 1em 'Trebuchet MS', Tahoma, Sans-serif; }
h1 { font-size: 1.4em; color: #65944A; }
h2 { font-size: 1.2em; text-transform: uppercase; }
h3 { font-size: 1.2em; }
p, h1, h2, h3 {
margin: 5px 15px;
}
ul, ol {
margin: 1px 10px;
padding: 0 15px;
}
/* images */
.bText img {
border: 1px solid #DADADA;
padding: 5px;
background: #FAFAFA;
}
img.float-right {
margin: 5px 0px 5px 15px;
}
img.float-left {
margin: 5px 15px 5px 0px;
}
code {
margin: 5px 0;
padding: 10px;
text-align: left;
display: block;
overflow: auto;
font: 500 1em/1.5em 'Lucida Console', 'courier new', monospace;
/* white-space: pre; */
background: #FAFAFA;
border: 1px solid #f2f2f2;
border-left: 3px solid #72A545;
}
acronym {
cursor: help;
border-bottom: 1px solid #777;
}
blockquote {
margin: 15px; padding: 0 0 0 20px;
background-color: #FAFAFA;
background-position: 8px 10px;
border: 1px solid #f2f2f2;
border-left: 3px solid #72A545;
font: bold 1.2em/1.5em "Trebuchet MS", Tahoma, sans-serif;
color: #666666;
}
/* form elements */
form {
margin:10px 15px; padding: 0;
border: 1px solid #f2f2f2;
background-color: #FAFAFA;
}
input {
padding: 2px;
border:1px solid #eee;
font: normal 1em "Trebuchet MS", Tahoma, sans-serif;
color:#777;
}
textarea {
width:360px;
padding:2px;
font: normal 1em "Trebuchet MS", Tahoma, sans-serif;
border:1px solid #eee;
display:block;
color:#777;
}
input.button {
margin: 0;
font: bold 1em Arial, Sans-serif;
background: #FFF url(gradientbg.jpg) repeat-x;
padding: 2px 3px;
color: #333;
border: 1px solid #DADADA;
}
/* search form */
form.search {
background-color: transparent;
border: none;
padding: 0;
}
form.search p { margin:0; padding: 0; }
form.search input.SearchField {
width: 195px;
color: #333;
height: 20px;
padding: 2px;
margin-bottom: 5px;
vertical-align: top;
}
form.search input.SearchButton {
font: bold 12px Arial, Sans-serif;
color: #333;
width: 60px;
height: 26px;
border: 1px solid #DADADA;
padding: 3px 5px;
vertical-align: top;
}
/***********************
LAYOUT
************************/
#header-content, #content, #footer-content {
width: 760px;
}
/* header */
#header {
text-align: left;
height: 93px;
border-top: 1px solid #000; /* IE7 vertical placement */
}
#header-content {
margin: 0 auto; padding: 0;
position: relative;
}
#header-content .widget_core_coll_title h1 a {
font: bold 40px 'Trebuchet MS', Sans-serif;
letter-spacing: -2px;
color: #FFF;
margin: 0; padding: 0;
text-decoration: none;
}
#header-content .widget_core_coll_tagline {
font: bold 12px 'Trebuchet Ms', Sans-serif;
text-transform: none;
color: #FFF;
margin: -10px 0 0 18px;
margin-top: -10px;
padding: 0;
color: #ddd;
}
/* header menu */
div.PageTop {
float: left;
}
div.top_menu ul {
background-color:#000000;
/*position: absolute;
right: 0px;
bottom: 6px;*/
}
#header-content ul {
font: bolder 1.3em 'Trebuchet MS', sans-serif;
color: #FFF;
list-style: none;
margin: 0; padding: 0;
}
#header-content li {
display: inline;
}
#header-content li a {
float: left;
display: block;
padding: 3px 12px;
color: #FFF;
background-color: #333;
text-decoration: none;
border-right: 1px solid #272727;
}
#header-content li a:hover {
background: #65944A;
color: #FFF;
}
#header-content li a.selected {
background: #65944A;
color: #FFF;
}
/* header photo */
.headerphoto {
margin: 0 auto;
width: 770px;
height: 200px;
padding: 15px 10px 10px 10px;
background: #FFF url('img/headerphoto.jpg') no-repeat center;
}
/* content */
#content-wrap {
clear: both;
float: left;
width: 100%;
}
#content {
text-align: left;
padding: 0;
margin: 0 auto;
}
/* sidebar */
#sidebar {
float: right;
width: 30%;
margin: 0 0 10px 0; padding: 0;
}
#sidebar h1 {
padding: 10px 0px 5px 10px;
margin: 0;
font: bold 1.3em 'Trebuchet MS', Tahoma, Sans-serif;
}
.sidebox {
background: #F5F5F5;
border: 1px solid #EFEDED;
margin-bottom: 10px;
}
#sidebar img {
border: none;
}
/* sidebar menu */
#sidebar ul.sidemenu {
list-style:none;
margin: 10px 0 15px 0;
padding: 0;
background: #F2F2F2;
}
#sidebar ul.sidemenu li {
padding: 0px 10px;
}
#sidebar ul.sidemenu a {
display:block;
font-weight:normal;
color: #333;
height: 1.5em;
padding:.3em 0 .3em 15px;
line-height: 1.5em;
border-bottom: 1px dashed #D4D4D4;
text-decoration:none;
}
#sidebar ul.sidemenu a.top{
border-top: 1px dashed #D4D4D4;
}
#sidebar ul.sidemenu a:hover {
padding: .3em 0 .3em 10px;
border-left: 5px solid #65944A;
color: #65944A;
}
#sidebar ul.sidemenu ul {
margin: 0;
padding: 0;
list-style:none;
}
/* main */
#main {
float: left;
width: 68%;
margin: 0 0 10px 0; padding: 0;
}
#main h3.bTitle {
padding: 10px 0px 0px 5px;
margin: 0 0 0 10px;
border-bottom: 1px solid #f2f2f2;
font: normal 1.5em 'Trebuchet MS', Tahoma, Sans-serif;
}
#main ul li {
list-style-image: url('img/bullet.gif');
}
.post {
margin: 0px 0px 20px 0px;
padding: 0px;
background: #FFF url('img/gradientbg.jpg') repeat-x;
border: 1px solid #EFEDED;
}
.post .post-footer {
background-color: #FAFAFA;
border: 1px solid #f2f2f2;
padding: 5px;
margin: 20px 10px 10px 10px;
font-size: 95%;
}
.post .post-footer img {
margin: 3px;
}
.post .post-footer .date {
background: url('img/clock.gif') no-repeat 0 center;
padding-left: 20px; margin: 0 10px 0 5px;
}
.post .post-footer .comments {
background: url('img/comment.gif') no-repeat 0 center;
padding-left: 20px; margin: 0 10px 0 5px;
}
.post .post-footer .readmore {
background: url('img/page.gif') no-repeat 0 center;
padding-left: 20px; margin: 0 10px 0 5px;
}
/* footer */
#footer {
clear: both;
margin: 0; padding: 0;
font: normal .95em/1.6em 'Trebuchet MS', Tahoma, Arial, sans-serif;
text-align: left;
}
#footer h1, #footer p { margin-left: 0; }
#footer-content {
border-top: 1px solid #EAEAEA;
margin: 0 auto;
padding-left: 15px;
color: #777;
}
#footer-content a {
text-decoration: none;
color: #777;
}
#footer-content a.contact_link {
text-decoration: underline;
}
#footer-content a:hover {
text-decoration: underline;
color: #333;
}
#footer-content ul {
list-style: none;
margin: 0; padding: 0;
}
#footer-content .col {
width: 32%;
padding: 0 5px 30px 0;
}
#footer-content .col2 {
width: 30%;
padding: 0 0 30px 0;
}
/* alignment classes */
.float-left { float: left; }
.float-right { float: right; }
.align-left { text-align: left; }
.align-right { text-align: right; }
/* additional classes */
.clear { clear: both; }
.gray { color: #BFBFBF; }
#sidebar .widget_core_coll_xml_feeds ul.sidemenu li a {
display: inline;
}
table.bCalendarTable {
font-size: 85%;
}
td.bCalendarCell, td.bCalendarLinkPost, td.bCalendarEmptyCell {
width: 5.5ex;
}
while you copy+paste, watch out for any blank space , i can pass you the files if u d like to.good luck
11 bradwest Aug 21, 2008 05:54
After some fun I got most everything to work and look very close to what I had pictured it as in the beginning
Again I must thank you for your time and sharing your knowledge.
My Mission now is to find a way to link off site with another button, Maybe a larger louder one in the sidebar,
No luck so far, So I'm off to find a solution.
Thanks
Brad West ~ onomoney
Does any one have a clue on this?
Thanks
Brad West ~ onomoney