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.
Related
I am struggling with one thing I am not so into and any extra help could help.
I just received the WordPress website from the design company. The agreement was to make it editable, change more than just a content by the time. After the end of cooperation, I started to edit some parts of the website but there is no such an option as Appearance in my Wordpress option panel. I asked the developer how can I change basic CSS of some elements on the website but he argued that it is restricted to change any HTML or CSS because it might cause some errors in the code after rewriting it. I get it, but there should be another way to get to the files, how else I could style the new elements? Is there a no way to add Appearance option to the panel? I am not the expert, it just seems too unrealistic for me to say: it is restricted because of this and that and there is no way to add it. Any experience with that, please? Do we have to find Wordpress developer to go through it, or it is just the fact that I can not edit it anymore?
Thank you for any comment!
Best regard,
Miroslava
You can easily edit any wordpress appearance by edit the theme, take a look into wp-content/themes, there should be the files of the theme usually php and css files
This is probably elementary to most, but I'm going to ask anyway.
I have a great bootstrap theme I like for my application's "customer-facing" side, but I also have found another "admin" styled one for those back of the house operations.
Can the two be used at the same time inside of an asp.net MVC 5 project? If so, are there any tuts on this? Tried googling this but maybe I'm not using the correct terminology.
Yes, it is possible to accomplish what you are describing.
Simply have a layout page that will be used by the public section and in this page, include the customer-facing theme.
Then have another layout page that is only used in the admin section and in this page, include the admin theme.
I'm currently working on a simple web application where users each have their own site with its own subdomain.
I want to give each user a settings panel where they have a form for changing a few simple css properties for only their site.
I'm thinking of something like a simpleform form with jquery and a colour picker to change the elements colour. Each user would probably have to have their own stylesheet though? (Not with full access to it but just so that the properties are unique to that site.)
Im not completely sure how to put that all together.
If anyone has ideas I would greatly appreciate your help.
Maybe this website will help you getting started.
http://www.thesitewizard.com/javascripts/change-style-sheets.shtml
also see this.
http://www.thesitewizard.com/css/switch-alternate-css-styles.shtml
The easiest to implement is to generate the customizable css-statements just in the html-head section of your layout, and not in a separate css-file. This way you also don't have to think about cache problems.
Of course this not the most scalable method, as the css is written for each page. But first make it work, than make it fast.
Okay so the answer I found is pretty simple.
To change the background-color I added a :string field to my sites table
called bgcolor.
I then added the new inputs to my simpleform forms - on the new and edit views for Site.
Finally I added an inline <style> block to the layout I use for the user's Site
<style type="text/css">
body{ background-color: <%= #site.bgcolor %>;}
</style>
same for everything else I want to customize.
And everything seems to work. Win for ERB.
I am currently using the jQuery autocomplete feature. Functionality wise, it works awesome!
But in terms of styling (in addition to theme roller), I would really like to see something like
http://loopj.com/jquery-tokeninput/ and
http://www.emposha.com/demo/fcbkcomplete/
I am still reading the codes in these plugin, so that I can achieve similar look/behavior. Ideally, I would rather stick with jQuery UI library than switching over to other plugin. How would one go about making this happen?
EVERYTHING in Jquery is style-able via CSS. If you want to achieve a different look, simply build CSS that will override the default styles. If there's a specific style you're trying to achieve, I'm sure quite a few of us would be happy to help with ideas to make them happen.
BTW, the emposa.com site link you provided is completely dead. I'm hoping you're not trying to achieve THAT style....
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.