Home
Search results “Select option style border”
jQuery disabled selector
 
04:29
Link for all dot net and sql server video tutorial playlists https://www.youtube.com/user/kudvenkat/playlists?sort=dd&view=1 Link for slides, code samples and text version of the video http://csharp-video-tutorials.blogspot.com/2015/04/jquery-disabled-selector.html In this video we will discuss 1. jQuery disabled selector 2. jQuery enabled selector 3. Where you can find jquery selectors documentation Selects all disabled elements $(':disabled') Selects all disabled elements and sets a 3px solid red border [html] [head] [title][/title] [script src="jquery-1.11.2.js"][/script] [script type="text/javascript"] $(document).ready(function () { $(':disabled').css('border', '3px solid red'); }); [/script] [/head] [body style="font-family:Arial"] [table] [tr] [td]First Name [/td] [td][input type="text" disabled="disabled" /][/td] [/tr] [tr] [td]Last Name [/td] [td][input type="text" disabled="disabled" /][/td] [/tr] [tr] [td]Email [/td] [td][input type="text" /][/td] [/tr] [tr] [td]Gender [/td] [td] [select id="selectGender" disabled="disabled"] [option value="Male"]Male[/option] [option value="Female"]Female[/option] [/select] [/td] [/tr] [tr] [td]Comments[/td] [td][textarea][/textarea][/td] [/tr] [tr] [td colspan="2"] [input type="submit" value="Submit" disabled="disabled"/] [/td] [/tr] [/table] [/body] [/html] Selects all input elements that are disabled and sets a 3px solid red border [script type="text/javascript"] $(document).ready(function () { $('input:disabled').css('border', '3px solid red'); }); [/script] Selects all input elements with type=text that are disabled and sets a 3px solid red border [script type="text/javascript"] $(document).ready(function () { $('input[type="text"]:disabled').css('border', '3px solid red'); }); [/script] Selects all enabled elements $(':enabled') Selects all enabled textarea elements and sets a 3px solid red border [script type="text/javascript"] $(document).ready(function () { $('textarea:enabled').css('border', '3px solid red'); }); [/script] Where can you find jquery selectors documentation https://api.jquery.com/category/selectors
Views: 58370 kudvenkat
CSS - Simple Checkbox Styling
 
08:21
Code used : http://codepen.io/zFunx/pen/dWbevd Website : https://web.zfunx.xyz/ Facebook : https://www.facebook.com/zfunxWeb Google+ : https://plus.google.com/113560671967552430928 Twitter : http://twitter.com/PleeZfunx Instagram : https://www.instagram.com/zfunx/
Low Budget Fabric Options for a Lehnga| with Lehnga border ideas
 
12:45
Sari Reuse videos Playlist- https://www.youtube.com/watch?v=HXDkOymYjt0&list=PLoyccXDmu4RbUywe3CjD8EVpOb2jInP65 Find us on Facebook : https://www.facebook.com/impressions.designerstudio/ Pintrest : https://in.pinterest.com/impressionsstudios/pins/ Instagram: https://www.instagram.com/impressions_design_studio/ Email: [email protected] Address- https://impressions-clothing-store.business.site/
How to Add Table Borders and Shading in Microsoft Word 2016
 
09:36
Get my FREE 2-hour Introduction to MS Word 2016 course here ► https://simonsezit.leadpages.co/word-2016-free-course/ Get the complete 6-hour Microsoft Word 2016 training course here ► https://www.simonsezit.com/courses/microsoft/learn-microsoft-word-2016-training-tutorials/ During this Microsoft Word 2016 training tutorial video, we will talk about Borders and Shading. We will demonstrate how to remove borders or apply borders to certain sides of a table, how to change the border style, how to add color fill and patterns, and how to add art border around your page. Checkout some of our other training on YouTube: Word 2016 training tutorials: https://www.youtube.com/playlist?list=PLzj7TwUeMQ3jgtGiSa2PZppieNO0_4CUY PowerPoint 2016 training tutorials: https://www.youtube.com/playlist?list=PLzj7TwUeMQ3jj_QkuckJNn8RddhwlQKOM VBA for Excel tutorials: https://www.youtube.com/playlist?list=PLzj7TwUeMQ3hWRi0mgxdyWkT0QaYKuBGZ Excel 2016 training for beginners: https://www.youtube.com/playlist?list=PLzj7TwUeMQ3jUeMoLReqNzzuKj7rdLhZ2 Project 2016 training: https://www.youtube.com/playlist?list=PLzj7TwUeMQ3gPqakrFQ8fSNPu00rsOuzu Stay in touch: SimonSezIT.com: http://www.simonsezit.com/ StreamSkill.com: http://streamskill.com YouTube Channel: http://bit.ly/foiItB Facebook: http://on.fb.me/14m8Rwl Twitter: http://bit.ly/177EU5J Google+: http://bit.ly/11JbHdb If you enjoyed the video, please give a "thumbs up" and subscribe to the channel ;-) Hey. Welcome back. We’re still working in module 6. We’re all the way down now to section 5 where I want to talk to you a little bit about borders and shading. You probably noticed when we were working on the table that you had borders automatically. As soon as you inserted the table you have black borders that print. Well I told you that you have the option to take those off. You can actually add different borders if you’d like just to really enhance your tables. So let me show you a little bit about how borders and shading work. One of the things we talked about was when you first insert a table you automatically will have borders around that table. Borders do print. So if you don’t want them you can take them off, you can actually add different types of borders, different styles, colors, things like that. I’m going to select this table and I’m under the Table Tools contextual tab, the Design tab here. And you can see this is your Borders grouping. I’m going to start with this Borders button here. First of all you’ll notice that several of these look like they’re turned on. This will allow you to put a border around the bottom of your selection, the top, left, right. If you don’t want one of these you just click on it to turn it off. Here’s how you take the border totally off, no border. And if you do that you’ll notice now you have grey what they call Gridlines. Now gridlines do not print. They’re just there to show you the outlines of your cells. Just so you’ll know, if you don’t even want to see the gridlines then you can actually go and turn the view for those on or off under the same Borders button. See how it says View Gridlines here? Well if I click on that now they’re off. Now it looks like there’s nothing there but the table is still there. Your cells still work the same way. It just really would look like nice, neat columns of information versus a table. I’ll go ahead and put these back on. I’m going to choose the outside border option and I’d also like to view those gridlines so that I can work with them a little bit easier. I’ll go down here and choose View Gridlines. Do you notice when I chose Outside Border there’s only a border that will print on the outside of my table? Now I want to apply a border around my header only. So I’ll select the first line, go back to Design and I’m going to choose again Outside Border but this time it’ll be just for the header. So borders are only around your selection, not necessarily each cell in your selection. Notice on this list that you can also apply inside horizontal or inside vertical borders and then you’ve got some diagonal ones you can apply that go sideways like this and then you can also put in a horizontal line. So those are your basic border options. That’s kind of nice but did you notice we can’t really pick a color here or a style, so that’s where it really gets interesting. I’m going to go to the bottom of the list where it says Borders and Shading and click. Now you’ll notice that I have Border options, Page Border options and Shading options. So I’m going to start with the border options. Sorry, we couldn't fit the entire video transcription here since YouTube only allows 5000 characters.
Views: 16083 Simon Sez IT
MS Word-Set Different Types of Page Borders to each page of a word file (Hindi)|Learn MS office
 
04:26
Learn How to Set Different Types of Borders to each page of Microsoft word File, Complete Step by Step Hindi Tutorial to Guide you all about word document border setting. you can insert borders in every easy way. For this Task You have No Need to download or purchase any other software it is a word feature which enable us to apply document borders. Helpful in all Types of computer courses such as RSCIT, CCC, O level, PGDCA, Basic Computer course etc. You can Learn and Improve Your Basic computer skill as well as Office Productivity Skill. Thanks for Watching!!! Have a Nice Day! Watch all MS Office Tutorials- for RSCIT, CCC , O Level and PGDCA Courses- https://www.youtube.com/watch?v=G6HZfHQHIWY&list=PLlDtUyWdJwXUkzDI5HkrK6X9p9JwvwGUZ Visit Our Website: http://www.cpitudaipur.com Visit Our Blog: http://cpitudaipur.blogspot.in/ Like Our Facebook Page: http://facebook.com/cpitudr Please Subscribe to Our Channel https://www.youtube.com/channel/UCSMsxXvvi-7XvygtsMWRBOg
Change style select box
 
00:24
Views: 102 Xấu Trai
Using Border Styles to Emphasize Menu Items Using Thesis Navigation Plugin
 
07:34
http://www.thesistoolbox.com/ Video Transcript So now what we're going to do is we are going to add some accent borders to our different link states. That is, what I want to have here is when I hover over this, let's refresh that. I don't know if we've changed something. When I hover over this, I want a different color border that shows up on the bottom that indicates that either it's in its hover state or it's in a current state. And then I want that border to be essentially invisible when it's in its typical link state. So we'll come back over here and we are going to say under typical menu item styles, that we want to customize the typical item border. We'll go ahead and hit save to that. And then once we've said that we want to change our typical item border style, now it asks us 2 settings questions. And the first one that we should answer first which is, do we want to configure each link state border separately? That is, do you want to have one border for the link, one border for a current, one border for a hover, another border for a parent? So what we're going to do here is we're going to configure each link state border separately. Now if we didn't check that, we could have all of the borders depending upon their link state be the same but we might not want the border all the way around each menu item to be the same. And so if we want the link and the hover and the current all to be the same color and same width and style then you wouldn't check this. But if we only want a bottom margin for all of those then we would check this. And so those are your two different options when we start talking about a border style. Well, we are going to configure our links differently. So we'll go ahead and select that and hit save. And then once we have selected that, now we have these options. We have the link border style, hover border style, current border style, and current parent border style. And if you expand that, you can see again, we have this choice. Do we want each side of the border to be different? Now since the only border we want to address is the bottom border, the answer to this is yes. So we say yes, allow each side to be different and we're going to do that for each of these so each of these borders is going to be different. Now we can say save again. And now if we look at our link border style, now we have the option to set a top, a right, a bottom, and a left border. So what we're going to do here is we're going to say no top border, no right border, and no left border. But our bottom border, we're going to give it 5 pixels and then the color, we are going to use... we got to go back and get from our menu settings. So we can open up this in a new tab and look at our nav menu settings. And so the link background color is 333, okay. So then our back down here to our bottom border style, we want it to be 5 pixels wide and we want 333333. Okay so that's that color. Now for our hover style, we again want no top border and no right border and no left border but we'll make it a 5 pixel width for our bottom border. And then I'm going to get a nice yellowish orange color there for the hover. So that'll be the hover color then, this color here. You know actually, I'm just going to take this color so that the text and the border are the same. Okay and we're also choosing a solid border style rather than any of the other choices. And then for our current, we're going to say no top border and no right border and no left border but our bottom border, again, is going to be 5 pixels. And then we're going to pick another color for that and we're not going to use one of those existing colors. I think what we'll do is we'll pick a... yeah, we'll pick a bluish gray color. There we go. And that's going to be our current border style. We're going to use the same one for current parent. And so we're going to have no top border, no right border, bottom border will be 5 pixels, that color solid and we'll have no left border. You see we've got tons and tons of options here. That would be really difficult to wade through if you could see them all the time. So we only see that set of options when we want to see that set of options. And now that we've saved that, we can come back over and look at our page and refresh it. Okay and so here's our current condition. These are our link conditions. Oh, look at that. I've got a funny little side border thing happening here. I need to go figure out what's causing... oh, it's a hover. Isn't that interesting? I've got a little border that shows up in hover but does not show up anywhere else so I must have missed a setting here. So if I go down to hover border style, no top border, no right border, no bottom border, see no left border. That's what I missed. Hit save and refresh.
Views: 350 thesistoolbox
Learn Ms word 2016 in hindi, Home tab (borders) option step by step part- 3
 
11:20
All Type Education Full Computer Education LEARN FULL COMPUTER COURSE [CLICK NOW] https://goo.gl/NYSnSu C.S.P Education Center [FACEBOOK PAGE] [CLICK NOW] https://www.facebook.com/cspeducation/ C.S.P Education Center [Twitter] [CLICK NOW] https://twitter.com/CspEducation [NEXT VIDEO] Learn Ms Word 2016 in Hindi, Insert Teb (Page and table Group) Part-4 [CLICK NOW] https://youtu.be/Yb8LsqCEHuc [PREV VIDEO] Learn Full Ms Word 2016 in Hindi,Home Tab Step by Step Part-2[CLICK NOW] https://youtu.be/mstgcPVnpno Applying Borders and Shading To enhance the appearance of the text in a paragraph, you can format it using the buttons in the Paragraph group on the Home tab. You can quickly add a border and shading to selected text. When you add a border, you can specify what sides you want to include or exclude. For example, you can add a border on just the top and the bottom and leave the sides open. Shading colors the background behind the selected text or paragraph. If you want to customize borders and shading by changing line style, color, and width preferences, you can make changes in the Borders and Shading dialog box. Apply a Border 1. Select the paragraph text you want to format. 2. Click the Home tab. 3. Click the Borders and Shading button arrow, and then click to select the border commands to add or remove a border. Apply Paragraph Shading 1. Select the paragraph text you want to format. 2. Click the Home tab. 3. Click the Shading button arrow, and then click to select the shading color you want to apply to the selected text. Apply Paragraph Shading and Borders 1. Select the paragraph text you want to format. 2. Click the Home tab. 3. Click the Borders and Shading button arrow, and then click Borders and Shading. 4. Click the Borders tab. 5. Click to select the type of Setting you want for your border. 6. Click to select the type of Style. 7. Apply any other options you want. 8. Look in the preview box to see the new border. 9. Click the Shading tab. 10. Click to select the shading fill color you want to apply to your table. 11. Apply any other options you want. 12. Look in the preview box to see the new shading color. 13. Click OK.
Views: 254 ShubhBE Education
Excel Tip -Select Pivot Table Options
 
02:52
****SUBSCRIBE****** to my Excel at Excel newsletter 3 FREE Excel Tips every 15 days http://www.howtoexcelatexcel.com ----------------------------------------­--------------------------- Website http://www.howtoexcelatexcel.excel.com Twitter https://twitter.com/howtoexcelatex Pinterest http://www.pinterest.com/howtoexcelat If you use Pivot Tables regularly and you either move them around, select parts of them or indeed all of them, then here is a really quick method for selecting areas of your Pivot with ease...with the Pivot Table Enable Selection options in Excel. First of all you need to ensure that the Enable Section is turned ON. To turn it on, 1. Select a cell in the Pivot Table 2.On the Pivot Table Tab- selection Options 3.In the Actions group -Click Select 4.Check if Enable is ON or Off The difference is the small coloured square around the Enable Selection option. Once the enable selection is turned on you can use the Selection Arrow to select the entire Pivot Table. To select the entire pivot table, including the report filters: 1.Point to the top border of the top left cell, in the body of the pivot table. 2.When the pointer changes to a thick black arrow, click, to select the entire pivot table. Or, you can use the Ribbon command by selecting any cell in your Pivot Table and then 1.On the Pivot Table Tab- selection Options 2.In the Actions group -Click Select 3.Choose Entire Pivot Table You can then repeat the same process, for selecting the other options available which are to select......Value, Values and Labels, Labels or Entire Pivot Table.
How to Create CSS Dropdown List
 
01:25
In this tutorial we will learn to create CSS drop down menu. Don't forget to check out our site http://howtech.tv/ for more free how-to videos! http://youtube.com/ithowtovids - our feed http://www.facebook.com/howtechtv - join us on facebook https://plus.google.com/103440382717658277879 - our group in Google+ Follow this easy step by step easy tutorial to learn how to create CSS Dropdown list and see some of the formatting techniques of the menu items. Drop Down menus are used in almost every web page nowadays. They actually bind the data values to the menu items, hence the user just interact with the Sub items, not bothering about the data value. Step 1 - Main Category First of all, let's open up the 'html' and 'body' tag. After that open up the 'label' tag and give the list a name. Then declare a class for our menu. Let's name the class "Animal" for now, since we will be creating a list of animals. The code would be: 'html' 'body' 'label' Select Any Animal '/label' 'select class ="Animal"' Step 2 - Code for Sub Categories Now open up the 'option value' tag, give the required options after the "value" attribute and specify its class as "options", since we want to create a drop down menu. After that, we will specify the name of the value which has to appear in the list on the browser. Lastly, do remember to close the tags. The code for the sub categories would be: 'option value="lion" class="options"'Lion'/option' 'option value="tiger" class="options"'Tiger'/option' 'option value="Leopard" class="options"'leopard'/option' Step 3 - Preview In browser Further, save the file as .html extension and open it up in a browser. The menu would appear as the way we coded it. Step 4 - Applying CSS Now let us apply some styles on our CSS drop down menu. For that, we will add a style tag before the body tag. Now, let's apply formatting on the options that will appear in the list. For that, we will define the functionality in the members' class. Here, the member class is options, so let's change the font size and color. After that, let's close the style tag and open up the browser. Step 5 - CSS effects After that, refresh the page which was opened in browser previously. It would be observed that the size and color of the CSS dropdown list has just appeared as we coded it. And that is all about CSS dropdown list.
Contact Form 7 CSS to Style CF7 Submit Button, Inputs, Fields and Dropdown | CF7 Tuts Part 2
 
12:42
Contact Form 7 CSS to Style CF7 Submit Button, Inputs https://youtu.be/bKarC0QO5og Check out https://happyforms.me/, it's a cool new form builder that you may like better than CF7 (and it's free!): HappyForms.me CF7 CSS styles part 2: https://www.youtube.com/watch?v=9e-JbYgYBSs&t=0s&list=PLlgSvQqMfii5Q05RFNFaZhTbPomLfZssV&index=3 Download your exclusive 10-Point WP Security Checklist: http://bit.ly/10point-wordpress-hardening-checklist Styling contact form 7 forms isn't that had once you know the right contact form 7 css. In this tutorial I show you how to style the contact form submit button, various input fields, text area fields, URL fields, telephone fields, number fields and dropdown selection fields. I have created a blog post will sample CSS and sample CSS selectors that you can copy and paste. Here's the link: https://wplearninglab.com/contact-form-7-css-style-almost-anything/ I'll also paste the styles below: /* Submit Button CSS Styles */ .wpcf7 input[type=submit] { padding:15px 45px; background:#FF0000; color:#fff; font-size:30px; font-weight:bold; border:0 none; cursor:pointer; -webkit-border-radius: 5px; border-radius: 5px; } /* Label Text Styles */ .wpcf7 label { padding: 0 0 10px 0; font-size: 20px; } /* Text Input Field Styles */ .wpcf7 input[type=text], .wpcf7 input[type=email], .wpcf7 input[type=url], .wpcf7 input[type=tel], .wpcf7 input[type=number], .wpcf7 .wpcf7-select{ font-size:30px; border: 1px solid red; } /* Textarea Field Styles */ .wpcf7 textarea { width: 100%; color: red; font-size: 20px; border-color:red; } /* Overall form styles */ .wpcf7 { background-color:gray; } Remember that these styles need to go into your CSS stylesheet or if you are putting them right into the header of your site they need to be between style tags. If you are lucky enough to have a theme that allows custom CSS, you can copy and paste them into there. If you're not sure where to find a place where you can enter CSS, this tutorial may help you: https://www.youtube.com/watch?v=vLSUWT9MNlA CSS is a very forgiving language, so if you make a change that makes something look really bad just undo your change, save and everything is back to normal. I hope this information helps you! If you have any questions leave a comment below or ping me @WPLearningLab on Twitter. -------------- If you want more excellent WordPress information check out our website where we post WordPress tutorials daily. https://wplearninglab.com/ Connect with us: WP Learning Lab Channel: http://www.youtube.com/subscription_center?add_user=wplearninglab Facebook: https://www.facebook.com/wplearninglab Twitter: https://twitter.com/WPLearningLab Google Plus: http://google.com/+Wplearninglab Pinterest: http://www.pinterest.com/wplearninglab/
How to make different border corner in html and css
 
06:19
Learn how to make different style border corner
Views: 162 Solution Tricks
LESSON# 11 MS WORD SELECT OPTION ALL WITH SHORTCUT KEY
 
17:39
MS WORD TUTORIAL.. LESSON# 11 MS WORD SELECT OPTION ALL WITH SHORTCUT KEY.
Views: 687 Shahab Islam
How to Create Vintage Old Photo Effect in Photoshop - Retro Look Photo Edit - Photoshopdesire.com
 
05:53
In this photoshop photo effects tutorial, i'll show how to create retro vintage style old photo ideas in photoshop. ►Download PSD file: http://photoshopdesire.com/create-vintage-old-photo-effect-photoshop-retro-look-photo-edit/ ►Download Photo to Practice: https://www.flickr.com/photos/psdesire/38736437752 First open photoshoot image and convert to black and white using channel mixer. Go to adjustments - select channel mixer - choose monochrome option. Adjust blue and red sliders to control the amount of detail and contrast in the image. Now add matte faded look using levels adjustment. Drag black output level slider to the right and white to left to apply matte style. Add vignette effect to draw viewer attention to the center of the frame. Add black solid color fill adjustment. open layer style blending options. Select gradient overlay and choose black to white gradient. Keep Style: Radial, Blend Mode: Screen & Opacaity: 40%. Change color fill blending to screen. You may double click on gradient overlay and change the position of the gradient to your liking to draw focus on selective area. Now place "Dust and Scratches" texture element to give old photographic effect. Change the layer blending to screen. Similarly add another "Dust and Scratches" texture. Now add old paper texture for realistic look photo frame. Change the layer blending to "MULTIPLY". Now we can place any photo to add the effect easily. That's it vintage photography editing. ►Check out all tutorial here : https://www.youtube.com/photoshopdesiretv/videos Thanks for watching our free Tutorials! If you enjoyed our video be sure to subscribe to our channel to receive free new videos. ►SUBSCRIBE: https://goo.gl/d31fld Don't forget to COMMENT, LIKE and SHARE, to get more :) Follow US - LET'S BE FRIENDS! ------------------------------------------ ►Official Website: http://www.photoshopdesire.com ►FACEBOOK : http://www.facebook.com/photoshopdesire ►GOOGLE+ : https://plus.google.com/+photoshopdesiretv ►Twitter : https://twitter.com/PSDesire ►Instagram: https://www.instagram.com/photoshopdesire Softwares Used: ---------------------------- Photoshop cc 2014, 2015, 2017 Photoshop cs5, cs6, After Effects cs5 Camtasia Studio Music: ------------ Montauk Point (YouTube Library) Check Out Our Playlists: -------------------------------------- Photoshop Tutorials for Beginners, Intermediate and Advanced users https://www.youtube.com/playlist?list=PLGLEKqTDn233O6PusOR1lEvRwjlErdCYV Easy, Quick and Fast Photoshop Tutorial Series (NEW) https://www.youtube.com/playlist?list=PLGLEKqTDn230TS2NzqA2BGblNYZ4NpGWT Photo Editing, Photo Effects & Photo Manipulation - Special FX https://www.youtube.com/playlist?list=PLGLEKqTDn233VC9ZDSiLav8bI8FKJ93ny Adobe Camera Raw Filter Tutorials and Preset downloads (same settings steps for lightroom also) https://www.youtube.com/playlist?list=PLGLEKqTDn233ab_cdALEjtjGASqtTie10 Color Grading or Coloring in Photoshop https://www.youtube.com/playlist?list=PLGLEKqTDn233uKTZWUFq7GwgNB6BJyM7m Skin, Face & Body Retouching Techniques and Enhancing Tips https://www.youtube.com/playlist?list=PLGLEKqTDn232WN_N6Ek-vnfzr7nNKDHWT Free Photoshop Actions for Photographers and Designers https://www.youtube.com/playlist?list=PLGLEKqTDn233ZVGBJWihIuxGrav7VTCCD
Views: 65696 PSDESIRE
CREATING A TITLE BLOCK for your Plans in Layout
 
19:31
In this video, learn the basics for creating a title block in Layout! Learn to save your title block so that it shows up on every page, as well as learning how to save it as a template for use in your SketchUp to Layout projects in the future! Want to Support the SketchUp Essentials? http://www.patreon.com/thesketchupessentials http://www.thesketchupessentials.com/support THE SKETCHUP ESSENTIALS COURSE http://www.thesketchupessentials.com/course MORE LAYOUT RESOURCES http://www.thesketchupessentials.com/layout MY YOUTUBE SETUP https://kit.com/TheSketchUpEssentials/sketchup-modeling-and-youtube-creation-kit SKETCHUP BOOKS AND RESOURCES https://kit.com/TheSketchUpEssentials/sketchup-books-and-resources MY CURRENT FAVORITE SKETCHUP PLUGINS AND EXTENSIONS https://kit.com/TheSketchUpEssentials/my-current-favorite-sketchup-extensions (Affiliate Links) PLEASE LIKE AND SUBSCRIBE Check Us Out On - Website - http://www.thesketchupessentials.com Twitter - http://www.twitter.com/easysketchup Facebook - http://www.facebook.com/thesketchupessentials Pinterest - http://www.pinterest.com/easysketchup/ The Layout is fairly simple – you just add your different text boxes, then you draw in dividers between them – the trick is using AutoText and Layers to get your title block to show up on every page. Let’s start by just drawing a very rough title block – line on the right, box at the lower right hand corner, then we’ll start adding some text. Before we do that, I need to introduce you to the concept of AutoText. AutoText is text that Layout will automatically fill in for you based on information that is set in your model – it’s almost like the text version of a component from SketchUp. You can see what AutoText information is available by going up to “File,” “Document Setup,” “Auto-Text.” These are the Items that are already in as AutoText, and you can adjust their values within this area. For example, let’s add our Address to our title bar. To start, add a text box with the value "Address" in it to your title bar. Now, change your address in the AutoText section. Notice that the text in your actual document changes to match what you’ve entered in your Document Setup. You can adjust the style of your text within the “Text Style Section.” Now, let’s add a logo in the upper right hand corner – just go to “File,” “Insert,” and find your logo image. In this case, we’re going to use the AutoText for "Page Number", along with a letter and a pair of numbers. You can add a page description section, dates, and other information in here as well. Notice that you can create a border around a text box by selecting “Stroke” in the “Shape Style” section. You can draw lines to separate your various sections, and adjust the way they look using the “Stroke” option in your Shape Style section of your tray. Now, let’s talk about getting this to show up on all your pages (or at least most of your pages). First, you’re going to want to select all of this. You can group it or not – I’d probably group it. Then, you need to add a layer for Title Block, and put all this geometry on that layer. You can check it by toggling it on or off. You should be able to drag it down near the bottom. Then, assuming you want this to show up on every page, you need to click the option for Share Layer Across Pages. This will result on this layer showing up in the same location across every page. You may want to click the lock button to keep from accidentally editing your title block. However, sometimes you have pages you don’t want this to show up on – simply turn the layer off on those pages! Now, let’s adjust our page numbering so numbering doesn’t start until after the first page. Simply go up to your Document Setup again and use the drop down to select the page you’d like your numbering to begin on. Finally, you can save this block as a template so you can use it in future projects by simply going up to “File,” “Save as Template,” and saving it under your “My Templates” folder. Disclaimers: all opinions are my own, sponsors are acknowledged. Product Links in the description are typically affiliate links that let you help support the channel at no extra cost.
Views: 19180 TheSketchUpEssentials
jQuery datatables individual column search
 
15:04
Link for all dot net and sql server video tutorial playlists https://www.youtube.com/user/kudvenkat/playlists?sort=dd&view=1 Link for slides, code samples and text version of the video http://csharp-video-tutorials.blogspot.com/2015/08/jquery-datatables-individual-column.html In this video we will discuss how to implement search functionality on every jQuery datatable column. This is continuation to Part 106. Please watch Part 106 from jQuery tutorial before proceeding. The following are the changes required for the example we discussed in Part 106. 1. Store the reference of the jQuery datatable in a variable for later use. var datatableInstance = $('#datatable').DataTable() 2. Use DataTable() instead of dataTable() function. Otherwise you will get an error stating datatableInstance.columns is not a function, when you use columns() function on datatableInstance. var datatableInstance = $('#datatable').DataTable() What is the difference between dataTable() and DataTable() dataTable() is the old dataTables constructur where as DataTable() is the newer version. If you use the old dataTable() constructor, please use api() function to access the new API. var datatableInstance = $('#datatable').dataTable(); datatableInstance.api().columns().every(function () { 3. To include the Web Site column in search, set searchable option of this column to true 'searchable': true, 4. Please remove scrollY option from the dataTable, so we can see the search textboxes without having to scroll down. 5. Increase the width of the div element to 1700px so the border surrounds the datatable correctly 6. Include the following 2 blocks of code in the success callback function $('#datatable tfoot th').each(function () { var title = $('#datatable thead th').eq($(this).index()).text(); $(this).html('<input type="text" placeholder="Search ' + title + '" />'); }); datatableInstance.columns().every(function () { var dataTableColumn = this; $(this.footer()).find('input').on('keyup change', function () { dataTableColumn.search(this.value).draw(); }); }); 7. To include the search textboxes in the header instead, instead of footer $('#datatable thead th').each(function () { var title = $('#datatable tfoot th').eq($(this).index()).text(); $(this).html('<input type="text" placeholder="Search ' + title + '" />'); }); datatableInstance.columns().every(function () { var dataTableColumn = this; var searchTextBoxes = $(this.header()).find('input'); searchTextBoxes.on('keyup change', function () { dataTableColumn.search(this.value).draw(); }); searchTextBoxes.on('click', function (e) { e.stopPropagation(); }); });
Views: 53418 kudvenkat
HTML & HTML5 Image Tutorial Bangla 9
 
06:35
html tutorial in bangla HTML & HTML5 Html image style with design Html, Html5, Css, Css3, Javascript, Jquery, Angular js, Php, Mysql, C#, Java, Phyton etc HTML,CSS,JavaScript,DOM,jQuery,PHP,SQL,XML,Bootstrap,Web,W3CSS,W3C,tutorials,programming,development,training,learning,quiz,primer,lessons,reference,examples,source code,colors,demos,tips,w3c ----------------------------- a, href, terget, blank, class, id, title, img, src, width, height, style, alt, h1, h2, h3, h4, h5, h6, paragrape, bold, italic, underline, dd, dl, dt, ul, ol, li, div, span, strong, big, small, table, tbody, thead, th, tr, td, colspan, rowspan, cellspacing, cellpadding, blink, textarea, doctype, abbr, address, area, article, aside, audio, base, bdo, blockquot, body, br, canvas, caption, center, code, col, colgroup, del, details, dfn, em, embed, figcaption, figure, font, font family, font color, frame, frameset, head, header, iframe, ins, kbd, link, main, map, mark, menu, menuitem, meta, tag, contant, nav, noscript, script, object, output, param, picture, pre, progress, q, rp, rt, ruby, s, samp, section, source, strike, sub, sup, summary, svg, template, tfoot, time, track, tt, var, video, wbr, dir, header, footer, dialog, data, accept, align, autocomplete, autofocus, autoplay, bgcolor, background, border, charset, cite, content, controls, default, dirname, download, enctype, http-equiv, ismap, kind, lang, loop, marquee, low, media, onchange, oncopy, oncut, ondrop, onlood, pattern, rel, scope, shape, srclang, step, wrap, form, action, method, encript multipart/form-data, fieldset, legent, input, typetext number, password, email, color, date, month, day, radio, checkbox, range, select, option, textarea, button, reset, submit, attribute, onclick, alert, maxlength, max, min, pattern, size, rows, cols, list, name, datalist, id, optgroup, readonly, disabled, hidden, required, value, placeholder, label CSS & CSS3 -------------------- accelerator azimuth background background-attachment background-color background-image background-position background-position-x background-position-y background-repeat behavior border border-bottom border-bottom-color border-bottom-style border-bottom-width border-collapse border-color border-left border-left-color border-left-style border-left-width border-right border-right-color border-right-style border-right-width border-spacing border-style border-top border-top-color border-top-style border-top-width border-width bottom caption-side clear clip color content counter-increment counter-reset cue cue-after cue-before cursor direction display elevation empty-cells filter float font font-family font-size font-size-adjust font-stretch font-style font-variant font-weight height ime-mode include-source layer-background-color layer-background-image layout-flow layout-grid layout-grid-char layout-grid-char-spacing layout-grid-line layout-grid-mode layout-grid-type left letter-spacing line-break line-height list-style list-style-image list-style-position list-style-type margin margin-bottom margin-left margin-right margin-top marker-offset marks max-height max-width min-height min-width -moz-binding -moz-border-radius -moz-border-radius-topleft -moz-border-radius-topright -moz-border-radius-bottomright -moz-border-radius-bottomleft -moz-border-top-colors -moz-border-right-colors -moz-border-bottom-colors -moz-border-left-colors -moz-opacity -moz-outline -moz-outline-color -moz-outline-style -moz-outline-width -moz-user-focus -moz-user-input -moz-user-modify -moz-user-select orphans outline outline-color outline-style outline-width overflow overflow-X overflow-Y padding padding-bottom padding-left padding-right padding-top page page-break-after page-break-before page-break-inside pause pause-after pause-before pitch pitch-range play-during position quotes -replace richness right ruby-align ruby-overhang ruby-position -set-link-source size speak speak-header speak-numeral speak-punctuation speech-rate stress scrollbar-arrow-color scrollbar-base-color scrollbar-dark-shadow-color scrollbar-face-color scrollbar-highlight-color scrollbar-shadow-color scrollbar-3d-light-color scrollbar-track-color table-layout text-align text-align-last text-decoration text-indent text-justify text-overflow text-shadow text-transform text-autospace text-kashida-space text-underline-position top unicode-bidi -use-link-source vertical-align visibility voice-family volume white-space widows width word-break word-spacing word-wrap writing-mode z-index zoom All ----------------------------- Html, Html5, Css, Css3, Javascript, Jquery, Angular js, Php, Mysql, C#, Java, Phyton etc HTML,CSS,JavaScript,DOM,jQuery,PHP,SQL,XML,Bootstrap,Web,W3CSS,W3C,tutorials,programming,development,training,learning,quiz,primer,lessons,reference,examples,source code,colors,demos,tips,w3c
Views: 57 Answer BD
How to Add a Border to a Widget in Thesis with our Thesis Widget Styles Plugin
 
03:49
http://www.thesistoolbox.com Let's begin by opening the Thesis Widget Styles plugin and going to the style's customization options. Select Customize the Widget Border. We'll add a border to the widget to enhance its appearance (video 1 has introductory instructions on using this plugin). Hit save to make this change. Go back to the widget style and then to Overall Border Style and you can see we have a choice here. One of our choices is to allow each side of the border to be different. If we check this, settings will appear for each of the top, bottom, left and right borders. For now leave this unchecked so we'll get a border that is the same on all sides. Add First Border to a Thesis Widget Let's add a border width of 2 and pick a sort of a darker yellow grey color to compliment the yellow we already have. Then we pick the style of the border which in this case will be solid and then hit the save button. Let's go to the page with the widget and refresh it. You can now see the solid border around the widget which makes it stand out. Add Second Border to a Thesis Widget However, an outset border might actually be kind of interesting around the widget as well. To see that let's return to the Overall Border Style and choose outset instead of solid. This change will make the bottom and right side darker with the top and left side lighter. Hit save. Go back to our page and refresh it. You can see that this got to be a darker color and this stayed the same color or lightened up a little bit. Well, it looks a little cleaner if you use straight edges and if you don't have corners. So let's turn off around the rounded corner to see what that looks like. Go back to the style and turn them off and hit save. Return to the page and refresh it. Now you can see the offset look. This look is pretty dramatic. If you like this idea but want to downplay it some, you can do that by selecting the option of Allow each side of the border to be different. Do that, then copy your Typical Border Color and hit save. Add a Border to the Widget with Different Borders on Each Side Now in the border style you can customize each side of the border. For the top border, let's paste that color in but make it quite a bit lighter with the color picker. Then choose 2 pixels for width and solid. Let's add those same settings to the left border the same. The right and the bottom borders we'll make slightly darker keeping the width at 2 pixels and solid. Paste in that color again and then hit save. Let's go back to our page and refresh it. We have very easily, with our Thesis Widget Styles plugin, customized the widget border. We've got a fairly subtle but nevertheless apparent border around the widget with a sense of depth that emerges out of having these different colors.
Views: 581 thesistoolbox
Wordpad for Windows 7 Complete Tutorial HD
 
06:51
Learn the basics of Wordpad for Windows 7.
Views: 357407 Nurdoidz
Android tutorial for beginners - 118 - Change selected item background of a listview.
 
17:55
How to change the selected listview item background. Visit my blog : http://www.easyway2in.blogspot.com Like my Facebook page : https://www.facebook.com/codeglympse Subscribe My YouTube channel : http://www.youtube.com/ticoontechnologies
Views: 30204 PRABEESH R K
How to Style a Widget Heading with the Thesis Widget Styles Plugin
 
04:47
http://www.thesistoolbox.com Let's begin by opening the Thesis Widget Styles Plugin and then going to our style options. Here we'll style the widget heading by customizing its font, padding and border but we'll leave the background alone for the moment. Select each of those options and hit save to so the choices for those appear. Style the Font in a Thesis Widget Heading We'll make the heading font style Arial and make it 24 pixels in size. Let's choose a yellowish-charcoal color. We want normal spacing and we'll get rid of the all caps and center the heading text. We won't add a background image yet but we will add a border style. Style the Border in a Thesis Widget Heading Copy that same color and we'll use it in the border that we'll add. We'll only use a bottom border here for the heading. Go to the Heading Border Style and select the option of Allow each side of the border to be different then hit the save button so the options for this appear. Check the boxes for No Top, No Right and No Left Border. Let's make the bottom border 4 pixels wide with the same color used above and we'll make it solid. Hit the save button. Then let's go to the page with the widget and refresh it, you can see all the changes. Review the Changes to the Thesis Widget Heading Font and Border You can see we lost our margin around the heading since we modified the text so we need to add some padding to the top. Let's go back to the 20 pixels of heading padding. Return to the Thesis Widget Styles plugin and go back over to the Overall Padding and get rid of the 1 that we'd placed in Overall Top Padding. Hit save. Now we'll have 20 pixels on the top again. Go back to the page and refresh it again. It looks like we could use some top margin on the the body text to move it down a bit from the heading. Return to the plugin again and go to our Widget Style Customization Options. Now let's go to Style the Widget Body and check Customize the Widget Body Margin. Hit save. Then let's add 10 pixels to the Body Top Margin and leave the rest blank. Return to the page and refresh it and you can see that the body text has moved away from the heading. As you can see using the Thesis Widget Styles plugin to customize widgets is very simple. There are many ways that you can customize and style individual widgets using the overall widget style plus some special styling for the heading and for the body.
Views: 160 thesistoolbox
Photoshop CC tutorial: Selecting soft-edged objects using Refine Edge | lynda.com
 
10:02
See how to use the Refine Edge command, along with the Quick Select tool, to select objects with soft edges in Photoshop. Watch more at http://www.lynda.com/Photoshop-tutorials/Photoshop-CC-Essential-Training/122999-2.html?utm_campaign=wvnlQMZdnds&utm_medium=viral&utm_source=youtube. This tutorial is a single movie from the Photoshop CC Essential Training course presented by lynda.com author Julieanne Kost. The complete course is 13 hours and 49 minutes and shows how to master the fundamentals of Photoshop, Bridge, and Camera Raw, and make your digital images look their best. Introduction 1. It Begins in Bridge 2. Whittling Down to Keepers 3. Camera Raw Essentials 4. Fixing Common Problems Quickly with Camera Raw 5. Retouching and Using Creative Techniques with Camera Raw 6. Automating Camera Raw 7. Photoshop Interface Essentials 8. Documents and Navigation 9. Digital Image Essentials 10. Cropping and Transformations 11. Working with Layers 12. Selections and Layer Masks 13. Tone and Color Correction with Adjustment Layers 14. Additional Options for Tone and Color Correction 15. Retouching Essentials 16. Combining Multiple Images 17. Essential Filters 18. Essential Blend Modes 19. Type Essentials 20. Basic Shape Layers 21. Essential Layer Effects and Styles 22. Sharing Images 23. Video Conclusion
Views: 177216 LinkedIn Learning
HTML &  HTML5 Basic Examples Tutorial Bangla 2
 
02:59
html tutorial in bangla HTML & HTML5 html basic element example with html tag ----------------------------- a, href, terget, blank, class, id, title, img, src, width, height, style, alt, h1, h2, h3, h4, h5, h6, paragrape, bold, italic, underline, dd, dl, dt, ul, ol, li, div, span, strong, big, small, table, tbody, thead, th, tr, td, colspan, rowspan, cellspacing, cellpadding, blink, textarea, doctype, abbr, address, area, article, aside, audio, base, bdo, blockquot, body, br, canvas, caption, center, code, col, colgroup, del, details, dfn, em, embed, figcaption, figure, font, font family, font color, frame, frameset, head, header, iframe, ins, kbd, link, main, map, mark, menu, menuitem, meta, tag, contant, nav, noscript, script, object, output, param, picture, pre, progress, q, rp, rt, ruby, s, samp, section, source, strike, sub, sup, summary, svg, template, tfoot, time, track, tt, var, video, wbr, dir, header, footer, dialog, data, accept, align, autocomplete, autofocus, autoplay, bgcolor, background, border, charset, cite, content, controls, default, dirname, download, enctype, http-equiv, ismap, kind, lang, loop, marquee, low, media, onchange, oncopy, oncut, ondrop, onlood, pattern, rel, scope, shape, srclang, step, wrap, form, action, method, encript multipart/form-data, fieldset, legent, input, typetext number, password, email, color, date, month, day, radio, checkbox, range, select, option, textarea, button, reset, submit, attribute, onclick, alert, maxlength, max, min, pattern, size, rows, cols, list, name, datalist, id, optgroup, readonly, disabled, hidden, required, value, placeholder, label CSS & CSS3 -------------------- accelerator azimuth background background-attachment background-color background-image background-position background-position-x background-position-y background-repeat behavior border border-bottom border-bottom-color border-bottom-style border-bottom-width border-collapse border-color border-left border-left-color border-left-style border-left-width border-right border-right-color border-right-style border-right-width border-spacing border-style border-top border-top-color border-top-style border-top-width border-width bottom caption-side clear clip color content counter-increment counter-reset cue cue-after cue-before cursor direction display elevation empty-cells filter float font font-family font-size font-size-adjust font-stretch font-style font-variant font-weight height ime-mode include-source layer-background-color layer-background-image layout-flow layout-grid layout-grid-char layout-grid-char-spacing layout-grid-line layout-grid-mode layout-grid-type left letter-spacing line-break line-height list-style list-style-image list-style-position list-style-type margin margin-bottom margin-left margin-right margin-top marker-offset marks max-height max-width min-height min-width -moz-binding -moz-border-radius -moz-border-radius-topleft -moz-border-radius-topright -moz-border-radius-bottomright -moz-border-radius-bottomleft -moz-border-top-colors -moz-border-right-colors -moz-border-bottom-colors -moz-border-left-colors -moz-opacity -moz-outline -moz-outline-color -moz-outline-style -moz-outline-width -moz-user-focus -moz-user-input -moz-user-modify -moz-user-select orphans outline outline-color outline-style outline-width overflow overflow-X overflow-Y padding padding-bottom padding-left padding-right padding-top page page-break-after page-break-before page-break-inside pause pause-after pause-before pitch pitch-range play-during position quotes -replace richness right ruby-align ruby-overhang ruby-position -set-link-source size speak speak-header speak-numeral speak-punctuation speech-rate stress scrollbar-arrow-color scrollbar-base-color scrollbar-dark-shadow-color scrollbar-face-color scrollbar-highlight-color scrollbar-shadow-color scrollbar-3d-light-color scrollbar-track-color table-layout text-align text-align-last text-decoration text-indent text-justify text-overflow text-shadow text-transform text-autospace text-kashida-space text-underline-position top unicode-bidi -use-link-source vertical-align visibility voice-family volume white-space widows width word-break word-spacing word-wrap writing-mode z-index zoom All ----------------------------- Html, Html5, Css, Css3, Javascript, Jquery, Angular js, Php, Mysql, C#, Java, Phyton etc HTML,CSS,JavaScript,DOM,jQuery,PHP,SQL,XML,Bootstrap,Web,W3CSS,W3C,tutorials,programming,development,training,learning,quiz,primer,lessons,reference,examples,source code,colors,demos,tips,w3c
Views: 47 Answer BD
HTML & HTML5 Color 2 Tutorial Bangla 6
 
04:17
html tutorial in bangla HTML & HTML5 Color Name, text color, background color RGB color, Hex color Html, Html5, Css, Css3, Javascript, Jquery, Angular js, Php, Mysql, C#, Java, Phyton etc HTML,CSS,JavaScript,DOM,jQuery,PHP,SQL,XML,Bootstrap,Web,W3CSS,W3C,tutorials,programming,development,training,learning,quiz,primer,lessons,reference,examples,source code,colors,demos,tips,w3c ----------------------------- a, href, terget, blank, class, id, title, img, src, width, height, style, alt, h1, h2, h3, h4, h5, h6, paragrape, bold, italic, underline, dd, dl, dt, ul, ol, li, div, span, strong, big, small, table, tbody, thead, th, tr, td, colspan, rowspan, cellspacing, cellpadding, blink, textarea, doctype, abbr, address, area, article, aside, audio, base, bdo, blockquot, body, br, canvas, caption, center, code, col, colgroup, del, details, dfn, em, embed, figcaption, figure, font, font family, font color, frame, frameset, head, header, iframe, ins, kbd, link, main, map, mark, menu, menuitem, meta, tag, contant, nav, noscript, script, object, output, param, picture, pre, progress, q, rp, rt, ruby, s, samp, section, source, strike, sub, sup, summary, svg, template, tfoot, time, track, tt, var, video, wbr, dir, header, footer, dialog, data, accept, align, autocomplete, autofocus, autoplay, bgcolor, background, border, charset, cite, content, controls, default, dirname, download, enctype, http-equiv, ismap, kind, lang, loop, marquee, low, media, onchange, oncopy, oncut, ondrop, onlood, pattern, rel, scope, shape, srclang, step, wrap, form, action, method, encript multipart/form-data, fieldset, legent, input, typetext number, password, email, color, date, month, day, radio, checkbox, range, select, option, textarea, button, reset, submit, attribute, onclick, alert, maxlength, max, min, pattern, size, rows, cols, list, name, datalist, id, optgroup, readonly, disabled, hidden, required, value, placeholder, label CSS & CSS3 -------------------- accelerator azimuth background background-attachment background-color background-image background-position background-position-x background-position-y background-repeat behavior border border-bottom border-bottom-color border-bottom-style border-bottom-width border-collapse border-color border-left border-left-color border-left-style border-left-width border-right border-right-color border-right-style border-right-width border-spacing border-style border-top border-top-color border-top-style border-top-width border-width bottom caption-side clear clip color content counter-increment counter-reset cue cue-after cue-before cursor direction display elevation empty-cells filter float font font-family font-size font-size-adjust font-stretch font-style font-variant font-weight height ime-mode include-source layer-background-color layer-background-image layout-flow layout-grid layout-grid-char layout-grid-char-spacing layout-grid-line layout-grid-mode layout-grid-type left letter-spacing line-break line-height list-style list-style-image list-style-position list-style-type margin margin-bottom margin-left margin-right margin-top marker-offset marks max-height max-width min-height min-width -moz-binding -moz-border-radius -moz-border-radius-topleft -moz-border-radius-topright -moz-border-radius-bottomright -moz-border-radius-bottomleft -moz-border-top-colors -moz-border-right-colors -moz-border-bottom-colors -moz-border-left-colors -moz-opacity -moz-outline -moz-outline-color -moz-outline-style -moz-outline-width -moz-user-focus -moz-user-input -moz-user-modify -moz-user-select orphans outline outline-color outline-style outline-width overflow overflow-X overflow-Y padding padding-bottom padding-left padding-right padding-top page page-break-after page-break-before page-break-inside pause pause-after pause-before pitch pitch-range play-during position quotes -replace richness right ruby-align ruby-overhang ruby-position -set-link-source size speak speak-header speak-numeral speak-punctuation speech-rate stress scrollbar-arrow-color scrollbar-base-color scrollbar-dark-shadow-color scrollbar-face-color scrollbar-highlight-color scrollbar-shadow-color scrollbar-3d-light-color scrollbar-track-color table-layout text-align text-align-last text-decoration text-indent text-justify text-overflow text-shadow text-transform text-autospace text-kashida-space text-underline-position top unicode-bidi -use-link-source vertical-align visibility voice-family volume white-space widows width word-break word-spacing word-wrap writing-mode z-index zoom All ----------------------------- Html, Html5, Css, Css3, Javascript, Jquery, Angular js, Php, Mysql, C#, Java, Phyton etc HTML,CSS,JavaScript,DOM,jQuery,PHP,SQL,XML,Bootstrap,Web,W3CSS,W3C,tutorials,programming,development,training,learning,quiz,primer,lessons,reference,examples,source code,colors,demos,tips,w3c
Views: 37 Answer BD
Color Excel Data Entry Cells With Conditional Formatting
 
09:47
http://www.contextures.com/excelfiles.html#CondFormat Visit this page to download the sample file -- CF0006 - Show Selected Color. On a data entry sheet, select a number of options from a drop down list. That number of options show up in the data entry area. Then, select a color for each item, from another drop down list. In the cell to the right, the selected color is shown. Watch this video to see the steps for creating this worksheet, with conditional formatting and data validation. 0:00 Demo of technique 0:27 How to set up the file 0:38 Created named ranges 1:05 See range names in Name Box list 1:22 Create drop down list of numbers 1:54 Format the cell 2:05 Create drop down lists of colors 2:48 Type list of numbers 3:04 Planning the formatting 3:36 Format the number cells 3:41 Add conditional formatting to number cells 4:12 Type the conditional formatting formula 5:30 Add conditional formatting to color cells 5:54 Type the conditional formatting formula 6:35 Select formatting options 7:09 Add conditional formatting to Sample cells 7:49 Select formatting options for Red 8:07 Select formatting options for Yellow 8:38 Select formatting options for Blue 8:59 Test the worksheet 9:22 Summary 9:34 Download the sample file
Views: 71862 Contextures Inc.
Microsoft word 2003 tutorial in Bangla - Format Menu (2nd Part)
 
18:58
Format Menu:- Borders and Shading in Ms Word 2003 • Borders and shading - You will use this command to set borders for text or paragraph. The border will enclose the text or paragraph you select. The page border option applies a border to all our work the whole page. Here, you can also make use on an art style. Remember to select the style, colour and width for the border. The preview area is important for setting the areas you want or do not want to have a border. The shading option will enable you to apply a shading colour to the selected text. • Columns - this is an important command for setting columns to your work. You can set the number of columns you want and you can make them have a line between them. Tabs and Drop Cap commands of Word 2003 • Tabs - They are used to indent text on the horizontal ruler and they enable you line up text to the right, left, or centre. • Drop cap - This command creates a large dropped initial capital letter on a paragraph. The paragraph must contain text. Procedure, click on Format menu, select Drop Cap, click Dropped or In margin. Select any other options you want like font and how many lines to drop. Text Direction and Change Case in MS Word 2003 • Text direction - This is used to change the text orientation or direction in a table. • Change case - Use this command to change the case of your text to any of the following; Sentence case – normal writing style where we capitalize the beginning of a sentence, lowercase – every text will appear in lower case, uppercase – selected text will be capitalized, Title case – beginning of every word will be capitalized, toggle case - the beginning character will be a capital and the rest in lower case. Changing Background Command in MS Word 2003 • Background - This feature is used to apply a normal background, fill effect and a printed watermark to your page. Format Background then select the colour you want to use. To use fill effects; Format Background fill effects then you can make use of gradient, texture, pattern or a picture as your background. To use a watermark on your document; Format Background, Printed watermark. You can then make use of a picture watermark or a text watermark. Theme and Autoformat Command of MS Word 2003 • Theme - A theme is a set of unified design elements that provides a good look for your documents by using colour, fonts and graphics. • Autoformat - This is an automatic formatting feature that will help you apply formatting such as headings, bulleted and numbered lists, borders, numbers, symbols among others. Styles and Formatting Commands of MS Word 2003 • Styles and formatting - this command is used to apply different formatting styles to your work. • Reveal formatting - Use this to display the different formats that have been applied to your work.
Views: 16 Tech Bank
Photoshop Gold Text Effect
 
14:50
How to create gold text in Photoshop! Turn letters into gold with this easy to create text effect in Photoshop CC and CS6. ► LATEST VIDEO: Photoshop SLICED TEXT Effect: https://youtu.be/1YDZfmfxNgo Complete text version and PDF on my website: http://bit.ly/gold-text-effect ► Watch Part 2: How to remove the background: http://bit.ly/gold_text_2 ► Get Photoshop CC 2019 here: https://bit.ly/Get_Photoshop_CC To create the gold text, we'll use Photoshop's layer styles, and we'll create our own custom gold color gradient! We'll even add a few sparkles to the text using one of Photoshop's brushes to make our gold letters really shine. I'll be using Photoshop CC but every step is fully compatible with Photoshop CS6 and with earlier versions of Photoshop. ► Subscribe to my channel: http://bit.ly/2ndmlwv WHERE ARE THE ASSORTED BRUSHES IN PHOTOSHOP CC 2018 and 2019? Adobe made changes to the brushes as of CC 2018. To access the Assorted Brushes, click the menu icon in the Brush Preset picker and choose Legacy Brushes from the bottom of the menu. Click OK to restore the Legacy Brushes, and then scroll down to the bottom of the brushes where you'll find a new "Legacy Brushes" folder. Twirl the folder open to find all of the original brushes from CC 2017 and earlier, including the Assorted Brushes. LEARN MORE: https://www.photoshopessentials.com/basics/restore-legacy-brushes-photoshop-cc-2018/ ► VIDEO GUIDE: HOW TO CREATE A GOLD TEXT EFFECT IN PHOTOSHOP Step 1: Create a new Photoshop document (0:38) Step 2: Fill the new document with black (1:24) Step 3: Select the Type Tool (1:55) Step 4: Set your font options (2:00) Step 5: Set your type color to white (2:21) Step 6: Add your text (2:47) Step 7: Resize the text with Free Transform (2:57) Step 8: Duplicate the Type layer (3:41) Step 9: Add a Gradient Overlay layer style (4:08) Step 10: Edit the gradient (4:27) Step 11: Save the gradient as a new preset (5:39) Step 12: Change the gradient Style to "Reflected" (6:03) Step 13: Add a Bevel and Emboss layer style (6:17) Step 14: Change Technique to "Chisel Hard" (6:28) Step 15: Change Gloss Contour to "Ring Double" (6:35) Step 16: Change the Angle and turn on Anti-Aliaising (6:49) Step 17: Set the Highlight Mode and Shadow Mode opacity to 75% (7:02) Step 18: Increase the Size to fill in the letters (7:10) Step 19: Increase the Depth to 170% (7:39) Step 20: Add an Inner Glow layer style (7:47) Step 21: Select the original Type layer (8:37) Step 22: Add a stroke (8:42) Step 23: Change the Fill Type and choose the "Gold" gradient (8:51) Step 24: Set the Style, Position and Size of the stroke (8:53) Step 25: Apply Bevel and Emboss to the stroke (9:28) Step 26: Apply an Outer Glow layer style (10:27) Step 27: Select the copy of the Type layer (10:15) Step 28: Add a new blank layer (10:24) Step 29: Select the Brush Tool (11:56) Step 30: Load the Assorted brushes (12:03) Step 31: Choose the "Crosshatch 4" brush (12:42) Step 32: Sample a brush color from the gold letters (13:12) Step 33: Paint random sparkles around the letters (13:38) Step 34: Lower the opacity of the "Sparkles" layer (14:07) If you enjoyed this video, please Like, Share and Subscribe! ► Click here to SUBSCRIBE: http://bit.ly/2ndmlwv WANT MORE VIDEOS? Help support this channel by becoming a member of Photoshop Essentials and get HUNDREDS of Photoshop tutorials as PDFs! LEARN MORE: https://goo.gl/Pv79vW Photoshop Essentials offers Adobe Photoshop tutorials and training designed with beginners in mind, with easy to follow, step by step instructions that make learning Photoshop easy! Subscribe to my channel for my latest Photoshop videos, and be sure to visit my website for hundreds of my written Photoshop tutorials! ► SUBSCRIBE to Photoshop Essentials on YouTube: http://bit.ly/2ndmlwv ► Visit my website: https://www.photoshopessentials.com
Views: 812650 Photoshop Essentials
HTML & HTML5 Attributes Tutorial Bangla 4
 
02:39
html tutorial in bangla Html Attribute Bangla tutorial part 4 Html, Html5, Css, Css3, Javascript, Jquery, Angular js, Php, Mysql, C#, Java, Phyton etc HTML,CSS,JavaScript,DOM,jQuery,PHP,SQL,XML,Bootstrap,Web,W3CSS,W3C,tutorials,programming,development,training,learning,quiz,primer,lessons,reference,examples,source code,colors,demos,tips,w3c a, href, terget, blank, class, id, title, img, src, width, height, style, alt, h1, h2, h3, h4, h5, h6, paragrape, bold, italic, underline, dd, dl, dt, ul, ol, li, div, span, strong, big, small, table, tbody, thead, th, tr, td, colspan, rowspan, cellspacing, cellpadding, blink, textarea, doctype, abbr, address, area, article, aside, audio, base, bdo, blockquot, body, br, canvas, caption, center, code, col, colgroup, del, details, dfn, em, embed, figcaption, figure, font, font family, font color, frame, frameset, head, header, iframe, ins, kbd, link, main, map, mark, menu, menuitem, meta, tag, contant, nav, noscript, script, object, output, param, picture, pre, progress, q, rp, rt, ruby, s, samp, section, source, strike, sub, sup, summary, svg, template, tfoot, time, track, tt, var, video, wbr, dir, header, footer, dialog, data, accept, align, autocomplete, autofocus, autoplay, bgcolor, background, border, charset, cite, content, controls, default, dirname, download, enctype, http-equiv, ismap, kind, lang, loop, marquee, low, media, onchange, oncopy, oncut, ondrop, onlood, pattern, rel, scope, shape, srclang, step, wrap, form, action, method, encript multipart/form-data, fieldset, legent, input, typetext number, password, email, color, date, month, day, radio, checkbox, range, select, option, textarea, button, reset, submit, attribute, onclick, alert, maxlength, max, min, pattern, size, rows, cols, list, name, datalist, id, optgroup, readonly, disabled, hidden, required, value, placeholder, label CSS & CSS3 -------------------- accelerator azimuth background background-attachment background-color background-image background-position background-position-x background-position-y background-repeat behavior border border-bottom border-bottom-color border-bottom-style border-bottom-width border-collapse border-color border-left border-left-color border-left-style border-left-width border-right border-right-color border-right-style border-right-width border-spacing border-style border-top border-top-color border-top-style border-top-width border-width bottom caption-side clear clip color content counter-increment counter-reset cue cue-after cue-before cursor direction display elevation empty-cells filter float font font-family font-size font-size-adjust font-stretch font-style font-variant font-weight height ime-mode include-source layer-background-color layer-background-image layout-flow layout-grid layout-grid-char layout-grid-char-spacing layout-grid-line layout-grid-mode layout-grid-type left letter-spacing line-break line-height list-style list-style-image list-style-position list-style-type margin margin-bottom margin-left margin-right margin-top marker-offset marks max-height max-width min-height min-width -moz-binding -moz-border-radius -moz-border-radius-topleft -moz-border-radius-topright -moz-border-radius-bottomright -moz-border-radius-bottomleft -moz-border-top-colors -moz-border-right-colors -moz-border-bottom-colors -moz-border-left-colors -moz-opacity -moz-outline -moz-outline-color -moz-outline-style -moz-outline-width -moz-user-focus -moz-user-input -moz-user-modify -moz-user-select orphans outline outline-color outline-style outline-width overflow overflow-X overflow-Y padding padding-bottom padding-left padding-right padding-top page page-break-after page-break-before page-break-inside pause pause-after pause-before pitch pitch-range play-during position quotes -replace richness right ruby-align ruby-overhang ruby-position -set-link-source size speak speak-header speak-numeral speak-punctuation speech-rate stress scrollbar-arrow-color scrollbar-base-color scrollbar-dark-shadow-color scrollbar-face-color scrollbar-highlight-color scrollbar-shadow-color scrollbar-3d-light-color scrollbar-track-color table-layout text-align text-align-last text-decoration text-indent text-justify text-overflow text-shadow text-transform text-autospace text-kashida-space text-underline-position top unicode-bidi -use-link-source vertical-align visibility voice-family volume white-space widows width word-break word-spacing word-wrap writing-mode z-index zoom All ----------------------------- Html, Html5, Css, Css3, Javascript, Jquery, Angular js, Php, Mysql, C#, Java, Phyton etc HTML,CSS,JavaScript,DOM,jQuery,PHP,SQL,XML,Bootstrap,Web,W3CSS,W3C,tutorials,programming,development,training,learning,quiz,primer,lessons,reference,examples,source code,colors,demos,tips,w3c
Views: 31 Answer BD
How to Number Different Pages with Specific Page Numbers?
 
04:13
Updated Video with better Audio: https://youtu.be/JDpgoidWYsU This is a Tutorial Video about Page Numbering on Microsoft Word. How to Number Specific Pages with Specific set of Page Numbers(Romans numbers, Etc). Keywords - page number on word 2010/2003/2013, page numbers on word not working, page numbers on word are wrong, insert page number on specific pages word, page numbers on a word document. For more Check Out Our Blog @ https://www.TechzClub.com !
HTML & HTML5 Hyperlink Tutorial Bangla 7
 
06:34
HTML & HTML5 HTML Links - Hyperlinks Html, Html5, Css, Css3, Javascript, Jquery, Angular js, Php, Mysql, C#, Java, Phyton etc HTML,CSS,JavaScript,DOM,jQuery,PHP,SQL,XML,Bootstrap,Web,W3CSS,W3C,tutorials,programming,development,training,learning,quiz,primer,lessons,reference,examples,source code,colors,demos,tips,w3c ----------------------------- a, href, terget, blank, class, id, title, img, src, width, height, style, alt, h1, h2, h3, h4, h5, h6, paragrape, bold, italic, underline, dd, dl, dt, ul, ol, li, div, span, strong, big, small, table, tbody, thead, th, tr, td, colspan, rowspan, cellspacing, cellpadding, blink, textarea, doctype, abbr, address, area, article, aside, audio, base, bdo, blockquot, body, br, canvas, caption, center, code, col, colgroup, del, details, dfn, em, embed, figcaption, figure, font, font family, font color, frame, frameset, head, header, iframe, ins, kbd, link, main, map, mark, menu, menuitem, meta, tag, contant, nav, noscript, script, object, output, param, picture, pre, progress, q, rp, rt, ruby, s, samp, section, source, strike, sub, sup, summary, svg, template, tfoot, time, track, tt, var, video, wbr, dir, header, footer, dialog, data, accept, align, autocomplete, autofocus, autoplay, bgcolor, background, border, charset, cite, content, controls, default, dirname, download, enctype, http-equiv, ismap, kind, lang, loop, marquee, low, media, onchange, oncopy, oncut, ondrop, onlood, pattern, rel, scope, shape, srclang, step, wrap, form, action, method, encript multipart/form-data, fieldset, legent, input, typetext number, password, email, color, date, month, day, radio, checkbox, range, select, option, textarea, button, reset, submit, attribute, onclick, alert, maxlength, max, min, pattern, size, rows, cols, list, name, datalist, id, optgroup, readonly, disabled, hidden, required, value, placeholder, label CSS & CSS3 -------------------- accelerator azimuth background background-attachment background-color background-image background-position background-position-x background-position-y background-repeat behavior border border-bottom border-bottom-color border-bottom-style border-bottom-width border-collapse border-color border-left border-left-color border-left-style border-left-width border-right border-right-color border-right-style border-right-width border-spacing border-style border-top border-top-color border-top-style border-top-width border-width bottom caption-side clear clip color content counter-increment counter-reset cue cue-after cue-before cursor direction display elevation empty-cells filter float font font-family font-size font-size-adjust font-stretch font-style font-variant font-weight height ime-mode include-source layer-background-color layer-background-image layout-flow layout-grid layout-grid-char layout-grid-char-spacing layout-grid-line layout-grid-mode layout-grid-type left letter-spacing line-break line-height list-style list-style-image list-style-position list-style-type margin margin-bottom margin-left margin-right margin-top marker-offset marks max-height max-width min-height min-width -moz-binding -moz-border-radius -moz-border-radius-topleft -moz-border-radius-topright -moz-border-radius-bottomright -moz-border-radius-bottomleft -moz-border-top-colors -moz-border-right-colors -moz-border-bottom-colors -moz-border-left-colors -moz-opacity -moz-outline -moz-outline-color -moz-outline-style -moz-outline-width -moz-user-focus -moz-user-input -moz-user-modify -moz-user-select orphans outline outline-color outline-style outline-width overflow overflow-X overflow-Y padding padding-bottom padding-left padding-right padding-top page page-break-after page-break-before page-break-inside pause pause-after pause-before pitch pitch-range play-during position quotes -replace richness right ruby-align ruby-overhang ruby-position -set-link-source size speak speak-header speak-numeral speak-punctuation speech-rate stress scrollbar-arrow-color scrollbar-base-color scrollbar-dark-shadow-color scrollbar-face-color scrollbar-highlight-color scrollbar-shadow-color scrollbar-3d-light-color scrollbar-track-color table-layout text-align text-align-last text-decoration text-indent text-justify text-overflow text-shadow text-transform text-autospace text-kashida-space text-underline-position top unicode-bidi -use-link-source vertical-align visibility voice-family volume white-space widows width word-break word-spacing word-wrap writing-mode z-index zoom All ----------------------------- Html, Html5, Css, Css3, Javascript, Jquery, Angular js, Php, Mysql, C#, Java, Phyton etc HTML,CSS,JavaScript,DOM,jQuery,PHP,SQL,XML,Bootstrap,Web,W3CSS,W3C,tutorials,programming,development,training,learning,quiz,primer,lessons,reference,examples,source code,colors,demos,tips,w3c
Views: 102 Answer BD
Word, lines to the page edges
 
01:25
Word, lines to the page edges   Decorate documents or pictures with borders In this article Information on the edges in Office Word 2007 Add a border Change a border Remove an edge Information on the edges in Office Word 2007 In Microsoft Office Word 2007, borders can add interest and emphasis to different sections of the document. You can add borders to pages, text, tables and table cells, graphic objects and images. You can add a border to any or all sides of each page of a document, the pages of a section, only the first page or all pages except the first. You can add page borders in many line styles and colors as well as various graphical borders. Add a border to a page. In the Page Background group on the Page Layout tab, click Page Borders. Make sure you are on the Page Border tab of the dialog box Borders and Shading. Click one of the border options exchange. If you want the border to appear in a specific place on the page, as example only at the top, click Customize in the box Value. Under Preview, click where you want to display the edge. Select the style, color and border width. To specify an artistic border, such as trees, select an Art box option. Do one of the following: To specify that the border appears on a page or section, click the option you want under Apply to. To specify the exact position of the border on the page, click Options and select the options you want. NOTE To view the page borders on the screen, display the document in Print Layout view.
Views: 121 Aprende Fácil Ya
Photoshop Tutorial - How To Add Borders To Images In Photoshop
 
03:27
Photoshop Tutorial - How To Add Borders To Images In Photoshop In this video tutorial I show you how to add borders to your images in photoshop. It is a very simple process using canvas size. If you have any questions feel free to ask them in the comment box below! If this video helped you go ahead and LIKE it! Support The Channel By Using Our Amazon Link To Shop: http://goo.gl/slnyvG SUBSCRIBE FOR MORE HERE: http://www.youtube.com/subscription_center?add_user=technologyguru77 More Photoshop Tutorials Here: http://www.youtube.com/playlist?list=PLF8BA260B38ADB3F6&feature=plcp --------------------------------------------------------------------------------­­­­­-- MY TWITTER: https://twitter.com/#!/TechGuru77 MY FACEBOOK: http://www.facebook.com/pages/TechGuru77/376182275747539 MY SNAPCHAT dmporter74 WEBSITE: http://www.premiumtechtips.com Support Our YouTube Creators Podcast On Patreon Here: https://goo.gl/zq3IWo Support Our Podcast On Patreon And Get Your Channel Featured: https://goo.gl/zq3IWo Get A Free Audiobook Here: http://www.audibletrial.com/creatorshub My YouTube Setup: Main Camera: Canon 80D - https://goo.gl/nEIttU Webcam: Logitech C920 - https://goo.gl/WYp9ft Main Monitor: LG UM57 - https://goo.gl/aFKRUp Main Computer: Mac Pro - https://goo.gl/Dav2T3 Microphone: Heil PR40 - https://goo.gl/GFE7K2 Adobe Creative Cloud - https://goo.gl/8HJONR I Use Screenflow To Record My Screencast Videos: Get It Here: https://goo.gl/vRjuJg Support me on Patreon to have access to a private YouTube Creators discord channel and join our community: https://goo.gl/YqtD4s Come Hang Out With Me On Twitch: https://www.twitch.tv/dusttbuster Disclaimers: Links in the description are typically affiliate links that let you help support the channel at no extra cost.
Views: 392315 Dusty Porter
Excel: Page Layout and Printing
 
05:37
In this video, you’ll learn the basics of page layout and printing in Excel 2019, Excel 2016, and Office 365. Visit https://edu.gcfglobal.org/en/excel/page-layout-and-printing/1/ for our text-based lesson. This video includes information on: • Accessing the Print pane • Printing active sheets, a selection, or an entire workbook • Adjusting page orientation and page breaks • Modifying margins in the Preview pane We hope you enjoy!
Views: 342273 GCFLearnFree.org
Word 2007 Tutorial 2:  Page setup and Printing
 
04:55
Word 2007 Tutorial 2: Page setup and Printing. Introduction to Page Setup functionality and printing.
Views: 314828 10minutetrain
How to Style the Selection Area on HTML Page
 
03:14
In this tiny tutorial, I'm gonna show you how to style selection area on your HTML page.
Views: 101 Shohel Rana
jQuery Tutorial: Selection by CSS Style
 
03:59
http://www.frameworktv.com | LearnToProgram is now Framework. Visit and join for free daily videos teaching digital skills like coding and design. SUBSCRIBE TO THE FRAMEWORK CHANNEL http://www.youtube.com/subscription_center?add_user=UC4msOaZNMfPwMe_ztV5jFH SUBSCRIBE TO OUR EMAIL LIST (LEARN FOR FREE!) http://www.frameworktv.com/?src=YOUTUBE VISIT US ON FACEBOOK https://www.facebook.com/frameworkTechnicallySpeaking/ FOLLOW ON TWITTER https://twitter.com/fw_social INSTAGRAM https://www.instagram.com/frameworksocial/
Search filter in AngularJS
 
05:44
angularjs search filter example angularjs search box example In this video we will discuss, how to implement search in Angular using search filter. As we type in the search textbox, all the columns in the table must be searched and only the matching rows should be displayed. Script.js : The controller function builds the model. var app = angular .module("myModule", []) .controller("myController", function ($scope) { var employees = [ { name: "Ben", gender: "Male", salary: 55000, city: "London" }, { name: "Sara", gender: "Female", salary: 68000, city: "Chennai" }, { name: "Mark", gender: "Male", salary: 57000, city: "London" }, { name: "Pam", gender: "Female", salary: 53000, city: "Chennai" }, { name: "Todd", gender: "Male", salary: 60000, city: "London" }, ]; $scope.employees = employees; }); HtmlPage1.html : [!DOCTYPE html] [html xmlns="http://www.w3.org/1999/xhtml"] [head] [title][/title] [script src="Scripts/angular.min.js"][/script] [script src="Scripts/Script.js"][/script] [link href="Styles.css" rel="stylesheet" /] [/head] [body ng-app="myModule"] [div ng-controller="myController"] Search : [input type="text" ng-model="searchText" placeholder="Search employees" /] [br /][br /] [table] [thead] [tr] [th]Name[/th] [th]Gender[/th] [th]Salary[/th] [th]City[/th] [/tr] [/thead] [tbody] [tr ng-repeat="employee in employees | filter:searchText"] [td] {{ employee.name }} [/td] [td] {{ employee.gender }} [/td] [td] {{ employee.salary }} [/td] [td] {{ employee.city }} [/td] [/tr] [/tbody] [/table] [/div] [/body] [/html] Styles.css : CSS styles to make the form look pretty. body { font-family: Arial; } table { border-collapse: collapse; } td { border: 1px solid black; padding: 5px; } th { border: 1px solid black; padding: 5px; text-align: left; } At the moment, the search is being done across all columns. If you want to search only one specific column, then change ng-model directive value on the search textbox as shown below. With this change only city column is searched. [input type="text" ng-model="searchText.city" placeholder="Search employees" /] Link for all dot net and sql server video tutorial playlists https://www.youtube.com/user/kudvenkat/playlists?sort=dd&view=1 Link for slides, code samples and text version of the video http://csharp-video-tutorials.blogspot.com/2015/11/search-filter-in-angularjs.html
Views: 228320 kudvenkat
HTML & HTML5 Elements Tutorial Bangla 3
 
03:06
html tutorial in bangla HTML & HTML5 Html tag element An HTML element usually consists of a start tag and end tag, with the content inserted in between Html, Html5, Css, Css3, Javascript, Jquery, Angular js, Php, Mysql, C#, Java, Phyton etc HTML,CSS,JavaScript,DOM,jQuery,PHP,SQL,XML,Bootstrap,Web,W3CSS,W3C,tutorials,programming,development,training,learning,quiz,primer,lessons,reference,examples,source code,colors,demos,tips,w3c ----------------------------- a, href, terget, blank, class, id, title, img, src, width, height, style, alt, h1, h2, h3, h4, h5, h6, paragrape, bold, italic, underline, dd, dl, dt, ul, ol, li, div, span, strong, big, small, table, tbody, thead, th, tr, td, colspan, rowspan, cellspacing, cellpadding, blink, textarea, doctype, abbr, address, area, article, aside, audio, base, bdo, blockquot, body, br, canvas, caption, center, code, col, colgroup, del, details, dfn, em, embed, figcaption, figure, font, font family, font color, frame, frameset, head, header, iframe, ins, kbd, link, main, map, mark, menu, menuitem, meta, tag, contant, nav, noscript, script, object, output, param, picture, pre, progress, q, rp, rt, ruby, s, samp, section, source, strike, sub, sup, summary, svg, template, tfoot, time, track, tt, var, video, wbr, dir, header, footer, dialog, data, accept, align, autocomplete, autofocus, autoplay, bgcolor, background, border, charset, cite, content, controls, default, dirname, download, enctype, http-equiv, ismap, kind, lang, loop, marquee, low, media, onchange, oncopy, oncut, ondrop, onlood, pattern, rel, scope, shape, srclang, step, wrap, form, action, method, encript multipart/form-data, fieldset, legent, input, typetext number, password, email, color, date, month, day, radio, checkbox, range, select, option, textarea, button, reset, submit, attribute, onclick, alert, maxlength, max, min, pattern, size, rows, cols, list, name, datalist, id, optgroup, readonly, disabled, hidden, required, value, placeholder, label CSS & CSS3 -------------------- accelerator azimuth background background-attachment background-color background-image background-position background-position-x background-position-y background-repeat behavior border border-bottom border-bottom-color border-bottom-style border-bottom-width border-collapse border-color border-left border-left-color border-left-style border-left-width border-right border-right-color border-right-style border-right-width border-spacing border-style border-top border-top-color border-top-style border-top-width border-width bottom caption-side clear clip color content counter-increment counter-reset cue cue-after cue-before cursor direction display elevation empty-cells filter float font font-family font-size font-size-adjust font-stretch font-style font-variant font-weight height ime-mode include-source layer-background-color layer-background-image layout-flow layout-grid layout-grid-char layout-grid-char-spacing layout-grid-line layout-grid-mode layout-grid-type left letter-spacing line-break line-height list-style list-style-image list-style-position list-style-type margin margin-bottom margin-left margin-right margin-top marker-offset marks max-height max-width min-height min-width -moz-binding -moz-border-radius -moz-border-radius-topleft -moz-border-radius-topright -moz-border-radius-bottomright -moz-border-radius-bottomleft -moz-border-top-colors -moz-border-right-colors -moz-border-bottom-colors -moz-border-left-colors -moz-opacity -moz-outline -moz-outline-color -moz-outline-style -moz-outline-width -moz-user-focus -moz-user-input -moz-user-modify -moz-user-select orphans outline outline-color outline-style outline-width overflow overflow-X overflow-Y padding padding-bottom padding-left padding-right padding-top page page-break-after page-break-before page-break-inside pause pause-after pause-before pitch pitch-range play-during position quotes -replace richness right ruby-align ruby-overhang ruby-position -set-link-source size speak speak-header speak-numeral speak-punctuation speech-rate stress scrollbar-arrow-color scrollbar-base-color scrollbar-dark-shadow-color scrollbar-face-color scrollbar-highlight-color scrollbar-shadow-color scrollbar-3d-light-color scrollbar-track-color table-layout text-align text-align-last text-decoration text-indent text-justify text-overflow text-shadow text-transform text-autospace text-kashida-space text-underline-position top unicode-bidi -use-link-source vertical-align visibility voice-family volume white-space widows width word-break word-spacing word-wrap writing-mode z-index zoom All ----------------------------- Html, Html5, Css, Css3, Javascript, Jquery, Angular js, Php, Mysql, C#, Java, Phyton etc HTML,CSS,JavaScript,DOM,jQuery,PHP,SQL,XML,Bootstrap,Web,W3CSS,W3C,tutorials,programming,development,training,learning,quiz,primer,lessons,reference,examples,source code,colors,demos,tips,w3c
Views: 19 Answer BD
Using the Cookie Cutter to create a border in  Photoshop Elements
 
11:09
In this video we creating a border or frame using the Cookie cutter and filter Gallery. It's a great way to present your finished images and it can be used on variety of different subjects. Note - this video was recorded in Elements 11. In Elements 12 + the Cookie cutter can now be found in with the Crop tool, select the Crop tool and in Tool option choose the Cookie cutter. Please Like and Subscribe Web Site http://davrophotofx.co.uk
Views: 22524 davrodigital
How to Blur Photo Background in Photoshop Like Very Expensive Lens Photography
 
06:48
In this photo editing tutorial, learn how to add a smooth blur to your photo backgrounds easily in photoshop. Fantasy soft light blurring effect. ►Download PSD file: http://photoshopdesire.com/blur-photo-background-like-costly-lens-photoshop/ ►Download Stock Photo: https://www.flickr.com/photos/psdesire/37569513776/ First open the photo you would like to work on. Now choose select and mask tool. i'm using ps cc 2017 version, if your version doesn't contain select and mask tool then you may use refine edge tool. select view mode to your liking, I’ve already chosen to use On overlay mode. Take Quick Selection Tool. click & drag the area you want to select. The mark you make doesn’t need to be precise, because the Quick Selection tool automatically and instinctively creates a border. Now we will want to have a look at our mask radius, so tick this "Show Radius" checkbox. if you increase the "Radius" value sightly, you will see a outline appearing - that's the edge of our mask. In this case i will set radius at 8px. If your image has both sharp and soft edges, select Smart Radius. Untick show radius option. Now use the "Refine Edge Brush Tool" to refine edges. Brush over soft areas such as hair to add fine details to the selection. When you've completed brushing the edges, take subtract selection tool and delete unnecessary selections. Finally, tick the Decontaminate Colours box to remove any color fringing with the color of fully selected nearby pixels. use the Output Settings. I almost always use New Layer with Layer Mask. Click the OK button, and you’re done. we successfully cut out main subject from its background. To see layer mask itself, hold down Alt/Opt key and click on layer mask thumbnail. If we zoom in, you may notice some areas that needed some touchup. Take soft brush and change brush blending mode to overlay. select black color and paint on areas to clean. Now we need to remove main subject from the background. To do that duplicate background layer CTRL + J Simply select the subject using lasso tool. Now go to edit menu and fill the selection with content aware tool. Deselect the selection CTRL + D. Now we need to add lens blur to the layer. go to filter menu, select lens blur. Add blur radius to your preference. Image looks good enough. But i will add color lookup adjustments to make image more beautiful. i will choose fall colors look to color tone the image. That's it. DSLR like Very Expensive Lens Photography. Shallow Depth of Field Effect Using Lens Blur. Blur Background Fantasy Photo Effect Editing. How to create Bokeh background blur. Fantasy Soft Light Photo Effects & Blur Background. ►Check out all tutorial here : https://www.youtube.com/photoshopdesiretv/videos Thanks for watching our free Tutorials! If you enjoyed our video be sure to subscribe to our channel to receive free new videos. ►SUBSCRIBE: https://goo.gl/d31fld Don't forget to COMMENT, LIKE and SHARE, to get more :) Follow US - LET'S BE FRIENDS! ------------------------------------------ ►Official Website: http://www.photoshopdesire.com ►FACEBOOK : http://www.facebook.com/photoshopdesire ►GOOGLE+ : https://plus.google.com/+photoshopdesiretv ►Twitter : https://twitter.com/PSDesire ►Instagram: https://www.instagram.com/photoshopdesire Softwares Used: ---------------------------- Photoshop cc 2014, 2015, 2017 Photoshop cs5, cs6, After Effects cs5 Camtasia Studio Check Out Our Playlists: -------------------------------------- Photoshop Tutorials for Beginners, Intermediate and Advanced users https://www.youtube.com/playlist?list=PLGLEKqTDn233O6PusOR1lEvRwjlErdCYV Easy, Quick and Fast Photoshop Tutorial Series (NEW) https://www.youtube.com/playlist?list=PLGLEKqTDn230TS2NzqA2BGblNYZ4NpGWT HDR Photography Using Photoshop https://www.youtube.com/playlist?list=PLGLEKqTDn232tlbcBJHNiEPj1h0wPJvVG Photo Editing, Photo Effects & Photo Manipulation - Special FX https://www.youtube.com/playlist?list=PLGLEKqTDn233VC9ZDSiLav8bI8FKJ93ny Adobe Camera Raw Filter Tutorials and Preset downloads (same settings steps for lightroom also) https://www.youtube.com/playlist?list=PLGLEKqTDn233ab_cdALEjtjGASqtTie10 Color Grading or Coloring in Photoshop https://www.youtube.com/playlist?list=PLGLEKqTDn233uKTZWUFq7GwgNB6BJyM7m Skin, Face & Body Retouching Techniques and Enhancing Tips https://www.youtube.com/playlist?list=PLGLEKqTDn232WN_N6Ek-vnfzr7nNKDHWT Free Photoshop Actions for Photographers and Designers https://www.youtube.com/playlist?list=PLGLEKqTDn233ZVGBJWihIuxGrav7VTCCD Text and Graphics Effects in Photoshop https://www.youtube.com/playlist?list=PLGLEKqTDn233zMfRfoFl-ZwIzzUmf9UDu
Views: 1657992 PSDESIRE
Pages 101 for Mac - Full Tutorial!
 
47:24
Welcome to our full tutorial on Pages for Mac. In this class, we’ll cover everything from how to navigate Pages, accessing your documents on the cloud, using templates to make your documents more dynamic, and so much more. Pages is part of a suite of applications made by Apple the other applications include Numbers and Keynote. Pages is the Apple equivalent of Microsoft Word. It isn’t for everyone! If you’re an author or work in an environment that deals heavily with PC’s running Word, you may find that Microsoft Office for Mac may be a better option. Time Codes: 2:22 Accessing Your Documents via the web Cloud.com 4:52 Moving older documents (not on the cloud) to the cloud 6:25 Using Templates 9:51 App Preferences 11:05 Get back “Save As” 12:29 Viewing Options/Toolbar Navigation 37:00 Collaborating with others on Pages documents 38:14 Document Settings (setting tabs, paper size, margins, header/footer) 40:00 Instant Alpha 42:30 Creating your own templates. Helpful Hotkey: Want to turn a part of your document into a template? Just use Command, Option, Control, and “T” Product Links Office for Mac - http://amzn.to/2gEzIV6 Resources for additional templates: Templates for Pages: http://bit.ly/keynotetemplates See other products we recommend: http://techtalkamerica.com/recommendations/
Views: 374852 David A. Cox
HTML & HTML5 Path Identification Tutorial Bangla 8
 
05:27
html tutorial in bangla HTML & HTML5 HTML File Paths Html, Html5, Css, Css3, Javascript, Jquery, Angular js, Php, Mysql, C#, Java, Phyton etc HTML,CSS,JavaScript,DOM,jQuery,PHP,SQL,XML,Bootstrap,Web,W3CSS,W3C,tutorials,programming,development,training,learning,quiz,primer,lessons,reference,examples,source code,colors,demos,tips,w3c ----------------------------- a, href, terget, blank, class, id, title, img, src, width, height, style, alt, h1, h2, h3, h4, h5, h6, paragrape, bold, italic, underline, dd, dl, dt, ul, ol, li, div, span, strong, big, small, table, tbody, thead, th, tr, td, colspan, rowspan, cellspacing, cellpadding, blink, textarea, doctype, abbr, address, area, article, aside, audio, base, bdo, blockquot, body, br, canvas, caption, center, code, col, colgroup, del, details, dfn, em, embed, figcaption, figure, font, font family, font color, frame, frameset, head, header, iframe, ins, kbd, link, main, map, mark, menu, menuitem, meta, tag, contant, nav, noscript, script, object, output, param, picture, pre, progress, q, rp, rt, ruby, s, samp, section, source, strike, sub, sup, summary, svg, template, tfoot, time, track, tt, var, video, wbr, dir, header, footer, dialog, data, accept, align, autocomplete, autofocus, autoplay, bgcolor, background, border, charset, cite, content, controls, default, dirname, download, enctype, http-equiv, ismap, kind, lang, loop, marquee, low, media, onchange, oncopy, oncut, ondrop, onlood, pattern, rel, scope, shape, srclang, step, wrap, form, action, method, encript multipart/form-data, fieldset, legent, input, typetext number, password, email, color, date, month, day, radio, checkbox, range, select, option, textarea, button, reset, submit, attribute, onclick, alert, maxlength, max, min, pattern, size, rows, cols, list, name, datalist, id, optgroup, readonly, disabled, hidden, required, value, placeholder, label CSS & CSS3 -------------------- accelerator azimuth background background-attachment background-color background-image background-position background-position-x background-position-y background-repeat behavior border border-bottom border-bottom-color border-bottom-style border-bottom-width border-collapse border-color border-left border-left-color border-left-style border-left-width border-right border-right-color border-right-style border-right-width border-spacing border-style border-top border-top-color border-top-style border-top-width border-width bottom caption-side clear clip color content counter-increment counter-reset cue cue-after cue-before cursor direction display elevation empty-cells filter float font font-family font-size font-size-adjust font-stretch font-style font-variant font-weight height ime-mode include-source layer-background-color layer-background-image layout-flow layout-grid layout-grid-char layout-grid-char-spacing layout-grid-line layout-grid-mode layout-grid-type left letter-spacing line-break line-height list-style list-style-image list-style-position list-style-type margin margin-bottom margin-left margin-right margin-top marker-offset marks max-height max-width min-height min-width -moz-binding -moz-border-radius -moz-border-radius-topleft -moz-border-radius-topright -moz-border-radius-bottomright -moz-border-radius-bottomleft -moz-border-top-colors -moz-border-right-colors -moz-border-bottom-colors -moz-border-left-colors -moz-opacity -moz-outline -moz-outline-color -moz-outline-style -moz-outline-width -moz-user-focus -moz-user-input -moz-user-modify -moz-user-select orphans outline outline-color outline-style outline-width overflow overflow-X overflow-Y padding padding-bottom padding-left padding-right padding-top page page-break-after page-break-before page-break-inside pause pause-after pause-before pitch pitch-range play-during position quotes -replace richness right ruby-align ruby-overhang ruby-position -set-link-source size speak speak-header speak-numeral speak-punctuation speech-rate stress scrollbar-arrow-color scrollbar-base-color scrollbar-dark-shadow-color scrollbar-face-color scrollbar-highlight-color scrollbar-shadow-color scrollbar-3d-light-color scrollbar-track-color table-layout text-align text-align-last text-decoration text-indent text-justify text-overflow text-shadow text-transform text-autospace text-kashida-space text-underline-position top unicode-bidi -use-link-source vertical-align visibility voice-family volume white-space widows width word-break word-spacing word-wrap writing-mode z-index zoom All ----------------------------- Html, Html5, Css, Css3, Javascript, Jquery, Angular js, Php, Mysql, C#, Java, Phyton etc HTML,CSS,JavaScript,DOM,jQuery,PHP,SQL,XML,Bootstrap,Web,W3CSS,W3C,tutorials,programming,development,training,learning,quiz,primer,lessons,reference,examples,source code,colors,demos,tips,w3c
Views: 46 Answer BD
Microsoft Word for iPad Tutorial and Feature Overview
 
12:03
A tutorial for Microsoft Word for iPad. The entire Microsoft Office suite is available for FREE, allowing users to create and edit documents on the go. Office 365 members get some more advanced editing features, as well as 1TB OneDrive cloud and applications available for PC and Mac. Buy Office for PC/Mac/Tablet (Amazon): http://goo.gl/XzaI3a Like this video? Click the link to subscribe! https://www.youtube.com/user/TVTechTech?sub_confirmation=1 Get 20GB of FREE cloud storage: https://copy.com?r=luz428 Get $30 off your first year of hosting at DreamHost: http://goo.gl/Q1597p Use the Promo Code: TECHTECH30 --- You can follow us on Twitter (@2MinuteT) And Instagram! http://instagram.com/2minutetech www.2minute.tech
Views: 270336 Bit By Byte
Add Different Colour for Each Page - Microsoft Word
 
03:05
This way you may able to add or change the background color of single page in Microsoft Word and you can also apply multiple colors for different pages very easily. 👉For more visit my channel PC Shastra - https://www.youtube.com/pcshastra 👉Some Helpful Videos of MS Word ▶ How to Group Pictures in MS Word - https://www.youtube.com/watch?v=ZW61AlFO8tw ▶ How to Insert Tick Mark in MS Word 2010 - https://www.youtube.com/watch?v=01qNFUhpAmY ▶ How to Adjust Letter Spacing in Word - https://www.youtube.com/watch?v=f_rtfV5BD7I ▶ Draw & Resize Square, Round Circle and Straight Line in MS Word - https://www.youtube.com/watch?v=7YLwmFcCJuE ▶ Combine Multiple Word Documents into One - https://www.youtube.com/watch?v=R4p_y0K51lY ▶ Add, Change or Remove Page Borders in MS Word - https://www.youtube.com/watch?v=QJpYHgiWae8 ▶ Fill Text with Picture, Texture, Gradient or Pattern - Microsoft Word - https://www.youtube.com/watch?v=W4EW8hNiQTg ▶ Add Different Colour for Each Page - Microsoft Word - https://www.youtube.com/watch?v=Ogmh70IChX0 ▶ How to Insert Different Headers and Footers in Word - https://www.youtube.com/watch?v=sJHPGTwlFwk ▶ How to Make Different Page Sizes in Microsoft Word - https://www.youtube.com/watch?v=KSq7MXbvNbQ ▶ How to Insert and Delete Header or Footer in MS Word - https://www.youtube.com/watch?v=vpPj_kRP8jU ▶ Copy Multiple Text and Paste at a time in MS Word - https://www.youtube.com/watch?v=JuiZJ64CMRk ▶ How to Add or Remove Text and Picture Watermark in MS Word - https://www.youtube.com/watch?v=9J6U2DVUi50 ▶ Draw a Straight Line in MS Word and Change its Color - https://www.youtube.com/watch?v=lTs3I_pD18o
Views: 186410 pc shastra
How to Stretch Images using Content Aware Scale
 
09:47
I Guarantee I Can Teach You to Master Photoshop. Learn How: https://phlearn.com/aaronwillteachyou Have you ever really needed to extend the background of your image, but not wanted to spend hours with the clone stamp tool? If so, today's episode is for you! Learn How to Stretch Images Using Content Aware Scale! Preparation We start out with a square image that we would like to extend. It is a great example because we want to stretch out the water and sky, but not the person standing in the center. If you have a highly detailed photo that you want to stretch, the content aware scale tool will not be the best option. If it's simple open space, however, like a sky or the ground, it will most certainly help you out! You can do this both horizontally and vertically. Start by extending the canvas behind your image. You can do this by using the crop tool and just widening the background. Hold the edge and drag it to the left or right. TIP: Hold Alt/Opt while doing this to extend out evenly from the center. Duplicate the background layer by holding Cmd + J. To test out how incorrect the photo will look with the normal transform tool, you can press Cmd + T and stretch the image out to the new width. Yuck!! It will not look good at all. This is where Content Aware Scale comes in! Content Aware Scale Go to Edit - Content Aware Scale. Now, you can drag the edges of the images outwards and the most important information will stay intact (human figure and the pier) while the more simple information (sky and water) will be extended to hit the new borders. It creates a much more natural look than the previous example! Protect Your Important Information! You might notice that when you used the Content Aware Scale tool, there were parts of your image that were warped or slanted a bit. To truly make sure the items you don't want to stretch stay protected, it will just take a few extra steps. Make a selection of the object you would like to "protect." In this case, it is the man and the pier. Load this selection as a Channel. To do this go to the Channels tab, and create a new channel. Your objects should still be selected! You will see a completely black screen with marching ants around your objects. Hold Shift + Delete and select Use - White. Now, your objects will be white on a black background. Go back to your regular layers tab. Go to Edit - Content Aware Scale, and select your Alpha 1 channel under the Protect drop down menu. Scale the image just as you did before! The objects you chose to "protect" should not move, and you will have a more successful final image. As you can see in our example, the before and after images are only different in their cropped size. The goal is to have the end image look completely natural, and not give away the secret that you've stretched it out! TIP: Sometimes you just can't scale as much as you'd like. A helpful hint is to scale it halfway, stop, and then start over and scale it the rest of the way. ---------------------------------------------------------------------------------------------- Thanks for watching Phlearn! If you enjoyed this video be sure to subscribe to our channel so you don't miss a thing! Subscribe: http://goo.gl/LBIEQU For more advanced Photoshop Tutorials be sure to check out our Phlearn PRO Tutorials. We offer the best Photoshop tutorials available starting at just $24.99. http://phlearn.com/product-category/pro-photoshop-tutorials ---------------------------------------------------------------------------------------------- Stock Images provided by: http://us.fotolia.com/
Views: 357173 PHLEARN
Left align, center, and right align text on one line
 
04:00
http://lawofficesolution.com/ Align text multiple ways in one paragraph in Word. How to center, flush right align, and set other types of alignment for text on one line in MS Word. Similar to a hard tab in WordPerfect. Align text left and right on the same line in Microsoft Word. Dual alignment for one line in MS Word left align center and right align on one line. Left justify and right justify on one line. Law Office Solution provides software training, webinars, and Word templates and macros for law firms. We specialize in helping legal professionals get the most benefit from MS Word for the least amount of effort. We make MS Word easy to use for lawyers, legal secretaries, and paralegals. We customize Word for common legal documents like letter, memo, fax, pleading, proof of service, verification, acknowledgment, etc. As well as help with complex outline numbering used in transactional and litigation documents. Please contact us or visit our website at http://lawofficesolution.com/ for more information.
Applications Platform Foundation: Exercise 5 - Chapter 4 | Creating and Designing Dashboard Pages
 
05:28
For more information on Applications Platform visit: https://www.codelessplatforms.com/community/resources/how-to-video-library/page/2/ Application Foundation Exercise: Creating a dashboard tab and designing the dashboard page - Video 16 Welcome to the Applications Platform training videos from Codeless Platforms. Here are the objectives and approximate running time for this video. In the previous video, we created a Report and Chart for the Customer Object and a Gauge for the Order Object. We will continue our training by Creating a Dashboard Tab and designing the Dashboard Page. Let’s begin on the Catalog Items page. In the sidebar Click on the New Menu link and The What do you want to Create? Dialog will appear. Select the A New Tab option and click the Create button. In the New Tab page, Set the Tab Name as: Dashboard And the Tab Type as: Generic Ensure Parent Tab is set to: None (top-level tab) And that Add to Applications: Classic Guitars is selected Ok, Now, Click the Save button. We now need to Click the application selector and Select App Settings from the drop-down menu. Ok now click the Edit button. The Application: Classic Guitars page will display in edit mode. Scroll down to the Tabs section. Using the arrow buttons reorder the tabs so the Dashboard tab is the first in the list - and click Save button. Let’s click the button to Return to the Classic Guitars app and we can now see the empty Dashboard page. Now Select Design this Page. In the Create area, drag a new Section and drop it just below the existing Section. Ok, let’s repeat this so we have a third Section. Now Select the first section, and in the property menu, change the Section Title to Reports, set the style to Title with Border and select the collapsible option. Ok now change the Section Title of the second to Statistics, set the Style to Title with Border and ensure collapsible is selected. And in the third section name it Realtime Status, set the Style to Title with Border and again ensure collapsible is selected. Ok, In the Available Components list, locate the Report Link Fields section, then find the This Month's Customer Orders item. Drag the This Month's Customer Orders item and drop on the Reports section. In the Available Components list, scroll up and locate the Chart Components section, then find the Customers item. Drag and drop the Customers item on the Statistics section. Select the Customers component, and ensure the Properties are set to Default Chart - Orders by Country. In the Available Components list locate the Gauge Fields section, then find the Orders Invoiced item. Drag the Orders Invoiced component and drop it on the Realtime Status section. Ok now click Save and the Dashboard tab will display with our configured report, chart and gauge. In the Reports section, click on This Month's Customer Orders report link to display the report. Expand and collapse the levels of the report to view the report features. Ok, now Select the Dashboard tab and In the Statistics section, click on the Orders by Country chart. A filtered customer view will display providing a drill-down into the data represented in the chart. Once again, Select the Dashboard tab. In the Realtime Status section, you can see the Orders Invoiced gauge. You can manually Refresh the data using the button or it will be refreshed automatically every 5 minutes. And that’s it for this video, we have created a new Dashboard tab and designed the page to display the report, chart and gauge. This concludes exercise five, we will begin Exercise six by creating a role and Editing Role Permissions.
Views: 15 Codeless Platforms
Photoshop Beginner Tutorial: Using Brush to Stroke a Path in Photoshop (& Tapering the Line)
 
07:07
Learn how to stroke a path in Adobe Photoshop. This quick tutorial will step you through how to setup a path with the always useful Pen Tool and then run through how to use brushes to run a tapered stroke along it. If you have any more questions about the brush tool, paths or strokes in Photoshop then drop me a message. #Photoshop #PhotoshopTutorial #AdobePhotoshop