Home
Search results “Navbar options yii2” for the 2016
[Yii2 Framework] Change layout view
 
07:32
HTML css3 HTML5 javascript bootstrap PHP Framework Yii Framework layout change
Views: 3005 Năng Đoàn
How to Change the Navigation Bar Height CSS in Rockettheme's Gantry 5 Hydrogen Template
 
07:37
Subscribe Today! ► https://goo.gl/Y3wTy5 This tutorial shows how to change the CSS that sets the height of the top level navigation bar in the Gantry 5 Hydrogen template. Once you know what CSS changes you need to make you will need to put those same changes on your live site. The following tutorial will help you with that step: https://www.youtube.com/watch?v=TkaBka2lJp8 I found out that since brackets are not allowed in YouTube descriptions, I could not post the CSS I said I would share during the video - sorry! In order to find the CSS that we're going to change to adjust the height of that navigation bar, we're going to be using Google Chrome's element examiner. So, I have the Basic Joomla site opened up here with the Gantry 5 template, with Hydrogen template, and I'm going to hit F12 to bring up the element inspector. What we want to do is click on this button here on the left to select an element and we're going to select somewhere up here on that menu bar. That's probably a good guess there since its selecting the whole thing and we'll look down - now we have the elements on this side and what their properties are. Now, as I look over on the left-hand side here in this code you'll see that there's a number of other options in the hierarchy here and I want to just keep highlighting till I get to the element that still is at the top and select what we want. This one "g-container" it goes right across the top but I don't see anything in here setting the same color that is there, so I go up one higher to "g-navigation" to the section. That still highlights right across and when I look over here I see here's the background color that is set. So this is probably the CSS that we want to change. So I'm going to type by just clicking here to add a new line to the CSS to test it and type "height", hit enter and then I'm going to type 40 and we'll do 40 pixels (PX). And we'll see right away, as soon as I finish typing the X, this top bar has the height that is lower. So the next thing that we want to do, though, is we need to find some other CSS to change because as you can see the white of the home menu there is a different height as well. So first of all, before moving on I'm going to left click and select this HTML because you're going to want to put that in our custom HTML page in the Rockettheme template. I'm going to copy that and we'll put it over here on another screen - I just have a notepad open - and here I'm just going to paste that CSS there and we'll get ready for a new line to paste the next things. Alright, so the next thing that we want to do is somehow change the height of this white. So what I'm going to do is I'm going to go slowly down through the HTML levels here until only that white is highlighted. I might actually get the point where I run out but here this arrow you see we can click and go to the next level. We'll highlight that - there we go we've got it. That's the active menu. So, when we click on that, look over here and we'll see here the background white color is being set there for "g-navigation, g-main nav top-level" so once again I’m going to type in there "height". We're going to add a new line - let's do the same height of course, 40 pixels, and now that white has changed in its height - so we're making progress. Again, I'm going to select all that CSS, that we've just edited, we actually don't need to repeat the background color so what we'll do is I'll bring my notepad over here and we'll paste that in there. But I'm going to take out this background color line and just delete it. We have some weird double spacing happening here but that won't affect when we paste later on. Alright, next you notice that the title "Home" is now right on the very bottom it's not at the middle of the white spot there. So, let's go down another level over on the left and select - there we go we have the "ag menu item container". We click on that and now we're looking for something that will make that whole move up and as we scroll down here we see "g main nav top level padding" Now this check check box here, we can just uncheck that and see if that has any effect on what we're working on and it does, so we're in the right area and we want to adjust this first number to remove the padding that's at the top so it can move up a bit. I've already been experimenting with this, so we're going to go and put in ".45 REM" and as we change it we see that it's centered nicely up there. So, again down here we'll just hit enter and once again we have some CSS we want to select and copy and put in our list of CSS that we've edited. And of course the final step is to take all of this custom CSS code that we've made changes to and paste that into the "custom.scss" file. -- Tutorial Theme Song "Bluewater" courtesy of http://www.freestockmusic.com Looping Background "Teal Tiles" courtesy of http://www.motionbackgroundsforfree.com #joomla #basicjoomla #cybersalt
How to create a Responsive Admin Template using Light Bootstrap Dashboard - 1/3
 
25:03
Hello guys, we've created a video tutorial to show you how to build an Admin Panel using our Light Bootstrap Dashboard. This is the first part, there will be 2 more videos. Please let us know if you have any feedback. Here are the links that you can use: 1. Product archive for free: - on Creative Tim (http://www.creative-tim.com/product/light-bootstrap-dashboard/?ref=youtube) - on Github (https://github.com/timcreative/light-bootstrap-dashboard) 2. If you have any issue please check the final result here (https://www.dropbox.com/sh/es3h6u9hvo61iqn/AABBhIqy8P2jj99tzB4iOkCva?dl=0) If you have any questions please write in the comments, we will help you with anything that you need. Show some love for us here: Facebook: https://www.facebook.com/creativetim Twitter: https://twitter.com/creativetim Dribbble: https://dribbble.com/creativetim Google+: https://plus.google.com/+CreativetimPage Instagram: https://www.instagram.com/creativetimofficial/ Show some love for Alex here: Facebook: https://www.facebook.com/axelut Twitter: twitter.com/axelut (http://twitter.com/axelut) Instagram: https://www.instagram.com/axelut/
Views: 204346 Creative Tim Tutorials
WP Creative Banners Builder - Backend
 
04:56
WP Creative Banners Builder is a unique plugin for WordPress allowing you to easily create nice and animated banners directly from the backend of your website. It comes with powerful tools to generate 3D depth, shadows and sprite animations in a few clicks. You can easily upload and manage your own pictures as objects or textures, edit existing banners, change colors and options of each element. Generated banners are 100% HTML5 & CSS3 powered and super fast to load. http://codecanyon.net/item/wp-creative-banners-builder/14310112?ref=loopus
Views: 1986 Loopus Plugins
Bootstrap tutorial  in bangla part 10 |  Datepicker
 
11:44
Learn bootstrap step by step ✌ For More Just Click : ↱ Visit our website: http://www.banglaitzone.com.com ↱ Like us: https://web.facebook.com/banglaitzone ↱ Join us: https://web.facebook.com/groups/techtouch ↱ Channel: https://www.youtube.com/channel/UCKeV7ioQzXu31_h0FL8WOmw ↱ Playlist: https://www.youtube.com/playlist?list=PLbUVV5rHUBkqjWoyt7GctNM1pRHsF
Views: 1353 Banglaitzone
How to Lock Apps on Huawei Mate S, P8, Mate 7, Honor 7/6/6 Plus, G8 etc. Without Third-Party Apps
 
03:46
A quick tutorial about how to lock apps and games on Huawei smartphones like Huawei P8, Mate S, Ascend Mate 7, G8, Honor 7, Honor 6 Plus etc. Huawei Mate S - Unboxing and First Impressions : https://www.youtube.com/watch?v=_QVtZrcYEIU Huawei Mate S - Hidden Features, Tips and Tricks : https://youtu.be/DtnvmodghBA Huawei Mate S - Benchmark Tests and Scores : https://youtu.be/3-65ygZzBRE Huawei Mate S Gaming Test with Asphalt 8 : Airborne - https://youtu.be/zG2jy-Q1Imo How to Improve Battery Life using Power Saving Management Tool on Huawei Mate S : https://youtu.be/4Z6izjJD9ho How to Hide Apps on Huawei P8, Mate S, Ascend Mate 7, G8, Honor 7, Honor 6 etc : https://youtu.be/KG83hZeaGEI SPEED TEST - Huawei Mate S vs HTC One M9 Plus : https://youtu.be/tn4XM9naa2g SPEED TEST - Huawei P8 vs Huawei Ascend Mate 7 : https://youtu.be/R98dE_OpYCo Huawei Mate S vs HTC One M9+ : Benchmark Tests and Scores - https://youtu.be/Xb-_3uiP9Eg Huawei Mate S vs Huawei P8 - Benchmark Tests and Scores : https://youtu.be/xSuTmcO_JMc SPEED TEST - Huawei Mate S vs Huawei P8 : https://youtu.be/aMxC7mWwnJQ What is Dropzone Management in Huawei Mate S, P8, Mate 7, G8, Honor 7 etc : https://youtu.be/EZKfSqHhOn4
Views: 110970 Shaan Haider
Materialize carousel lesson 1
 
10:57
Materialize carousel fornt-end fornt end material design css framework
Views: 2504 5dmat-web
mAdmin - Multi Style AngularJS Admin + Frontend | Website Templates and Themes
 
00:21
Download mAdmin - Multi Style AngularJS Admin + Frontend - http://themeforest.net/item/madmin-multi-style-angularjs-admin-frontend/7996710?ref=motionstop mAdmin built on Bootstrap 3.2 Framework with full responsive technique. It’s a multiform template with many style and many color themes, so you can use mAdmin for many types of web applications like custom admin panel, admin dashboard, application backend, etc. “Buy One – Get All – Use Forever” is our development oriented. We always keep this template improving with special features and styles. Buy once you will receive all update release in the future and the best support from us . We really want mAdmin comes better and more useful for your business, so if you have a great idea, don’t hesitate share with us. Now enjoy it and keep updating latest information. Many awesome things are coming soon… More new beautiful styles will come in the future. Please always update the latest information HTML5 / CSS3 / LESS Fully Responsive using Bootstrap framework Multiform template with many styles & color themes Static / fixed topbar Left, left collapse, right, right collapse, horizontal menus and more UI Elements – all important element for user Form – form layout, component, wizard, validate etc Table – basic, responsive, advance, filter, sample Pages – gallery, timeline, about, contact, blog, calendar Extras – special page like sign in, sign out, lock screen, profile, 404, 500, invoice, pricing etc Charts – Flot Charts, Chartjs, HighCharts Animation – Beauty animations built on CSS3 and jQuery Many more in update version coming soon… Version 5.2 – December 16, 2014 Admin HTML version supported RTL [+] Fix: responsive HTML Front End [+] Fix: toggle menu button on AngularJS version (click once) [+] Fix: search form on AngularJS version Update 5.1 – December 1, 2014 [+] Format code for HTML version Version 5.1 – October 31, 2014 [+] Important - Add new: Lazyload module using ui-route & ocLazyLoad, lighter to run on mobile devices - Change "Gruntfile.js": Initialization ui-route & ocLazyLoad - Change "source/js/app.js": restructure follow ui-route & ocLazyLoad - Change "source/jade/index.jade": remove include libs.js script [+] Fix: Click Event on toogle navigation on topbar [+] Fix: Increase wheelstep of mini srolling [+] Fix: Table tools on datatable( copy, csv, excel, pdf, print) Version 5.0 – September 17, 2014 [+] Fix: minor bugs with format code in HTML version (update on Oct 14, 2014) [+] Fix: responsive AngularJS version (update on Oct 7, 2014) [+] Add new: PHP Boilerplate Template. Using Yii framework to handle these pages: - Login - DataGrid - Form Version 4.1 – August 13, 2014 [+] Add new: update Angular app version [+] Add new: document for Angular version [+] Add new: DateRange Picker on breadcrumb in Dashboard [+] Add new: Closeale Tabs [+] Add new: UI-Preloader page [+] Upgrade: distance and color icon in User list page [+] Upgrade: content in Page Gallery [+] Fix: check all button in User Profile page [+] Fix: menu not active with Page menu [+] Fix: hover & z-index in Pricing Table page [+] Fix: social icon in Contact Us page [+] Fix: text color in Timeline Version 4.0 – August 11, 2014 [+] Add new: Angular JS App [+] Add new: X-editable [+] Fix bug: short of text on small screen in some pages [+] Fix bug: distance between icons & text on sidebar menu Version 3.1 – August 01, 2014 [+] Important - Add new: New User profile page Tab Activity Tab Edit profile Tab Message All tabs have responsive style (resize browser of see on table & mobile) [+] Add new: Advanced Form in Form Wizard page [+] Upgrade: sidebar collapsed with auto scroll [+] Upgrade: Tree view page have style follow template's style Version 3.0 – July 28, 2014 [+] Important - Add new: Frontend one page with 16 versions: 4 versions light style: - Image background - Slider background - Color solid background - Video background 4 versions light style with animation: - Image background - Slider background - Color solid background - Video background 4 versions dark style: - Image background - Slider background - Color solid background - Video background 4 versions dark style with animation: - Image background - Slider background - Color solid background - Video background Resource: - animate.css - isotope - Backstretch - Circliful - LightBox - VideoBG - wowslider - Own Carousel - Hover direction - Modernizr [+] Add new: slimscroll plugin for chat form [+] Important - Upgrade: jQuery cookie with smooth loading page [+] Upgrade: sidebar in Left sidebar collapsed page [+] Upgrade: sidebar in Right sidebar collapsed page [+] Upgrade: Ticket message on topbar only appear in dashboard [+] Fix: break layout when see on small screen in: - Option 1 in layout-header-topbar page - UI-Element-paginations page - Dashboard-Panel Profile page - Dashboard-Todo List page - UI-Element- Notific8 & Message page [+] Fix: change title menu

dating 365 south africa
matchmaking sites uk
how to start dating again at 35
teenage dating in the 1950s
dating dna