layout: translating wireframe into drupal reality
*hello!* *i've got a wireframe/basic layout that i'd like to implement in drupal. * /i have some BASIC php skills, but am quite comfortable with xhtml & advanced CSS. I'm also in the middle of reading "Pro Drupal Development" - so i'm somewhat familiar with the idea of replacing certain template pages in order to customize the look of specific pages. (note, i actually haven't DONE that yet... just read about it in the book) - but it seems pretty doable!/ i think my site can be broken down into three page types: 1. The Home Page 2. Content Pages 3. Portfolio Pages you can see a wireframe illustration of my homepage here: http://img30.picoodle.com/img/img30/8/6/18/f_homepagem_68ba209.gif *But, I dont know how to organize all the content types on the front page... Questions:* 1. Should i sent the homepage up as a "story", or as a "page"? 2. Is positioning the blog teaser (right column), and the "image gallery & caption" (left column) simply a matter of what theme i have installed? 3. Should i create a custom content type for the image gallery & text description (left column)? 4. Is there some other question i should be asking in regards to how to carry this out? i have drupal installed at http://drupal.fresh-off.com , but there's not much to see yet. Like others, i'm trying to document my learning process, and hope one day to be able to publish it for others to learn from! Thanks for any help you can give me. Also, if this question has been answered in the forums (which it likely has) - suggestions on what to search for might be helpful as well! thanks every so much for reading, and any help you're able to offer! *brendan*
On 6/19/07, brendan <hello@fresh-off.com> wrote:
*hello!* *i've got a wireframe/basic layout that i'd like to implement in drupal. * *i have some BASIC php skills, but am quite comfortable with xhtml & advanced CSS. I'm also in the middle of reading "Pro Drupal Development" - so i'm somewhat familiar with the idea of replacing certain template pages in order to customize the look of specific pages. (note, i actually haven't DONE that yet... just read about it in the book) - but it seems pretty doable!*
i think my site can be broken down into three page types:
1. The Home Page 2. Content Pages 3. Portfolio Pages
you can see a wireframe illustration of my homepage here: http://img30.picoodle.com/img/img30/8/6/18/f_homepagem_68ba209.gif
*But, I dont know how to organize all the content types on the front page...
Questions:*
1. Should i sent the homepage up as a "story", or as a "page"?
Probably in page.tpl.php. You maybe want to use the frontpage module or $is_front.
1. Is positioning the blog teaser (right column), and the "image gallery & caption" (left column) simply a matter of what theme i have installed?
Yes.
1. Should i create a custom content type for the image gallery & text description (left column)?
Probably, it can help/speed up theming a lot.
1. Is there some other question i should be asking in regards to how to carry this out?
i have drupal installed at http://drupal.fresh-off.com , but there's not
much to see yet.
Like others, i'm trying to document my learning process, and hope one day to be able to publish it for others to learn from! Thanks for any help you can give me. Also, if this question has been answered in the forums (which it likely has) - suggestions on what to search for might be helpful as well!
thanks every so much for reading, and any help you're able to offer!
*brendan*
Good luck with your theme/site! -- Regards, Johan Forngren :: http://johan.forngren.com/
I have css elements to color the individual page titles in the block book-navigation and as I hover over them they changes colors and all is right with the world except I would like to highlight the page title of the currently viewed page. I am wondering if anyone knows a CSS trick that will redefine the .leaf class when the anchor element it encloses is of class=active? Thanks.
On Thursday 28 June 2007 11:13:22 Stephen Wills wrote:
I have css elements to color the individual page titles in the block book-navigation and as I hover over them they changes colors and all is right with the world except I would like to highlight the page title of the currently viewed page. I am wondering if anyone knows a CSS trick that will redefine the .leaf class when the anchor element it encloses is of class=active?
Thanks.
This works for me: li a.active { color: <whatever>; } -- Jason Flatt http://www.oadaeh.net/ Father of Six: http://www.flattfamily.com/ (Joseph, 14; Cramer, 12; Travis, 10; Angela; Harry, 7; and William, 12:04 am, 12-29-2005) Linux User: http://www.xubuntu.org/ Drupal Fanatic: http://drupal.org/
On 28 Jun 2007, at 21:07, Jason Flatt wrote:
On Thursday 28 June 2007 11:13:22 Stephen Wills wrote:
I have css elements to color the individual page titles in the block book-navigation and as I hover over them they changes colors and all is right with the world except I would like to highlight the page title of the currently viewed page. I am wondering if anyone knows a CSS trick that will redefine the .leaf class when the anchor element it encloses is of class=active?
Thanks.
This works for me:
li a.active { color: <whatever>; }
That would target the a tag. I think Stephen wants to target the parent li tag when the child has a class of active? <li class="leaf"><a href="/" class="active">example</a></li> I don't think there is a way of doing that with CSS. Maybe there's a way of adding a class to the .leaf using php in template.php... http://drupal.org/node/72013 Mark
I think, if I'm understanding it well, that you can do that with css. Example: http://www.456bereastreet.com/archive/200501/turning_a_list_into_a_navigatio... The quid is at step 10. This is done with diferent "id" for each <body> tag (you probably will have to code some php to change it dinamically...). This example uses list but you can use it with whatever element. Greets (first post... back to lurk) Heitor Real On 28/06/07, Mark Hope <mark@markhope.net> wrote:
On 28 Jun 2007, at 21:07, Jason Flatt wrote:
On Thursday 28 June 2007 11:13:22 Stephen Wills wrote:
I have css elements to color the individual page titles in the block book-navigation and as I hover over them they changes colors and all is right with the world except I would like to highlight the page title of the currently viewed page. I am wondering if anyone knows a CSS trick that will redefine the .leaf class when the anchor element it encloses is of class=active?
Thanks.
This works for me:
li a.active { color: <whatever>; }
That would target the a tag. I think Stephen wants to target the parent li tag when the child has a class of active? <li class="leaf"><a href="/" class="active">example</a></li>
I don't think there is a way of doing that with CSS.
Maybe there's a way of adding a class to the .leaf using php in template.php... http://drupal.org/node/72013
Mark
_______________________________________________ themes mailing list themes@drupal.org http://lists.drupal.org/mailman/listinfo/themes
-- Xamataca ¤Galiza¤
On 29 Jun 2007, at 08:09, Xamataca wrote:
I think, if I'm understanding it well, that you can do that with css.
Example: http://www.456bereastreet.com/archive/200501/ turning_a_list_into_a_navigation_bar/
The quid is at step 10. This is done with diferent "id" for each <body> tag (you probably will have to code some php to change it dinamically...). This example uses list but you can use it with whatever element.
Greets (first post... back to lurk) Heitor Real
Hi Heitor, This would work for the primary nav in Drupal 5, but other menus that output .leaf couldn't be selected without altering the html using php. Primary Nav: <li class="menu-1-2-2"><a href="/example" class="menu-1-2-2">example</ a></li> <li class="menu-1-3-2"><a href="/example2" class="menu-1-3-2">example2</a></li> Other: <li class="leaf"><a href="/" class="active">example</a></li> <li class="leaf"><a href="/">example</a></li> A unique class or ID is needed. The technique you refer to is useful, and I've used it before. It can be used to permanently highlight which section you are within on a site (on the primary nav), and combining this with styling the active .leaf (or child a) will allow you to highlight the subnavigation, also. Mark
participants (6)
-
brendan -
Jason Flatt -
Johan Forngren -
Mark Hope -
Stephen Wills -
Xamataca