can anyone recommend an asp.net open source blog with dropdown menu's. It's for my daughter who has little html skills so the easier to use the better.
Thanks
Related
anyone can help me create a menu that works like this on this page:https://www.cabinet-maker.co.uk/ for mobile.
I mean menu buttons and search, I really like it but I do not know how to create one, I'm new and I wanted to create one in my own blog.
You don't need a plugin, you can use plain JavaScript. I made a quick fiddle of it here:
https://jsfiddle.net/rajoh4bp/8/
Hover Over The Retail Navigation Bar Option Once You Are There.
You can use one of the jQuery plugins. For example https://mmenujs.com/ or https://corenav.com/index.html. Actually, there are a lot of menus, just google them and choose one of your favorite.
You can make some fancy css3 menus by starting from nothing. You can add javascript or not.
Even w3school have a cool little tutorial about mobile menus :)
The most important thing to learn in webdesign is the vocabulary, so you can make efficient searches queries and find immediately what your are searching for.
For this request, the important words are "menu" and "slide". And you find another w3school tutorial :)
Sorry, first timer, yup im that guy. but anyway I am in highschool and for my IST (Information Software and Technology) assignment I have to make a website, I based it off my school website, the apple website and some subreddits.
I would appreciate any any feedback to make it better and I would Extra appreciate if you could tell me how to make the design using code, the part im having most trouble with is making the sidebar and menu bar
AND it needs to be in HTML and I'm using Dreamweaver if that helps
Here is the photo
GUI Design
You will need a basic understanding of HTML and CSS. You can use JS if you want. I would recommend using Bootstrap library to help with the design. Dreamweaver won't do you any good. Get a text editor like sublime and learn html and css. Setup your project structure. Load bootstrap into your project. Use the bootstrap grid system for positioning elements and the navbar. Nobody on this site will write the code for you. We will review it and make suggestions, but ultimately the work is on you. Happy Coding!
If you're wanting to use dreamweaver, this is the approach to take:
Open up photoshop, and design your site exactly like your drawing. Export your images (logo, slideshow images, etc) and save them to a folder titled "img".
Open dreamweaver and create a new html site. From there, you can use the WYSIWYG to move around your images and text, and that will give you the html/css you need.
That said, if the course is based entirely on knowing HTML/CSS from scratch...this would be cheating. But if it's just a matter of "make it work", then this should work for you. Good luck!
I know that this is not real coding issue question but I can't find god resources about this topic.
Although there are few tutorial none of them explain in details with good example how to style dnn menu.
What is the "real world" way to style dnn navigation menu skin?
By the navigation menu I think of menu similar to this:
http://cmstutorials.org/tutorial/view/how_to_build_a_kick_butt_css3_mega_drop_down_menu
http://www.red-team-design.com/wp-content/uploads/2011/03/css3-dropdown-menu-demo.html
The secret to really learning DNN is to find a skin that looks like you want, and then modify it from there. Unfortunately Skinning tutorials never materialized for the platform (along with a lot of other documentation)
I use the MinimalExtropy - index 1280 skin on my site with a container of MinimalExtropy - Title_Grey, you can them here: http://dnnskins.codeplex.com/releases/view/73347 . If you add a page to the menu it is added to a horizontal bar. Any pages that are children of that page show up in a drop down menu when you hover over it. Hope this helps!
First, it would help to know which menu system you are using. Hopefully, your skin uses the newer DDR menu, as it is reasonably well documents in the DNN Wiki at dnnsoftware.com. This is also information for the older NAV menu, and you can easily replace that with DDR with no other changes required.
As for tutorials, there are some really good skinning tutorials available at DNNCreative.com (disclaimer: subscription is required, and I do work for DNNCreative. In spite of that, the tutorials are really good.)
How can we create menubar in jsp. We have to use html commands, or is there any other method? If anybody can give me any web address where i can find the turorial for this. I have searched the web but unable to find any good answer.
Thanks
First thing you need to realize that JSP is just a Java based view technology which enables outputting HTML/CSS/JS dynamically and that HTML is a markup language which can instruct the webbroser how to display the page elements.
As to your problem, you need the HTML <ul> element to represent a list. Then you can apply a good shot of CSS to style it the way you want. This is in HTML/CSS world also called "Suckerfish dropdowns".
Since the question is too broad, best I can do is to recommend you the separate concepts "HTML" and "CSS" properly and give you some tutorial links.
W3schools HTML tutorial/reference
W3schools CSS tutorial/reference
Alistapart - Suckerfish dropdowns
HTML dog - Suckerfish dropdowns
Related questions:
Where to start from in web development?
Java web development, what skills do I need?
I'm looking for sources of inspiration and/or design patterns for navigation 'breadcrumbs'. So far I have found the breadcrumb collection on Pattern Tap. Does anyone know of any other sources?
The article 'Taming lists' from A List Apart has some good advice on CSS styling for breadcrumbs (look down for the heading 'Breadcrumb Trails').
The Yahoo pattern library has a useful wee bit about breadcrumbs too.
http://www.greepit.com/2009/02/06/breadcrumb-inspiration-for-designers/
I found a few good/bad examples of breadcrumbs here.
Also, there's a blog post about breadcrumb designs.
There's a great page on breadcrumbs at the Diemen Repository of Interaction Design Patterns
Smashing Magazine also has a decent roundup:
http://www.smashingmagazine.com/2009/03/17/breadcrumbs-in-web-design-examples-and-best-practices-2/
If using Microsoft ASP.NET, there's a built in control: SiteMapPath.
Web & Patterns breadcrumbs category
"Inspirational and creative Breadcrumbs for web design"