Still on Drupal 7? Security support for Drupal 7 ended on 5 January 2025. Please visit our Drupal 7 End of Life resources page to review all of your options.
I have just begun working with Drupal sites. Where can I find a clear, step-by-step guide or instructions to making my own theme for a Drupal website? I looked through the Handbooks section. Maybe I am new to this, but there seem to be bits and pieces of things, and it looks like I have to read everything in the Handbook before I can start. I plan to read a lot of the Handbook but just wondering whether there is a step-by-step guide somewhere that either I didn't find or I didn't know.
I've become a fan of the EchoDitto theme and would like to emulate that non-blog look. I want to have main featured story and then headlines. How is is it possible to create a similar theme? Thanks,
Hello, I am modifying the FriendsElectric theme (which is great), to show off a JULY-related theme that requires some different colours and whatnot.
Anyway, I have replaced the sidebar-left-title.png file (the image that sits behind the MENU titles) with one that is taller. So, I want to move the menu title text down so that it is somewhat centered within the image.
Now, I did notice that the first block on the left and right are classified as "first" and so I changed the line-height of that setting which accomplished what I needed.
This small howto explains how to integrate nice Nifty Corners Cube design solution by Alessandro Fulciniti with your Drupal theme. By popular demand.
First go and download niftycube.js & niftycorners.css files from the original site. I decided to put them in my theme folder (which in the beggining was just a plain copy of bluemarine theme, but evolved in time, of course).
Next, you'll need to include the js file in all your pages. It is easily done by adding the the following line in your page.tpl.php file, right before </head> tag: <script type="text/javascript" src="/themes/linportal/niftycube.js"></script>
niftycorners.css is called automatically (nice hack) so you don't need to call it manually (just make sure it's in the same directory as the js file)
Go through your style.css file and find the css names of the blocks that you would like to have its corners rounded. In my case I found that I wanted to round div.block & div#mission. That eventually led to the following initialization code (that I decided to put right into niftycube.js, at it's end, to spare me calling yet another js file):
Basically what I'm trying to do is create something like this: http://www.pravinconsultancy.uklinux.net/index.html
with Drupal. I'm getting there but am a little stuck at implementing the primary links...