السلام عليكم ورحمة الله وبركاته
تحية طيبة ..وبعد
تشجعت بعد عدة مقالات في هذا المنتدى المبارك لنجريب برنامج wordpress لإدارة المقالات .. وقد واجهت عدة مشاكل فيه والحمد لله تغلبت على بعضها منها اللغة .. حيث إستطعت تحويله من اليسار إلى اليمين وقمت بتعريب بعض المصطلحات ولكن المشكلة اللي واجهتني .. هي بتصميم أوراق الأنماط css حيث أنه لدي تصميم من موقع bloggeer قمت بتعديله مسبقاً والآن أواجه مشكلة وهي كالتالي
أولاً
index.php
------------------------------
/* Don't remove this line. */
require('./wp-blog-header.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" dir="rtl">
<head profile="http://gmpg.org/xfn/1">
<title><?php bloginfo('name'); ?><?php wp_title(); ?></title>
<meta http-equiv="Content-Type" content="text/html; charset=<?php bloginfo('charset'); ?>" />
<meta name="generator" content="WordPress <?php bloginfo('version'); ?>" /> <!-- leave this for stats -->
<style type="text/css" media="screen">
@import url( <?php echo get_settings('siteurl'); ?>/siteb.css );
</style>
<link rel="stylesheet" type="text/css" media="print" href="<?php echo get_settings('siteurl'); ?>/print.css" />
<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 wp_get_archives('type=monthly&format=link'); ?>
<?php //comments_popup_script(); // off by default ?>
<?php wp_head(); ?>
</head>
<body>
<div id=rap><!-- #wrap - for centering -->
<div id="header">
<H1><a href="<?php bloginfo('url'); ?>"><?php bloginfo('name'); ?></a></H1>
</DIV>
<div id="content">
<?php if ($posts) : foreach ($posts as $post) : start_wp(); ?>
<?php the_date('','<h2>','</h2>'); ?>
<div class="post">
<h3 class="storytitle" id="post-<?php the_ID(); ?>"><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link: <?php the_title(); ?>"><?php the_title(); ?></a></h3>
<div class="meta"><?php _e("Filed under:"); ?> <?php the_category() ?> — <?php the_author() ?> @ <?php the_time() ?> <?php edit_post_link(); ?></div>
<div class="storycontent">
<?php the_content(); ?>
</div>
<div class="feedback">
<?php wp_link_pages(); ?>
<?php comments_popup_link(__('Comments (0)'), __('Comments (1)'), __('Comments (%)')); ?>
</div>
<!--
<?php trackback_rdf(); ?>
-->
<?php include(ABSPATH . 'wp-comments.php'); ?>
</div>
<?php endforeach; else: ?>
<p><?php _e('Sorry, no posts matched your criteria.'); ?></p>
<?php endif; ?>
</div>
<div id="menu">
<ul>
<?php get_links_list(); ?>
<li id="categories"><?php _e('الأقسام:'); ?>
<ul>
<?php wp_list_cats(); ?>
</ul>
</li>
<li id="search">
<label for="s"><?php _e('البØ_Ø«:'); ?></label>
<form id="searchform" method="get" action="<?php echo $PHP_SELF; ?>">
<div>
<input type="text" name="s" id="s" size="15" /><br />
<input type="submit" name="submit" value="<?php _e('بحث'); ?>" />
</div>
</form>
</li>
<li id="archives"><?php _e('الإرشيÙ:'); ?>
<ul>
<?php wp_get_archives('type=monthly'); ?>
</ul>
</li>
<li id="calendar">
<?php get_calendar(); ?>
</li>
<li id="other"><?php _e('Other:'); ?>
<ul>
<li><a href="<?php echo get_settings('siteurl'); ?>/wp-login.php"><?php _e('دخول'); ?></a></li>
<li><a href="<?php echo get_settings('siteurl'); ?>/wp-register.php"><?php _e('تسجيل'); ?></a></li>
</ul>
</li>
<li id="meta"><?php _e('Meta:'); ?>
<ul>
<li><a href="<?php bloginfo('rss2_url'); ?>" title="<?php _e('Syndicate this site using RSS'); ?>"><?php _e('<abbr title="Really Simple Syndication">RSS</abbr> 2.0'); ?></a></li>
<li><a href="<?php bloginfo('comments_rss2_url'); ?>" title="<?php _e('The latest comments to all posts in RSS'); ?>"><?php _e('Comments <abbr title="Really Simple Syndication">RSS</abbr> 2.0'); ?></a></li>
<li><a href="http://validator.w3.org/check/referer" title="<?php _e('This page validates as XHTML 1.0 Transitional'); ?>"><?php _e('Valid <abbr title="eXtensible HyperText Markup Language">XHTML</abbr>'); ?></a></li>
<li><a href="http://wordpress.org/" title="<?php _e('Powered by WordPress; state-of-the-art semantic personal publishing platform.'); ?>">WP</a></li>
</ul>
</li>
</ul>
</div>
<DIV class=clear></DIV>
<DIV id=footer>
<p class="credit"><!--<?php echo $wpdb->num_queries; ?> queries. <?php timer_stop(1); ?> seconds. --> <cite><?php echo sprintf(__("Powered by <a href='http://wordpress.org' title='%s'><strong>WordPress</strong></a>"), __("Powered by WordPress, state-of-the-art semantic personal publishing platform")); ?></cite></p>
</div></div>
</body>
-----------------------------------------
وهذه هي صفحة الأنماط css
---------------------------/*
Dots - A WordPress CSS Template
Copyright 2004 Alex King
Based on: Bloggia 3-Column Template by Alex King (http://www.bloggia.com/styles/bloggia_themer/)
*/
body {
PADDING-RIGHT: 0px;
PADDING-LEFT: 0px;
FONT-SIZE: small;
BACKGROUND: #e0e0e0; url('image/tile.gif') repeat-y 50% 50%;
PADDING-BOTTOM: 0px;
MARGIN: 0px;
COLOR: #333;
PADDING-TOP: 0px;
FONT-FAMILY: Verdana, sans-serif;
TEXT-ALIGN: center
}
h1, h2, h3, h4, p, li, a, span, th, td, input, select, textarea {
font-family: verdana, tahoma, arial, helvetica, geneva, sans-serif;
}
p, li, td, caption, input, select, textarea {
font-size: 11px;
font-weight: normal;
}
A:link {
COLOR: #6699cc
}
A:visited {
COLOR: #666699
}
A:hover {
COLOR: #5b739c
}
A:active {
COLOR: #5b739c; TEXT-DECORATION: none
}
#rap {
BACKGROUND: url('image/tile.gif') repeat-y;
MARGIN: 0px auto;
WIDTH: 847px;
TEXT-ALIGN: left
}
#header {
padding:0px; BACKGROUND: #e0e0e0 url('image/top_div_blue.gif') no-repeat left top; MARGIN: 0px; FONT-FAMILY: "Lucida Grande", "Trebuchet MS"
}
#header H1 {
PADDING-RIGHT: 60px; PADDING-LEFT: 160px; FONT-SIZE: 200%; BACKGROUND: url('image/top_h1_blue.gif') no-repeat left bottom; PADDING-BOTTOM: 50px; MARGIN: 0px; COLOR: #fff; PADDING-TOP: 45px; text-shadow: #4F73B6 2px 2px 2px
}
#header H1 A {
COLOR: #fff; TEXT-DECORATION: none
}
#content {
left: 410px;
position: absolute;
top: 100px;
width: 420px;
text-align: right;
padding: 60px 0;
margin: 0px;
}
#rap {
BACKGROUND: url('image/tile.gif') repeat-y;
MARGIN: 0px auto;
WIDTH: 847px;
TEXT-ALIGN: left
}
#content h2 {
border-bottom: 1px solid #878D7C;
color: #727A66;
font-size: 12px;
margin: 0;
padding: 0 0 3px 0;
text-align: right;
}
#content div.post {
padding: 0 0 10px 0;
}
#content div.post h3 {
color: #4B5340;
font-size: 13px;
margin: 7px 0 3px 0;
padding: 0;
}
#content div.post h3 a, #content div.post h3 a:link, #content div.post h3 a:visited {
color: #4B5340;
}
#content div.post div.meta, #content div.post div.meta ul li a, #content div.post div.meta ul li a:link, #content div.post div.meta ul li a:visited {
color: #727A66;
font-size: 10px;
}
#content div.post div.meta ul {
display: inline;
margin: 0;
padding: 0;
}
#content div.post div.meta ul li {
display: inline;
margin: 0;
padding: 0 3px 0 0;
}
#content div.post div.storycontent {
border-left: 2px solid #e8e8e8;
margin: 0 10px 0 0;
padding: 0 0 0 7px;
}
#content div.post div.feedback a {
color: #727A66;
font-size: 10px;
}
#content div.post div.storycontent ol, #content div.post div.storycontent ul, #content div.post div.storycontent li, #content div.post div.storycontent blockquote {
margin-left: 10px;
padding-left: 0;
}
#menu {
CLEAR: left;
PADDING-RIGHT: 547px;
PADDING-LEFT: 0px;
FONT: 75% Tahoma,sans-serif;
PADDING-BOTTOM: 0px; COLOR: #999;
LINE-HEIGHT: 1.4em;
PADDING-TOP: 0px;
margin-left: 30px;
margin-right: 25px;
margin-top: 40px;
margin-bottom:0px;
TEXT-ALIGN: right;
}
.clear {
CLEAR: both; HEIGHT: 0px
}
#footer {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT: 60% Tahoma,sans-serif; BACKGROUND: url('image/bottom_sill.gif') no-repeat left bottom; PADDING-BOTTOM: 9px; MARGIN: 0px; COLOR: #ddd; PADDING-TOP: 0px
}
#footer P {
PADDING-RIGHT: 80px; PADDING-LEFT: 310px; BACKGROUND: url('image/bottom_sash.gif') no-repeat left top; PADDING-BOTTOM: 20px; MARGIN: 0px; PADDING-TOP: 20px
------------------------------
لكن الموقع يظهر مقطوعاً من النصف وين المشكلة ياترى .. هل هي بكود الصفحة الرئيسية ولا ورق الأنماط .. وشكر الله لكم
وبأذن الله أول ما يخلص التعريب وتعديل ورقة الأنماط css سأحاول تنزيلها بالمنتدى
وشكر الله لكم
مرفق صورة للتوضيح