drupal.org - Theme development

Removing Horizontal Border in Chameleon Theme

breakslides — Fri, 10 Jul 2009 15:35:45 +0000

First and foremost, 3 cheers for John Albin (http://john.albin.net) for releasing such a clean design.

However, I can't for the life of me figure out how to remove the only horizontal border in the Chameleon theme.

I've checked the CSS and all border references are for the vertical borders on the left and right sidebars, as well as the navlinks.

I figure it may have something to do with the "clear: both" operators in the #content, #header or #navlinks divs, but I've removed them with no effect.

Does anyone know how to get rid of it?

http://ChicagoLongboardSociety.com

Other, minor issues:

Is there any way I can get the Primary Links (about, events, contact, etc) to act link the links in the Navigation bar insofar as they would appear linked in the subheader menu (for example: Home>>>About or Home>>>Events or Home>>>Contact, etc)

And how do I stop the Images module from automatically publishing new images on the main page?

Thanks for the help and apologies for the novice level questions.

Cheers,

- Sal

Calendar Date Images

wrwipeout — Fri, 10 Jul 2009 15:27:47 +0000

Hey all. I was wondering if anyone know of any tutorials to achieve calendar date images like on this page. Notice how each date is displayed as an image rather than text.

http://11heavens.com/drupal

Thanks

is there a limit Limit to external CSS files for IE7

manfromochie — Fri, 10 Jul 2009 14:29:14 +0000

Please refer to this discussion else where in the theming forum http://drupal.org/node/513212#comment-1795814

I ran into an issue with background images not rendering in IE 7, whilst working fine in Firefox and Opera. After much diagnosis as to the cause it turned out that IE 7 was choking every time my external linked css files exceeded 32. The site I am building uses Ubercart, views, panels, thickbox and a few other modules. My panels page by default generated 33 links to external css files. This did not affect FF but IE 7 choked. Is this a known limit? The issue does not appear to be related to the content of the css files because any extenal link removed such that the link count was less than 33 IE 7 worked.

list nodes/ articles according author

vasylum — Fri, 10 Jul 2009 13:26:57 +0000

Hello! a newbie here. I'm modifying an excisting drupal 5 setup and need some help(explaination) to create a content type "node-article.tpl.php" and "node-author.tpl.php"... Create CCK fields for node-author.tpl.php (like ex: name, address, birth and etc.) to accept inputs.

questions:

1.) how do i reference content type "article" to "author".
2.) list nodes/ articles according author.

any help are very much appreciated

Way to quickly scan existing themes at ThemeGarden or similar?

NathanSF — Fri, 10 Jul 2009 13:24:02 +0000

There are so many themes available on Themegarden, is there a way to quickly scan through screenshots? I see the option to select the next or previous, or from the list - but there are so many themes it would be helpful to see pics of many on a page for faster browsing.

Like this http://www.freedrupaltheme.com/ but for Themegarden.

Thanks for any info.

Nathan

Navbar sinking to bottom in IE6 with Zen Subtheme.

msm1003 — Fri, 10 Jul 2009 12:19:25 +0000

Hey guys, I'm still new to the Drupal theme building and have been using the Zen starterkit to get into the swing of things. I have finished designing the site and everything is looking fine except when the site is viewed in Internet Explorer 6. It seems that the Navbar (which is placed above the content and below the header) appears below the content. I am using a fixed layout and no sidebars. I have played around with it for days now and all though it seems to be fine on all other browsers Internet Explorer 6 is not interested in working. The problem was also appearing in Internet Explorer 8 but I did manage to fix that issue. Is there some way to code the CSS in a way that will be interpreted as the same across browsers?

Any help on this issue would be of great value.

the website is www.bridgedownhouse.com for anyone who wishes to have a look at what it is im trying to do.

Thanks in advance,

Martin

Fixed IE margin issue with background:transparent;

John_09 — Fri, 10 Jul 2009 10:53:18 +0000

I spent nearly an hour faffing about, sidebar-last negative margin was working fine in all browsers yet side-first wasn't. Looked for differences between the sidebars and narrowed it down to background:transparent; missing from sidebar-first. Forgive my ignorance but what the heck has background:transparent; got to do with margins or even layout for that matter. I don't have an issue now but am quite flabbergasted by this!

How to resize zen navbar

RichieRich — Fri, 10 Jul 2009 05:55:35 +0000

Hi there,

I've created a two-column site with zen, however, I'm having problems resizing the navbar. If I extend the height of it via the line height property it simply extends into the content area and overlaps it. I would have expected it to push the content down, after all, this worked when I resized the header area.

Has anybody got any ideas as to what I may be doing wrong?

Thanks, Rich

Want to make my own theme.

pankaj417 — Fri, 10 Jul 2009 05:07:27 +0000

Hi I m Pankaj Sharma , working as a Php programmer.

I wanna make my own theme for drupal. have u any idea of developing the drupal theme. Actually my need is i wanna use my own design interface rather than using any drupal theme.Pls help me out. I develop sites using Smarty template but now i wanna use drupal but the main prob is i don't wanna use drupal themes. i wanna make my own user interface. If Any idea pls help me out.

What if I do want my backgrounds in FCKeditor?

bethhauck — Thu, 09 Jul 2009 22:15:00 +0000

I'm surprised to find so many people asking how to prevent FCKeditor from showing their page background, but nobody with this problem:

My site uses FCKeditor on blocks with many different styles, and those styles all available for the user to apply as they edit. Although the body of the page is white, some blocks have a dark background and white text.

On the edit screen, the white font style is rendered, yet the block background is white too, because the dark background depends on the block id.

Sure, I could just define special FCKeditor styles so people can read what they're typing, but since users are supposed to be playing with my predefined font styles, it'd be nice if they could see whether they're editing a dark or light block. Is there a way to make the editor inherit backgrounds not just from the body, but from its nearest ancestor?

link to the menulevel above the current site

joysone — Thu, 09 Jul 2009 21:43:03 +0000

Hi,

i use this code to print out a part of my menue:

<?php
$mid = menu_get_active_nontask_item();
print menu_item_link($mid, $theme = TRUE);
print theme('menu_tree',$mid);
?>

it looks like this:

- current site
--- sub1
--- sub2
--- sub3

Now i want a link to the menulevel above the current site. How can i do it?

Thanks for Help

My Account and Profile mulitple pictures displayed

cherrycokes — Thu, 09 Jul 2009 20:06:11 +0000

I have a simple user profile under my account, in order to display their picture on forums, i need to have a picture for the user. when i display profile full content, the picture displays within the profile also so there are two of the same picture right next to each other.

i would prefer to display the picture in the profile field rather then in the my account field... any suggestions?

and also, is there a module or setting to take the user picture on reduce the size when it displays on forums?

additional symbols at the bottom of site (not footer)

czoper — Thu, 09 Jul 2009 18:26:08 +0000

Hi,
I'm not sure if I got it after upgrading from 6.12 to 6.13 or if it came up after I changed my theme, but it definately is there now no matter what theme I choose.
What I get is
'); //-->
at the bottom of the site, just above Drupal's little banner in the footer.

Any idea where it came from (apart from php code) and how to get rid of it?

Thanks

theme api, functions, variables .. the lot

IT100 — Thu, 09 Jul 2009 14:32:36 +0000

Is there one big reference for all functions, variables et all available?

For instance:

<?php
 if ($header_top): 
?>

is an easy function yet:

Isn't found when searching for an explanation in the topics or browsing the fragmented manual pages.

It would be a great advantage for a reference explaining this and all elements.

Ragards,
c

How to modify Multiflex theme

aspk — Thu, 09 Jul 2009 14:29:11 +0000

I am a newbie in drupal. I am wondering how to modify Multiflex3 theme.

my site looks like this now www.aspk.com.tw

(1)I would like to change the header to a different color or replace it with a photo. How do I do it? Should I modify it on Style.css?

(2)To be safe, I would like to do some testing before having it rendered. Is there a way I could see the changes I made before bringing it up on my site? How do I do it on dreamweaver, or is there other application I could use.

(3)Is there any application I could use that would add theme modification. Non-scripting based. more visual based maybe?

thanks so much for your help

Extracting values from a user's profile

apickin — Thu, 09 Jul 2009 14:24:02 +0000

I am attempting to customise the appearance of a user's profile, when viewed. To do this, I have started by copying user-profile.tpl.php into my theme's active folder. When I put the command

<?php
 print_r($profile);  
?>

into the template file, I get the output:

Array ([user_picture] =>
[Personal] =>

Personal

Education

i am a great guy

[content_profile] => [summary] =>
History

Member for
23 hours 16 min

)

I understand that $profile is an array. What I am trying to do is work out how to print out individual values from the array, so that I can apply my own formatting to them. For example, in my test example, the value in the education field for this test profile is "i am a great guy". I've tried accessing this using commands like

print $profile['user_picture']['Personal'];
print $profile['user_picture']['Personal']['Education'];
print $profile['Personal']['Education'];

But none are outputting anything.

Any assistance would be a great help

Adjusting Menu's With Zen

jasont28 — Thu, 09 Jul 2009 12:54:27 +0000

Hi folks,

I am getting started with the Zen theme and am currently stuck trying to figure out the menu styles. I must be missing something simple so hopefully someone can please point me towards an explanation without taking up too much of their time.

I understand that the menu system is run through a list style. The list is defined in html-elements.css as ul.menu li, li.expanded, li.collapsed, li.leaf, all holding the same properties. Easy enough.

However the menu starts with li.leaf, when clicked changes to li.expanded but then the first item in the expanded menu goes back to li.leaf. I can't figure out where or how to change the class name for the menu elements. That way I could possibly set the menu to begin with li.leaf which when clicked turns into li.expanded and the list underneath that holds the class of li.leafexpand.

Why would I want to do this? I want to begin with a menu that has some background styles for each button which then expands down to links on a plain background color. So the starting button is one style but then the expanded buttons are another style.

I have checked the template.php, page.tpl.php and the .info file for where classes are assigned but have had no success. If anyone can please point me in the right direction I would greatly appreciate it. Thanks.

Jason

Advanced block theme, views block.

soneone — Thu, 09 Jul 2009 11:35:26 +0000

At the outset, in advance sorry for my english.

I have problem with block themeing i views.

I have a block creating in views with 4 different variables form content type.
Standard and views block content code is <?php print $block->content ?>
I want to display each variable separately in my tpl file but I do not know how to insert code to display a specific variable genereted by views.

For example:
We have cck field called "field_my_name".
I can display in node.tpl.php all content by <?php print $content ?> and I can display our specific variable (field_my_name) in node.tpl.php, by paste code <? $node->field_my_name[0]['view'] ?>

I want do the same thing but in views block, but what will replace me the code <? $node->field_my_name[0]['view'] ?> in block ?

Customised theme - links not working in added blocks

cside — Thu, 09 Jul 2009 10:48:12 +0000

Hi,

Scratching my head on this one .... i'm not a php or coding expert so i'm hoping someone can point me in the right direction.

I have been customising the excellent 'Blix' theme and wanted to add 2 new regions which sit outside the container div - one on the left and one on the right. I also want them to be 'sticky' ie so they don't scroll with the rest of the page.

I have managed to add the regions to the page.tpl.php file and set the css so they sit in the correct positions. So i'm happy so far!

I can add content and the regions appear on the block page BUT anything i try and attach a link to doesn't work. I know that the blocks created work in other regions including regions i have added within the container ie 2 x regions above the logo

The site : www.blackpool4hotels.com/D6

The page.tpl.php code is below. What am i doing wrong???

Thanks in advance .....

<?php
 print $head_title 
?>

<?php
 print $head 
?>

<?php
 print $styles 
?>

<?php
 print $scripts 
?>

<----ADDED---->

<?php
 print theme("onload_attribute"); 
?>

<?php
 print $adsleft 
?>

<----REQUIRED LHS REGION---->

<----ADDED REGIONS WHICH WORK FINE---->

Tags presentation

dvkd — Thu, 09 Jul 2009 09:27:32 +0000

Hi All,

Can anyone please tell me how to display tags in this format:
Tags : tag1 | tag2 | tag3

Thanks in advance

where does views get its styling for the "field-content" class?

sean porter — Thu, 09 Jul 2009 00:37:39 +0000

I just discovered firebug, wow what an education =)

I'm trying my hand at some basic css styling to clean up this site's look, and I'm finding some strange styling around views' row style:fields output (a Taxonomy image field) . using firebug I can't really locate where the view is pulling it's styling from, but there's obviously some padding in there I'd like to get rid off. How does one go about doing this?

here's what I'm seeing: www.porterworkstest.seanporterdp.com/images/view-styling.png

Drupal and Flash

bzsim — Wed, 08 Jul 2009 20:53:51 +0000

I'm building a website for a friend and they really want an animated menu like this:

http://www.webdesign.org/web/flash-&-swish/flash-tutorials/menu-that-swi...

Is this possible to place in a drupal theme?

adjusting one node's width and margins

mdowsett — Wed, 08 Jul 2009 20:50:15 +0000

I want to adjust the width of the text in one node (and the margin has to be adjusted to accomodate it). How can I do that? in the style.css file? or in the code of that one node?

Horizontal blocks stack vertically only in IE7

jigggaxp — Wed, 08 Jul 2009 20:02:35 +0000

Hey guys,

Ive been struggling with this for a while. Only in IE7 my horizontal blocks seem to stack vertically to the left of the page. I assume its just my css but i just cant figure out why it only does this in IE7. It works fine in ie8 and firefox

it should look like:

block1 | block2 | block 3 |

instead it looks like:

block1
block2
block3
(all over lapping each other)

here is my css for the horizontal blocks:

#bottombottom {
margin-left: 15px;
margin-top: -190px;
width: 100%px;
clear: left;
float: left;
padding-bottom: 0px;

}
#bottombottom .block {
float: left;
margin-right: 10px;
border: solid 1px #c0c0c0;
}

=-=-=-=-=

#block-block-14 {
background: #fff;
height: 235px;
width: 205px;
margin-right: 10px;
margin-top:
padding-top: -2px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 10px;
float: left;
}

#block-block-15 {
background: #fff;
height: 235px;
width: 477px;
margin-right: 10px;
margin-top:
padding-top: 3px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 10px;
float: left;
}

#block-block-16 {
background: #fff;
height: 235px;
width: 205px;
margin-right: 10px;
margin-top:
padding-top: -2px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 10px;
float: left;
}

What am i doing wrong?

taxonomy dropdown/select box

jasonabc — Wed, 08 Jul 2009 19:41:38 +0000

hi all - sorry if this seems like a stupid question but I've searched high and low but can't find the answer! I have a "gift options" vocabulary set up with these terms:

Under $20
$21 - $50
$51 - $100
Over $100
Gifts For Him
Gifts For Her

I need to display this in a dropdown (select box) instead of all written out to the page. How do I do that? Do I need to tweak my theme or is it done thru Admin somewhere?

thanks!