Wordpress Blog help - PHP n CSS

chamidilk

Active member
  • Nov 18, 2006
    1,053
    4
    38
    Moratuwa
    Can somebody help me with this issue ??????
    Mage blog eke header eke Title eka widiyata tiyenne
    Dilshan`s Blog kiyala .

    Mata eka picture ekakta maru karagannahati kiyala denawada ???
    eee kiwwe mata one text title eka wenuwata logo ekak (logo.png) daaganna


    menna header.php saha style.css wala codes

    PHP:
    <!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" <?php language_attributes(); ?>>
    
    <head profile="http://gmpg.org/xfn/11">
    <meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
    
    <title><?php bloginfo('name'); ?> <?php if ( is_single() ) { ?> » Blog Archive <?php } ?> <?php wp_title(); ?></title>
    
    <link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
    <link rel="alternate" type="application/rss+xml" title="<?php bloginfo('name'); ?> RSS Feed" href="<?php bloginfo('rss2_url'); ?>" />
    <link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
    
    <?php wp_head(); ?>
    </head>
    <body>
    <div align="center">
    <div id="wrap">
    	<div id="header">
        	<div id="title">
                <h1><a href="<?php echo get_option('home'); ?>/"><?php bloginfo('name'); ?></a></h1>		
        	<div class="description"><?php bloginfo('description'); ?></div>
        	</div>
            <div id="topright">
    		<?php include (TEMPLATEPATH . '/searchform.php'); ?>
            </div>
            <div id="pagenav">
            <ul>
              <?php wp_list_pages('title_li'); ?>
            </ul>
            </div>
        </div><!-- end of header -->
    HTML:
    /*
    Theme Name: Beautiful Sunset
    Description: Beautiful Sunset is a simple, dark and stylish, fluid-width WordPress theme designed by <a href="http://jump2top.com/themes/" target="_blank">Free Blog Themes/Templates</a>
    Author: Free Blog Themes/Templates
    Author URI: http://jump2top.com/themes/
    Version: 1.0
    Tags: gray, white, yellow, 2-columns, right sidebar, widget ready, fixed width
    
    */
    * {
    	padding: 0px;
    	margin: 0px;
    }
    body {
    	background: url(images/background.jpg) no-repeat top #18180e;
    	color: #ffffff;
    	font-size: 8pt;
    	font-family: Arial, Helvetica, sans-serif;
    }
    #wrap {
    	width: 870px;
    	text-align: left;
    	padding: 0px 15px;
    }
    #header {
    	height: 250px;
    }
    #title {
    	height: 215px;
    	float: left;
    }
    #topright {
    	float: right;
    	padding-top: 80px;
    }
    #pagenav {
    	height: 26px;
    	clear: both;
    	padding-top: 9px;
    	font-size: 10pt;
    	font-weight: bold;
    }
    #sidebar {
    	float: right;
    	width: 170px;
    	margin-top: 20px;
    	color: #999999;
    }
    #content {
    	margin: 20px 220px 0px 0px;
    	width: 650px;
    }
    #footer {
    	clear: both;
    	margin: 15px 0px;
    	text-align: center;
    	color: #cccccc;
    }
    .date {
    	float: left;
    	width: 48px;
    	padding: 7px 0px;
    	font-size: 10pt;
    	font-weight: bold;
    	text-align:center;
    	color: #ffffff;
    	background-color: #000000;
    	border: 1px solid #eee673; 
    }
    .entry {
    	float: right;
    	width: 590px;
    }
    .post {
    	margin-bottom: 20px;
    }
    .postmetadata {
    	padding-top: 10px;
    	color: #bababa;
    }
    .postmetadata a {
    	color: #bababa;
    	text-decoration: none;
    }
    .postmetadata a:hover {
    	text-decoration: none;
    }
    /* text */
    
    #title h1 {
    	font-weight: normal;
    	font-size: 24pt;
    	padding-top: 60px;
    }
    #title h1 a {
    	color: #eee673;
    	text-decoration: none;
    }
    .description {
    	font-size: 14pt;
    	color: #ffffff;
    }
    #footer a {
    	color: #cccccc;
    	text-decoration: none;
    }
    #pagenav ul li {
    	display: inline;
    	list-style: none;
    }
    #pagenav li a {
    	color: #ffffff;
    	padding-right: 20px;
    	text-decoration: none;
    }
    #pagenav li a:hover {
    	color: #eee673;
    }
    p, #content h1, h2, h3, h4, ol, ul, #calendar_wrap {
    	padding-bottom: 10px;
    }
    td, th {
    	padding: 2px;
    }
    #content h1 {
    	font-size: 14pt;
    	color: #ffffff;
    	font-weight: normal;
    }
    #content h1 a {
    	color: #ffffff;
    	text-decoration: none;
    }
    #sidebar a {
    	color: #999999;
    	text-decoration: none;
    }
    #sidebar h2 {
    	font-size: 12pt;
    }
    h3, caption {
    	font-size: 11pt;
    	color: #eee673;
    	font-weight: bold;
    }
    h4 {
    	font-size: 10pt;
    	color: #eee673;
    }
    #content ol li, #content ul li {
    	margin-left: 25px;
    }
    #sidebar li {
    	padding-bottom: 2px;
    }
    #sidebar ul li {
    	list-style: none;
    }
    a {
    	color: #eee673;
    	text-decoration: none;
    }
    a:hover {
    	text-decoration: underline;
    }
    img a {
    	border: 0px;
    }
    blockquote {
    	margin: 10px;
    	font-size: 9pt;
    	font-style: italic;
    }
    /* form */
    #author, #email, #url, #comment, .s {
    	border: 1px solid #eee673; 
    	padding: 5px;
    	font-size: 8pt;
    	background:transparent;
    	color: #ffffff;
    }
    #author, #email, #url, #comment {
    	padding: 5px;
    }
    .s {
    	padding: 3px;
    }
    #submit, .searchsubmit {
    	background-color: #000000;
    	color: #ffffff;
    	border: 1px solid #eee673; 
    	font-size: 8pt;
    	padding: 2px;
    	margin-top: 3px;
    	font-weight: bold;
    }
    
    #commentform a {
    	color: #eee673;
    	text-decoration: none;
    }
    #commentform a:hover {
    	color:#ffffff;	
    	text-decoration: underline;
    }
    #comments {
    	margin: 10px 0px 10px 60px;
    }
    /* wp default */
    .navigation {
    	margin: 10px 0px;
    	color: #999999;
    }
    .navigation a {
    	color: #999999;
    	text-decoration: none;
    }
    .aligncenter {
    	display: block;
    	margin-left: auto;
    	margin-right: auto;
    }
    
    .alignleft {
    	float: left;
    }
    
    .alignright {
    	float: right;
    }
    .wp-caption {
    	border: 1px solid #ddd;
    	text-align: center;
    	background-color: #f3f3f3;
    	padding-top: 4px;
    	margin: 10px;
    	-moz-border-radius: 3px;
    	-khtml-border-radius: 3px;
    	-webkit-border-radius: 3px;
    	border-radius: 3px;
    }
    
    .wp-caption img {
    	margin: 0;
    	padding: 0;
    	border: 0 none;
    }
    
    .wp-caption-dd {
    	font-size: 11px;
    	line-height: 17px;
    	padding: 0 4px 5px;
    	margin: 0;
    }


    :yes: :yes: :yes: :yes: :yes: :yes: