Create a Navbar: The Easiest Way

Posted on
"A navigation bar or (navigation system) is a section of a website or online page intended to aide visitors in travelling through the online document. Typically, webpages will have a primary navigation bar and a secondary navigation bar on all pages of the web document. These sections of the webpage will include links to the most important sections of the site. The implementation and design of navigation bars is a crucial aspect of web design and web usability."-Wikipedia

If you want to create a navigation bar containing your blog's Facebook link, Twitter, RSS Feed, or a "Follow by Email" box without any, I mean little knowledge on CSS and HTML then this will be a great tool for you.
Click the image below to create
navbar
All you have to do is  input all the necessary links needed and generate it. The site will give you the code included with  instruction. Isn't it great?

If you're having trouble with CSS or any other things, just drop a comment. That's all folks! :P

Popular posts from this blog

BECK Live Action

Posted on Post a Comment
Image
After watching this manga-inspired movie, I was kinda disappointed because I did not hear Koyuki's voice. Simply because it was muted for the reason that his voice, as stated in the manga is like "God's voice". And theres no such person on Earth that has the God's voice. I was hoping it, at least on their final song. But, if you really want to hear Koyuki's voice you better watch the anime version of it! Anyway, it's still on my list as favorites because of Maho played by Shiori Katsuna. Some of their songs: "Moon Beams" This song is muted on the movie. My favorite song in this movie is "Evolution".
Read more

Using Bootstrap Multiselect Values in Django Query

Posted on Post a Comment
Image
Read the documentation of Bootstrap Multiselect  . Anyway, just include all the files in you html page (head section), you will need these following files (JS and CSS files): //ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js http://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css http://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js https://dl.dropboxusercontent.com/u/75734877/bootstrap-multiselect.css https://dl.dropboxusercontent.com/u/75734877/bootstrap-multiselect.js Copy and save the files if you want to serve it with your own, and use it like this in your template: <script type="text/javascript" src="{% static "js/bootstrap-multiselect.js" %}"></script> Then refer to this JSFiddle for demo.  Let's say you have this select element in your page with the id, "bldg_type" <select class="form-control" id="bldg_type" multiple="multiple">
Read more

Making a Video Tutorial

Posted on 1 comment
Image
Well, if we don't have a project in "Interactive Multimedia Authoring" I won't be able to share this small but awesome softwares needed in creating a video tutorial (IT-related), of course. Here are the softwares, as stated on the image above: 1. ZD Soft Recorder 4 :  supports several screen recording modes: Desktop Recorder mode: create software demos. Video Recorder mode: capture streaming videos. Game Recorder mode: record PC game play. Webcam Recorder mode: capture video from webcam. 2.   ZoomIt   is a desktop zoom and annotation tool, that enables you to zoom your desktop with your wheel mouse or the up and down arrow keys on your keyboard. It is activated with a customizable keyboard shortcut, and can also be used to draw on your desktop (with or without zoom), using a customizable color and pen width. ZoomIt is very convenient to use, it does not require any additional windows to open or close, and even includes a customizable break timer th
Read more