007 niGraphic Studio Theme for Drupal

You are here

007 niGraphic Studio Theme is a very light-weight, CSS-based, tableless template, with 2 columns made by niGraphic Design.  
 

Features

  • Fixed width with 2 columns
  • Random rotating header images (Using CSS only)
  • Standards-compliant XHTML 1.0 Strict and CSS
  • Light-weight and fast loading

   
Tested in IE 6, IE 7, Firefox 2, Firefox 3, Safari 3.1, Operta 9.5, Chrome.
Screen shots will be available soon.
 
 

 
 

Comments

This theme is wonderful!
I am thinking about using a flash instead of header images. is it possible?

Tim

This is a cool theme. Stands out from other free drupal themes. Let me try it on my home page...

Thnaks for 007. I cant get the background images to dispaly in FF 3 . they look great in IE 7
tried mess adjusting css "heights" and floats, but no joy.

I posted to the Drupal.org site also

your captcha is way way hard

Thanks for this wonderful theme. You can find it in action at the above link

Rather than random header images, it would be cool if the header could be set specific to each of the modules being displayed, i.e., Home, Forums, Books, Admin, etc.

Love it! nice work....

Not a Geek so how do I add my own photos to this great theme?
I don't see anything in Config, and if it's in the CSS I am looking at it now and don't have a clue.

Thanks

I'm replying to my question (what a guy):

The .jpg files:

bg_header_banner.jpg
bg_header_banner_2.jpg
bg_header_banner_3.jpg

Can be replaced with your own photos (676 X 218 pixels) if your photo is smaller than 676 it will duplicate the photo to fill up 676.

So how can I get more than 3 pictures to rotate?

I figured out the last part of my questions - how to add more photos.

Inside the style.css you will find:
/* ADD MORE HEADER BANNERS HERE */
.banner1{
background-image: url(images/bg_header_banner.jpg);
}
.banner2{
background-image: url(images/bg_header_banner_2.jpg);
}
.banner3{
background-image: url(images/bg_header_banner_3.jpg);
}

Just add another banner.

Well, are there any other questions I can answer myself? No? Good luck...

:D
just don't forget this line in page.tpl.php (mentioned in my previous comment)

class="banner<?php print rand(1,3); // set number of random banners ?>"

hi.
in page.tpl.php find this line:

class="banner<?php print rand(1,3); // set number of random banners ?>"

you can set rand(1,3) to any number that you want. ex rand(1,10) it means a number between 1 & 10.
Then you have to add 1-10 banners in style.css (find /* ADD MORE HEADER BANNERS HERE */)

.banner1{
background-image: url(images/bg_header_banner.jpg);
}
.banner2{
background-image: url(images/bg_header_banner_2.jpg);
}
.banner3{
background-image: url(images/bg_header_banner_3.jpg);
}
.banner4{
background-image: url(images/bg_header_banner_4.jpg);
}
.
.
.
.banner10{
background-image: url(images/bg_header_banner_10.jpg);
}

I hope this helps.

Ok, another question that I probably can't answer myself (not a Geek):

How do I put the user login in stuff to the left of the large rotating photos.

Go to admin/build/block
Set the region of USER LOGIN block to "Header Left"

ps: also, if you set a menu block in "Header Left", it will look nice! try it.

Thank you!

I'm using the FCKeditor and any input, in this theme, is black instead of the normal pale blue background. Can't see what I'm typing.

So far I revert back to the default theme and then return to this one when I'm ready to show users.

Any suggestions?

I think you should change the FCKeditor style setting and set another theme style.css instead of this theme style. because this theme has a BODY background color of black and that's why you see the black background in editor.

all perfect, but the text in principal page have css error in Safari and Chrome

I fixed the problem with Apple Safari and released a new DEV version on drupal.org (should be available for downloading in next few hours.)
http://drupal.org/project/nigraphic

Since I don't have Google Chrome, please tell me if the problem is still there.

Could you make a version that is supported by Drupal 5.x please? I am working with an installation profile that I like that only works with Drupal 5.x and I really like your theme, but it only works with Drupal 6.x.

Yes. I will put a 5x version as soon as I can.
Please check this page for download link tomorrow.

Where can I download your 5.x Version? Or is it not ready yet?
Thanks

I'm using Drupal 6.4 and the theme looks fine except that the username and password fields don't show up. The box for them is still gray.

Go to admin/build/block
Set the region of USER LOGIN block to "Header Left"

Also, if you set a menu block in "Header Left", it will look nice! try it.

Thank you!

Wonderful theme!!!! very very marvellous!!

some issues to report (i hope you will fix as soon as possible in your next drupal release)
- Firefox 3 + Operta 9.5 = ALL OK; the tables are shown without light blue background
- IE 6.0 = some bug with .png image and transparency options; the tables are shown with light blue background
- Apple Safari + Google Chrome have the same bug : text / images in news column are impossible to read!!

look at the screenshot to understand better the bug:

bug screenshot: http://i33.tinypic.com/24e1grc.jpg
ok screenshot: http://i37.tinypic.com/2e1689w.jpg

I hope in a next release very soon..the theme is so amazing!!!

Hi.
I fixed the problem with Apple Safari and released a new DEV version on drupal.org (should be available for downloading in next few hours.)
http://drupal.org/project/nigraphic

Since I don't have Google Chrome, please tell me if the problem is still there.

About the transparency problem in IE6, i didn't see anything like that with the untouched version of theme. But if you are going to change the images, consider that IE6 has problem with transparent background images. set a background color for rounded corners.
Tambien I put the theme PSD file. It may help.

hello nima, I have no word to how say "thank you"...your theme is fantastic...marvellous and the support is greatest!!

n1 !! thanks again

greeting from italy

I hope someone has a reference on how to make those corners. I've spent hours fiddling with Paint.NET and it just doesn't look right. I did see the GIF inside the download but, if the background has an alpha channel set for transparency, Paint.NET does not recognize it and just makes it all white.

Thanks in advance,
J

Hi.
I put Adobe PSD file of theme.
I hope it helps you do what you want, but using the file requires Adobe Photoshop CS+

I use background color for those round areas, not transparent (has a problem whit IE6)

Thank you. I tried using GIMP and it came out great. Just set the background color and cut out the part I don't want and it blends in perfectly with the background.

It´s a perfect theme!! thanks a lot!!!

Excellent!!!

Hi, really love this theme but the lines/paragraphs do not seem to break? Everything looks fine on your theme, but when I install it everything is just lumped together? Can you help me fix this?

Hi Adam.
Please provide me some more info about this problem.

Version of Theme? 5x or 6x?
Which internet browser?
Can you send me screenshot?

i also have the same problem drupal 6.4 and 007nigrafic latest dev (upgraded today) still no line brakes if you check my site you will noticed i used this kind of tags p nbsp;/p to obtain line breaks with the default theme problem disappears.
thanks

Yes, I quote michael, infact this is the "remaining bug" in this theme.. I'm using FCKed and when I press Enter or shift+enter ( or ) there is no an effective space under the text. The manual code correction ( p nbsp;/p ) it is the only way :-((( This should be fixed please... :) And more, always regarding the text input, there are some problem when I try to set a bigger char or change text color..the text contenent goes "crazy" and set the bigger words as small! :-)

Hi,

Sure, apologies for not putting in the OP. Using version 6.4 latest download of Drupal and Version 6 of the theme. Checked on IE7 and FF3 and both the same, unfortunatly. Screenshot uploaded to http://tinyurl.com/3hfa8s. Thanks for your help.

Hi.
Adding the following block of code to the end of STYLE.CSS will fix this issue.
 

p {
margin:0.6em 0px 0px 1.2em;
}

 
Please let me know if the problem is still there after adding the code to the end of style.css
 
Tomorrow I will release a new dev version on drupal.org that fixes this issue.

fix implemented but does not seem to work, perhaps the style.css file is cached by server or browser?
will try later!

fantastic theme, tks!!!!!

It's a great theme, Wonderful!!!
I will use it on pepetimerieta.com.
Congratulations!!!

Hello,

I just downloaded your excellent theme, and I love it! The only problem is that after I applied it to my Drupal website, no block regions are appearing except for "content" and "footer." I can't get anything to appear what I guess should be "header left" and "left column." Any thoughts?

Thank you so much!

Sorry, forgot some information in my previous post.

I'm using the 6x version, and have been trying it in both IE8 and Firefox.

Thank you!

I was trying to change the colors in the PSD and export the slices the same way you had them, but your slice configuration was not present. Or at least my limited photoshop skills could not find them. Am I missing something or could you include the slices in your PSD?

Thanks a ton,
Ben

I can't see any banner, in my drupal installation and in this site. From the same computer I tried Opera & IE and they work fine

Hi,
I don't see anything strange in this theme on my FF 3.0.3.
Would you please send me a screenshot or let me view your online installation?

Hi,

Firstly, congratulations on a fantastic Drupal theme! It looks very different to most of the other themes out there - a breath of fresh air :)

I have a few questions:

1. The block titles for a couple of blocks I have created aren't appearing. They appear in other themes OK. The blocks in question contain menus.

2. The login box fits great inside that left header area. However, when a user logs in the area appears as an empty grey box. Any suggestions for what to place in there? I'd have liked the user/navigation menu but it's too long when you open up the admin or create content menu items.

3. In IE6 I noticed that the right hand edge of the white main content area doesn't look right. It has a white vertical block a few pixels wide to the right of the rounded corner that stretches down the length of the page.

Once I sort out these issues this theme is going live on my site :)

Many thanks,
Dan

A quick update... looking at the source, it seems that the block title is being output. However, it doesn't appear on screen.

A great looking theme... i really luv it.. though still not used it..

I was wondering if it was possible to add a flash header in place of the header included. I understand that I cannot add a swf file in css, so how would I manually add the swf to the header?

I love this theme, bit when i insert an image into the teaser it isnt wrapped into the teaser, it overflows (see screen shot). Is this something I should fix in a .css file?

screen shot here:

http://drupal.bedlammagazine.com/screen.jpg

Pages