Currently viewing the category:
"CSS"
For all of my tutorials, go to www.thenewboston.com
For all of my tutorials, go to www.thenewboston.com
This tutorial shows you how to build a web site without using the templates that come built in Expression Web. It uses templates from freecsstemplates.org and explains how to get the basic site set up and running. This video, in particular, shows you how to title the pages and add keywords and page descriptions.
A brief resource description for Drupal Themers We’ll look at: What’s YUI Grids CSS and what are its benefits? What’s in the library? How do we use it?
This video is the sixth in a series of videos for the Google HTML/CSS/Javascript from the Ground Up class. Are you looking for a basic understanding of how UIs are created on the web or do you want to brush up outdated UI development knowledge? Or maybe you’d like to learn more about the medium you’re designing for and gain basic tools for prototyping designs? Do you want a better understanding of the web and how Google makes the pages that are its face to the world? If so, “HTML, CSS, and JavaScript from the Ground Up” is for you.
Use CSS to create image maps
For web design, print design, brand design or illustration services, visit my site – www.jeremycassisi.com – Here you can view my work and contact me! Learn how to make an ordinary webpage… EXTRAORDINARY with CSS.
Two different positioning techniques, relative and absolute, coming together in a document layout.
Refer here for the full tutorial: net.tutsplus.com The process of creating an image only for the purpose of displaying a gradient is inflexible, and is quickly becoming a bad practice. Unfortunately, at the time of this writing, they very well might still be required, but hopefully not for much longer. Thanks to Firefox and Safari/Chrome, we can now create powerful gradients with minimal effort. In this video quick tip, we’ll examine some of the differences in syntax when working with the -moz and -webkit vendor prefixes.
Watch the entire course at www.lynda.com Creating a First Web Site with Dreamweaver CS5 demonstrates how to establish a presence online using the industry-leading Web authoring tool, Adobe Dreamweaver CS5. Adobe Certified Instructor Paul Trani walks through the steps in creating an accessible, standards-based site from start to finish. This course covers how to create basic Web pages, add text and image content, implement a photo gallery, create a contact form, and use Cascading Style Sheets (CSS) to add visual appeal and layout control. The course also covers how to test a site across multiple browsers and operating systems using BrowserLab, available exclusively in Dreamweaver CS5.
Making menus in Freeway is easy and simple. Freeway 5 introduces the CSS Menu Action, which uses an unordered list to define the structure, and CSS to control the styling and functionality. This Freeway 5 Moment shows you how to create a styled, multi-layered menu system in minutes. For more information on Freeway, including fast and responsive technical support, please visit www.softpress.com Our YouTube Channel www.youtube.com
In this Tutorial,You will learn basicly learn how to use CSS (Cascading Style Sheet ) to change link’s color!!!
A nice jQuery Bubble Tooltip – Coda Style ( www.panic.com ). Easy to make and to implement to your own html elements. It is also compatible with Internet Explorer but with some modifications. CODES: ____________________________ Import jQuery Library (url): _______________ ajax.googleapis.com Javascript (jQuery): _______________ $ (document).ready(function(){ $ (“.menu a”).hover(function() { $ (this).next(“em”).animate({opacity: “show”, top: “-75″}, “slow”); }, function() { $ (this).next(“em”).animate({opacity: “hide”, top: “-85″}, “fast”); }); }); CSS: ______________ .menu { margin: 100px; list-style: none; } .menu li { padding: 0; margin: 0 1px; float: left; position: relative; text-align: center; } .menu a { padding: 10px; display: block; color: #222; width: 150px; text-decoration: none; background: #eaf2f5; -webkit-border-radius: 5px; border:1px solid #09C; } .menu li em { background: url(images/hover.png) no-repeat; width: 180px; height: 45px; position: absolute; top: -85px; left: -15px; text-align: left; padding: 20px; font:12px helvetica, arial, sans-serif; display: none; }
Part 2 of 4 This is the second in the series of videos that explain how to make a website using CSS and the DIV tag in Adobe Dreamweaver CS3. This video explains how to add an image to a section of the page and how to position the menu and content sections of the page using the float attribute. All made on a Mac!