November 2009 - themes - lists.drupal.org

How do i theme blog entries by content type?
by brendan, fresh-off.com 03 Mar '10

03 Mar '10

Hello Themers! How do I theme a page based on content type? I've got a site with a few different custom pages and separate .tpl.php files for their custom layouts and CSS/XHTML. The "Blog" page is a View with a list of teasers. How do I create a custom .tpl.php file that only targets the "page" (and layout) that the individual/full blog entries are displayed on? The Theme Developer list these as the candidate files: page-node-#.tpl.php < page-node.tpl.php < page.tpl.php. But I don't want to use "page.tpl.php" as its too broad in its reach and I may decide to add other pages non-blog pages in the future. I've tried "page-blog.tpl.php" - but it broke my layout. I still have some unresolved CSS/XHTML issues, so I'm wondering if "page-blog.tpl.php" is the correct naming convention, but I just have a few bugs in my code to work out? A second (less important) question: Keeping track of all those .tpl.php files is getting confusing! The Views pages are easy ("page-blog.tpl.php" or "page-work.tpl.php" for example), but Theme Developer is telling me that for all pages using the "page" content type, that I have to style them by their ID ("page-node-1.tpl.php" for the "about" page). Is there any way to name a .tpl.php file for a page content type in a more semantic/meaningful way? Such as "page-contact.tpl.php" instead of "page-node-392.tpl.php" Thanks! brendan, fresh-off.com Creative Direction & Consultation: Web | Print | Brand http://fresh-off.com hello(a)fresh-off.com 206.328.1067

2 5

Free Drupal Themes
by Mr Gilbert 20 Nov '09

20 Nov '09

Hi, I wanted to share a website I'm building to release free new themes daily to all the wonderful drupal users out there. My URL is http://templates.computersteroids.com/ Thanks Gilbert

1 0

promote free themes?
by Mr Gilbert 19 Nov '09

19 Nov '09

i am wondering if anyone knows how i can promote a free drupal themes website to get the word out thanks gilbert

3 2

Color.module regarding the correct id and classes for preview.css
by Holly Ferree 19 Nov '09

19 Nov '09

Hello all, I need some help figuring out the css id or class that are used in the preview.css (regarding the top header and bottom header areas) when using the color.mdoule. I have not found any documentation specifying the id's and classes that can be used when styling areas in the preview.png, and am out of possible names they could be. Background: I decided to learn more and create my own theme that integrates the color.module. I have everything working and the colors switch to mercury, ash, etc. without any trouble. :o) (very happy that it works) But I am having difficulty with the preview.png showing correctly. It wants to combine the top header color and the bottom header color in a gradient, that is not used in my theme. And I figure that since the colors display the properly when a different theme color set is chosen, it would be nice for the preview.png to show the user an exact preview before they select their new color set. My theme uses the top header (with borwn) and the bottom header (with blue). There is no gradient used, so I want it to reflect that in the preview.png. Issue: Need the know the css tag for displaying the top header and the bottom header colors. I have it semi working for the top 16px -- it shows the base color if I use the css pasted below (but I want the top header color, since that is the actual color it will be). The bottom header area that is 48px high wants to display the gradient (top header and bottom header...all I want is the bottom header color). Does anyone know the correct css to insert so that it doesn't use the gradient but uses the bottom header color? Thanks, Holly Ferree ---------------------- Preview.css: (the top:17px allows the top header color to display perfectly :D. However the height: 48px displays the gradient which I would like it to display the bottom header color but I don't know the correct css tag. I've tried changing #gradient to #bottom, #header, #headerbottom, and #header-bottom, but no luck for either) #preview #gradient { <-- what should I put here? #preview #_______? position: absolute; left: 0; right: 0; top: 17px; height: 48px; z-index: 2; } ******************************* Color.inc: fill' => array( 'base' => array(0, 74, 900, 426), 'top' => array(0, 0, 900, 17), 'bottom' => array(0, 17, 900, 48), ), Example of the preview.png layout using Belgian Chocolate theme: ------------------------------------------ Top header, dark brown, #6c420e, height: 17px ------------------------------------------ Bottom Header, red, #971702, height: 48px; ------------------------------------------ THIS AREA IS DISPLAYING PERFECTLY Content Area base color, tan #d5b048 height: auto; Link color: dark brown #6c420e Text color: dark red, #494949 ------------------------------------------

1 0

how to have a edit-tab button go to node, instead of view?
by sebastian 14 Nov '09

14 Nov '09

Hello, not sure if this is a theming question, or a support question, so I am asking both lists. This si hopefully a simple issue., but when I use a view to display a set of nodes, the edit buttons that appear, all link to the view, and NOT the node in question. I obviously would never want my client to edit the view, as they would have a heart attack, instead i want them to edit the actual content that they are seeing in the view's output. How can I change the this so that the view displays edit buttons for the nodes, instead of for itself? Thanks!! Kindly, Sebastian.

2 2

how to theme [class/id] a nord_form?
by sebastian 11 Nov '09

11 Nov '09

Hello Drupalites, I am tryign to figure this out. When I have a nord_form, either for creation or editing, I get a lot of id's like: #thmr_81, thmr_86, #thmr_91, #thmr_98 If I try and use CSS to access them [perhaps setting display:non for non-tech savy web admins] Then this works, UNTIL something else changes on the page, and then the numbers all change... SO, I need to find a way to give these random place holding id's actual ID's that relate to the content inside of them [authored by, published, file upload etc.] I found the hook: <?php /* * Theming the node form */ function phptemplate_node_form($form) { $output = "\n<div class=\"node-form\">\n"; // Admin form fields and submit buttons must be rendered first, because // they need to go to the bottom of the form, and so should not be part of // the catch-all call to drupal_render(). $admin = ''; $buttons = drupal_render($form['buttons']); // Everything else gets rendered here, and is displayed before the admin form // field and the submit buttons. $output .= " <div class=\"standard\">\n"; $output .= drupal_render($form); $output .= " </div>\n"; if (!empty($admin)) { $output .= " <div class=\"admin\">\n"; $output .= $admin; $output .= " </div>\n"; } $output .= $buttons; $output .= "</div>\n"; return $output; } ?> But if I replace $output .= drupal_render($form); with $output .= drupal_render($form['title']); $output .= drupal_render($form['body_field']); $output .= drupal_render($form['custom_select_field']); Which are the only three I actually need to have displayed for a non-admin, then the page will NOT save, [no errors, it just reloads the page and erases all my changes] Also, the function: drupal_render() Doesn't really give me much control over how to theme the sub-parts of the form... Can anyone help me to please give real class and/or id names to the elements of the form? Thanks! Sebastian

4 6

Re: [themes] add color choices to theme and insert a css
by Tracey Hummel 10 Nov '09

10 Nov '09

I got this to work using this in my template.php file: $banners = theme_get_setting('banners'); switch($banners) { case ("white-gray"): drupal_add_css(path_to_theme() . '/white-gray.css', 'theme', 'all'); break; case ("blue-gray"): drupal_add_css(path_to_theme() . '/blue-gray.css', 'theme', 'all'); break; default: drupal_add_css(path_to_theme() . '/red-blue.css', 'theme', 'all'); break; } And this in my theme-settings.php file: <?php function graphicDesign_settings(&$saved_settings) { $defaults = array( 'banners' => 'red-blue', ); $settings = array_merge($defaults, $saved_settings); $form['banners'] = array( '#type' => 'select', '#options' => array( 'red-blue' => 'Red/Blue', 'blue-gray' => 'Blue/Gray', 'white-gray' => 'White/Dark Gray'), '#default_value' => $settings['banners'], '#title' => t('Choose a Banner Color Combination'), ); return $form; } Quoting Brent Hardinge <brent(a)hardinge.net>: > Tracey, > > It seems that in order to get the css into the system, you need to use > drupal_add_css outside of the preprocess function because it is the > template_preprocess_page function that is used to add the css to the > $variables['styles'] function. > > So what I would recommend doing is adding the following at near the > top of your template.css file: > > drupal_add_css(path_to_theme() . '/' .theme_get_setting('banners') > .'.css', 'theme', 'all'); > > That should replace your switch function and print the appropriate css > file based on the settings. > > Cheers, > Brent > --------------------------------------------------------- > Design / Interaction / Strategy > http://brenthardinge.net > --------------------------------------------------------- > > > > On Mon, Nov 9, 2009 at 10:00 AM, Tracey Hummel > <thummel(a)email.arizona.edu> wrote: >> My trying a add page preprocess that will allow site administrators >> to be able >> to configure a theme and choose different banners/color >> combinations. Based on >> what they select, a different css file would be added that would modify the >> banners graphics/colors. >> >> I added three choices to the theme's configuration page by adding >> this to the >> theme-settings.php file: >> >> >> function graphicDesign_settings(&$saved_settings) { >> $defaults = array( >> 'banners' => 'red-blue', >> ); >> $settings = array_merge($defaults, $saved_settings); >> >> $form['banners'] = array( >> '#type' => 'select', >> '#options' => array( >> 'red-blue' => 'Red/Blue', >> 'blue-gray' => 'Blue/Gray', >> 'white-gray' => 'White/Dark Gray'), >> '#default_value' => $settings['banners'], >> '#title' => t('Choose a Banner Color Combination'), >> ); >> return $form; >> } >> >> >> In the template.php file, I'm trying to use the variable passed to add a css >> file based on what they select. In the template.php file: >> >> function graphicDesign_preprocess_page(&$vars) { >> $banners = theme_get_setting('banners'); >> drupal_set_message(print_r($banners,true)); >> >> switch($banners) { >> case ("white-gray"): >> drupal_add_css(path_to_theme() . '/white-gray.css', 'theme', 'all'); >> break; >> case ("blue-gray"): >> drupal_add_css(path_to_theme() . '/blue-gray.css', 'theme', 'all'); >> break; >> default: >> drupal_add_css(path_to_theme() . '/red-blue.css', 'theme', 'all'); >> break; >> } >> } >> >> The css is not being added. Is anyone doing something similar and would be >> willing to help me? >> >> Thanks, >> Tracey >> >> -- >> Tracey Hummel >> Web Developer >> University Information Technology Services >> Learning Technologies Services >> University of Arizona >> (520) 626-5139 >> tracey(a)uainfo.arizona.edu >> >> >> >> >> >> _______________________________________________ >> themes mailing list >> themes(a)drupal.org >> http://lists.drupal.org/mailman/listinfo/themes >>

1 0

Re: [themes] add color choices to theme and insert a css
by Tracey Hummel 09 Nov '09

09 Nov '09

Brent, Thank you for your reply. If I added this line to my template's css file, would the css file need to change to a php file? Or would the line go in my page template file? drupal_add_css(path_to_theme() . '/' .theme_get_setting('banners').'.css', 'theme', 'all'); Thank you, Tracey Quoting Brent Hardinge <brent(a)hardinge.net>: > It seems that in order to get the css into the system, you need to use > drupal_add_css outside of the preprocess function because it is the > template_preprocess_page function that is used to add the css to the > $variables['styles'] function. > > So what I would recommend doing is adding the following at near the > top of your template.css file: > > drupal_add_css(path_to_theme() . '/' .theme_get_setting('banners') > .'.css', 'theme', 'all'); > > That should replace your switch function and print the appropriate css > file based on the settings. > > Cheers, > Brent > --------------------------------------------------------- > Design / Interaction / Strategy > http://brenthardinge.net > --------------------------------------------------------- > > > > On Mon, Nov 9, 2009 at 10:00 AM, Tracey Hummel > <thummel(a)email.arizona.edu> wrote: >> My trying a add page preprocess that will allow site administrators >> to be able >> to configure a theme and choose different banners/color >> combinations. Based on >> what they select, a different css file would be added that would modify the >> banners graphics/colors. >> >> I added three choices to the theme's configuration page by adding >> this to the >> theme-settings.php file: >> >> >> function graphicDesign_settings(&$saved_settings) { >> $defaults = array( >> 'banners' => 'red-blue', >> ); >> $settings = array_merge($defaults, $saved_settings); >> >> $form['banners'] = array( >> '#type' => 'select', >> '#options' => array( >> 'red-blue' => 'Red/Blue', >> 'blue-gray' => 'Blue/Gray', >> 'white-gray' => 'White/Dark Gray'), >> '#default_value' => $settings['banners'], >> '#title' => t('Choose a Banner Color Combination'), >> ); >> return $form; >> } >> >> >> In the template.php file, I'm trying to use the variable passed to add a css >> file based on what they select. In the template.php file: >> >> function graphicDesign_preprocess_page(&$vars) { >> $banners = theme_get_setting('banners'); >> drupal_set_message(print_r($banners,true)); >> >> switch($banners) { >> case ("white-gray"): >> drupal_add_css(path_to_theme() . '/white-gray.css', 'theme', 'all'); >> break; >> case ("blue-gray"): >> drupal_add_css(path_to_theme() . '/blue-gray.css', 'theme', 'all'); >> break; >> default: >> drupal_add_css(path_to_theme() . '/red-blue.css', 'theme', 'all'); >> break; >> } >> } >> >> The css is not being added. Is anyone doing something similar and would be >> willing to help me? >> >> Thanks, >> Tracey >> >> -- >> Tracey Hummel >> Web Developer >> University Information Technology Services >> Learning Technologies Services >> University of Arizona >> (520) 626-5139 >> tracey(a)uainfo.arizona.edu >> >> >> >> >> >> _______________________________________________ >> themes mailing list >> themes(a)drupal.org >> http://lists.drupal.org/mailman/listinfo/themes >>

1 0

add color choices to theme and insert a css
by Tracey Hummel 09 Nov '09

09 Nov '09

My trying a add page preprocess that will allow site administrators to be able to configure a theme and choose different banners/color combinations. Based on what they select, a different css file would be added that would modify the banners graphics/colors. I added three choices to the theme's configuration page by adding this to the theme-settings.php file: function graphicDesign_settings(&$saved_settings) { $defaults = array( 'banners' => 'red-blue', ); $settings = array_merge($defaults, $saved_settings); $form['banners'] = array( '#type' => 'select', '#options' => array( 'red-blue' => 'Red/Blue', 'blue-gray' => 'Blue/Gray', 'white-gray' => 'White/Dark Gray'), '#default_value' => $settings['banners'], '#title' => t('Choose a Banner Color Combination'), ); return $form; } In the template.php file, I'm trying to use the variable passed to add a css file based on what they select. In the template.php file: function graphicDesign_preprocess_page(&$vars) { $banners = theme_get_setting('banners'); drupal_set_message(print_r($banners,true)); switch($banners) { case ("white-gray"): drupal_add_css(path_to_theme() . '/white-gray.css', 'theme', 'all'); break; case ("blue-gray"): drupal_add_css(path_to_theme() . '/blue-gray.css', 'theme', 'all'); break; default: drupal_add_css(path_to_theme() . '/red-blue.css', 'theme', 'all'); break; } } The css is not being added. Is anyone doing something similar and would be willing to help me? Thanks, Tracey -- Tracey Hummel Web Developer University Information Technology Services Learning Technologies Services University of Arizona (520) 626-5139 tracey(a)uainfo.arizona.edu

1 0