How to show banner [simple solution]

Here's a video showing how to go about creating and adding the banner style to your front page: http://www.screencast.com/users/eternalistic/folders/Jing/media/20e07eaf...

You need to create the rule for the page, choose a background image, and if you want set a page for that style to appear. Then you need to add a block to the Preface Top region for the style to actually appear and have a block within that region.

Hope that helps. If you have any questions just let us know.

...so what can we all do? Showing an Banner is one thing, but to have all Skinr functionality is another?

Can the Development team confirm that something isn't working well??? Please Help Us ;-)

Thanks and Kind Regards from Germany, OrinocoDelta

Hi everybody;

i just update my theme to the new 3.x Version, but now i have one problem; skinr is not working and if i activate all needed modules:

jQuery UI - 6.x-1.3: You'll need to download jQuery UI manually. At the time of this writing the latest version is 1.7.2, which you can download here. After downloading: unzip, rename the directory to jquery.ui, and place it inside the jquery_ui directory. Make sure you do this before attempting to enable the modules.
jQuery Update - 6.x-2.x-dev. This gives you jQuery 1.3.2.
Skinr - 6.x-2.x-dev or DRUPAL-6--2 in CVS.
Dialog API - 6.x-1.x-dev

I have the following Problem:

>>> in admin/build/themes/settings/acquia_slate
i have no more the option to change the 'Fusion theme settings'

>>> no wheel for skinr comes up in the blocks

>>> if i de-activated the above modules everything works, but without the features of skinr

>>> another thing that i see is that i have no option to set an banner on frontpage like before in 2.x

Can please anybody confirm this and maybee the developer team can help me???

KIND REGARDS from Germany,
OrinocoDelta

@OrinocoDelta, you might want to check the Skinr issue queue to see if they can help you install the module correctly: http://drupal.org/project/issues/skinr?categories=All

@powery, You should be able to add a block to the Preface Top region and have it show according to the rules you have defined for the Banner Skinr style. Be sure to check the rules for the block as well as the Banner Skinr style to make sure they are showing on the same pages.

When you changed the Skinr style for the background image did it show? Like how you can change the page style to "Beach stones" it should show the background it is changing it too and then you can save the page or choose another. Also, can you provide a link to your site so I can see if it is applying the correct styles and if the background image exists in the proper location on the server?

Cool, glad you got it working.

What can I add block to showing banner and how I edit it?

See attachment if you dont understand what I do mean....

Is it possible to add a personal image to the banner's list?
I tried to add an image in the banner folder, but it dosen't seem to show up in the options.

Yes you can add a new banner image to your site by modifying the .info file that comes with your theme and update the CSS for it as well.

.info:

skinr[slate-banner-styles][options][6][label] = New banner image description
skinr[slate-banner-styles][options][6][class] = banner-background-newbackground banner-background

And CSS:

.banner-background-newbackground #content-top-wrapper .content-top-inner {
  background: url(../images/banner/newbackground.jpg) no-repeat left center;
}

Hope that helps!

great thanks!

Hi,

I've followed point #11, but was unsuccessful. Had to save my new image over an existing banner (beachstones.jpg).

Really don't see why. Do you have any explanation?

However, thanks for the great theme!
.sahaj

@sahaj, did you edit the .info file that comes with the theme to add your new background image option? You would need to update that and then add the little bit of CSS that goes with it to add the background image. Overwriting the actual image works but when you update your theme the file will be overwritten again.

Yes, I have followed the instruction from point #11 about the 2 lines on aquia_slate.info and the css files.
Even did it twice, now also checking the clearing of the theme registry.

Here is exactly what I have add:

1. to the 'fusion-acquia-slate-style.css':
.banner-background-beachstones #preface-top .preface-top-inner {
background: url(../images/banner/kyrgyzstan.jpg) no-repeat center center;
}

2. to the 'acquia_slate.info':
skinr[slate-banner-styles][options][6][label] = Yurta
skinr[slate-banner-styles][options][6][class] = banner-background-kyrgyzstan banner-background

Do I miss something?

Cheers,
.sahaj

Close.. your class for CSS is incorrect.

.banner-background-beachstones #preface-top .preface-top-inner {
  background: url(../images/banner/kyrgyzstan.jpg) no-repeat center center;
}

All you are doing there is changing the background image for the "banner-background-beachstones" class, which is already defined. Since your new class is "banner-background-kyrgyzstan" as defined by what you entered in the Skinr option, you need to target that class instead for the CSS. So really it should read this in your CSS.

.banner-background-kyrgyzstan #preface-top .preface-top-inner {
  background: url(../images/banner/kyrgyzstan.jpg) no-repeat center center;
}

After making changes to your .info file be sure to clear your site's cache on the Performance page so it reloads the theme files. Give that a try and let me know if it works.

Thank you. Feel like I was missing some awareness!

Marking as "fixed" so others with the same questions/issues can easily locate this issue.

The screencast from #1 seems to be crucial to set up banner in Acquia Slate 6.x-3.x-dev; however, the mentioned screencast is no longer available ("Page Not Found"). Is it available somehere else, or does alternative instructions beyond the basic reqirements exist?

You wrote:

You need to create the rule for the page, choose a background image, and if you want set a page for that style to appear. Then you need to add a block to the Preface Top region for the style to actually appear and have a block within that region.

On ./admin/build/skinr/rules it says: "No rules have been set up yet", so I have to create one from scratch. I give it the label "banner" and select "Beach stones" on "Acquia Slate - Banner Styles".

Next I create a new block on ./admin/build/block/add and put it in the region "preface top" (description: "banner"; title: ""; block content: (empty)) and then what? On the "Skinr block settings" there's nothing related to a "Banner Style"...? At least after doing a drush cc (= clear all caches) nowhere a banners appears.

Thanks & greetings,
-asb

Sorry, the banner video was moved and is now located here: http://www.screencast.com/users/eternalistic/folders/Jing/media/8ec2fbbc...

So once you have the block in the Preface Top region you need to edit the page rules for the site and choose the Skinr option for the block. You'll see that done before placing the block into the Preface Top region but it works either way.

Making this issue as fixed as it shows how to do everything and the video link is correct now.

Thanks for the updated screencast. I watched it several times and couldn't find the missing link, it simply seems to behave different on my site. At ./admin/build/block I'm seeing the banner image in the "header top" region, but nowhere else.

• Visibility settings for the block "banner": Show on all pages, no exceptions (./admin/build/block/configure/block/1)
• Visibility settings for the Skinr rule "banner": Show on all pages, no exceptions (./admin/build/skinr/rules/edit/1)

If I'm putting the block "banner" somewhere else, e.g. region "content", still nothing appears.

In the "header top" section I'm net seeing these cool new gears, so there's no alternative way to access the Skinr options for the block "banner". At ./admin/build/block/configure/block/1 I don't have any options related to "Banner Style", so obviously something is not working right.

System environment:

• Drupal version - Pressflow 6.16
• MySQL: 5.0.51a
• PHP: 5.2.6-1+lenny8
• Webserver: Apache/2.2.9 (Debian) PHP/5.2.6-1+lenny8 with Suhosin-Patch mod_perl/2.0.4 Perl/v5.10.0
• PHP memory limit: 250M
• Chaos Tools (CTools) - 6.x-1.6 (enabled)
• Panels - 6.x-3.5 (enabled)
• Panels stylizer - 6.x-3.5 (disabled)
• Views - 6.x-2.10 (enabled)
• Content (CCK) - 6.x-2.6 (enabled)
• OpenLayers - 6.x-2.x-dev: 2010-Jun-04 (enabled)
• OpenLayers Geocoder - 6.x-2.x-dev: 2010-Mai-11 (enabled)
• Admin 6.x-2.0-beta3 (enabled)
• Skinr - 6.x-2.x-dev: 2010-Mai-27 (enabled)
• Skinr UI - 6.x-2.x-dev (enabled)
• Acquia Slate - 6.x-3.x-dev: 2010-Apr-07 (enabled and default theme)
• Fusion - 6.x-1.0-rc1 (enabled)
• Rubik - 6.x-1.0-beta8 (enabled and admin theme)
• Tao - 6.x-1.10 (enabled)
• getID3() - 1.7.9-20090308
• jQuery UI - 1.6
• jQuery Update - 1.3.2

Checking additional system requirements:

• jQuery UI - 6.x-1.3 (enabled)
• jQuery Update - 6.x-2.x-dev: 2010-Apr-24 (enabled)
• Dialog API - 6.x-1.x-dev: 2010-Feb-23 (enabled)

Potential troublemakers:

• Javascript Aggregator 6.x-1.4 (installed, but disabled)
• CSS Gzip 6.x-1.3 (installed, but disabled)

Everything seems up-to-date. drush up dosen't offer any (relevant) upgrades. Caches were cleared multiple times via drush cc. Also, update.php has been run after installing the upgraded and new modules and ran without errors.

According to Firebug -> Script, the sites sends this header:

<head>
5<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
...
8<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
9<link rel="shortcut icon" href="/sites/all/themes/acquia_slate/favicon.ico" type="image/x-icon" />
10 <link type="text/css" rel="stylesheet" media="all" href="/sites/default/files/css/css_31229248f790d3cf5c0f7ac7631339df.css" />
11 <link type="text/css" rel="stylesheet" media="all" href="/sites/all/themes/fusion/fusion_core/css/grid16-960.css" />
12 <!--[if IE 8]>
13 <link type="text/css" rel="stylesheet" media="all" href="/sites/all/themes/fusion/fusion_core/css/ie8-fixes.css" />
14 <![endif]-->
15 <!--[if IE 7]>
16 <link type="text/css" rel="stylesheet" media="all" href="/sites/all/themes/fusion/fusion_core/css/ie7-fixes.css" />
17<link type="text/css" rel="stylesheet" media="all" href="/sites/all/themes/acquia_slate/css/ie7-fixes.css" />
18 <![endif]-->
19 <!--[if lte IE 6]>
20 <link type="text/css" rel="stylesheet" media="all" href="/sites/all/themes/fusion/fusion_core/css/ie6-fixes.css" />
21<link type="text/css" rel="stylesheet" media="all" href="/sites/all/themes/acquia_slate/css/ie6-fixes.css" />
22 <![endif]-->
23 <link type="text/css" rel="stylesheet" media="all" href="/sites/all/themes/acquia_slate/css/local.css" />
24 <script type="text/javascript" src="/sites/default/files/js/js_f65d5247e8aa555190a8bb6e91e7c317.js"></script>
25<script type="text/javascript">
26<!--//--><![CDATA[//><!--
27jQuery.extend(Drupal.settings, {"basePath":"\/","CTools":{"pageId":"page-d181aa380fe4a29d51768379fdff219e"},"spamspan":{"m":"spamspan","u":"u","d":"d","h":"h","t":"t"}});
28//--><!]]>
29</script>
30</head> 

The IE fixes (I didn't know that Fusion does this automatically... nice!) and even my local.css seems to be included.

I don't understand where my error is. However leaving this closed until someone else runs into similar trouble.

-asb

Please drop a note if there's anything I can do to help debug this!

I triple-checked everything according to the installation instructions and even uninstalled Skinr - it simply doesn't work for me. There must be something missing, or different in my setups.

In my sandbox (clean installation, no upgrade), I ran into an additional incompatibility between Lightbox2 and Administration menu as soon as the required components (jQuery Update, jQuery UI, Dialog API) were enabled; disabling Lightbox2 solved this. However, I couldn't get a banner to show up on this site either (except on the blocks configuration page).

On the site where I'm trying to get a banner image, I'm neither using 'admin_menu' nor Lightbox2. As far as I can see, this issue can be reproduced with the aforementioned setup-procedure and the mentioned versions (#23) of the required components. Thus re-opening.

Thanks & greetings, -asb

I did some amateur "debugging" with Firebug that might help, in case that someone is able to understand what is happening here (obviously I am not).

On ./admin/build/block I'm seeing the banner. The markup looks like this:

<div class="header-group row grid16-16" id="header-group">
...
  <div class="preface-top block" id="preface-top">
    <div class="preface-top-inner inner clearfix" id="preface-top-inner" style="-moz-border-radius-bottomleft: 10px; -moz-border-radius-bottomright: 10px;">
      <div class="block-region">preface top</div></div><!-- /preface-top-inner -->
    </div>
  </div>
...

id="preface-top-inner" resolves to this CSS in local.css:

.banner-background-kammerchor #preface-top .preface-top-inner {
  background:url("../images/banner/kammerchor-35_960x521.jpg") no-repeat scroll center center transparent;
}

"preface top" is the region where I put my banner block, and this block is supposed to be visible on every page; the Skinr rule is configured equivalently. So something is in this region, and thus this region should not collapse, right?

On all other pages, this (different!) HTML is generated:

<div class="header-group row grid16-16" id="header-group">
...
  <div class="header-site-info without-preface-top block" id="header-site-info">
    <div class="header-site-info-inner inner clearfix" id="header-site-info-inner" style="-moz-border-radius: 10px 10px 10px 10px;">
      <div class="search-box block" id="search-box">
      ...
      <span class="with-slogan" id="site-name">
      ...
      </div>
    </div>
...

So there's simply no preface-top-inner like there is at ./admin/build/block.

In page.tpl.php I'm finding this "if" clause:

  <!-- header-group row: width = grid_width -->
  <div id="header-group-wrapper" class="header-group-wrapper <?php if ($preface_top) { echo "with-preface-top"; } else { echo "without-preface-top"; }?> full-width">

So if the final code gives me something like <div class="header-site-info without-preface-top ..., obviously somewhere the theme is told that there should be no preface-top region. However, in acquia_slate.info this region is defined and enabled:

  regions[preface_top] = preface top

The only thing I knew of where such an override normally could be located would be in template.php, but there's nothing handling the regions. And that's the point where I'm lost... Is this the Skinr module or something else?

Regarding the Skinr configuration: Is the following correct?

• ./admin/build/skinr shows four records for Acquia Slate: 1 block, 1 page, 2 panels; there is no block for the block banner. Should there be one?
• ./admin/build/skinr/skins shows no skins; there are only buttons to "Save" and "Reset". Should there be something?

Anyone?

This is really dumb. I put <img src="/sites/all/themes/acquia_slate/images/banner/kammerchor-35_960x521.jpg"> into the (previously empty) block content textfield, and immediately got two banner images.

So the "solution" is that the block content textfield must not be empty; Something like   suffices, probably it works out-of-the-box if the block title is not set to <none>. Arggllll...

Thanks for updating this issue with your fin asb. Changing this issue to "fixed" so other people have an easier time of finding it for future reference.

The video seems to have been removed, or only accessible if you have a login. Sorry I see its been moved see #22.

@ Tokoh, yeah you'll have to wait until next month to view the video as it's hosted by Screencast and I don't have anything other than the free account. I will try to find some time to re-record it and host it on Vimeo or something so this isn't an issue in the future. Sorry for the inconvenience.

So there's no option to show the banner image without any blocks in the region?

Is there another video link? Both links are not valid.

OK! what is not clear here is the process of creating block, the block body must not be empty, as #27 explains, and you must also configure the block not to appear on pages you don't want, to preventing it from affecting the curved corners of the white header.

Requesting new link to video/screencast. Current link 404s
Pls disregard; going to try http://drupal.org/node/961588 [Acquia Slate: easy integration with slide show modules]

Here you go! http://dl.dropbox.com/u/2046316/acquia_slate-banner.swf

Can you upload screencast video again.
There is no video at given link
http://www.screencast.com/users/eternalistic/folders/Jing/media/20e07eaf...

@s.arif, have a look at the comment right above yours (#37) as that is hosted by Dropbox and won't be moving anytime soon. Be sure to download it just in case though.

I want change the region of the banner from preface-top to superfish region, i tried without success..
can you help me?

Here is the simple way of changing the background image. Simply add the code below in the theme's CSS file (...themes/acquia_slate/css/fusion-acquia-slate-style.css).

#preface-top-inner {
	  background: #fff url(../images/banner/yourbackgroundimae.png) no-repeat right top;
}

I had installed all the modules mentioned above to try and get the famous Skinr page options, but to no avail... Plus it is an incredible load of modules and work just for a background image. So this simply CSS solution is preferable.

Wait, so 3.x doesn't really support the front page banner?