Wordpress Theme

**gast4610** · 12-02-2009, 11:36

Hoi,

Ik heb een wordpress blog en die wou ik aanpassen met een eigen skin, nou die skin heb ik gemaakt en gesliced, nou wou ik hem in wordpress verwerken maar wordpress is er niet echt blij mee en mn hele lay-out valt uit elkaar.

Zo hoordt die eigenlijk te worden
http://uploadgeek.nl/files/13fdypf8oru0uj608hx.jpg

Zo ziet het er nu uit
http://uploadgeek.nl/files/5vs2egwauol15iuq9y6.jpg

CSS

Code:

/*  
Theme Name: Tutorial
Theme URI: http://www.wpdesigner.com
Description: This is my theme for a tutorial.
Version: 1.0
Author: Small Potato
Author URI: http://www.wpdesigner.com/

*/

* {
margin:0;
padding:0;
}

body, h1, h2, h3, h4, h5, h6, blockquote, p{
margin: 10px;
padding: 0;
}

.entry{
line-height: 18px;
}

p.postmetadata{
border-top: 1px solid #ccc;
margin: 10px;
}

.navigation{
padding: 10px 0 0 0;
font-size: 14px;
font-weight: bold;
line-height: 18px;
}

body{
    margin: 0;
    font: 80%/160% Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-align: center;
    vertical-align: top;
    color: #000000;
    background-color: #e8f6ff;
    background-image: url(images/bg.jpg);
    background-repeat: repeat-x;
}



.post{
padding: 10px 0 10px 0;
}

.post h2{
font-family: Georgia, Sans-serif;
font-size: 18px;
}

h1{
font-family: Georgia, Sans-serif;
font-size: 24px;
padding: 0 0 10px 0;
}
a:link, a:visited{
    text-decoration: underline;
    color: #336699;
}

a:hover{
    text-decoration: none;
}

p{
padding: 10px 0 0 0;
}

#wrapper{
    margin: 0 auto 0 auto;
    width: 1320px;
    text-align: left;
    
}

#header{
    float: left;
    width: 100%;
    background: no-repeat center top;

}

#container{
    float: left;
    width: 511px;
    background:#FFFFFF;
    height:auto;

}

.sidebar{
    float: left;
    width: 315px;
    background: #ffffff;
    margin: 0 0 0 0px;
    display: inline;


}

.sidebar ul{
list-style-type: none;
margin: 0;
padding: 0 10px 0 10px;
}

.sidebar ul li{
padding: 10px 0 10px 0;
}

.sidebar ul li h2{
font-family: Georgia, Sans-serif;
font-size: 14px;
}

.sidebar ul ul li{
padding: 0;
line-height: 24px;

}

table#wp-calendar{
width: 100%;
}

#footer{
    clear: both;
    float: left;
    width: 1320px;
    padding:10px;
}
#footer p{
    line-height:18px;
}

.comments-template{
    margin: 10px 0 0;
    border-top: 1px solid #ccc;
    padding: 10px 0 0;
}

.comments-template ol{
    margin: 10px;
    padding: 0 0 15px;
    list-style: none;
}

.comments-template ol li{
    margin: 10px 0 0;
    line-height: 18px;
    padding: 0 0 10px;
    border-bottom: 1px solid #ccc;
}

.comments-template h2, .comments-template h3{
    font-family: Georgia, Sans-serif;
    font-size: 16px;
}

.commentmetadata{
    font-size: 12px;
}

.comments-template p.nocomments{
    padding: 0;
}

.comments-template textarea{
    font-family: Arial, Helvetica, Georgia, Sans-serif;
    font-size: 12px;
}

PHP

PHP Code:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head profile="http://gmpg.org/xfn/11">

    <title><?php bloginfo('name'); ?><?php wp_title(); ?></title>

    <meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />    
    <meta name="generator" content="WordPress <?php bloginfo('version'); ?>" /> <!-- leave this for stats please -->

    <link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
    <link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="<?php bloginfo('rss2_url'); ?>" />
    <link rel="alternate" type="text/xml" title="RSS .92" href="<?php bloginfo('rss_url'); ?>" />
    <link rel="alternate" type="application/atom+xml" title="Atom 0.3" href="<?php bloginfo('atom_url'); ?>" />
    <link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />

<?php get_header(); ?>
<div id="container">

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

        <div class="post" id="post-<?php the_ID(); ?>">

            <h2><a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>"><?php the_title(); ?></a></h2>

            <div class="entry">

                <?php the_content(); ?>

                <p class="postmetadata">
<?php _e('Filed under:'); ?> <?php the_category(', ') ?> <?php _e('by'); ?> <?php  the_author(); ?><br />
<?php comments_popup_link('No Comments »', '1 Comment »', '% Comments »'); ?> <?php edit_post_link('Edit', ' | ', ''); ?>
                </p>

            </div>

        </div>

    <?php endwhile; ?>

        <div class="navigation">
            <?php posts_nav_link(); ?>
        </div>

    <?php else : ?>

        <div class="post">
            <h2><?php _e('Not Found'); ?></h2>
        </div>

    <?php endif; ?>

</div>

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

</div></body>
</html>

**Nick van Egdom** · 12-02-2009, 21:31

Zo te zien heb je gewoon de codes uit een ander Wordpress thema gekopieerd. Kijk eens op codex.wordpress.org en bouw het systeem er helemaal zelf in. Lukt het je niet of wil je het door iemand laten doen dan kan je me altijd een PM sturen. ;)

**John T.** · 12-02-2009, 21:44

Gewoon even wat divjes goed zetten.
Dat is je probleem

**gast4610** · 13-02-2009, 09:18

Ok, ik zal het eens proberen!
Bedankt!

Wordpress Theme

Wordpress Theme [Sorry verkeerde topic, admin verplaats naar blog forum!]

Tags voor dit bericht

Quick links

Sitedeals

Andere media

Over Sitedeals

Wordpress Theme

Wordpress Theme [Sorry verkeerde topic, admin verplaats naar blog forum!]

Tags voor dit bericht

Quick links

Sitedeals

Andere media

Over Sitedeals

Inloggen