Home
Search results “Style text align left important”
CSS How To: text-align
 
01:07
Text-align CSS property decides whether text should appear in an HTML element. You can choose to align it to the left, right, center, or justify. This is a pretty basic property in Cascading Style Sheets, but very important. http://www.technoblogical.com/web-design/ Providing training since last Tuesday http://www.technoblogical.com Thanks for watching!
Views: 15038 Chris Walker
Advanced typography styling (spacing, alignment, and more) - Webflow CSS tutorial
 
03:02
Customizing how your type looks and feels is one of the most important choices a designer can make. On top of font properties, line height, and typography units, there are a number of other typography options that you can set in the Styles Panel to define the earance and flow of text. Here are the advanced typography properties we’ll be covering in this video: 1. Letter Spacing 2. Text Indent 3. Text Align 4. Text Decoration 5. Text Transform 6. Direction ---------- Get started with Webflow: https://help.webflow.com/courses/getting-started http://webflow.com http://twitter.com/webflow http://facebook.com/webflow
Views: 6897 Webflow
How to Align Image in HTML
 
01:14
This tutorial will walk you through the image alignment function of HTML through which you can adjust the image and place it according to your requirements 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+ Images are the most important source to create interactive and vibrant web sites. While inserting images into a HTML source code, you need to be very careful with its alignment and spacing on the page. A well placed image adds a great value to a web page while a poorly aligned image can ruin it all. The concept of Image alignment has now devalued in HTML 4 and its onward versions. Web designers are now using CSS for placing images on a web page. A CSS uses a "Float" function to align images in html according to your requirements. Here, we will teach you how to align image in html page using CSS. Step # 1 -- Insert an Image Tag In this tutorial, we will guide you on how to align image in html. First of all, open up the source code of your HTML page in a text editor. Now enter the following code: img src = "graph.jpg" / Here, the "Img" shows the Image tag while the "SRC" denotes the source of the image followed by the Image location. Once done, save your settings and refresh the HTML page in your browser to load the recently added Image. Step # 2 -- Align the Image to the Left In the next step, insert the following code within the image tag: Style = "float: left" This will align the Image to the Left corner of the HTML page and align the Text to the right corner. Step # 3 -- Align the Image to the Right In the next step, try to align the image to the right corner of the page. For this purpose, change the Alignment code to "Right" by replacing the "Left". Save your changes and refresh your browser. You will notice that the image has now been aligned to the right corner of the page. Step # 4 -- Using Different alignments of Image By using this simple technique, you can align images in the HTML page.
Center Alignment Of website Elements | HTML & CSS
 
03:45
In the website, the Center Alignment of Element is a very important task, which we use in templates. The Center Alignment of Element helps our website to be beautiful and user interactive. At the place of place we have to bring the text into the center, so the Center Alignment of Elements is very useful for a website UI designer. I hope you like this simple and easy video. Thanks for watching ! Source Code : https://gplinks.in/nCIuIZk ================================================== Hi friends , We will learn to implement different technologies in web development here. I will try to understand everything easily. You Will find new video on every Sunday And Saturday Morning. I hope you get useful content here. Subscribe , Share And Support, !! YouTube : https://goo.gl/2ZQXN5 Instagram : https://www.instagram.com/rustcode.web Twitter : https://twitter.com/rustcodeweb Subscribe : https://goo.gl/tBKBE9 Google plus : https://goo.gl/vJPhzf ================================================ Track : Halvorsen - Wouldn't Change It [NCS Release] Music provided by NoCopyrightSounds. Watch: https://youtu.be/rbrbibxzarg Channel Link : https://goo.gl/XPyevx ============================================== //Tags// how to make center align element website using html and css, center alignment of text using html and css, Center Alignment Of website Elements, Center Alignment Of Elements using html and css, how to align website element in center using html and css, how create center text website using html and css, how to center text in html, how to align text in html, how to align text in center in html, how to design center page website using html and css, how to align form in center using css #rustcode #web #design #web_development #html #css #javascript
Views: 17 Rustcode
Bootstrap 4 Navbar Concepts | BOOTSTRAP 4 TUTORIAL
 
12:29
The responsive navbar is one of the most important components Bootstrap 4 offers. Learn more about it in this Bootstrap tutorial? You prefer CSS Join the Full CSS Course at 90% off: https://acad.link/css Check out all our other courses: https://academind.com/learn/our-courses With the Bootstrap 4 navbar help, you can easily add an automatically-collapsing (configured by you though) navbar to connect the different pages of your website. Learn more about the navbar core concepts in this Bootstrap 4 tutorial. ---------- Source Code for the Video: https://github.com/academind/bootstrap4-introduction/tree/03-navbar Watch the Series on academind.com: https://www.academind.com/learn/css/bootstrap-4-tutorial/responsive-navbar Official Navbar Docs: http://getbootstrap.com/docs/4.0/components/navbar/ ---------- • Go to https://www.academind.com and subscribe to our newsletter to stay updated and to get exclusive content & discounts • Follow @maxedapps and @academind_real on Twitter • Join our Facebook community on https://www.facebook.com/academindchannel/ See you in the videos! ---------- Academind is your source for online education in the areas of web development, frontend web development, backend web development, programming, coding and data science! No matter if you are looking for a tutorial, a course, a crash course, an introduction, an online tutorial or any related video, we try our best to offer you the content you are looking for. Our topics include Angular, React, Vue, Html, CSS, JavaScript, TypeScript, Redux, Nuxt.js, RxJs, Bootstrap, Laravel, Node.js, Progressive Web Apps (PWA), Ionic, React Native, Regular Expressions (RegEx), Stencil, Power BI, Amazon Web Services (AWS), Firebase or other topics, make sure to have a look at this channel or at academind.com to find the learning resource of your choice!
Views: 66469 Academind
Bootstrap Grid System
 
10:38
bootstrap 3 grid example bootstrap 3 grid system bootstrap 3 columns layout bootstrap grid system example bootstrap 3 page layout bootstrap page layout examples bootstrap 3 layout examples bootstrap page layout tutorial bootstrap grid layout tutorial bootstrap column layout how to use bootstrap 3 grid system In this video we will discuss, How to create page layouts using bootstrap grid system. One of the very important concept that we need to understand in Bootstrap is it's Grid System. The Grid system is used for creating page layouts through a series of rows and columns. The Grid System consists of 12 columns. This grid system is so flexible that you can create any page layout that you want. Let us now see how to create a 3 column layout using the Bootstrap Grid System. The page should be divided into 3 columns with 1:4:1 ratio. One important thing to keep in mind here is that, if we add the 3 numbers in the ratio (1:4:1), the sum should be equal to 12, because the bootstrap grid system consists of 12 columns. This means if the LEFT SIDE BAR column is 2 units, the MAIN CONTENT AREA column should be 8 units and the RIGHT SIDE BAR column should be 2 units. So when we add these 3 numbers (2 Units + 8 Units + 2 Units), we get 12 units. Bootstrap includes several grid classes for creating layouts for different devices like mobile phones, tablets, laptops, desktops, etc. The table below shows the available bootstrap grid classes that you can use to create grid column layouts ranging from extra small devices like mobile phones to large devices like large desktop screens. We will discuss these different classes in detail with examples in a later video. For now let's use .col-md-* class to create a 3 column layout. There are 3 simple steps to create the 3 column layout that we want, using the bootstrap 12 column grid system 1. First, create a container. We do this by creating a [div] element using the bootstrap .container class. All the rows will be within this container. 2. Second, create a row within the container. We do this by creating a [div] element using the bootstrap .row class. 3. Finally within the row we create the 3 columns that we need. We do this by creating [div] elements using any of the bootstrap grid classes (.col-xs-*, .col-sm-*, .col-md-* & .col-lg-*). In this example we are using col-xs-* class. Please note that here I am also using a custom class (.customDiv) to apply some custom styles to each of the div elements. [div class="container"] [div class="row"] [div class="col-md-2"] [div class="customDiv"]LEFT SIDE BAR[/div] [/div] [div class="col-md-8"] [div class="customDiv"]MAIN CONTENT AREA[/div] [/div] [div class="col-md-2"] [div class="customDiv"]RIGHT SIDE BAR[/div] [/div] [/div] [/div] Here is the definition of the custom css class (.customDiv) .customDiv{ margin:3px; min-height:300px; background-color:silver; text-align:center; font-size:large } I have created this class in a stylesheet that I named CustomStyles.css. I have placed this in the root folder of the project. Some important points to keep in mind when working with the bootstrap grid system to create page layouts 1. Rows must be placed within a container for proper alignment and padding. 2. Use rows to create horizontal groups of columns. 3. Content should be placed within columns, and only columns may be immediate children of rows. 4. If more than 12 columns are placed within a single row, each group of extra columns will, as one unit, wrap onto a new line. 5. Grid columns are created by specifying the number of twelve available columns you wish to span. For example, to create four equal columns we would use four .col-xs-3. 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/2016/05/bootstrap-grid-system.html
Views: 280719 kudvenkat
Excel - Alignment, Merge Unmerge & Wrap Text
 
10:27
Check my blog here: http://www.techtutorialvideo.com/ This tutorial is to cover different commands available in the Alignment section under home tab of Microsoft Excel. Vertical alignment options top, center, bottom and horizontal alignment options left, center, rights are shown with example. Also use of wrap text, orientation, margin or indentation of data inside cell is covered. Another important thing that is covered in this tutorial in details is merge and unmerge cells. Difference between "Merge & Center", "Merge Across" and "Merge Cells" is explained clearly with easy example. Also at the end there is a "Tip Of The Session" showing how to quickly generate sequential numbers in Microsoft Excel. So check this video tutorial for details of Alignment, Merge Unmerge & Wrap Text in excel. If you have any question I will be happy to assist you. Please use the comment section to share your question comment and suggestion.
Views: 206815 TechTutorialVideo
دورة CSS   الدرس 11 خآصية text align
 
01:07
css profile css background image css border css selectors css position css transition css padding css display css animation css3 css profile css background image css border css selectors css position css transition css tutorial css padding css display css animation css animation css align css after css align center css attribute selector css arrow css awards css all caps css absolute position css align image center a css attributes a css rule consists of a css class a css hover a css declaration always ends with a a css selector a css tag a css file a css visited a css comment ends with which of the following css background css border css background image css background color css bold css box shadow css beautifier css button css background opacity css box model b css tag b css bold b css width css b vs strong css b strong css b&w filter css border css b series css b class css bgcolor css color css center css corp css cursor css color picker css class css comment css calc css content css color codes cmcss c css parser cmcss calendar cmcss powerschool cmcss jobs cmcss lunch cmcsssd cmcss central office cmcss onsite cmcss transportation css display css drop shadow css div css display block css drop down menu css definition css display flex css display inline-block css disabled css download dcss dl cssd dl css dl css style dl css examples dl css inline d cssd d css is undefined cssd cssd d2l css exam css em css ellipsis css examples css editor css effects css exam 2016 css em vs px css easing css editor online e cssd e.csshooks is undefined css ebook css e f ecommerce css cssf e-file css e html cssa e video css e php css e rechnung css font css forum css font color css font size css float css flexbox css font family css first child css flex css font weight css2123b/f css-f-3n-sw css forum css2123b/f review css2123b f manual css-f-3n css-f-3-hd-fs css-f-2 css f 2 ball valve css f&b css gradient css grid css gradient background css generator css grid layout css grayscale css gallery css glow css greater than css gradient border gcss army gcss-mc gcss-mc login gcssd gcss-a gcsssd gcssk12 gcsaa gcss marine corps gcss-army is specifically configured to css hover css hide css height css hover effects css html css horizontal align css hidden css hunley css hr css hide scrollbar h css class h css style h css tag css h.l. hunley cssmtype.h css h color css h margin css h padding css h-shadow css h tag color css important css italic css image css id css inline css in html css interview questions css image size css inline style css input type i css selector i css italic i css icon i css class css i estimator css i love you css i fly css i php css i love you lyrics css i element css justify css jquery css justify-content css javascript css jobs css jokes css javatpoint css jumbotron css javafx css job profile j css reload j css3 image gallery jquery css css j a cotton casey j j hussain css forum j_security_check css jquery add css jquery ui css jquery change css css keyframes css kerning css keyframe animation css knife css keep footer at bottom css keep aspect ratio css klerksdorp css keywords css keep image ratio css ku kcss kcss library kcs student kcssa kcss10ls kcssonline kcssetup kcssl kcss radio kcssa west africa limited css link css line height css last child css list style css letter spacing css layout css linear gradient css link color css less csslint dl cssd dl css dl css style dl css examples dl css inline مؤسسة النقد css l cssf.l css l shaped div css0015q-l-3000 css margin css media queries css minify css media css menu css meaning css multiple classes css modules css max-width css mania m casino css m yaw css margin css forum css m filter 1 css m dash cssm m&s csm assessment css m_filter css mania css not css nth child css not selector css nowrap css navigation css not class css not first child css normalize css nth-of-type css not last child css nth child css n child css nth css n+1 css n element css nth element css n selector css n+1 selector css n child selector css n of type
CSS Tutorial in Hindi - 16.0 - Text Align
 
04:58
CSS in Hindi - Text Align Welcome to the world of free and quality computer education. In this CSS tutorial, i have explained Css Text-Align which is common property of daily CSS usage. The text-align CSS property describes how inline content like text is aligned in its parent block element. text-align does not control the alignment of block elements, only their inline content. Initial Value: start, or a nameless value that acts as left if direction is ltr, right if direction is rtl if start is not supported by the browser. /* Keyword values */ text-align: left; text-align: right; text-align: center; text-align: justify; text-align: justify-all; text-align: start; text-align: end; text-align: match-parent; /* Global values */ text-align: inherit; text-align: initial; text-align: unset; -------------------------------------------------------------------------------------------------------------- Best IDE-Software to use for this course https://www.youtube.com/watch?v=8bF_W4cZbEY -------------------------------------------------------------------------------------------------------------- CSS is the second step of the long journey of web development. These series of web development course videos is designed for beginners as well as for intermediates. Expert web developers may also find these interesting because of the in-depth explaining nature of these videos. If you are looking forward to become a web developer then this is the right sweet spot for you to become best web developer without paying massive amount of money to the big institutions and colleges. I am making these in-depth quality web development tutorials in Hindi because by the time i was learning, i had limited resources and couldn't pursue top class institutes and colleges and when i searched on internet, there was nothing free and whatever was free, was not quality content or was half knowledge. Out of this pain, my will was born to make quality web development tutorials in hindi with deep explanation of topics. So this CSS tutorial in hindi is my second step to the free and open education dream. Come join me and support me on my journey...... KNOWLEDGE IS FREE.... IT SHOULD BE TAUGHT FREE... ----BECOME BETTER DEVELOPER BY SUBSCRIBING---- ************************************************************ Thanks for watching my videos! If you want more, check links below. + Twitter - https://twitter.com/TechnicalSikh + Facebook - https://www.facebook.com/TechnicalSikh + Instagram - http://www.instagram.com/TechnicalSikhh + Reddit - https://www.reddit.com/user/TechnicalSikh ------------------------------------------------------------------------------------------------------------- Intro and Outro Music By: Kevin MacLeod (incompetech.com) Licensed under Creative Commons: By Attribution 3.0 License https://creativecommons.org/licenses/by/3.0
Views: 61 Technical Sikh
Swift Grouped Messages: Changing Bubble Color and Alignment (Ep 2)
 
22:01
One important feature of the chat messages is the option to change the background color depending on incoming vs outgoing status. Today's lesson will show you how to do this as well as align our chat messages to the left and right side of the screen. Enjoy. Podcasts Course https://www.letsbuildthatapp.com/course/Podcasts Intermediate Training Core Data https://www.letsbuildthatapp.com/course/intermediate-training-core-data Instagram Firebase Course https://www.letsbuildthatapp.com/course/instagram-firebase Facebook Group https://www.facebook.com/groups/1240636442694543/ Completed Source Code https://www.letsbuildthatapp.com/course_video?id=3632 Instagram: https://www.instagram.com/buildthatapp/ Twitter: https://twitter.com/buildthatapp
Views: 8294 Lets Build That App
Keyboard Shortcut for Text Alignment - Microsoft Excel
 
01:36
Align your text using with the help of these shortcut key. There isn't a perfect shortcuts available in Excel but these shortcuts will help to some extent. 👉For more visit my channel PC Shastra - https://www.youtube.com/pcshastra 👉Some Helpful Videos of Excel ▶ Change Case of Text in Microsoft Excel - https://www.youtube.com/watch?v=H46AuBRa7uU ▶ Excel VBA - Autofit Cell Content - https://www.youtube.com/watch?v=wr13wG7ATkc ▶ Insert Picture into an Excel Cell - https://www.youtube.com/watch?v=BKzecTNRk3E ▶ How to Apply, Create & Merge Cell Styles - Excel - https://www.youtube.com/watch?v=M8nwKUesmIk ▶ Filter or Copy Unique Records Only - Excel - https://www.youtube.com/watch?v=xrj6HchZa_M ▶ Data Validation #Dependent Drop Down Lists in Excel - https://www.youtube.com/watch?v=YOvFfYLhf44 ▶ Excel Data Validation #Prevent Entries After Certain Amount - https://www.youtube.com/watch?v=MI5G126YCFg ▶ Excel VBA #Change Font and Background Color of Cells - https://www.youtube.com/watch?v=lLFbKsGXMEE ▶ Use of COUNTIF with Multiple Criteria - Excel - https://www.youtube.com/watch?v=TRTSHUk-yqA ▶ Data Validation #Prevent Duplicate Entries in Excel - https://www.youtube.com/watch?v=Xa-8N_6ZHkg ▶ Copy Format with Auto Fill Handle in Excel - https://www.youtube.com/watch?v=u0_0dOVJ4yg ▶ Apply Superscript & Subscript in Excel - https://www.youtube.com/watch?v=FzxsNLq3VCA ▶ Excel Conditional Formatting #Highlight a Cell with an Entry - https://www.youtube.com/watch?v=b27XWHuEjc4 ▶ Excel VBA Message Box #How to Create MsgBox - https://www.youtube.com/watch?v=HmwoGOtyguI ▶ How to Split Full Name to First and Last Name in Excel - https://www.youtube.com/watch?v=x8arTJeM6XU ▶ How to Hide/Unhide Worksheet and Cell Contents in Excel - https://www.youtube.com/watch?v=cP3pA_DZil8 ▶ Conditional Formatting #Apply Color on Every Other Row or Column - https://www.youtube.com/watch?v=iqXOpAugEOQ ▶ Excel VBA #Select a Cell & Write Value into it - https://www.youtube.com/watch?v=q3IIhScGSOY ▶ Protect Different Ranges with Different Password in a Worksheet - https://www.youtube.com/watch?v=9vxG7n8tIEk ▶ How to Hide and Protect Formulas - Excel - https://www.youtube.com/watch?v=QY736zSjwI0 ▶ Excel Conditional Formatting #Use of Isblank Function - https://www.youtube.com/watch?v=LK6oJmu72Vs ▶ Excel Conditional Formatting Based on Another Cell - https://www.youtube.com/watch?v=09sEq9itE9w ▶ Protect Selected Cells #Type on Specific Area - Excel - https://www.youtube.com/watch?v=dYz5vPf4WGY ▶ Protect Data from Copying in Excel - https://www.youtube.com/watch?v=VILPcJAXWR8 ▶ Sort Data Horizontally in Excel - https://www.youtube.com/watch?v=oypnMBiSdhw ▶ Shortcut Key for Data Validation Dialog Box in Excel - https://www.youtube.com/watch?v=onH6BZFlvb8 ▶ Tricks for Custom Number Format in Excel (Must watch) - https://www.youtube.com/watch?v=5iGF0Fe5GNM ▶ Fill Colors, Patterns and Gradients to Cells in Excel - https://www.youtube.com/watch?v=hiT0s41wNjA ▶ Shortcut for Custom Sort in Excel - https://www.youtube.com/watch?v=diHAkQrEHfw ▶ Insert, Design and Remove a Table without losing Data in Excel - https://www.youtube.com/watch?v=MuW4pPfaNQk ▶ Paste as a Picture Link in Excel 2010 - https://www.youtube.com/watch?v=nN_HFOAjT1k ▶ Repeat Rows and Columns as Titles on Every Printed Pages in Excel - https://www.youtube.com/watch?v=BzBI0ibb8dk ▶ How to Paste Horizontal to Vertical and Vertical to Horizontal in Excel - https://www.youtube.com/watch?v=B-Vm4g0DTYg ▶ Freeze or Lock Row and Column Separately or Together in Excel - https://www.youtube.com/watch?v=orEj68Mt5h8 ▶ How to Apply or Remove Filter with Keyboard in Excel - https://www.youtube.com/watch?v=zfVh1Nn0Ovs
Views: 11836 pc shastra
How To Put Blog Posts on Homepage with Images - in less than 90 seconds
 
04:31
Super quick tutorial. Just download the Recent Post Extended Widget. Drag it into your widgets and click a few boxes and UNCLICK "use default css" and PASTE in this (edit summary font as necessary - see video for details): .rpwe-block ul{ list-style: none !important; margin-left: 0 !important; padding-left: 0 !important; } .read-more, .more-link { color: #ef0202; padding-left: 8px; } .rpwe-block li{ border-bottom: 1px solid #eee; margin-bottom: 10px; padding-bottom: 10px; list-style-type: none; } .rpwe-block a{ display: inline !important; text-decoration: none; } .rpwe-block h3 { background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important; clear: none; font-size: 22px !important; font-weight: 400; line-height: 1.5em; margin-bottom: 0 !important; margin-top: 0 !important; padding-bottom: 1px; } .rpwe-thumb{ border: 1px solid #eee !important; box-shadow: none !important; margin: 2px 10px 2px 0; padding: 3px !important; } .rpwe-summary { font-size: 16px; line-height: 24px; } .rpwe-time{ color: #bbb; font-size: 11px; } .rpwe-alignleft{ display: inline; float: left; } .rpwe-alignright{ display: inline; float: right; } .rpwe-aligncenter{ display: block; margin-left: auto; margin-right: auto; } .rpwe-clearfix:before, .rpwe-clearfix:after{ content: ""; display: table !important; } .rpwe-clearfix:after{ clear: both; } .rpwe-clearfix{ zoom: 1; } ---- This is part of the how to make a wordpress website series with the spacious theme. To watch the entire video see: https://youtu.be/E02UGRe1Yoc Use the hostgator code: nyctech30 for 30% off! (exclusively available through nyctechclub!)
Views: 36868 NYC TECH CLUB
Sublime Text Line and Indentation Tools (Tutorial #2)
 
06:26
I finally launched the full workflow course! https://www.udemy.com/git-a-web-developer-job-mastering-the-modern-workflow/?couponCode=YOUTUBEDEAL Download Sublime Text (Buy it if you love it!) http://www.sublimetext.com/ Follow me on Twitter for resources and updates: https://twitter.com/learnwebcode
Views: 145171 LearnWebCode
How to align Divi Contact Module Submit Button to center
 
01:04
Custom Css Code : #et_pb_contact_form_0 .et_contact_bottom_container { float: none!important; text-align: center!important; }
Views: 4773 Anurag & Divi
How to Align Text in Microsoft Word 2016
 
02:44
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 basic alignment and demonstrate how to align paragraphs to left, center, right, and justify. 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 ;-) Hi there. Welcome back. It’s Cindy again. We’re now in module 4 and this is where we’re going to talk about paragraph formatting. Now in module 3 we talked about character formatting and that’s where the individual letters or numbers were formatted. Now we’re going to talk about formatting the whole paragraphs take on like line spacing and denting, tabs, things like that. Let’s go ahead and get started with section 1 where I want to work with alignment options. We’re back in our Burke Flyer again and you’ll notice again there’s no formatting here and everything is what we call Left Aligned. So you can see it lines up nice and neat on the left hand side but not on the right. And by the way, notice you won’t have any hyphenated words at the very end on the right unless you choose that option. It just normally if an entire word won’t fit on a line it take it to the next line. Let’s start with some basic alignment. I have this title and I’d like to center it. Under the Paragraph grouping here’s your Center button. Notice that’s going to put directly in the center of your document from left to right. I could also use Left Align if I want to move it back to the left. I’ll put it back in the center. This third one is what we call Right Aligned. Let’s say I take the whole document, I’ll use Control-A to select it, and I choose Right Align. Notice everything lines up nice and neat on the right but not on the left. This last one I want to show you is Justify and that’s basically where you have like block style writing. So you’ll notice when you look at Justify it’s nice and neat on the left and nice and neat on the right. What it actually does is puts a little more space between some of the words. So you can kind of look right here and you can see there’s a little more space than normal. But that’s what Justify is, when it all lines up nice and neat. So sometimes you’ll want to take your whole document and align it and other times, like now, if I want it to be justified but the title needs to be centered I select just the title and center that. That’s how your alignments going to work. Let’s go ahead and take a peek at how the line spacing options work because you’ll use alignment when you’re working with line spacing as well. Sorry, we couldn't fit the entire video transcription here since YouTube only allows 5000 characters.
Views: 14891 Simon Sez IT
How To Type In a Circle In Photoshop - Text In a Circular Path Tutorial
 
08:27
In this tutorial, you will learn how to type text in a circle in Photoshop. These examples will teach you how you can type text in a circular path. It may seem simple, but there a few techniques that you must know to work efficiently. All My Text Tutorials! ► https://www.youtube.com/playlist?list=PL3bfN-31F9ReKi0cAijMkiMmomNwsqNOE 📘 INDEX 00:37 - How To Type Text in a Circle 02:25 - How To Align Text in a Circle 06:22 - How To Type on a Path LINKS PTC Newsletter: ► http://ptcvids.com/subscribe Premium Tutorials: ► http://ptcvids.com/shop Website: ► photoshoptrainingchannel.com FOLLOW ME Instagram: ► http://instagram.com/jrfromptc Facebook Group: ► http://ptcvids.com/group Twitter: ► https://twitter.com/JRfromPTC LinkedIn: ► https://linkedin.com/in/jesusramirez9 CREDITS ● Photoshop video tutorials by Jesus Ramirez
How To Align Text Left,Centre,Right,Justify In Ms Word Hindi/Urdu In Video
 
02:21
इस विडियो सीरीज मे आप सीखेंगे MS -WORD के सभी TABS के सभी OPTIONS के बारे में , आगे आने वाली वीडियो में और भी ADVANCE और IMPORTANT जानकारी , MISS न करें और अभी सब्सक्राइब करें, सब्सक्राइब करने के लिए नीचे दिए लिंक पे क्लिक करें https://www.youtube.com/channel/UCtX_kEx0pkQR49Zedu1CeKA?sub_confirmation=1 We are committed to provide best and new videos every week , subscribe to make sure not to miss videos , just click and subscribe using the above link. To download free : E-BOOK + SPOKEN ENGLISH CRASH COURSE OF 20 DAYS , CLICK BELOW http://ishtworld.com/CompleteTraining http://smartosystems.in/CompleteTraining To know about Author click on below link http://ishtworld.com/authorsinfo http://smartosystems.in/authorsinfo To know more complete trainings http://ishtworld.com/shop/ Join our Facebook page https://www.facebook.com/smartosystems Join our YouTube channel https://www.youtube.com/c/ISHTAIMS-SmartoSystemS To subscribe our channel https://www.youtube.com/channel/UCtX_kEx0pkQR49Zedu1CeKA?sub_confirmation=1 Join our Google + Circle https://plus.google.com/+ISHTAIMS-SmartoSystemS Advance Microsoft Word Microsoft Word is great text editing software which is used to create text documents like bio-data, resume, applications, eassy and many more. It has a lot of tools which are really great and very easy to learn, so buy your favourite tutorial DVD, PEN DRIVE FOR COMPUTERS, MEMORY CARD FOR MOBILE . You can learn basic and advance feature with this DVD, PEN DRIVE FOR COMPUTERS, MEMORY CARD FOR MOBILE. HOME TAB S.NO PARTICULARS TIME 1 LETS START FROM HOME TAB 00.00.00 2 HOW TO MAKE SELECTION IN WORD 00.00.16 3 FONT-OPTIONS GROUP 00.01.18 4 CLIPBOARD GROUP 00.09.24 5 PARAGRAPH GROUP 00.11.30 6 STYLES 00.21.32 7 EDITING 00.23.03 INSERT TAB S.NO PARTICULARS TIME 1 PAGES GROUP 00.00.00 2 TABLES 00.02.14 3 TABLE TOOLS DESIGN 00.05.47 3 TABLE RIGHT CLICK PROPERTIES 00.07.57 4 ILLUSTRATIONS 00.14.25 5 PICTURE TOOLS-FORMAT TAB 00.15.05 6 ILLUSTRATIONS CONTINUE 00.19.30 7 DRAWING TOOLS-FORMAT TAB 00.21.16 8 LINKS GROUP 00.29.00 9 HEADER AND FOOTER 00.33.48 10 TEXT GROUP 00.37.16 12 SYMBOLS 00.49.45 MAILINGS S.NO PARTICULARS TIME 1 MAIL MERGE WITH EXAMPLE 00.00.00 2 CUSTOMIZE MAIL MERGE WITH EXAMPLE 00.07.57 3 MAIL MERGE WITH RULES WITH EXAMPLE 00.10.39 4 ENVELOPE WITH EXAMPLE 00.13.51 5 LABELS WITH EXAMPLE 00.16.53 6 MULTIPLE LABELS WITH DIFFERENT TEXT 00.17.36 MICROSOFT WORD INTRODUCTION S.NO PARTICULARS TIME 1 MICROSOFT WORD INTRODUCTION 00.00.00 2 HOW TO OPEN MICROSOFT WORD 00.00.55 3 SCREEN PARTS OF MICROSOFT WORD 00.01.20 PAGE LAYOUT S.NO PARTICULARS TIME 1 HOW TO APPLY THEMES 00.00.00 2 PAGE SETUP GROUP , MARGIN SETTINGS 00.00.44 3 PAGE BREAK ,SECTION BREAT, COLUMN BREAK 00.02.51 4 PAGE BACKGROUND,WATERMARK 00.10.53 5 FILL EFFECTS 00.13.10 6 PAGE BORDERS 00.14.51 7 PARAGRAPH GROUP 00.15.58 REFRENCES S.NO PARTICULARS TIME 1 TABLE OF CONTENTS 00.00.00 2 FOOTNOTES, ENDNOTES 00.03.17 3 CITATIONS AND BIBLIOGRAPHY 00.06.00 4 CAPTIONS 00.07.56 5 INDEX 00.09.47 6 TABLE OF AUTHORITIES 00.12.17 REVIEW TAB S.NO PARTICULARS TIME 1 PROFFING,SPELLING GRAMMAR 00.00.00 2 LANGUAGE GROUP 00.04.31 3 COMMENTS 00.06.11 4 TRACKING 00.07.48 5 TRACK CHANGES ACCEPT, REJECT 00.10.29 6 PROTECT GROUP 00.11.53 VIEW TAB S.NO PARTICULARS TIME 1 DOCUMENT VIEWS 00.00.00 2 SHOW,RULER,GRIDLINES,NAVIGATION PANE 00.02.48 3 ZOOM 00.03.27 4 WINDOW 00.04.10 5 MACROS USING BUTTON WITH EXAMPLE 00.06.00 6 MACROS USING KEYBOARD WITH EXAMPLE 00.08.29 Subscribe to get more videos like this. https://www.youtube.com/channel/UCtX_kEx0pkQR49Zedu1CeKA?sub_confirmation=1 #ishtworld.com #smartosystems
Views: 3798 SmartO Systems
How to Change Text Direction in Table & Text in MS Word
 
02:44
Change Text Directions in MS Word 2007, 2010, 2013 & 2016. Click this link for more detail... http://www.bsocialshine.com/2015/10/how-to-change-text-direction-in-table.html
Views: 169610 MJ Tube
How to align div tags left and right by using float css in tamil
 
06:15
Welcome to our css Tutorial : In this css tutorial we cover alignment, div & other tag using float. Alignment:The alignment is same as text alignment little bit got difference in this chapter. We cover left, right. Div:it it is main function for HTML div statement is very important topic. Other tags using floating statements are also going to cover in this tutorial. Thank you for watching our css Tutorial. Our before css Tutorial links are below. Once again thank you for watching. Left,Right and Center by using text align css in tamil https://youtu.be/K2jh6KiRJ2Q Height and width css in tamil -session 5 https://youtu.be/pJnLkCdH1fM Padding and Margin difference css in atmil https://youtu.be/vsMFri2fqJc Subid and Subclass by using id and class css in tamil https://youtu.be/Cv5qwXZgPw0 Id and Class difference css in tamil https://youtu.be/zcSLZPqc2-0
Views: 100 Time Entertainer
How to Justify Margins in Word 2010
 
02:22
How to Justify Margins in Word 2010 When formatting text in a word-processing program, correctly aligning paragraphs with the margins, commonly known as margin justification, can be difficult when you don't know how. This video will show you how. Knowing how to justify margins correctly is important, especially in college classes. Professors are likely to lay out in their assignments how they want student papers formatted. Some teachers require left justification, some require center or full justification; and there may be times when you must right justify your margins. Same is true for businesses. Each company will likely have its own style preferences. Knowing how to navigate through your word processing program will help you adapt to any style. It’s really not that hard once you practice it a bit. You may want to note that, while full justification has a nice professional look (book paragraphs are fully justified), the varied spacing between words can be straining on the readers’ eyes. For that reason, it’s a good idea to use left justification as your default setting. In left justification, all spacing between all words is the same. Basically, in Word, start from the Home tab. In the Paragraph section of the ribbon menu, you’ll see four small icons that look like, in order from left to right, left justified, center justified, right justified, and fully justified. Put the cursor in any paragraph, then click on one of the four icons to sets its justification. Again, it’s not that difficult, and the video will show you how. Click to Subscribe and click the bell icon to be notified of new videos. Leave video topic requests in the Comments section below. =================================== Awesome Music: “Walking L.A.” vollkornbrot https://freesound.org/people/vollkornbrot/sounds/371976/ ========================== Visit me at www.zenmanyo.com.
Views: 533 Zen Man Yo
Paragraph Formatting and Text Alignments in Word 2016 Tutorial | The Teacher
 
06:38
In this Microsoft Word 2016 Tutorial, you will learn to use Paragraph Formatting and Alignment options. Basically there are four types text alignment options available in Microsoft Word which are: Left, Center, Right and Justify. In this Word Tutorial you will learn in depth about using all of these four alignment options. Especially the last alignment option "Justify". We will cover in detail that how Microsoft Word differentiate between a line and a paragraph and how does Microsoft Word counts how many paragraphs are in your document. You will also learn that why sometimes paragraph justification does not work on all the selected paragraphs and how to type a paragraph more efficiently and what not to do while writing a paragraph. Narrated By: Emma (TTS) Music Credits: Acoustic Meditation 2 by Audionautix is licensed under a Creative Commons Attribution license (https://creativecommons.org/licenses/by/4.0/) Artist: http://audionautix.com/ Narrated By: Emma (TTS) as The Teacher Check Out My Other Works ======================== Watch Word 2016 Tutorials @ https://goo.gl/zZx9Bk Watch Excel 2016 Tutorials @ https://goo.gl/CDgCaL Watch More PowerPoint 2016 Tutorials @ https://goo.gl/YSFjgt Top 40 PowerPoint Animation Tutorials, That You Might Haven't Seen Before https://youtu.be/sz4PpIpzoQ8 Watch More Motion Graphics in PowerPoint Tutorials : https://goo.gl/7ujIsn For More Animated Motion Backgrounds : https://goo.gl/dk5pjk Watch More Animated Loaders and Spinners : https://goo.gl/P1Py0r For Kinetic Typographic and Advanced Text Animation in PowerPoint : https://goo.gl/b3fuys For More Microsoft Windows 10 Tutorial Videos Visit @ https://goo.gl/4aJGnP Watch Best How To and Tips and Tricks Videos @ https://goo.gl/qzrP13 Subscribe Us @ http://www.youtube.com/theteacher Like Us @ http://www.facebook.com/bemyteacher Circle Us on Google Plus @ http://www.google.com/+theteacher Visit Us @ http://www.theteacherpoint.blogspot.com Presented By The Teacher
Views: 59207 The Teacher
Difference Between Inline and Block Elements CSS
 
05:52
Block vs inline explained. Why not both? When to use it, how to transform one in another and much more in this tutorial. Follow the wisdom of Tech Tzu: https://twitter.com/Tech_Tzu https://www.facebook.com/profile.php?id=100013382105892&fref=ts Project Resources: http://www.mediafire.com/download/ydkkkcar8z6685c/Inline_vs_Block_elements_-_by_Tech_Tzu.zip Tools: Brackets, FREE code editor http://brackets.io/ Emmet, super speed coding addon http://emmet.io/ Beautify, turning your ugly code into beautiful script https://github.com/brackets-beautify/brackets-beautify Transcription: Okay let's understand what is the difference between inline and block elements, it's very important to understand the difference so we can easily manipulate your HTML file and CSS files. And your website layout in general. Okay. Inline elements are basically elements that flow, that flows one after each other, for example, add one p tag and add some text inside, as you can see we can add our span, which is an in-line element and says this is span and you can see that our text is inside the text it this text wrap its around, so nothing special, you just add some in-line elements. For example, let's add the big is this is an inline element and say this is big text, and that's it. Inline elements are elements that are inside the text and the text flows around them. Okay, let's move to block elements. Block elements are, for example, our div is a block element and I will explain on this example. Let's add to our div some styling, some styling, I prepare some styles over here in the comment just cut it inside add some width to be 100 pixels, and the height also, and background color to be white. Just to add hex code... and now we can see our div element. For example, if you add, we can add in the span elements, we can add another span element, for example, this is a big text big, we just copy and paste it and it will be in a line, but if we add another div elements, just copy this one here, it will go in another line. Just add some margin so we can better see margin to be up 20 pixels. Okay, so we can see our, our div element so let's add another div element. okay, there's another div element. As you can see the block elements are one below another and our in-line elements are next to each other. But, we have tricks, we can just mash up some these things, and just let's say that are div elements, which are naturally block elements, let's say display, display inline, so they act like inline elements. And what happened? As you can see something is wrong. And that's because inline elements don't support height and width of the elements. Just check this out: if we add to our big, just say it's add to our big element, let's add height for example 100 pixels nothing happens. Width also 100 pixels nothing happens. Because inline elements don't support width and height, but block elements do, so we just need to display these like inline-block. As you can see now our elements are acting just like in-line elements, just like this one, and that but there block elements. What will happen if we add to our in-line elements display to be displayed like a block? They will just fall down ok? I will just add background color so we can see better. And as you can see we changed to block height in the width now have a purpose and we had these white background block but if we add inline-block they will flow next to each other the flow next to each other. So the main difference between the div and in-line between the block and in-line elements is that in-line in line with text and block acts as a block and just add display in-line block or display block to change behavior of that element. So everything can be in-line and everything can be a block element by just by adding these rule display. And this is it, thank you for watching and bye-bye.
Views: 3301 Filip Delac
Gravity Forms Tutorial 2018 | How to Make Gravity Forms Look Great
 
12:33
In this video I will show you how to style gravity forms using CSS to look nice, also using a function to hide form headings. Code is below: /* Add this to functions.php to remove field headings*/ add_filter( 'gform_enable_field_label_visibility_settings', '__return_true' ); Use these pre made CSS classes to make each field go in halfs gf_left_half Gf_right_half Source: https://www.gravityforms.com/css-ready-classes/ CSS for Contact Form, Submit Button & Error/Confirmation messages /* This is styling the Contact Form Button */ #gform_submit_button_1 { color: #fff; background-color: #00A759; border: 1px solid transparent !important; cursor: pointer; outline: none; text-align: center; text-decoration: none; background-image: none !important; padding: 7px 50px 7px 50px; font-size: 18px; font-family: Source Sans Pro,sans-serif; font-weight: 400; -webkit-transition-duration: 1.0s; /* Safari */ transition-duration: 1.0s; border-radius: 3px; } /* This is styling the Contact Form Button */ #gform_submit_button_1:hover { background-color: #4cc18a; /* Green */ color: white; } /* This is styling the contact form */ body #gform_wrapper_1 { border: 1px solid red ; border-radius: 10px; padding: 15px; border: 1px solid #bbb; border-top-color: rgb(187, 187, 187); border-top-style: solid; border-top-width: 1px; border-right-color: rgb(187, 187, 187); border-right-style: solid; border-right-width: 1px; border-bottom-color: rgb(187, 187, 187); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(187, 187, 187); border-left-style: solid; border-left-width: 1px; } /* This removes margins from the top rows of the form */ #field_1_1, #field_1_2, #field_1_3, #field_1_5 { margin-top: 0px; } /* This centres the button in my contact form */ div.gform_footer.top_label { text-align: center; } /* This makes the error text on my form white instead of red */ .gform_wrapper div.validation_error, .gform_wrapper .validation_message, #gform_confirmation_message_1 { color: #ffffff; font-size: 18px; padding: 10px 10px 10px 10px; text-align: center; }
Views: 527 Rhys Hughes
Proper Sleep Posture for Overall Wellness
 
05:27
Medical studies have proven the benefit neck alignment has on overall wellness. When your neck is properly supported, circulation is improved, muscles are relaxed, and breathing is unobstructed. All of these benefits reduce pain and promote better sleep. The Comfort Adjust Pillow is different from any other pillow on the market, it is a new kind of pillow designed to fight neck pain and give you a better night's sleep. The premium memory foam pillow cradles the head and neck comfortably while maintaining the perfect dimensions for back and side sleepers. While every other pillow on the market loses support during the night, the Comfort Adjust Pillow Alignment Core provides optimal support night after night. All you have to do is choose your level of comfort and support with the turn of a dial! Visit Us: http://www.accesshealth.tv Like Us: https://www.facebook.com/accesshealthtv #AccessHealth 104968 Access Health brings a panel of three renowned experts to tackle important health and wellness topics in the fields of Medical, Nutrition and Fitness all from the female perspective. You can have access to healthier living, so tune in to Access Health airing Wednesday at 7:30 am ET/PT on Lifetime. 104968
Views: 159709 Access Health
HTML Web Design Tutorials - HTML Structure and Opening and Closing Tags Lesson 2
 
09:44
Subscribe: https://www.youtube.com/user/xaratemplate?feature=mhee Website: http://www.xaratemplate.com Twitter: https://twitter.com/xaratemplate Facebook: https://www.facebook.com/allen.smith.1884 HTML Web Design tutorials - Hyper Text Markup Language. Learn how to setup up a basic structure for a HTML web design document, define the HTML version, open and close HTML tags and learn how to apply the proper file extensions when saving document in notepad. This web design tutorial is by no means a complete structure for HTML coding and is only a brief introduction to HTML web design. This video will only go over a brief introduction to the structure of an HTML document and in a future tutorial we will go over additional components that are needed to add extra functionality. When saving your document it has to be saved as "html" or "htm" for the file extension. One very important concept that you must understand when you finish watching this video tutorial is opening and closing tags because that is a foundational concept that is necessary for you to become successful at creating proper HTML websites. When we define the document type we will be using the newest version of HTML called HTML5 so that our websites will meet the newest standards of the future. If after watching this web design tutorial you still need help please let us know and we will do our best to assist you with improving your knowledge in HTML. Feedback is really important to us please leave us a comment on how effective our web design tutorial are. In fact we read through every comment left on our web design tutorials. If you notice any issues while watching our web design tutorial please let us know so we can fix it. Artist of the track: Techsmith Name of track: Pound Direct URL of the Track: http://assets.techsmith.com/Downloads/camtasia-studio-librarymedia/Pound.libzip Page track is displayed on: http://www.techsmith.com/camtasia-library-media-music-tracks.html License Agreement: http://assets.techsmith.com/Docs/pdf-camtasiaStudio/Camtasia_Studio_8_for_Windows_TSLA.pdf
Views: 8663 xaratemplate
How to Indent Text in Word
 
01:32
In this video tutorial we will show how to create an indent for text in Word. 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+ Indenting text is an important element of formatting a document in Word. This tutorial is going to show you how to indent in Word. Step # 1 -- Using a Shortcut One of the most popular indents is placing a short space before the text of a paragraph begins. The easiest way to do this is to click before the text in the paragraph and press the "tab" key on the keyboard. An indent will appear and the "First Line Indent" marker on the ruler at the top will move along the ruler. Step # 2 -- Manually Create an Indent We'll go back a step now by pressing "Control" and "Z" to show you how to make an indent manually. Click the "First Line Indent" marker and drag it along the ruler, as you go an indent will appear in whatever paragraph your cursor is in. To apply this type of indent to the whole file, press "Control" and "A" to select everything, and more the marker again. Step # 3 -- Creating a Hanging Indent To indent all of the text in a paragraph you will need to use the "Hanging Indent Marker" which is the middle marker on the ruler. Undo the changes we just made and use this marker to change the hanging indent, again to apply this indent to the whole document, select everything and repeat. Step # 4 -- Indenting Everything To indent the whole paragraph you should use the lowermost marker. Undo the changes once again and now click this marker and drag it across. To apply this sort of indent to the whole document you need to select all again and repeat the process. These are the steps for using indent in Word.
Image Classes in Bootstrap
 
08:09
Create responsive images by adding an .img-responsive class to the img tag. The image will then scale nicely to the parent element.The .img-responsive class applies max-width: 100%, height: auto, and display:block to the image. Create rounded corner images by adding an .img-rounded class to the img tag. Create circle images by adding an .img-circle class to the img tag. Create thumbnail images by adding an .img-thumbnail class to the img tag. Positioning Images: 1) .Center With the CSS class center-block you can center images in Bootstrap. 2) .pull-left Images can be aligned to the left. The text will then flow around the image. 3) .pull-right Images can be aligned to the right. The text will then flow around the image.
Views: 183 sk Coders
HTML Tutorial in hindi PART 07 background color and align tag in html
 
07:33
In this lesson I show background color, and common tags for html. Things like headers, ruled lines, bold, italics, underlined, typer writter and centered text, also paragraphs, and skipping lines. This tutorial will walk you through the image alignment function of HTML through which you can adjust the image and place it according to your requirements Images are the most important source to create interactive and vibrant web sites. While inserting images into a HTML source code, you need to be very careful with its alignment and spacing on the page. A well placed image adds a great value to a web page while a poorly aligned image can ruin it all. The concept of Image alignment has now devalued in HTML 4 and its onward versions. Web designers are now using CSS for placing images on a web page. A CSS uses a "Float" function to align images in html according to your requirements. Here, we will teach you how to align image in html page using CSS. Step # 1 -- Insert an Image Tag In this tutorial, we will guide you on how to align image in html. First of all, open up the source code of your HTML page in a text editor. Now enter the following code: img src = "graph.jpg" / Here, the "Img" shows the Image tag while the "SRC" denotes the source of the image followed by the Image location. Once done, save your settings and refresh the HTML page in your browser to load the recently added Image. Step # 2 -- Align the Image to the Left In the next step, insert the following code within the image tag: Style = "float: left" This will align the Image and text to the Left corner of the HTML page and align the Text to the right corner. Step # 3 -- Align the Image and text to the Right In the next step, try to align the image to the right corner of the page. For this purpose, change the Alignment code to "Right" by replacing the "Left". Save your changes and refresh your browser. You will notice that the image has now been aligned to the right corner of the page. Step # 4 -- Using Different alignments of Image and text By using this simple technique, you can align images in the HTML page. -~-~~-~~~-~~-~- Please watch: "top navigation bar ||css menu ||top navigation ||website navigation bar design ||html navigation" https://www.youtube.com/watch?v=pU0GaTFVHWM -~-~~-~~~-~~-~-
Views: 240 TechWeb Solutions
CorelDraw - How to align & distribute in CorelDraw
 
02:07
CorelDRAW Tutorial For Beginners: In this tutorial you will learn how to align and distribute in CorelDraw X8. CorelDRAW Tutorial For Beginners playlist: https://www.youtube.com/watch?v=Eof0m3dMpOc&list=PLIXCsbZT2eyUKNrMsjdq3pvpFE9-HCmXH Shorcut used : Align Bottom : B - Aligns selected objects to the bottom Align Centers Horizontally: E - Horizontally aligns the centers of the selected objects Align Centers Vertically : C - Vertically aligns the centers of the selected objects Align Left : L - Aligns selected objects to the left Align Right: R - Aligns selected objects to the right Distribute Bottom : Shift+B - Distributes selected objects to the bottom Distribute Centers Horizontally: Shift+E- Horizontally Distributes the centers of the selected objects Distribute Centers Vertically: Shift+C -Vertically Distributes the centers of the selected objects Distribute Left: Shift+L - Distributes selected objects to the left Distribute Right :Shift+R - Distributes selected objects to the right Distribute Spacing Horizontally: Shift+P - Horizontally Distributes the space between the selected Distribute Spacing Vertically: Shift+A- Vertically Distributes the space between the selected objects Distribute Top: Shift+T - Distributes selected objects to the top ------------------------------------------ Most of the technique used by ChecKit tutorials can be created in all version of coreldraw : x3,x4,x5,x6,x7,x8 ------------------------------------------ ♥Subscribe Now: https://goo.gl/TFUk7r ------------------------------------------ ♥Donate - https://goo.gl/UgipL0 ------------------------------------------------------------------ ♥ FACEBOOK: https://www.facebook.com/ChecKitHD/ ♥ REDDIT: https://www.reddit.com/user/ChecKitHD/ ♥TUMBLR: http://checkithd.tumblr.com/ ♥PINTEREST: https://www.pinterest.com/checkithd/ ♥GOOGLE +: https://plus.google.com/+ChecKitHD/ ------------------------------------------ Here at ChecKit , we are dedicated to providing you with the best CorelDRAW tutorials! The goal for this channel is to make YOU learn Corel Draw very fast. Try us out for yourself! #CorelDraw Thanks for watching! Remember to comment, like or subscribe!
Jak tworzyć szablony na Blogspot? - CSS (Part #2) /+ Kaeru
 
10:55
Druga część poradnika, tym razem dotycząca CSS'a. Kanał Kaeru: https://www.youtube.com/channel/UCxIW88SMm6oh99ShhYMU4Ag?feature=watch Mój blog: http://imagined-paradise.blogspot.com/ Blog Kaeru: http://imaginaria-luna.blogspot.com/ Program do nagrywania: Camtasia Studio 8 Gdzie można znaleźć instrukcje CSS?: http://instruktazowo.blogspot.com/ http://terriblecrash.blogspot.com/ http://zaczarowane-instrukcje.blogspot.com/ http://tajemniczy--ogrod.blogspot.com/ http://graphical-thoughts.blogspot.com/ http://instruktazowo.blogspot.com/ http://maudlaisy.blogspot.com/ http://demens-mulier.blogspot.com/ Cały CSS z szablony przedstawionego w filmie: body {background-image: url(http://img692.imageshack.us/img692/26...} header {height: 600px;} #Blog1 { background-color: RGBa(43, 38, 56, 0.8); border-top: 10px solid #D4D5FA; border-bottom: 10px solid #D4D5FA; border-left: 2px solid #D4D5FA; border-right: 2px solid #D4D5FA; border-radius: 60px; } .post { background-color: #D4D5FA; padding: 15px; margin-right: 0px; border-radius: 60px; text-align: justify; } h2.date-header span { text-align: center; margin-bottom: -8px; } h3.post-title { text-align: center; text-transform: uppercase; } .column-right-inner .widget { background-color: RGBa(43, 38, 56, 0.8); border-top: 10px solid #D4D5FA; border-bottom: 10px solid #D4D5FA; border-left: 2px solid #D4D5FA; border-right: 2px solid #D4D5FA; border-radius: 60px; padding-bottom: 20px !important; text-align: justify;} h2 { text-align: center; } #PageList1 a:link, #PageList1 a:visited { text-align: center !important; background-color: white; display: block; margin-bottom: -8px; padding: 2px; text-transform: uppercase; font-family: trebuchet ms; font-style: italic; margin-left: 10px; margin-right: 10px; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;} #PageList1 a:hover { text-align: center !important; background-color: white; display: block; margin-bottom: -8px; padding: 2px; text-transform: uppercase; font-family: trebuchet ms; font-style: italic; margin-left: 10px; margin-right: 10px; color: #e0716c !important; border-right: 17px solid #e0716c; border-left: 17px solid #e0716c; transition:all 0.5s !important; -moz-transition:all 0.5s !important; -webkit-transition:all 0.5s !important; -o-transition:all 0.5s !important;} .column-right-inner { position: relative; left: -20px; top: -100px;}
Views: 18006 Lizz Kaviste
HOW TO SURROUND AN IMAGE WITHIN  TEXT - BLOGGER
 
03:46
As default, Blogger image placement was kinda _awful_. So.. how we customize it to make THE IMAGE looks better by removing it's gap (surround image within text). 1. Navigate to dashboard and create new post. 2. Type anything you want to post until part that you need to upload image. Or maybe you want to place image first before everything?? skip to step 3 then. Otherwise just type.... 3. Upload your image & Arrange it size as you desired (eg. small, medium, etc) 4. Switch to HTML mode & delete this <div class="separator" style="clear: both; text-align: center;"> and this </div> 5. search <a href & delete it style. I'm talking about this code style="margin-left: 1em; margin-right: 1em;" 6. Now search for <img & add this code right AFTER it style="float:left;margin:10px" so it'll be look like this <img style="float:left;margin:10px" 7. If you want to place image on the right side, just replace float:left; (on step 6) with float:right; 8. We're already done the important part. Continue writing your post or publish it. If you want to add more image, just repeat the proccess. 9. Publish. Any question?? leave a comment here or mail me at [email protected] Ps: This is my first tutorial video, so please excuse me if I.. Nvm
Views: 322 Muhammad Mustova
Adobe Illustrator Type Shortcuts
 
15:33
Learn about the Adobe Illustrator type shortcuts to help you modify basic character formatting such as type size, leading, tracking & kerning, baseline shift, align and justify text. Illustrator Type Shortcuts Increase Type Size in Adobe Illustrator ▶ Ctrl + Shift + Right Angle Bracket (Windows) ▶ Cmd + Shift + Right Angle Bracket (Mac) Decrease Type Size in Adobe Illustrator ▶ Ctrl + Shift + Left angle bracket (Windows) ▶ Cmd + Shift + Left angle bracket (Mac) Increase Type Size by 10 Points ▶ Ctrl + Alt + Shift + Right angle bracket (Windows) ▶ Cmd + Option + Shift + Right angle bracket (Mac) What is Leading in Typography Leading is the amount of vertical space between lines of text and the increments are the same as the font size we set inside the Preferences panel. Increase Leading in Adobe Illustrator ▶ Alt + Down Arrow Key (Windows) ▶ Opt + Down Arrow Key (Mac) Decrease Leading in Adobe Illustrator ▶ Alt + Up Arrow Key (Windows) ▶ Opt + Up Arrow Key (Mac) What is Tracking & Kerning in Typography In typography, tracking refers to the amount of space between a group of letters which means controlling the uniform spacing between all the letters in a piece of text. Kerning refers to the spacing between two specific letters. To change the tracking for an entire group of letters, first select the letters you want to change. Increase Tracking in Adobe Illustrator ▶ Ctrl + Shift + Right bracket (Windows) ▶ Cmd + Shift + Right bracket (Mac) Decrease Tracking in Adobe Illustrator ▶ Ctrl + Shift + Left bracket (Windows) ▶ Cmd + Shift + Left bracket (Mac) Reset Tracking to Zero (0) ▶ Ctrl + Alt + Q (Windows) ▶ Cmd + Option + Q (Mac) What is Kerning in Typography For the Kerning I am going to place the cursor in between two letters. Loosen the kerning and give character breathing room ▶ Ctrl + Shift + Right bracket (Windows) ▶ Cmd + Shift + Right bracket (Mac) Bring Two Type Characters Closer ▶ Ctrl + Shift + Left bracket (Windows) ▶ Cmd + Shift + Left bracket (Mac) Reset Kerning to Zero (0) ▶ Ctrl + Alt + Q (Windows) ▶ Cmd + Option + Q (Mac) What is Baseline Shift in Typography Use Baseline Shift to move selected characters up or down relative to the baseline of the surrounding text. Increase Baseline Shift in Adobe Illustrator ▶ Alt + Shift + Up Arrow (Windows) ▶ Option + Shift + Up Arrow (Mac) Decrease Baseline Shift in Adobe Illustrator ▶ Alt + Shift + Down Arrow (Windows) ▶ Option + Shift + Down Arrow (Mac) Align Text in Adobe Illustrator The most commonly used text modifications keyboard shortcuts are the ones that align text left, right, or center. Align Text Left in Adobe Illustrator ▶ Ctrl + Shift + L (Windows) ▶ Cmd + Shift + L (Mac) Align Type Right ▶ Ctrl + Shift + R (Windows) ▶ Cmd + Shift + R (Mac) Align Type Center ▶ Ctrl + Shift + C (Windows) ▶ Cmd + Shift + C (Mac) Justify Text in Adobe Illustrator Text is justified when it is aligned with both edges. You can justify all text in a paragraph either including or excluding the last line. Justify Text with Last Line Flushed to the Left ▶ Ctrl + Shift + J (Windows) ▶ Cmd + Shift + J (Mac) Justify Text with all Edges Flushed and the Last Line to Be Spaced All the Way Across. ▶ Ctrl + Shift + F (Windows) ▶ Cmd + Shift + F (Mac) More from Elias Sarantopoulos ❤ Creative tutorials from Elias Sarantopoulos. Helping you develop your skills with Affinity Designer, Adobe Illustrator, After Effects, and Bootstrap tutorials. Website! ▶ Helping You Develop - http://www.pixelias.com/ Flickr! ▶ http://bit.ly/1xx0bBu Instagram! ▶ https://instagram.com/pixeliasdotcom/ Twitter! ▶ http://www.twitter.com/pixEliasdotcom Subscribe! ▶ http://www.youtube.com/channel/UCPq0a0HP6JvculGSNYu-pSQ?sub_confirmation=1
Views: 25227 Elias Sarantopoulos
دورة CSS   الدرس 18 خآصية Padding
 
01:37
css profile css background image css border css selectors css position css transition css padding css display css animation css3 css profile css background image css border css selectors css position css transition css tutorial css padding css display css animation css animation css align css after css align center css attribute selector css arrow css awards css all caps css absolute position css align image center a css attributes a css rule consists of a css class a css hover a css declaration always ends with a a css selector a css tag a css file a css visited a css comment ends with which of the following css background css border css background image css background color css bold css box shadow css beautifier css button css background opacity css box model b css tag b css bold b css width css b vs strong css b strong css b&w filter css border css b series css b class css bgcolor css color css center css corp css cursor css color picker css class css comment css calc css content css color codes cmcss c css parser cmcss calendar cmcss powerschool cmcss jobs cmcss lunch cmcsssd cmcss central office cmcss onsite cmcss transportation css display css drop shadow css div css display block css drop down menu css definition css display flex css display inline-block css disabled css download dcss dl cssd dl css dl css style dl css examples dl css inline d cssd d css is undefined cssd cssd d2l css exam css em css ellipsis css examples css editor css effects css exam 2016 css em vs px css easing css editor online e cssd e.csshooks is undefined css ebook css e f ecommerce css cssf e-file css e html cssa e video css e php css e rechnung css font css forum css font color css font size css float css flexbox css font family css first child css flex css font weight css2123b/f css-f-3n-sw css forum css2123b/f review css2123b f manual css-f-3n css-f-3-hd-fs css-f-2 css f 2 ball valve css f&b css gradient css grid css gradient background css generator css grid layout css grayscale css gallery css glow css greater than css gradient border gcss army gcss-mc gcss-mc login gcssd gcss-a gcsssd gcssk12 gcsaa gcss marine corps gcss-army is specifically configured to css hover css hide css height css hover effects css html css horizontal align css hidden css hunley css hr css hide scrollbar h css class h css style h css tag css h.l. hunley cssmtype.h css h color css h margin css h padding css h-shadow css h tag color css important css italic css image css id css inline css in html css interview questions css image size css inline style css input type i css selector i css italic i css icon i css class css i estimator css i love you css i fly css i php css i love you lyrics css i element css justify css jquery css justify-content css javascript css jobs css jokes css javatpoint css jumbotron css javafx css job profile j css reload j css3 image gallery jquery css css j a cotton casey j j hussain css forum j_security_check css jquery add css jquery ui css jquery change css css keyframes css kerning css keyframe animation css knife css keep footer at bottom css keep aspect ratio css klerksdorp css keywords css keep image ratio css ku kcss kcss library kcs student kcssa kcss10ls kcssonline kcssetup kcssl kcss radio kcssa west africa limited css link css line height css last child css list style css letter spacing css layout css linear gradient css link color css less csslint dl cssd dl css dl css style dl css examples dl css inline مؤسسة النقد css l cssf.l css l shaped div css0015q-l-3000 css margin css media queries css minify css media css menu css meaning css multiple classes css modules css max-width css mania m casino css m yaw css margin css forum css m filter 1 css m dash cssm m&s csm assessment css m_filter css mania css not css nth child css not selector css nowrap css navigation css not class css not first child css normalize css nth-of-type css not last child css nth child css n child css nth css n+1 css n element css nth element css n selector css n+1 selector css n child selector css n of type
Microsoft Office Word 2007 Tutorial in Bengali (Part-8) Most popular important options of  MS Word
 
19:50
Microsoft Word is a word processing software package. You can use it to type letters, reports, and other documents. It gives you the ability to use your computer for desktop publishing. This tutorial teaches Microsoft Word 2007 basics. Although this tutorial was created for the computer novice, because Microsoft Word 2007 is so different from previous versions of Microsoft Word, even experienced users may find it useful. This lesson will introduce you to the Word window. You use this window to interact with Word. In this Lesson familiarized you with the the Microsoft Word window. You are now ready to learn how to create a Word document. This lesson covers typing, using the Backspace key, using the Delete key, inserting text, bolding, underlining, and italicizing. The features in Word 2007 can make your work easier, make your documents more attractive, and/or enable you to work more efficiently. This Microsoft Word lesson teaches you how to open a file, cut, copy, paste, use AutoText, use spell check, use Find and Replace, and change fonts. All of these features either make your work easier or make your document more attractive. Understanding Document Views When you type information into Microsoft Word, each time you press the Enter key Word creates a new paragraph. You can format paragraphs. For example, you can indent the first line of a paragraph, you can set the amount of space that separates paragraphs, and you can align a paragraph left, right, center, or flush with both margins. Styles are a set of formats you can quickly apply to a paragraph. For example, by applying a style, you can set the font, set the font size, and align a paragraph all at once. In this lesson, you will learn about the various formats you can apply to a paragraph and about styles. If you have lists of data, you may want to bullet or number them. When using Microsoft Word, bulleting and numbering are easy. The first part of this lesson teaches you to bullet and number. After you have completed your document, you may want to share it with others. One way to share your document is to print and distribute it. However, before you print you may want to add page numbers and tell Word such things as the page orientation, the paper size, and the margin setting you want to use. In this lesson you will learn how to layout and how to print your documents.
Views: 2944 The Mental Club
Powerpoint : Line Spacing and Indentation
 
11:56
Microsoft Powerpoint : Line Spacing and Indentation Introduction Indentation and line spacing are two important features you can use to change the way text appears on a slide. Indentation can be used to visually set paragraphs apart from one another or to create multilevel lists, while line spacing can be adjusted to improve readability or to fit more lines on the slide. In this lesson, you will learn how to indent text and modify the line spacing. (0:10 - 1:15) To indent using the Tab key: A quick way to indent is to use the Tab key. In a normal paragraph, this will create a first-line indent, but if the paragraph is part of a bulleted or numbered list, the entire paragraph will be indented. Place the insertion point at the very beginning of the paragraph you want to indent. Press the Tab key. The paragraph will now be indented. (1:18 - 2:01) To use the Indent commands: If you want to indent all of the lines in a paragraph, you can use the Indent commands on the Home tab. For lists, the Indent commands work the same way as the Tab key. Select the text you want to indent. On the Home tab, click the Increase Indent command to increase the indent or the Decrease Indent command to decrease the indent. The selected text will update to reflect the new indent. (2:02 - 3:02) Fine-tuning indents Sometimes you may want to fine tune the indents and tabs in your presentations. You can do this by adjusting the indent markers and tab stops on the ruler. By default, the ruler is hidden, so you'll first need to show the ruler. To show the ruler: Select the View tab. Click the Ruler check box in the Show/Hide group if it is not selected. The ruler will appear. (3:03 - 7:30) Customizing bullet spacing When working with lists, PowerPoint allows you to adjust the space between a bullet and the text by using the first-line indent marker or the hanging indent marker. The ability to increase and decrease the indentation allows you to customize lists to meet your needs. To change bullet spacing: Select the lines you want to change. On the ruler, drag the first-line indent marker to the right or left. The bullet will move independently from the text. Alternatively, you can drag the hanging indent marker to move the text without moving the bullet. (7:31 - 9:28) Line spacing PowerPoint allows you to adjust the amount of space between each line in a paragraph. You can reduce the line spacing to fit more lines on a slide, or you can increase it to improve readability. PowerPoint may automatically change the font size when you adjust the line spacing, so increasing the line spacing too much may cause the text to be too small. To format line spacing: Select the text you want to format. Click the Line Spacing command in the Paragraph group on the Home tab. Select the desired spacing option from the drop-down menu. (9:29 - 11:50) Click on the Link for more Powerpoint Videos : https://youtu.be/WplXsWvW3nY Video by Edupedia World (www.edupediaworld.com). All Rights Reserved.
Views: 15331 Edupedia World
Jak tworzyć szablony na Blogspot? - CSS (Part #4) /+ Kaeru
 
10:03
Druga część poradnika, tym razem dotycząca CSS'a. Kanał Kaeru: https://www.youtube.com/channel/UCxIW88SMm6oh99ShhYMU4Ag?feature=watch Mój blog: http://imagined-paradise.blogspot.com/ Blog Kaeru: http://imaginaria-luna.blogspot.com/ Program do nagrywania: Camtasia Studio 8 Gdzie można znaleźć instrukcje CSS?: http://instruktazowo.blogspot.com/ http://terriblecrash.blogspot.com/ http://zaczarowane-instrukcje.blogspot.com/ http://tajemniczy--ogrod.blogspot.com/ http://graphical-thoughts.blogspot.com/ http://instruktazowo.blogspot.com/ http://maudlaisy.blogspot.com/ http://demens-mulier.blogspot.com/ Cały CSS z szablony przedstawionego w filmie: body {background-image: url(http://img692.imageshack.us/img692/26...} header {height: 600px;} #Blog1 { background-color: RGBa(43, 38, 56, 0.8); border-top: 10px solid #D4D5FA; border-bottom: 10px solid #D4D5FA; border-left: 2px solid #D4D5FA; border-right: 2px solid #D4D5FA; border-radius: 60px; } .post { background-color: #D4D5FA; padding: 15px; margin-right: 0px; border-radius: 60px; text-align: justify; } h2.date-header span { text-align: center; margin-bottom: -8px; } h3.post-title { text-align: center; text-transform: uppercase; } .column-right-inner .widget { background-color: RGBa(43, 38, 56, 0.8); border-top: 10px solid #D4D5FA; border-bottom: 10px solid #D4D5FA; border-left: 2px solid #D4D5FA; border-right: 2px solid #D4D5FA; border-radius: 60px; padding-bottom: 20px !important; text-align: justify;} h2 { text-align: center; } #PageList1 a:link, #PageList1 a:visited { text-align: center !important; background-color: white; display: block; margin-bottom: -8px; padding: 2px; text-transform: uppercase; font-family: trebuchet ms; font-style: italic; margin-left: 10px; margin-right: 10px; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;} #PageList1 a:hover { text-align: center !important; background-color: white; display: block; margin-bottom: -8px; padding: 2px; text-transform: uppercase; font-family: trebuchet ms; font-style: italic; margin-left: 10px; margin-right: 10px; color: #e0716c !important; border-right: 17px solid #e0716c; border-left: 17px solid #e0716c; transition:all 0.5s !important; -moz-transition:all 0.5s !important; -webkit-transition:all 0.5s !important; -o-transition:all 0.5s !important;} .column-right-inner { position: relative; left: -20px; top: -100px;}
Views: 9762 Lizz Kaviste
CSS Tutorial - Aligning Elements
 
05:46
http://cssboss.com/aligning-specific-elements-with-css/ Aligning Elements is a pretty important aspect of web design. I take you through the process of how I went about aligning an element on my website that was a little off. Check out our site: http://CSSBoss.com Like us on facebook: http://CSSBoss.com/facebook Follow us on twitter: http://CSSBoss.com/twitter Want to show some support? T-Shirts and stickers are now available at http://CSSBoss.com/shop/
Views: 347 AFKaser
Text Alignment and Justification in MS Word
 
02:38
Alignment/Justification of Text in Microsoft Word Align text left or right, center text, or justify text on a page in Word 2016 Word 2013 Word 2010 Word 2007, Add bullets or numbers to a list Lists: One level or many levels How to Create a one-level bulleted or numbered list how to Turn a one-level list into a multilevel list how to Choose a multilevel list style from the gallery, Change the spacing between lines or paragraphs, line and paragraph spacing
Views: 133 DW Faisalabad
How To Create Multilevel Numbering In Word (That Actually Works)
 
10:31
Cheat Sheet available at https://officemastery.com/word-multilevel-numbering/ What others are saying about this video: - "Cleared up a mystery I've been struggling with for 20 years. Thank you." - PS - "Thank you. I've been struggling with this for ages. Other tutorials miss important steps." - JK - "Hey man, Very Helpful Video it helped me a lot ;) , You deserve a medal for that explanation ! :)" - AM --- (TOPIC TIME CODES and SHOW NOTES are listed below). Setting up multilevel numbering in Word (level 1, level 1.1, level 1.1.1 etc.) can be infuriating, if you don't know how to set it up properly. Many people give up and resort to numbering everything manually. In this video, I strip everything back to bare basics and walk you step-by-step through how to set up multilevel numbering in Word (from scratch). You'll discover how to control what numbering to use, dependencies and positioning. You'll see how easy it is to apply the numbering system to existing content and promote and demote text through the different levels. I finish by linking the numbering to the built in Word styles such as Heading 1, Heading 2 and Heading 3 so that text can be easily numbered at any time and the rest of the document will be renumbered automatically. TIME CODES (click the link to go directly to that spot in the video) - (0:16) Simple numbered list (ordered list) - (0:30) Bullet list (unordered list) - (0:36) The need for multilevel numbering - (0:59) Setting up a new list from scratch - (1:24) Introducing the 'Define New Multi-Level List' dialog - (2:05) Setting up the Level 1 number system - (2:32) The importance of the grey shading - (3:08) Setting the positioning for the numbered item - (4:04) Setting up the Level 2 number system - (4:56) Setting up the Level 3 number system - (5:55) Applying the multilevel numbering system to your text - (6:07) Where to place the cursor before pressing TAB - (6:07) How to demote an item (make it a lower level) - (6:52) How to promote an item (make it a higher level) - (7:13) Linking multilevel numbering to the built in styles - (8:09) Using styles to control the numbering - (9:06) Adding normal body text in between numbered items How did this video help you? What is the ONE most most valuable tip you took away? Let me know by adding a quick comment below and click thumbs up button under the video! Much appreciated. USEFUL LINKS: Share this Video: https://www.youtube.com/watch?v=He_ob8ydc9E&t=0s SUBSCRIBE if you want more content like this as soon as it is published and become exceptional at your job. https://www.youtube.com/c/02RIV?sub_confirmation=1 [Video] How to organise, copy and reuse your Word Styles in other documents https://youtu.be/hpEU9zlmsTw [Video] How to use Word Styles like a pro https://youtu.be/S9G4WoE-Wl0 ABOUT THE PRESENTER: Jason Morrell has been training Microsoft Office since 2002. He loves to simplify the hard stuff and help you slash hours from your daily computer tasks, whatever level you're at. Jason lives with his wife and 4 kids on the beautiful Gold Coast in Australia. LET'S CONNECT! - B: https://www.officemastery.com - F: https://www.facebook.com/02RIV - T: https://twitter.com/02RIV - L: https://www.linkedin.com/in/jkmorrell Have a fantastic day!
Views: 128525 02RIV
How to Make a Wordpress Website With GoDaddy - UPDATED 2018!!
 
01:15:21
http://www.nyctechclub.com/how-to-make-a-website-with-godaddy-domain/ HOSTGATOR: http://www.nyctechclub.com/hostgator/ (affiliate link) If you have a domain with godaddy or want to register a domain with godaddy - this video shows you how to build a wordpress website. Step by step! In less than 45 minutes! EDIT YOUR FONT USING THIS SHORT TUTORIAL: http://www.nyctechclub.com/how-to-change-font-wordpress-website-google-fonts/ 1:29 - Tour of the website we are going to build with godaddy 7:05 - Step 1: Choose a domain using godaddy http://www.nyctechclub.com/godaddy 9:37 - Step 2: Get hosting service with hostgator http://www.nyctechclub.com/hostgator 12:37 - Step 3: Connect Hostgator and Godaddy 13:54 - Step 4: Log into website cpanel 14:42 - Step 5: Install wordpress 16:29 - Step 6: Log into wordpress 17:21 - Step 7: Install Spacious Theme for our wordpress website 18:17 - Step 8: Download images at http://www.nyctechclub.com/how-to-make-a-website-with-godaddy-domain/ 18:58 - Step 9: Upload images onto wordpress 20:13 - Step 10: Create custom website logo http://www.logomakr.com (link may no longer work) 22:47 - Step 11: Upload logo 23:52 - Step 12: Create pages for slider 27:48 - Step 13: Activate slider 30:45 - Step 14: Create products and services section for more icons go to http://www.iconfinder.com Don't change the template to business, keep it at default to work correctly! 34:32 - Step 15: Create Image Gallery 36:48 - Step 16: Create recent blog posts section copy and paste this code below: .rpwe-block ul{ list-style: none !important; margin-left: 0 !important; padding-left: 0 !important; } .read-more, .more-link { color: #ef0202; padding-left: 8px; } .rpwe-block li{ border-bottom: 1px solid #eee; margin-bottom: 10px; padding-bottom: 10px; list-style-type: none; } .rpwe-block a{ display: inline !important; text-decoration: none; } .rpwe-block h3 { background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important; clear: none; font-size: 22px !important; font-weight: 400; line-height: 1.5em; margin-bottom: 0 !important; margin-top: 0 !important; padding-bottom: 1px; } .rpwe-thumb{ border: 1px solid #eee !important; box-shadow: none !important; margin: 2px 10px 2px 0; padding: 3px !important; } .rpwe-summary { font-size: 16px; line-height: 24px; } .rpwe-time{ color: #bbb; font-size: 11px; } .rpwe-alignleft{ display: inline; float: left; } .rpwe-alignright{ display: inline; float: right; } .rpwe-aligncenter{ display: block; margin-left: auto; margin-right: auto; } .rpwe-clearfix:before, .rpwe-clearfix:after{ content: ""; display: table !important; } .rpwe-clearfix:after{ clear: both; } .rpwe-clearfix{ zoom: 1; } 40:30 - Step 17: Create blog posts 42:53 - Step 18: Create call to action 44:55 - Step 19: Create featured page and testimonials 48:07 - Step 20: Create additional pages 50:40 - Step 21: Customize footer get code at http://www.nyctechclub.com/how-to-make-a-website-with-godaddy-domain/ (the name and thumbnail changed for the social media widget but it is still the first one by noah kagen) 55:31 - Step 22: Create About Us Page 56:50 - Step 23: Customize header menu 58:36 - Step 24: Embed a video on your website 1:01:09 - Step 25: Learn how to edit font on wordpress 1:03:06 - Step 26: Create contact us page 1:05:12 - Step 27: Create email optin form 1:07:25 - Step 28: Customize right sidebar 1:11:51 - Step 29: Extras The END! Congratulations! Leave a comment if you need help. PLEASE LIKE THE VIDEO and make sure you subscribe!! Feel free to share the video as well!! Cheers, Jameson ------------ This video will show you how to build a website with godaddy. The site will be powered by wordpress. You'll need a godaddy domain and hosting with hostgator to complete this tutorial for your new customized website. If you have any questions just follow the video.
Views: 161258 NYC TECH CLUB
How to Use Qards and Contact Form 7 (v.1.0)
 
01:50
A short tutorial about how to integrate Contact Form 7 WordPress plugin with Qards using shortcodes. Qards - http://designmodo.com/qards/ “Contact Form 7” is popular plugin that allows you to create contact forms on your WordPress website. In this video, we’ll show you how easily use the “Contact Form 7” and Qards. It’s important to know that Qards are ready for shortcodes and you can use shortcodes directly in your HTML block. So, we have installed Contact Form 7 and Qards. Go to Contact, from left menu and copy the shortcode of our contact form. After this, go to Qards, open the Visual Editor with our previously made design and integrate the contact form in the design. You can also use this contact form in the special page only for contact details of your website. In this example, we will insert contact form in this place, choose a block to drag and drop to our design, change the text of this section and click save. Now we’ll copy and paste the shortcode to HTML of this block. Click the settings icon and choose Edit HTML/CSS. We’ll remove this part of code with block description, and insert the contact form shortcode. Remember that you can’t use the Visual Editor for this block after you save HTML changes. In our example we save changes, and let’s see the result. Here is the shortcode of our contact form, click save and we can see how it looks on the live website. Now you have a contact form, but in the default style without any design. Let’s customize this form using Global CSS. Go to the admin dashboard, appearance and qards settings. Here we have Global CSS that rewrites CSS of our website and you can style your design. We have prepared style code for this contact form, copy the code from editor to the Global CSS editor. Click save changes and let’s see the final result. Refresh the previous page and here it is. Now you have a nicely-styled contact form using Contact Form 7 and Qards. Code used: .wpcf7-form { background:#fff; border-radius:2px; max-width: 500px; padding: 10px 20px; margin:0 auto 10px; text-align:center; } .wpcf7-form input, .wpcf7-form textarea { background:#fff; border:1px solid #f7de7f; border-radius:2px; width:100%; margin: 4px 0 8px 0; padding: 14px 18px; color: #4f4f4f; font-size: 16px; vertical-align: middle; border-radius: 25px; text-align:center; outline:none; } .wpcf7-form p { color: #919191; margin-top:10px; margin-bottom:10px; } .wpcf7-form .wpcf7-submit { background:#f7de7f; cursor:pointer; color:#6C6C6C; font-size:18px; } .wpcf7-form input:hover[type="submit"] { background:#f7de7f; cursor:pointer; color:#6C6C6C; }
Views: 4296 designmodo
HTML Tutorials for Beginners 7 - HTML headings
 
04:12
html headings html headings best practice html headings and paragraphs html headings accessibility html headings checker html headings on same line html headings font size html headings css html headings sizes html headings examples html headings h1 to h6 html headings tag html headings definition html headings attributes html headings and subheadings html headings are defined with html headings align html autonumber headings html all headings why html headings are important how many html headings are there html headings bold html headings block html headings bootstrap html headings side by side html spacing between headings html reduce space between headings beautiful html headings html headings center html headings code html headings class html column headings html cool headings html collapsible headings html table headings color html table column headings html headings design html headings default size html different headings html headings are defined with the h1 to h6 tags defines html headings html headings example html headings explained html email headings html headings next to each other html headings font html for headings html form headings importance of html headings for accessibility html color codes for headings html headings hierarchy html headings h7 html headings h1 html horizontal headings html multiple h1 headings html headings in lists html headings inline headings in html headings in html table html headings levels html list headings html headings same line html table headings on left html headings margin html multiple headings html markup headings html make headings html table multiple headings html headings numbering html nested headings html auto number headings html css numbered headings nice html headings html types of headings html supports ____ levels of headings headings of html html provides _____ levels of headings html headings ppt html headings paragraphs html page headings html header redirect html header refresh html header row html header referer html header role html header responsive html header reload html header role banner html header redirect after 5 seconds html header request html headings seo html headings styles html headings structure html headings semantics html headings spacing html section headings html select headings html table headings html two headings same line html text headings html table headings row html align table headings html underline headings html using headings what are html headings used for html table vertical headings html headings with color html headings w3schools html headings w3c html table with headings html list with headings html select with headings html 2 headings on same line html 3 headings html5 headings html more than 6 headings html headings, html headings and paragraphs, html headings in hindi
Views: 2510 T3SO Tutorials
How to Make a Wordpress Website - 2015 (in less than 45 MINUTES!)
 
01:11:46
http://www.nyctechclub.com/how-to-make-a-wordpress-website-2015/ Learn how to make a wordpress website in less than 45 minutes. Step by Step! HOSTGATOR: http://www.nyctechclub.com/hostgator/ (affiliate link) EDIT YOUR FONT USING THIS SHORT TUTORIAL: http://www.nyctechclub.com/how-to-change-font-wordpress-website-google-fonts/ If you want to make a website and save thousands of dollars then this video is for you :) This tutorial shows you how to create a wordpress website from beginning to end. Below I have everything listed that we will do in order to make a beautiful wordpress website. 1:18 - Tour of the site we're going to build (to be updated) 6:58 - Step 1: Register a domain and get hosting service with hostgator http://www.nyctechclub.com/hostgator 10:17 - Step 2: Go to your email inbox 10:47 - Step 3: Log into website cpanel 11:08 - Step 4: Install wordpress 12:51 - Step 5: Log into wordpress 13:45 - Step 6: Install Spacious Theme for our wordpress website 14:41 - Step 7: Download images for tutorial at http://www.nyctechclub.com/how-to-make-a-wordpress-website-2015/ 15:23 - Step 8: Upload images onto wordpress website 16:37 - Step 9: Make custom website logo http://www.logomakr.com 19:12 - Step 10: Upload logo (yes we are creating a custom logo!) 20:17 - Step 11: Create pages for slider 24:14 - Step 12: Activate slider 27:09 - Step 13: Create products and services section for more icons go to http://www.iconfinder.com Don't change the template to business, keep it at default to work correctly! 30:57 - Step 14: Make Image Gallery 33:13 - Step 15: Create recent blog posts section copy and paste this code below: .rpwe-block ul{ list-style: none !important; margin-left: 0 !important; padding-left: 0 !important; } .read-more, .more-link { color: #ef0202; padding-left: 8px; } .rpwe-block li{ border-bottom: 1px solid #eee; margin-bottom: 10px; padding-bottom: 10px; list-style-type: none; } .rpwe-block a{ display: inline !important; text-decoration: none; } .rpwe-block h3 { background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important; clear: none; font-size: 22px !important; font-weight: 400; line-height: 1.5em; margin-bottom: 0 !important; margin-top: 0 !important; padding-bottom: 1px; } .rpwe-thumb{ border: 1px solid #eee !important; box-shadow: none !important; margin: 2px 10px 2px 0; padding: 3px !important; } .rpwe-summary { font-size: 16px; line-height: 24px; } .rpwe-time{ color: #bbb; font-size: 11px; } .rpwe-alignleft{ display: inline; float: left; } .rpwe-alignright{ display: inline; float: right; } .rpwe-aligncenter{ display: block; margin-left: auto; margin-right: auto; } .rpwe-clearfix:before, .rpwe-clearfix:after{ content: ""; display: table !important; } .rpwe-clearfix:after{ clear: both; } .rpwe-clearfix{ zoom: 1; } 36:55 - Step 16: Create blog posts 39:16 - Step 17: Create call to action 41:19 - Step 18: Create featured page and testimonials 44:32 - Step 19: Make additional pages 50:40 - Step 20: Customize footer get code at http://www.nyctechclub.com/how-to-make-a-wordpress-website-2015/ (the name and thumbnail changed for the social media widget but it is still the first one by noah kagen) 51:56 - Step 21: Make An About Us Page 56:50 - Step 22: Customize header menu 55:01: - Step 23: Embed a video 57:33 - Step 24: Learn how to edit font on wordpress 59:31 - Step 25: Create contact us page 1:01:36 - Step 26: Create email optin form 1:03:51 - Step 27: Customize right sidebar 1:08:15 - Step 28: Extras for your wordpress website The END! Congratulations!! You've just learned how to create a wordpress website :) Leave a comment if you need help. PLEASE LIKE THE VIDEO and make sure you subscribe!! Feel free to share the video as well to anyone that wants to know how to create a wordpress website Cheers, Jameson ------------ This video is all about how to build a wordpress website. You do not need to know any type of coding programming whatsoever to make your website. fyi: I receive a small commission from hostgator if you use my coupon code: nyctech30 - it helps me keep making these videos for free so I'd really appreciate it if you can use that code! Thanks in advance. I'm a web developer by night and I've made quite a few custom wordpress websites. I really like this theme because of its functionality and because of how it looks. I'll continue to create new videos on how to build a website so make sure you subscribe. If you have any questions about your website or any customizations please leave a comment. It is the best way to get in touch and I will try my best to help you build the best website possible. This is going to be fun. Let's get started! tl;dr create a wordpress website; congrats on making your wordpress website and saving $$. So glad I could help!
Views: 76822 NYC TECH CLUB
Jak tworzyć szablony na Blogspot? - CSS (Part #5) /+ Kaeru
 
11:48
Druga część poradnika, tym razem dotycząca CSS'a. Kanał Kaeru: https://www.youtube.com/channel/UCxIW88SMm6oh99ShhYMU4Ag?feature=watch Mój blog: http://imagined-paradise.blogspot.com/ Blog Kaeru: http://imaginaria-luna.blogspot.com/ Program do nagrywania: Camtasia Studio 8 Gdzie można znaleźć instrukcje CSS?: http://instruktazowo.blogspot.com/ http://terriblecrash.blogspot.com/ http://zaczarowane-instrukcje.blogspot.com/ http://tajemniczy--ogrod.blogspot.com/ http://graphical-thoughts.blogspot.com/ http://instruktazowo.blogspot.com/ http://maudlaisy.blogspot.com/ http://demens-mulier.blogspot.com/ Cały CSS z szablony przedstawionego w filmie: body {background-image: url(http://img692.imageshack.us/img692/2652/ra73.png);} header {height: 600px;} #Blog1 { background-color: RGBa(43, 38, 56, 0.8); border-top: 10px solid #D4D5FA; border-bottom: 10px solid #D4D5FA; border-left: 2px solid #D4D5FA; border-right: 2px solid #D4D5FA; border-radius: 60px; } .post { background-color: #D4D5FA; padding: 15px; margin-right: 0px; border-radius: 60px; text-align: justify; } h2.date-header span { text-align: center; margin-bottom: -8px; } h3.post-title { text-align: center; text-transform: uppercase; } .column-right-inner .widget { background-color: RGBa(43, 38, 56, 0.8); border-top: 10px solid #D4D5FA; border-bottom: 10px solid #D4D5FA; border-left: 2px solid #D4D5FA; border-right: 2px solid #D4D5FA; border-radius: 60px; padding-bottom: 20px !important; text-align: justify;} h2 { text-align: center; } #PageList1 a:link, #PageList1 a:visited { text-align: center !important; background-color: white; display: block; margin-bottom: -8px; padding: 2px; text-transform: uppercase; font-family: trebuchet ms; font-style: italic; margin-left: 10px; margin-right: 10px; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;} #PageList1 a:hover { text-align: center !important; background-color: white; display: block; margin-bottom: -8px; padding: 2px; text-transform: uppercase; font-family: trebuchet ms; font-style: italic; margin-left: 10px; margin-right: 10px; color: #e0716c !important; border-right: 17px solid #e0716c; border-left: 17px solid #e0716c; transition:all 0.5s !important; -moz-transition:all 0.5s !important; -webkit-transition:all 0.5s !important; -o-transition:all 0.5s !important;} .column-right-inner { position: relative; left: -20px; top: -100px;}
Views: 9467 Lizz Kaviste
HOW TO change the bootstrap 4 NAVBAR background color.
 
06:34
this is a simple video about how to change the background-color of a navbar in bootstrap 4.
Views: 22079 Code Explained
Top 10 Vivo V9 Hidden Tips & Tricks Users Must Know | GT Hindi
 
07:26
So here are some cool and hidden tips and tricks every Vivo V9 user must know about. You don't only get the iPhone X like the design on Vivo V9, but iPhone X like features also like navigation gesture, lift to raise and so on. So if you are a Vivo V9 users, you must watch this one. Follow on on Instagram: https://www.instagram.com/_u/guidingtechhindi/ Buy Vivo V9: https://amzn.to/2uNjKjb ___________________________________________________________________
Views: 1241226 GT Hindi
MS WORD paragraph alignment in ms word telugu tutorials
 
10:36
CLICK ON THE BELOW LINKS FOR OUR MORE VIDEOS SPOKEN HINDI THROUGH TELUGU https://www.youtube.com/playlist?list=PLiam-Xm6OLRkpMPQlJtmtzR55wzROGzsW C language tutorials through telugu https://www.youtube.com/playlist?list=PLiam-Xm6OLRnZH003XLDFAmHK_lM-hf1R 1000 c language programs | C Language tutorials in telugu https://www.youtube.com/playlist?list=PLiam-Xm6OLRmHWY7Ty9o7hGjAz0aDvWNo Spoken English For telugu people | Spoken English Through telugu https://www.youtube.com/playlist?list=PLiam-Xm6OLRlGBMW8sE6YZ5CAKOHffyPm vba telugu tutorials https://www.youtube.com/playlist?list=PLiam-Xm6OLRngrS5Zpi9mdr-fJCV5--HF ms-word 2007 telugu tutorials https://www.youtube.com/playlist?list=PLiam-Xm6OLRnUZg85nU4yJ9zq8t7Aws18 excel telugu tutorials https://www.youtube.com/playlist?list=PLiam-Xm6OLRk_SdSe-2fXratCmnHzQl9- power point telugu tutorials https://www.youtube.com/playlist?list=PLiam-Xm6OLRkZcRIjJmKeQFlOojpabiz6 photoshop telugu tutorials https://www.youtube.com/playlist?list=PLiam-Xm6OLRmJ8LrPfsHWbXUjJgbLAwZy computer tips and tricks https://www.youtube.com/playlist?list=PLiam-Xm6OLRm5H8fejb7RBMc9J116gZgp Pagemaker telugu tutorials https://www.youtube.com/playlist?list=PLiam-Xm6OLRnuWjtBJZSRirgKOOkW-Los C++ programming telugu tutorials https://www.youtube.com/playlist?list=PLiam-Xm6OLRmqyoB8xQ_sB-kty5LwbEFF tally tutorials in telugu tutorials https://www.youtube.com/playlist?list=PLiam-Xm6OLRmcUClBNUMHDwvc3KsPr-Th Taxation Taxes In telugu https://www.youtube.com/playlist?list=PLiam-Xm6OLRlOCCt56BrZETy5kdTX_Db1 autocad tutorials in telugu https://www.youtube.com/playlist?list=PLiam-Xm6OLRlcKHNzWHRnM7yBLKDt75Rz google docs tutorials in telugu https://www.youtube.com/playlist?list=PLiam-Xm6OLRmBwpIHMzQD8Ald9D5UEZL5 Software Courses https://www.youtube.com/playlist?list=PLiam-Xm6OLRlG0VtrYC1VxYEqnVAO2knq 3ds max tutorials in telugu https://www.youtube.com/playlist?list=PLiam-Xm6OLRkxcJ8K8TOcuhZ60ovd6wFu motivational videos in telugu https://www.youtube.com/playlist?list=PLiam-Xm6OLRl0pdXI92Ll6iKDOqnsXg1M visual effects tutorials in telugu https://www.youtube.com/playlist?list=PLiam-Xm6OLRmN3O8gMn6sV1CEOFHM3Oet web designing tutorials in telugu https://www.youtube.com/playlist?list=PLiam-Xm6OLRmAxFXNQqaife8o4X2RIf4c java telugu tutorials https://www.youtube.com/playlist?list=PLiam-Xm6OLRnqgW7O72IxMWWBBpYDO69G
Views: 21828 vrr telugu tutorials
Shortcut Key for Text Alignment in MS Word
 
00:56
This tutorial is for Shortcut Key of Text Alignment in MS Word. How to move text Right, Left and Center with the help of Shortcut Key. For more you can visit my channel, link is given below:- https://www.youtube.com/channel/UCD40K301hbSsGErp1DV39gQ Helpful playlist available in my channel are:- 1. Windows Help Collection of Best Tutorials https://www.youtube.com/playlist?list=PLpa2GS59aDiIL8ASjAzARDotMzc2u3J4B 2. Google Chrome Setting Best Tutorials https://www.youtube.com/playlist?list=PLpa2GS59aDiIa41xZ_DnkHMUqxoqwHl9n 3. MS Word Tutorial Basic Function with Keyboard Shortcut https://www.youtube.com/playlist?list=PLpa2GS59aDiLuYj0QzZGeGw7eFMz8-DxF Available videos related MS Word in my channel are:- 1. Keyboard shortcut to insert a line in the same paragraph in MS Word 2. How to insert a Picture in MS Word 3. How to move a picture in MS Word 4. How to rotate and crop an image in Microsoft Office Picture Manager 5. Offline Typing in Any Language using English Alphabets 6. How to Compress an image with Microsoft Office 7. How to Resize a Picture with the help of Microsoft Office 8. Shortcut key to Repeat Last Command in MS Word 9. Shortcut key to Increase or Decrease Font size only One Point in MS Word 10. Increase or Decrease Indent with Keyboard Shortcut in MS Word 11. Draw a straight line in MS Word and change it's color 12. Shortcut key for "Subscript and Superscript" in Word 2010 13. Shortcut key for "Sentence Case" in MS Word 14. Increase or Decrease Font Size with Shortcut key in MS Word 15. Moving your cursor with the help of shortcut key in MS Word 16. How to Highlight Text with Shortcut Key in MS Word 17. Shortcut Key for Text Alignment in MS Word 18. Remove formatting in MS Word two ways with Shortcut Key 19. How to show or Hide Ruler in MS Word two ways with Shortcut Key 20. How to delete or get rid of a line in MS Word with Shortcut key 21. How to convert a Word file in to PDF or different format - Offline 22. Get rid of Bullets with Shortcut Key in MS Word 23. Shortcut Key to apply Heading Style and Remove in MS Word 24. How to copy a Text and Paste as Picture in MS Word 2010 25. How to view multiple pages with Shortcut Key in MS Word 26. Delete Blank page with Shortcut key in MS Word 27. How to change color scheme in MS Word 2010 28. Make lines the same length or Use of Justify with Shortcut key in MS Word 29. Shortcut key for line spacing in MS Word 30. How to insert Sample Text in MS Word - Two ways No typing 31. All Shortcut keys for Text selection in Word 32. Insert Blank Page with Shortcut key in MS Word 33. How to enable or disable Mini Toolbar in MS Word
Views: 588 pc shastra
How to Adjust Table Paragraph Line Spacing in Microsoft Word
 
03:00
Adjust table line spacing in Microsoft word by using keyboard shortcut keys, this will work all version of Microsoft like, 2003, 2007, 2010 and 2013.... Click this link for more detail... http://www.bsocialshine.com/2015/01/how-to-adjust-table-paragraph-line.html
Views: 114826 MJ Tube
HTML - The Label Element
 
04:06
HTML Forms The web is a two-way communication medium. There’s lots of HTML elements for displaying data and producing output, and conversely, there’s also lots of HTML elements for accepting input. Accepting input from the user means creating web forms. In this course, we’ll learn about all the most important form elements that web professionals use on a daily basis. 1. Form Basics To learn about forms, we’re going to create a simple sign up form for an imaginary web app. Our form won’t actually submit anywhere, since that requires additional server-side code. However, we will learn about all the most important HTML form elements. 1:37 Overview of Forms 3:11 The Form Element 5:30 The Input Element 2:08 The Textarea Element 2:06 The Button Element 2. Organizing Forms A form can be created with just a form element and some controls, but it's helpful to the user if the form is organized with labels and fieldset elements. 4:05 The Label Element 3:39 Fieldsets and Legends 3. Choosing Options Sometimes when creating a form, it's better for the user to choose from predefined options rather than typing in text. This can be accomplished with select menus, radio buttons, and checkboxes. 6:40 Select Menus 5:38 Radio Buttons 4:15 Checkboxes 1:20 Going Further
Views: 12739 HTML Tutorials