By ckleiman on
I've almost completed the conversion of the WordPress Fluid-Blue theme to Drupal. Here are the remaining problems;
I want the "search" module to appear on the right...not left
something has taken two "bites" out of my right sidebar
The blue bottom should extend all the way across...like the top blue header.
Here's links to two jpeg screenshots that show all.
http://www.asianproav.com/images/Fluid_Blue_Top.jpg
http://www.asianproav.com/images/Fluid_Blue_Bottom.jpg
When finished I'd like to contribute this theme to the community.
Thank you.
Here's the contents of my page.tpl.php file;
<!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" lang="<?php print $language->language ?>" xml:lang="<?php print $language->language ?>" dir="<?php print $language->dir ?>">
<head>
<title><?php print $head_title; ?></title>
<?php print $head; ?>
<?php print $styles; ?>
<?php print $scripts; ?>
</head>
<body>
<div id="page">
<div id="header">
<?php if ($logo) { ?><a href="<?php print $front_page ?>" title="<?php print t('Home') ?>"><img src="<?php print $logo ?>" alt="<?php print t('Home') ?>" /></a><?php } ?>
<?php if ($site_name) { ?><h1 class='site-name'><a href="<?php print $front_page ?>" title="<?php print t('Home') ?>"><?php print $site_name ?></a></h1><?php } ?>
<?php if ($site_slogan) { ?><div class='site-slogan'><?php print $site_slogan ?></div><?php } ?>
<div id="headertitle">
<h1></h1>
<p></p>
</div>
<?php if ($search_box): ?><div class="block block-theme"><?php print $search_box ?></div><?php endif; ?>
</div>
<div id="navbar">
<ul id="nav">
<?php print theme('links', $primary_links); ?>
</div>
<div id="wrapper">
<div id="content">
<?php print $breadcrumb; ?>
<?php if ($mission): ?><div id="mission"><?php print $mission; ?></div><?php endif; ?>
<div id="content">
<?php if ($title): ?><h1 class="title"><?php print $title; ?></h1><?php endif; ?>
<?php if ($tabs): ?><div class="tabs"><?php print $tabs; ?></div><?php endif; ?>
<?php if ($show_messages): print $messages; endif; ?>
<?php print $help; ?>
<?php print $content; ?>
</div>
<div id="sidebar">
<?php print $right; ?>
</div> <!-- wrapper -->
<div id="footer">
<!-- 20 queries. 0.645 seconds. -->
<?php if ($footer_message || $footer) : ?>
<div id="footer-message">
<?php print $footer_message . $footer;?>
<br>
</div>
<?php endif; ?>
</div> <!-- page -->
</body>
</html>
Comments
style.css
You should go to your style.css (or any_name.css you have as default css file) and change #block block-theme to fit search box on the right side. Similar goes for footer.
Linux4life
I couldn't find the class in
I couldn't find the class in the css. I could try to make one and call it block block-theme and give it some parameters unless you have a better idea, hopefully? Here's the css below;
I see that setting for search
I see that setting for search box for former WP theme are correct
Replace search in css to correspond new search class in page.tpl.php and it should work right
Linux4life
I've been able to make some
I've been able to make some progress by fixing the right sidebar and the footer. I have two remaining issues. The first happens when Drupal puts the primary links into the sidebar. It puts triple space between each link. The admin links are single spaced correctly.
See photo; http://www.asianproav.com/images/Fluid_Blue_Menu_Spacing_Problem.jpg
The second is the size of the search box. I made it smaller by changing the width in one of the css, however, now, for the life of me I can't find where I changed that value and want to restore it to the regular width. The reason I made it smaller in the first place was because the text was wrapping. This went away when I closed and reopened the browser.
See photo; http://www.asianproav.com/images/Search_Box_Width.jpg
BTW, here's the updated code for my page.tpl.php (I haven't changed the style.css)
=-=
if you changed it with css, firebug should easily point out where you changed it be inspecting the search element.