Issues for Premium Responsive Skip to main content Skip to search Drupal.org is taking steps to respond to the Heartbleed OpenSSL security threat. Depending on your level of access to Drupal.org, you may be required to reset your password. Read more about the steps we are taking on our blog post. Drupal Search form Download & Extend You are here Premium Responsive Issues for Premium Responsive Log in to search. Subscribe with RSS News Items Our Community Online Documentation Drupal Code Base Governance of Community Drupal is a registered trademark of Dries Buytaert. Blog | Howard Tyson | A Responsive Drupal theme in 50 lines of code or less Right now everyone wants a good mobile experience for their site and that is sparking discussions about what theme you can and should use to make your site accessible to the mobile world. At Zivtech, we feel that we have outgrown starter themes because we spend more time overriding than using them (especially in D7 since a lot of the great Zen stuff is baked right in). The other day I got to thinking, just what would it take to build a responsive theme for Drupal from scratch. Is it so complicated that we need systems upon systems to handle it? You probably guessed, my answer is no. Susy Grid systems have been around for quite a few years now but the advent of Sass makes them a whole new ball game. Sass is all about making CSS as terse as humanly possible, so a major feature is having simple functions that you can pass variables to (called mixins) for generating all of your CSS quickly and easily. Introducing Tony Step by step Now lets take a tour of the code: Here we set the stage.
Zen | Drupal Theme Zen is a powerful, yet simple, HTML5 starting theme with a responsive, mobile-first grid design. If you are building your own standards-compliant theme, you will find it much easier to start with Zen than to start with Garland or Stark. This theme has fantastic online documentation and tons of helpful code comments in its PHP, HTML, CSS and Sass. At many points in my Drupal career I’ve loved, leaned on & learned from the Zen theme. The theme “Zen” turned out to be the public favorite and won the “Best Drupal Theme” title. - Award announcement for the Drupal Hall of Fame Award by Packt Publishing Zen now comes in two flavors! Documentation The Zen theme is wonderfully documented. drupal.org/documentation/theme/zen 7.x-5.x features at a glance: Note: There seems to be a conflict between some host installations of the SiteZen site builder and the Zen directory name which causes broken tabs, css files to be "not found", and other issues. Please contribute your ideas in the issue queue.
Devsaran | Drupal Development 7 Steps to Building a Responsive Theme in Drupal 7 | UniMity Solutions Pvt. Ltd Steps to build your responsive drupal 7 theme 1) Understand your design and decide on the breakpoints. 2) Start with your theme info file name = RoboSmart description = A responsive mobile-first layout for a corporate site. version = VERSION core = 7.x stylesheets[all][] = css/style.css< 3) Create HTML5 pages for each unique page in your website. Based on the grid system and the nature of your design, download grids from Start with the mobile design and move the way up for all the breakpoints. Validate the outline your page generates using an outliner. 4) Segregate the styles for the different breakpoints using media queries. Multifile option: Embed your media queries in the .info file Single file option: Write media queries inline in css files media all and (min-width: 461px) and (max-width: 900px) { //embed styles here } 5) Embed viewport & other mobile/handheld device specific meta tags in the html.php.tpl file 7) Test your theme in a default Drupal installation.
Drupal Base Theme Review Lately it seems there has been a lot of activity with Drupal base themes. Old favorites are being overhauled to adapt to changing techniques and standards. New options are popping up as well, looking to solve old problems in new ways. For those that aren't familiar with base themes, the idea is pretty simple. A base theme takes care of many of the common tasks - page layouts and CSS resets, for example - that are involved in creating a Drupal theme. Theme developers and designers can then create a sub-theme that builds on top of the base theme, thus saving a whole lot of work. To put this review together, I set up a test site on my local machine and installed a sub-theme for each of the seven base themes I decided to include. I hope to update this resource from time to time, so if you know of a base theme or an important point regarding one of these themes that I've left out, please leave me a note in the comments. Zen As far as base themes go, Zen is the Big Kahuna. AdaptiveTheme Omega
Premium Responsive Premium Responsive Theme is a great looking Responsive Drupal 7 theme. It’s the fully responsive design. This theme comes in 4 distinct layouts so that it looks great not only on your regular computer but also on tablets (such as the iPad) and mobile phones like the iPhone. Features Responsive, Mobile-Friendly Theme1-column and 2-coumns layout supportColor core module integration (with 2 Color Schemes)A total of 11 regionsMobile support (Smartphone, Tablet, iPhone, Android, etc)Flexslider (Fully Customizable)Drupal standards compliantMulti-level drop-down menus (Multilingual support)Minimal design and nice typographySupported standard theme features: site logo, site name, site slogan, user pictures, faviconConfigurable layout : Sidebar can be Right or LeftHTML5 & super clean markupUse of Google Web Fonts and Social Icon linksDetailed CSS rules for Typography, Forms Elements, Node Teaser, Comments, etc. Like this? View the Premium Responsive demo. Corporate Contributors Devsaran
Building Responsive Websites with Drupal Top 10 themes for Drupal 7 Drupal 7 is now the focus of the Drupal community which was previously reserved for Drupal 6. Drupal 7 now has a lot more themes and theme frameworks which were adapted from the previous versions plus new ones created specifically for it. Have a look at the Top 10 themes for Drupal 7. Also check out the Top 10 themes for Drupal 6. If you need to develop your own custom Drupal theme, feel free to get in touch with us for a free consultation.We also provide numerous other Drupal services like Drupal Third Pary Integration and Drupal SEO. Zen Zen is the ultimate Drupal theme and has been rightly awarded the status of the Best Drupal theme. Download Zen Drupal Theme | View Zen Theme Demo Omega Our next contender is Omega. Download Omega Drupal Theme | View Omega Theme Demo Marinelli Marinelli has been around for a long time. Download Marinelli Danland Danland comes with 17 collapsible block regions and is notable for having a large customizable image banner. BlueMasters Corporate Clean Acquia Marina
Theming the Comment block in Drupal 7 Ever wondered how you can modify the way the default Comment block outputs the list of comments? In this article I’m going to show you how to override theme_comment_block() in order allow you to display these comments however you want. If you look into comment.module (look but don't touch), you’ll notice that the Comment block content is given by the theme_comment_block() function: function comment_block_view($delta = '') { if (user_access('access comments')) { $block['subject'] = t('Recent comments'); $block['content'] = theme('comment_block'); return $block; }} So this is what you need to override. function theme_comment_block() { $items = array(); $number = variable_get('comment_block_count', 10); foreach (comment_get_recent($number) as $comment) { $items[] = l($comment->subject, 'comment/' . ...and then make the modifications you want. So let’s break this theme function down a bit. Now, I did 2 things for my purpose. And that is pretty much it.
Top 5 most popular themes in Drupal Drupal now has a solid collection of high quality themes that can be customized to cater to the requirements of any website. This is apart from the base themes provided by Drupal. Here is our take on the top 5 of the most popular Drupal themes. Also check out The Top 10 themes for Drupal 6. If you would like to customize any of these themes for your Drupal website do get in touch with us Zen Zen is currently the preferred theme for most Drupal websites and currently holds the title for "Best Drupal Theme". Download Zen Drupal Theme | View Zen Theme Demo Fusion Fusion is a Drupal base theme build using a simplified version of 960px or fluid 12/16-column grid. Download Fusion Drupal Theme | View Fusion Theme Demo Omega Omega is an HTML 5 ready Drupal 7 base theme which is highly configurable. Download Omega Drupal Theme | View Omega Theme Demo Adaptive Theme Adaptive theme is yet another HTML 5 ready Drupal 7 base theme. Download Adaptive Theme | View Adaptive Theme Demo Marinelli