Artisteer Adjustments

Changes to be made to the default Artisteer options (after export) to correct some common problems and add some additional features. Nothing here is considered best practice or well-tested these are just some ideas that have worked well (and saved time) for the author.

1. Remove page-node-add.tpl.php, page-node-edit.tpl.php, page-blog.tpl.php, page-front.tpl.php and page-node.tpl.php (we'll consolidate all these into one page.tpl.php in the steps below).
2. In page.tpl.php:
   1. We want a logo to be part of the theme so add new line just after <div class=“art-Header-jpeg”></div> to render the logo (we'll stylize this in css later)

      <?php if (!empty($logo)) { echo '<div class="logo-image"><a href="'.check_url($base_path).'" title = "'.$site_name.'"><img src="'. check_url($logo) .'" alt="'. $site_title .'" id="logo-image" /></a></div>'; } ?>

   2. We don't want a breadcrumb so remove breadcrumb line and all breadcrumb references (including any !empty($breadcrumb) statements).
   3. Look for the line that reads <?php if (!empty($banner2)) { echo $banner2; } ?> and add the following just below it (this will ensure that non-node pages, such as views, get a title):

      <?php if ($title): ?>
      	<h2 class="art-PostHeaderIcon-wrapper"> <span class="art-PostHeader"><a href="<?php echo $node_url; ?>" title="<?php echo $title; ?>"><?php echo $title; ?></a></span>
      </h2>
      <?php endif; ?>

   4. We want the overall content wrapper(s) (that include some padding, margins, etc.) to also enclose banners 2 - 5:
      1. Move the existing div statements shown below just before the <?php if (!empty($banner2)) { echo $banner2; } ?> line:

         <div class="art-Post">
             <div class="art-Post-cc"></div>
             <div class="art-Post-body">
         <div class="art-Post-inner">
         <div class="art-PostContent">

      2. Then move the existing div statements shown below just after the <?php if (!empty($banner5)) { echo $banner5; } ?> line

         </div>
         <div class="cleared"></div>
          
         </div>
          
             </div>
         </div>

      3. Finally, we want to keep the clearer that happens just below the main content, so add

         <div class="cleared"></div>

         just below the <?php echo art_content_replace($content); ?> line

3. In node.tpl.php:
   1. Change the read more line to be the following (this will generate nice “read more” buttons based on existing Artisteer-generated styles):

      <?php if (isset($node->links['node_read_more'])) { echo '<span class="art-button-wrapper"><span class="l"></span><span class="r"></span><span class="art-button">'.get_html_link_output($node->links['node_read_more']).'</span></span>'; }?></div>

   2. Surround the following code chunks with with <?php if (!$page): ?> and <?php endif; ?> (this will ensure that titles and page padding are not duplicated from what's defined in page.tpl.php but are shown on teaser lists, etc.):

      <div class="art-Post">
          <div class="art-Post-cc"></div>
          <div class="art-Post-body">
      <div class="art-Post-inner">
      <h2 class="art-PostHeaderIcon-wrapper"> <span class="art-PostHeader"><a href="<?php echo $node_url; ?>" title="<?php echo $title; ?>"><?php echo $title; ?></a></span>
      </h2>

      and (at the end):

      </div>
       
          </div>
      </div>

1. Edits to all block-banner1.tpl.php to block-banner6.tpl.php files (all 6 files):
   1. Change the

      <div class="content">

      to just

      <div>

      (there are styles associated with the content class that we don't want applied here).

   2. Change the line

      <div id="bannerX">

      to

      <div class="block-<?php print $block->module ?>" id="bannerX">

      (we want a custom class to be applied by any block modules that may use this template). Note that the id is different for each template (banner1, banner2, etc).

2. Edits to all block-bannerX.tpl.php files and block.tpl.php:
   1. Add

      <div class="cleared"></div>

      just after the <?php print $block→content ?> (we don't want any floated images spilling out of the block so do a clear).

   2. Add the following php snippet just after the clearer line from the previous step (this will add nice “edit block” links for users with block edit permissions - from http://drupal.org/node/240044):

      <?php
        if ($block->module == 'block'):
          if (user_access('administer blocks')): ?>
          <small><p align="right">
               <?php print l('Edit Block', 'admin/build/block/configure/'.$block->module.'/'.$block->delta, array('query' => drupal_get_destination())); ?>
          </p></small>
          <?php endif;
        endif;
      ?>

Finally, there are several edits to CSS styles

1. Comment out the table styles (around line 930). We want to WYSIWYG editor to manage these inline.
2. If using fckeditor, bullets will not show up in editor (bullets are images at a relative path, and the editor runs from a path different then location of style.css). So we want to overwrite the style setting in fckeditor just for bullets. This can be accomplished by adding the following line to sites/all/modules/fckeditor/fckeditor.config.js:

   FCKConfig.EditorAreaStyles = "ul li{display: list-item; list-style-type: disc; list-style-image: none;}";

3. Add the custom css stuff below to the end of the style.css file:

/*** Artisteer Corrections ***/
 
/* Extra Margin for Article Footer - can't change in Artisteer so change here */
.art-PostFooterIcons {
	margin-top: 15px;
}
 
/* Correct fixed navi-bar height - let this be flexible in case menu wraps to 2 lines */
.art-nav {
	height: auto;
}
 
/* Remove forced form input box widths - if using webform module */
.form-text, .form-textarea {
	width: auto;
}
 
/*** Bullet Adjustments - Bullets are images in Artisteer and that can create some
problems depending on what modules are installed, etc. ***/
 
/* Remove bullet from gallery lists */
ul.galleries li, ul.images li, ul.textsize_list li {
	background-image: none !important;
}
 
/* Remove bullet from text size block */
ul.textsize_list li {
	background-image: none !important;
}
 
/* Some view lists apply a list style type which may render strange
in IE, so remove/overwrite it */ 
.item-list ul li {
	list-style-type: none;
}
 
 
/*** Misc ***/
 
/* Position Logo */
div.logo-image {
	position: relative;
	top: 10px;
	left: 15px;
}
 
/* Small tweaks for "read more" buttons */
span.art-button a {
	text-decoration: none !important;
        color: #000 !important;
}
span.art-button a.hover, span.art-button a:hover {
	color: #000 !important;
}
 
/* Override strange Drupal system css setting for tables */
tbody {
	border: 0;
}
 
/*** Very case specific ***/
 
/* Special divs for footer space and other footer adjustments - case specific */
div.foot_wrap {
	width: 850px;
}
div.addy_wrap {
	float: left;
}
.art-Footer .art-Footer-inner {
	text-align: center;
}