Forum Replies Created

Viewing 15 replies - 1 through 15 (of 18 total)
  • Thread Starter nickelbert

    (@nickelbert)

    So If I just code IE 6/7/8 it should work?

    If there is some other code needed can someone post it. I Haven;t had much luck with it.

    Thread Starter nickelbert

    (@nickelbert)

    Style.css

    /* SIDEBAR */
    
    #sidebar {
    	float: left;
    	width: 314px;
    	padding-bottom: 100px;
    	color: #231f20;
    	padding-left: 30px;
    	margin-left: 10px;
    	margin-top: 10px;
    }
    
    #sidebar h3 {
    	color: #bab8b8;
    	font-size: 18px;
    	margin-right: 312px;
    	margin-left: -25px;
    	padding-right: 20px;
    	padding-left: 41px;
    	position: relative;
    }
    
    #searchform {
    	float: left;
    	width: 235px;
    	padding-left: 45px;
    	margin-right: 60px;
    }
    
    #sidebar a {
    	color: #231f20;
    	line-height: 1.5em;
    	position: relative;
    	margin-right: 5px;
    	margin-left: -25px;
    }
    
    #sidebar a:hover {
    	color: #bab8b8;
    }
    
    /* END SIDEBAR */
    
    /* BODY */
    
    html {
    	background: url(http://nickhiebert.com/wp-content/themes/portfolio/images/background.png) scroll;
    }
    
    body {
    	text-align: left;
    	font-size: 100%;
    	font-family: Geneva, Arial, Helvetica, sans-serif;
    	color: #999999;
    	background: url(http://nickhiebert.com/wp-content/themes/portfolio/images/mainBG.png) repeat-y;
    	margin-right: 128.2px;
    	margin-left: 137.2px;
    	margin-bottom: -18px;
    	background-position:center;
    }
    
    body h1 a{
    	float: left;
    	padding-left: 60px;
    	padding-top: 9px;
    	width: 260px;
    }
    
    body h2 a {
    	color:#000000;
    }
    
    a {
    	text-decoration: none;
    }
    
    a:hover {
    	text-decoration: none;
    }
    
    p {
    	color: #333333;
    	line-height: 20px;
    	margin-right: -20px;
    }
    
    h1 {
    	float: left;
    	margin-top: 0;
    	border: none;
    	width: 260px;
    	margin-left: 0;
    }
    
    img {
    	border-style: none;
    	margin-left: -46.5px;
    	float: left;
    	margin-top: -9px;
    }
    
    h2 {
    	font-size: 25px;
    	margin-right: 45px;
    	overflow: hidden;
    }
    
    #container {
    	width: 973px;
    	margin: auto;
    	text-align: left;
    }
    
    /* END BODY */
    
    /* HEADER */
    
    #header h1 a{
    	float: left;
    	margin-right: 312px;
    	width: 260px;
    }
    
    /* END HEADER */
    
    /* NAVIGATION */
    
    #nav {
    	background: url(http://nickhiebert.com/wp-content/themes/portfolio/images/nav_bg.png) repeat-x;
    	overflow: hidden;
    	height: 93px;
    	margin-right: 12.5px;
    	margin-left: -71px;
    	padding: 0 0 0 31px;
    }
    
    #nav li {
    	float: right;
    	line-height: 93px;
    	padding-left: 5px;
    	padding-right: 85px;
    	width: 110px;
    }
    
    #nav li a {
    	padding: 0 1em;
    	color: #565354;
    	text-transform: uppercase;
    	font-size: 17.3px;
    	font-weight: bold;
    	line-height: 20px;
    	font-family: Arial, Helvetica, sans-serif;
    	list-style-type: none;
    }
    
    #nav li a.first {
    	padding-left: 0;
    }
    
    ul, li {
    	list-style-type: none;
    }
    
    /* END NAVIGATION */
    
    /* MAIN CONTENT*/
    
    #content {
    	float: right;
    	width: 500px;
    	padding: 0 10px;
    	margin-right: 110px;
    }
    
    #content .date {
    	padding-left: 0;
    	color: #000000;
    }
    
    #content .post-comments a {
     	color: #999999;
    }
    
    comment form .p {
    	margin-right: -50px;
    }
    
    /* END MAIN CONTENT*/
    
    /* FOOTER*/
    
    #credits {
    	background: url(http://nickhiebert.com/wp-content/themes/portfolio/images/footer_bg.png) repeat-x bottom;
    	clear: both;
    	margin-bottom: 40px;
    	padding-top: 15px;
    	margin-right: 14px;
    	margin-left: 14px;
    	padding-bottom: 20px;
    }
    
    #credits .alignleft {
    	margin-left: 175px;
    	margin-bottom: 10px;
    	margin-top: 10px;
    	padding-top: 10px;
    	padding-bottom: 16px;
    	color: #231F20;
    }
    
    #credits .alignright {
    	color: #231F20;
    }
    #credits a, alignleft, alignright {
    	padding-bottom: 20px;
    }
    
    /* END FOOTER*/
    Thread Starter nickelbert

    (@nickelbert)

    Here is what I got in the head of header.php

    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    
    <title><?php bloginfo('name'); ?> <?php if ( is_single() ) { ?> &raquo; Blog Archive <?php } ?> <?php wp_title(); ?></title>
    <link rel="shortcut icon" type="image/ico" href="http://www.nickhiebert.com/wp-content/themes/portfolio/images/favicon.ico"/>
    <link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
    <!-- Internet Explorer Hacksheets -->
    <!--[if lte IE 6]>
    <link rel="stylesheet" type="text/css" href="<?php bloginfo('template_directory'); ?>http://nickhiebert.com/wp-content/themes/portfolio/ie.css" />
    <![endif]-->
    <!--[if lte IE 7]>
    <link rel="stylesheet" type="text/css" href="<?php bloginfo('template_directory'); ?>http://nickhiebert.com/wp-content/themes/portfolio/ie.css" />
    <![endif]-->
    <!--[if lte IE 8]>
    <link rel="stylesheet" type="text/css" href="<?php bloginfo('template_directory'); ?>http://nickhiebert.com/wp-content/themes/portfolio/ie.css" />
    <![endif]-->
    
    </head>

    Also does anyone know how to hack Opera and Safari? Safari 4 looks good just one error and Opera has a problem with the navigation.

    Thread Starter nickelbert

    (@nickelbert)

    Not sure why ie5.css is needed though @apljdi, @jrav001

    Thread Starter nickelbert

    (@nickelbert)

    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <!-- Internet Explorer Hacksheets -->
    <!--[if lte IE 6]>
    <link rel="stylesheet" type="text/css" href="<?php bloginfo('template_directory'); ?>http://nickhiebert.com/wp-content/themes/portfolio/ie6.css" />
    <![endif]-->
    <!--[if lte IE 6]>
    <link rel="stylesheet" type="text/css" href="<?php bloginfo('template_directory'); ?>http://nickhiebert.com/wp-content/themes/portfolio/ie.css" />
    <![endif]-->
    <!--[if lte IE 7]>
    <link rel="stylesheet" type="text/css" href="<?php bloginfo('template_directory'); ?>http://nickhiebert.com/wp-content/themes/portfolio/ie.css" />
    <![endif]-->
    <!--[if lte IE 8]>
    <link rel="stylesheet" type="text/css" href="<?php bloginfo('template_directory'); ?>http://nickhiebert.com/wp-content/themes/portfolio/ie.css" />
    <![endif]-->
    <title><?php bloginfo('name'); ?> <?php if ( is_single() ) { ?> &raquo; Blog Archive <?php } ?> <?php wp_title(); ?></title>
    <link rel="shortcut icon" type="image/ico" href="http://www.nickhiebert.com/wp-content/themes/portfolio/images/favicon.ico"/>
    <link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
    
    </head>
    Thread Starter nickelbert

    (@nickelbert)

    When I do updates for that file it doesn’t work…

    Thread Starter nickelbert

    (@nickelbert)

    Why is there 2 IE6?

    <!–[if lte IE 6]>
    <link rel=”stylesheet” type=”text/css” href=”<?php bloginfo(‘template_directory’); ?>/css/ie6.css” />
    <![endif]–>
    <!–[if lte IE 6]>
    <link rel=”stylesheet” type=”text/css” href=”<?php bloginfo(‘template_directory’); ?>/css/ie.css” />
    <![endif]–>

    Thread Starter nickelbert

    (@nickelbert)

    It was mainly done for Firefox.

    Thread Starter nickelbert

    (@nickelbert)

    Thanks 🙂 That fixed the problem. I just need to fix the margins and padding abit then it should work.

    Thanks again,

    Nick

    Thread Starter nickelbert

    (@nickelbert)

    What I want is the sidebar links to appear on the top of each page obviously in the sidebar on the left.

    Thread Starter nickelbert

    (@nickelbert)

    /* BODY */

    html {
    background: url(http://website.com/wp-content/themes/portfolio/images/background.png) scroll;
    }

    body {
    text-align: left;
    font-size: 100%;
    font-family: Geneva, Arial, Helvetica, sans-serif;
    color: #999999;
    background: url(http://website.com/wp-content/themes/portfolio/images/mainBG.png) repeat-y;
    margin-right: 128.2px;
    margin-left: 137.2px;
    margin-bottom: -18px;
    background-position:center;
    }

    body h1 a{
    float: left;
    padding-left: 60px;
    padding-top: 9px;
    width: 260px;
    }

    body h2 a {
    color:#000000;
    }

    a {
    text-decoration: none;
    }

    a:hover {
    text-decoration: none;
    }

    p {
    color: #333333;
    line-height: 20px;
    margin-right: -20px;
    }

    h1 {
    float: left;
    margin-top: 0;
    border: none;
    width: 260px;
    margin-left: -3;
    }

    img {
    border-style: none;
    margin-left: -45px;
    float: left;
    margin-top: -9px;
    }

    h2 {
    font-size: 25px;
    margin-right: 45px;
    overflow: hidden;
    }

    #container {
    width: 973px;
    margin: auto;
    text-align: left;
    }

    /* END BODY */
    /*———————————————————————

    /* HEADER */
    /*———————————————————————

    #header h1 a{
    float: left;
    margin-right: 312px;
    width: 260px;
    }

    /* END HEADER */
    /*———————————————————————

    /* NAVIGATION */
    /*———————————————————————

    #nav {
    background: url(http://website.com/wp-content/themes/portfolio/images/nav_bg.png) repeat-x;
    overflow: hidden;
    height: 93px;
    margin-right: 13px;
    margin-left: -70px;
    padding: 0 0 0 31px;
    }

    #nav li {
    float: right;
    line-height: 93px;
    padding-left: 5px;
    padding-right: 85px;
    width: 110px;
    }

    #nav li a {
    padding: 0 1em;
    color: #565354;
    text-transform: uppercase;
    font-size: 17.3px;
    font-weight: bold;
    line-height: 20px;
    font-family: Arial, Helvetica, sans-serif;
    list-style-type: none;
    }

    #nav li a.first {
    padding-left: 0;
    }

    ul, li {
    list-style-type: none;
    }

    /* END NAVIGATION */
    /*———————————————————————

    /* SIDEBAR */
    /*———————————————————————

    #sidebar {
    margin-right: 312px;
    padding-bottom: 100px;
    color: #231f20;

    }

    #sidebar h3 {
    color: #bab8b8;
    font-size: 18px;
    margin-right: 312px;
    padding-right: 20px;
    padding-left: 41px;
    position:relative;
    }

    #searchform {
    margin-right: 630px;
    padding-left: 45px;
    margin-top: -1000px;
    position: inherit;

    }

    #sidebar links_with_style {
    margin-right: 312px;
    }

    #sidebar wp_list_categories {
    margin-right: 300px;
    margin-top: 600px;
    }

    #sidebar a {
    color: #231f20;
    line-height: 1.5em;
    }

    #sidebar a:hover {
    color: #bab8b8;
    }

    /* END SIDEBAR */
    /*———————————————————————

    /* MAIN CONTENT*/
    /*———————————————————————

    #content {
    margin-left: 380px;
    margin-right: 150.2px;

    }

    #content .date {
    padding-left: 200px;
    color: #000000;
    }

    #content .post-comments a {
    color: #999999;
    }

    comment form .p {
    margin-right: -50px;
    }

    /* END MAIN CONTENT*/
    /*———————————————————————

    /*———————————————————————
    /* FOOTER*/

    #credits {
    background: url(http://nickhiebert.com/wp-content/themes/portfolio/images/footer_bg.png) repeat-x bottom;
    margin-top: -300px;
    margin-bottom: 40px;
    padding-top: 800px;
    margin-right: 14px;
    margin-left: 14px;
    padding-bottom: 20px;
    }

    #credits .alignleft {
    margin-left: 175px;
    margin-bottom: 10px;
    margin-top: 10px;
    padding-top: 10px;
    padding-bottom: 16px;
    color: #231F20;
    }

    #credits .alignright {
    color: #231F20;
    }
    #credits a, alignleft, alignright {
    padding-bottom: 20px;
    }

    /* END FOOTER*/
    /*———————————————————————

    Thread Starter nickelbert

    (@nickelbert)

    Navigation CSS

    #nav {
    background: url(http://nickhiebert.com/wp-content/themes/portfolio/images/nav_bg.png) repeat-x;
    overflow: hidden;
    height: 93px;
    margin-right: 18.2px;
    margin-left: -70px;
    padding: 0 0 0 31px;
    }

    #nav li {
    float: right;
    line-height: 93px;
    padding-left: 5px;
    padding-right: 50px;
    width: 110px;
    }

    #nav li a {
    padding: 0 1em;
    color: #565354;
    text-transform: uppercase;
    font-size: 17.3px;
    font-weight: bold;
    line-height: 20px;
    font-family: Arial, Helvetica, sans-serif;
    list-style-type: none;
    }

    #nav li a.first {
    padding-left: 0;
    }

    ul, li {
    list-style-type: none;
    }

    Thread Starter nickelbert

    (@nickelbert)

    I’m not doing that. I programmed and designed this one from scratch. It took about a week or so to get it to where it is now.

    Thread Starter nickelbert

    (@nickelbert)

    page.php

    <?php get_header(); ?>
    <div id=”content”>

    <?php if (have_posts()) : ?>
    <?php while (have_posts()) : the_post(); ?>

    <div class=”post”>
    <h2><?php the_title(); ?></h2>
    </div>
    <div class=”entry”>
    <?php the_content(‘Read the rest of this page »’); ?>

    <?php wp_link_pages(array(‘before’ => ‘<p>Pages: ‘, ‘after’ => ‘</p>’, ‘next_or_number’ => ‘number’)); ?>
    </div>

    <?php comments_template(); ?>
    </div>

    <?php endwhile; ?>

    <div class=”navigation”>
    <span class=”previous-entries”><?php previous_post_link(‘%link’)?></span>
    <span class=”next-entries”><?php next_post_link(‘%link’)?></span>
    </div>

    <?php else : ?>

    <h2>Not Found</h2>
    <p>Sorry, but you are looking for something that isn’t here.</p>

    <?php endif; ?>

    </div>
    <!–/content –>

    <?php get_sidebar(); ?>
    <?php get_footer(); ?>

    Thread Starter nickelbert

    (@nickelbert)

    Also I know the tag cloud isn’t set up right, im not worried about it right now.

Viewing 15 replies - 1 through 15 (of 18 total)