พิมพ์หน้านี้ - VDO สร้าง JoomLa Themplates

หาTemplate เท่าไรก็ไม่ได้ดั่งใจ งั้นลองสร้างเองดูไหมครับ ;D

JOOMLA Video Tutorials on Creating Amazing Templates

Skill Level: Intermediate/Advanced
Lesson One – Slicing a Photoshop Image
• Planning the Layout
• Slicing Images
• Naming Slices
• Saving for the Web

Lesson Two – Creating the Foundation
• Files and Folders
• Linking the CSS into the PHP Document
• Getting Setup in Style Master
• Creating the DIV tags

Lesson Three – CSS Layout I
• Styling the Body
• Styling the Container
• Styling the Header

Lesson Four – CSS Layout II
• Styling the content DIV
• Working through browser bugs

Lesson Five – Finishing up and JOOMLA Integration
• Install JOOMLA Plug-in
• Placing the Header Code
• Placing the Content Code
• Prepare the XML file
• Zip and Upload

the blog with modern web techniques such as:
• LightBox type photo gallery
• Expanding sub-menus
• AJAX loaded pages
• Sliding image menus
• Reflecting images without having to touch Photoshop
• Condensing a web page with Fx.Styles and Sliding Tabs
• ...and more

Introduction
• Overview of the series
• Showcasing the javascript effects

Lesson Two - De-Cluttering the Membership Page
• Attaching scripts
• Considering MooTools as a solution to a cluttered layout
• Using the Fx.Styles of Mootools to change element properties

Lesson Three - Using MooTabs to Condense Related Products
• Understanding how MooTabs works
• Implementing MooTabs to condense the related products of a shopping cart

Lesson Four - Using a MooTools 'Light Box' to Create a Friendly Gallery
• Understanding the problem with the existing gallery
• Fixing the gallery with the MooTools Light Box

Lesson Five - Using Fx.Styles to Control Font Size
• Selecting an area to change
• Implementing Fx.Styles to change fonts

Lesson Six - Creating a Sliding Sub Menu with MooTools
• Analyzing the main menu and sub-menu for implementation
• Implement some simple MooTools effects to reveal sub-links

Lesson Seven - Implementing Reflection Javascript for Images
• Downloading and using reflection.js for images

Lesson Eight - Creating a Sliding Image Menu
• Understanding how the Sliding Image Menu works
• Implementing the Sliding Image Menu

Lesson Nine - Using AJAX with the Sliding Image Menu
• Creating an updated area for changing content
• Implementing AJAX links with the Sliding Image Menu

Skill Level: Intermediate
Lesson One - Validation
• CSS Validation
• XHTML Validation
• Correcting incorrect markup

Lesson Two - Improving Module Output
• Different types of module output options
• Optimizing the template (continued from the JOOMLA Template Series)

Lesson Three - Improving JOOMLA Accessibility
• Better font usage
• Using CSS compression to better file sizes

Lesson Four - Using ARTIO SEF Component
• Getting JOOMLA ready for better URL's
• Around ARTIO

Template Migration for Joomla Tutorial Series
Lesson One - Introduction and Re-Ordering the File Structure
• Introduction to the Template
• Moving the template files to the correct location for Joomla

Lesson Two - Optimizing the Template
• The Dreamweaver extension from Joomlasolutions.com
• Inserting the php tags, header code, and various other code

Lesson Three - The Template Details XML File
• How the template_details.xml works
• Assigning files, images, css, etc.

Lesson Four - Re-naming and Styling the Main Menu
• Understanding how the Main Menu is styled
• Re-assigning existing menu styles with the Joomla selectors

Lesson Five - Migrating Styles for Use with Modules
• Latest news module changes
• Main menu module stylings in other positions

Lesson Six - Custom Module Styling Using Class Suffixes
• Styling the Newsflash module similar to the static template
Using class suffixes in Joomla

Lesson Seven - Styling Various Joomla Elements
• Style matching the titles, paragraphs, etc. in the template
• News component styling

Skill Level: Intermediate
Lesson One - Ideas and Resources
• The Purpose and Format of this series
• Where to get ideas from/documentation
• Getting MooTools

Lesson Two - Setting up the Document
• Javascript insertion
• Testing out an effect

Lesson Three - Creating a Drag-able/Resize-able Window
• Finding ideas
• Implementing an idea
• Duplicating several windows

Lesson Four - Opacity Fades for various windows
• Recognizing windows to fade
• Implementing the code
• Custom Options

Lesson Five - Using Moo.Ajax for the JoomlaOS Template
• Some benefits
• Creating an Ajax link for the JoomlaOS Template

Size : 1.2 GIG (http://farm1.static.flickr.com/234/530126581_b427c73bfc_o.gif)

โค๊ด:

http://rapidshare.com/files/78111578/building.a.css.template.for.joomla_lesson1.rar
http://rapidshare.com/files/78111578/building.a.css.template.for.joomla_lesson2.rar
http://rapidshare.com/files/78111578/building.a.css.template.for.joomla_lesson3.rar
http://rapidshare.com/files/78111578/building.a.css.template.for.joomla_lesson4.rar
http://rapidshare.com/files/78111578/building.a.css.template.for.joomla_lesson5.rar

ThaiSEOBoard.com

ไทย เสียว บอร์ด => Tutorial (ห้ามตั้งคำถามห้องนี้) => ข้อความที่เริ่มโดย: Step9 ที่ 23 กุมภาพันธ์ 2008, 15:01:03