Customize the way a Drupal Menu looks like from my Theme - drupal

I'd like my theme to display a menu in a completely custom way. What functions should I have to use in my theme code? Is there any good tutorial out there?

Yes, proceed to api.drupal.org and take a look at theme_menu_tree, theme_menu_item, and theme_menu_item_link. With these overrides, you can change the html that is output by the menu system, and then style accordingly with CSS.
For a tutorial, I would suggest going through the Drupal 6 theming guide.
You might also want to check out this article from palantir, on the menu block module.

Related

Top-nav Menu with dropdown panel

I am working with bootstrap template and I need to be pointed in the right direction so I can achieve this:
I would like to implement in my website the same top-navbar-menu this website has: https://www.redhat.com/en.
What is the best approach? Possible to know how this is implemented?
What to look for? javascript? jquery? any bootstrap implementation?
Site is using theme with machine name "redhatdotcom". Don't think that you can find more without logging in as admin to site. Probably custom made theme.

Theme like Admin Drupal 7

I want a theme for Drupal like this:
http://themeforest.net/item/webpro-admin-dashboard-template/7372284
But this template does not help me because only have HTML files, not is a Drupal's theme easy for install.
Anyone know how to install it or there is another similar theme?
Try Adminimal. It's pretty close to your criteria : Adminimal Theme official link
Unless you get an out of the box drupal theme the only way is for you (or someone else if you are willing to pay someone) to create a drupal theme based on that theme.
You can likely reuse a lof of the markup and css from the theme you like but there will still be a lot of work to make a drupal theme from it.
As for other similar themes, I don't know. There possibly are, you'll just have to look around. Stack overflow isn't really for theme suggestions, it's for programming questions.

Sitefinity CSS classes for basic vertical navigation with sub-pages

I am having such a difficult time trying to figure out how to style my basic vertical navigation with drop-down sub-pages in Sitefinity.
I cannot find a simple tutorial or explanation for what CSS classes I need to target in order to change the style of my navigation, the documentation provided is SO UNCLEAR, and I haven't found much help in the forums.
All I can find so far is that I need to create a main.css file which I use to create a customized skin, but I can't get a straightforward answer about what to target for this specific look.
Any help would be much appreciated from this Sitefinity newcomer!
The Navigation Widget is using the Telerik RadControls to generate the menu's. This could be:
RadMenu
RadPanelBar
RadTreeView
...
Based on the Navigation mode you choose, one of these is rendered. Probably you are using the Simple Vertical Menu?
You could override the classes that are generated, or define a Skin.
Goto the designer of your Navigation Widget
Add a name (e.g. CustomSKin) into the 'Wrapper CSS' field.
Check your markup using e.g. Firebug or Chrome Extensions. You will see this prefix added to the markup of your navigation section.
Then you can declare the classes you want to style like this:
.RadPanelBar_CustomSkin .rpRootGroup {
// Your css
}
You could always take a look at the documentation of the RadControls that Telerik offers:
http://www.telerik.com/help/aspnet-ajax/panelbar-appearance-css-selectors.html
Kind regards,
Daniel Plomp
The easiest way to me seems to go to the Sitefinity Template builder, then follow the steps bellow:
Go to the http://templatebuilder.sitefinity.com
Go to Navigation and drag a vertical menu.
Go to appearance, choose a skin for the navigation from the Navigation Skin dropdown.
Export the template (save it to your had disk).
Unzip it and go to the \css folder.
Now change the Menu.SkinName.css.
Hope this helps. I guess the folks at Telerik didn't put more info on styling menus as there is a template builder that gets some of the work done.

theming inside a module

Hi Everyone I am new to drupal and i am working on drupal theming i have created my own modules which have textfields and javascript validation in it. Now i am trying to create own theme for my module but i am not getting how to do can anyone pls give me a idea of how to do from basic or any links which explains in detail from scratch. thanks in advance.
You don't create themes for modules, themes are made for an entire site which will have several modules enabled.
If you want your module to be themable, that is, make it easy to alter the markup it generates, you will have to use the drupal theme system.
For the most part, when your module needs to generate some markup, you need to use the theme() function.
Sometimes you will need to create some custom markup which there is no theme function for. If that is the case, you will need to register your theme functions, so Drupal know they are there and so themes can overwrite them if needed. This is done with hook_theme().
There is a guide for developers on how to use the theme system.
Hook_theme() is used to define your modules theme implementations.
This looks like quite a good overview.

How do you remove inline styles in Wordpress?

I am currently trying to remove inline styles that come from the wysiwyg in Wordpress. My problem comes from editors styling their blog posts and its looking terrible, the main culprit being font sizes.
I was wondering if anyone knew of a plugin for Wordpress? OR if anyone knows if it is possible to turn off CSS inline styles in tinyMCE?
http://tinymce.moxiecode.com/punbb/viewtopic.php?id=1522 might be what you are looking for. It's also possible in tinymce to have different levels of editor (minimal, regular, +kitchen sink). Perhaps using one of those may serve your purpose better.

Resources