IPB
 

Welcome Guest ( Log In | Register and browse ad-free! )


 
Reply to this topicStart new topic
Joomla! - The Beauty In Design (tutorial Videos)
pb421
post Jan 22 2008, 03:49 PM
Post #1


Desi Teenager
Group Icon

Group: Desi Member
Posts: 84
Joined: 11-October 07
Member No.: 232,842
Reputation: 40 pts:
-----X----





Joomla! - The Beauty in Design (Tutorial Videos)

The Beauty in Design

Source
CODE
http://beautyindesign.com/tutorial_club


Tutorial Videos of :

•A Joomla! for Beginners
•B Building a CSS Template for JOOMLA
•C Increasing User Experience with Javascript
•D Template Migration for Joomla Tutorial Series
•E MooTools for the Rest of Us


COURSES OUTLINE :

A. Joomla! for Beginners
CODE
01. Introduction
02. Downloading Joomla!
03. Creating your Database
04. Uploading Joomla! to your site
05. Installing and Configuring Joomla!
06. A Walk around the Front End
07. It's all about Content
08. The Back End - Administrator
09. Creating Sections
10. Creating Categories
11. Creating Content Items
12. Linking to Menus
13. Installing Templates
14. Worked Example - An online shop
15. Worked Example - A membership site
16. Worked Example - A magazine
17. Support and Conclusion

Download
CODE
http://rapidshare.com/files/81178132/BBQthisSunDay.part1.rar
http://rapidshare.com/files/81194192/BBQthisSunDay.part2.rar
http://rapidshare.com/files/81196874/BBQthisSunDay.part3.rar
http://rapidshare.com/files/81197369/BBQthisSunDay.part4.rar


B. Building a CSS Template for JOOMLA

CODE
1. Lesson One – Slicing a Photoshop Image
• Planning the Layout
• Slicing Images
• Naming Slices
• Saving for the Web


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


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


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


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


Download

CODE
http://rapidshare.com/files/81152001/Building_a_CSS_Template_for_JOOMLA_LessonOneFinal.rar
http://rapidshare.com/files/81152667/Building_a_CSS_Template_for_JOOMLA_LessonTwoFinal.rar
http://rapidshare.com/files/81154291/Building_a_CSS_Template_for_JOOMLA_LessonThreeFinal.rar
http://rapidshare.com/files/81155655/Building_a_CSS_Template_for_JOOMLA_LessonFourFinal.rar
http://rapidshare.com/files/81157164/Building_a_CSS_Template_for_JOOMLA_LessonFiveFinal.rar



C. Increasing User Experience with Javascript
CODE
1. Introduction
• Overview of the series
• Showcasing the javascript effects


2. 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


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


4. 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


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


6. 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


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


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


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


Download

CODE
http://rapidshare.com/files/81160016/Increasing_User_Experience_With_Javascript_lessonOne.rar
http://rapidshare.com/files/81167626/Increasing_User_Experience_With_Javascript_lessonTwo.rar
http://rapidshare.com/files/81168240/Increasing_User_Experience_With_Javascript_lessonThree.rar
http://rapidshare.com/files/81168928/Increasing_User_Experience_With_Javascript_lessonFour.rar
http://rapidshare.com/files/81169185/Increasing_User_Experience_With_Javascript_lessonFive.rar
http://rapidshare.com/files/81169572/Increasing_User_Experience_With_Javascript_lessonSix.rar
http://rapidshare.com/files/81169682/Increasing_User_Experience_With_Javascript_lessonSeven.rar
http://rapidshare.com/files/81169999/Increasing_User_Experience_With_Javascript_lessonEight.rar
http://rapidshare.com/files/81170420/Increasing_User_Experience_With_Javascript_lessonNine.rar





D. Template Migration for Joomla Tutorial Series

CODE
1. Lesson One - Introduction and Re-Ordering the File Structure
• Introduction to the Template
• Moving the template files to the correct location for Joomla


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


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


4. 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


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


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


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


Download
CODE
http://rapidshare.com/files/81157445/Template_Migration_for_Joomla_Tutorial_Series_lessonOne.rar
http://rapidshare.com/files/81157769/Template_Migration_for_Joomla_Tutorial_Series_lessonTwo.rar
http://rapidshare.com/files/81158130/Template_Migration_for_Joomla_Tutorial_Series_lessonThree.rar
http://rapidshare.com/files/81158273/Template_Migration_for_Joomla_Tutorial_Series_lessonFour.rar
http://rapidshare.com/files/81158609/Template_Migration_for_Joomla_Tutorial_Series_lessonFive.rar
http://rapidshare.com/files/81158992/Template_Migration_for_Joomla_Tutorial_Series_lessonSix.rar
http://rapidshare.com/files/81159641/Template_Migration_for_Joomla_Tutorial_Series_lessonSeven.rar



E. MooTools for the Rest of Us

CODE
1. Lesson One - Ideas and Resources
• The Purpose and Format of this series
• Where to get ideas from/documentation
• Getting MooTools


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


3. Lesson Three - Creating a "Drag & Resize"-able Window
• Finding ideas
• Implementing an idea
• Duplicating several windows


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


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


Download

CODE
http://rapidshare.com/files/81170728/MooTools_for_the_Rest_of_Us_Tutorial_Series_LessonOne.rar
http://rapidshare.com/files/81171353/MooTools_for_the_Rest_of_Us_Tutorial_Series_LessonTwo.rar
http://rapidshare.com/files/81171713/MooTools_for_the_Rest_of_Us_Tutorial_Series_LessonThree.rar
http://rapidshare.com/files/81175938/MooTools_for_the_Rest_of_Us_Tutorial_Series_LessonFour.rar
http://rapidshare.com/files/81176549/MooTools_for_the_Rest_of_Us_Tutorial_Series_LessonFive.rar







Remaining Collection BEAUTY IN DESIGN sorry forgot to post those links

CODE
http://rapidshare.com/files/81144262/JoomlaTemplatesCollection.part01.rar
http://rapidshare.com/files/81145855/JoomlaTemplatesCollection.part02.rar
http://rapidshare.com/files/81146602/JoomlaTemplatesCollection.part03.rar
http://rapidshare.com/files/81147959/JoomlaTemplatesCollection.part04.rar
http://rapidshare.com/files/81149140/JoomlaTemplatesCollection.part05.rar
http://rapidshare.com/files/81150695/JoomlaTemplatesCollection.part06.rar
http://rapidshare.com/files/81151606/JoomlaTemplatesCollection.part07.rar

Go to the top of the page
 
+Quote Post


suroos
post Mar 30 2009, 10:33 AM
Post #2


Desi Baby
Group Icon

Group: Desi Newbie
Posts: 1
Joined: 30-March 09
Member No.: 365,273
Reputation: none:
----------






Hi there,


I dowloaded all your files but the http://rapidshare.com/files/81178132/BBQthisSunDay.part1.rar says error...couldnt complete the files to extrat the archive...
Please can you upload the file again and lety me now by mail ?
Thanks


Su










QUOTE(pb421 @ Jan 22 2008, 06:19 PM) *
Joomla! - The Beauty in Design (Tutorial Videos)

The Beauty in Design

Source
CODE
http://beautyindesign.com/tutorial_club


Tutorial Videos of :

•A Joomla! for Beginners
•B Building a CSS Template for JOOMLA
•C Increasing User Experience with Javascript
•D Template Migration for Joomla Tutorial Series
•E MooTools for the Rest of Us


COURSES OUTLINE :

A. Joomla! for Beginners
CODE
01. Introduction
02. Downloading Joomla!
03. Creating your Database
04. Uploading Joomla! to your site
05. Installing and Configuring Joomla!
06. A Walk around the Front End
07. It's all about Content
08. The Back End - Administrator
09. Creating Sections
10. Creating Categories
11. Creating Content Items
12. Linking to Menus
13. Installing Templates
14. Worked Example - An online shop
15. Worked Example - A membership site
16. Worked Example - A magazine
17. Support and Conclusion

Download
CODE
]



http://rapidshare.com/files/81194192/BBQthisSunDay.part2.rar
http://rapidshare.com/files/81196874/BBQthisSunDay.part3.rar
http://rapidshare.com/files/81197369/BBQthisSunDay.part4.rar


B. Building a CSS Template for JOOMLA

CODE
1. Lesson One – Slicing a Photoshop Image
• Planning the Layout
• Slicing Images
• Naming Slices
• Saving for the Web
2. Lesson Two – Creating the Foundation
• Files and Folders
• Linking the CSS into the PHP Document
• Getting Setup in Style Master
• Creating the DIV tags
3. Lesson Three – CSS Layout I
• Styling the Body
• Styling the Container
• Styling the Header
4. Lesson Four – CSS Layout II
• Styling the content DIV
• Working through browser bugs
5. Lesson Five – Finishing up and JOOMLA Integration
• Install JOOMLA Plug-in from
• Placing the Header Code
• Placing the Content Code
• Prepare the XML file
• Zip and Upload


Download

CODE
http://rapidshare.com/files/81152001/Building_a_CSS_Template_for_JOOMLA_LessonOneFinal.rar
http://rapidshare.com/files/81152667/Building_a_CSS_Template_for_JOOMLA_LessonTwoFinal.rar
http://rapidshare.com/files/81154291/Building_a_CSS_Template_for_JOOMLA_LessonThreeFinal.rar
http://rapidshare.com/files/81155655/Building_a_CSS_Template_for_JOOMLA_LessonFourFinal.rar
http://rapidshare.com/files/81157164/Building_a_CSS_Template_for_JOOMLA_LessonFiveFinal.rar

C. Increasing User Experience with Javascript
CODE
1. Introduction
• Overview of the series
• Showcasing the javascript effects
2. 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
3. Lesson Three - Using MooTabs to Condense Related Products
• Understanding how MooTabs works
• Implementing MooTabs to condense the related products of a shopping cart
4. 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
5. Lesson Five - Using Fx.Styles to Control Font Size
• Selecting an area to change
• Implementing Fx.Styles to change fonts
6. 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
7. Lesson Seven - Implementing Reflection Javascript for Images
• Downloading and using reflection.js for images
8. Lesson Eight - Creating a Sliding Image Menu
• Understanding how the Sliding Image Menu works
• Implementing the Sliding Image Menu
9. Lesson Nine - Using AJAX with the Sliding Image Menu
• Creating an updated area for changing content
• Implementing AJAX links with the Sliding Image Menu


Download

CODE
http://rapidshare.com/files/81160016/Increasing_User_Experience_With_Javascript_lessonOne.rar
http://rapidshare.com/files/81167626/Increasing_User_Experience_With_Javascript_lessonTwo.rar
http://rapidshare.com/files/81168240/Increasing_User_Experience_With_Javascript_lessonThree.rar
http://rapidshare.com/files/81168928/Increasing_User_Experience_With_Javascript_lessonFour.rar
http://rapidshare.com/files/81169185/Increasing_User_Experience_With_Javascript_lessonFive.rar
http://rapidshare.com/files/81169572/Increasing_User_Experience_With_Javascript_lessonSix.rar
http://rapidshare.com/files/81169682/Increasing_User_Experience_With_Javascript_lessonSeven.rar
http://rapidshare.com/files/81169999/Increasing_User_Experience_With_Javascript_lessonEight.rar
http://rapidshare.com/files/81170420/Increasing_User_Experience_With_Javascript_lessonNine.rar


D. Template Migration for Joomla Tutorial Series

CODE
1. Lesson One - Introduction and Re-Ordering the File Structure
• Introduction to the Template
• Moving the template files to the correct location for Joomla
2. Lesson Two - Optimizing the Template
• The Dreamweaver extension from Joomlasolutions.com
• Inserting the php tags, header code, and various other code
3. Lesson Three - The Template Details XML File
• How the template_details.xml works
• Assigning files, images, css, etc.
4. 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
5. Lesson Five - Migrating Styles for Use with Modules
• Latest news module changes
• Main menu module stylings in other positions
6. Lesson Six - Custom Module Styling Using Class Suffixes
• Styling the Newsflash module similar to the static template
Using class suffixes in Joomla
7. Lesson Seven - Styling Various Joomla Elements
• Style matching the titles, paragraphs, etc. in the template
• News component styling


Download
CODE
http://rapidshare.com/files/81157445/Template_Migration_for_Joomla_Tutorial_Series_lessonOne.rar
http://rapidshare.com/files/81157769/Template_Migration_for_Joomla_Tutorial_Series_lessonTwo.rar
http://rapidshare.com/files/81158130/Template_Migration_for_Joomla_Tutorial_Series_lessonThree.rar
http://rapidshare.com/files/81158273/Template_Migration_for_Joomla_Tutorial_Series_lessonFour.rar
http://rapidshare.com/files/81158609/Template_Migration_for_Joomla_Tutorial_Series_lessonFive.rar
http://rapidshare.com/files/81158992/Template_Migration_for_Joomla_Tutorial_Series_lessonSix.rar
http://rapidshare.com/files/81159641/Template_Migration_for_Joomla_Tutorial_Series_lessonSeven.rar

E. MooTools for the Rest of Us

CODE
1. Lesson One - Ideas and Resources
• The Purpose and Format of this series
• Where to get ideas from/documentation
• Getting MooTools
2. Lesson Two - Setting up the Document
• Javascript insertion
• Testing out an effect
3. Lesson Three - Creating a "Drag & Resize"-able Window
• Finding ideas
• Implementing an idea
• Duplicating several windows
4. Lesson Four - Opacity Fades for various windows
• Recognizing windows to fade
• Implementing the code
• Custom Options
5. Lesson Five - Using Moo.Ajax for the JoomlaOS Template
• Some benefits
• Creating an Ajax link for the JoomlaOS Template


Download

CODE
http://rapidshare.com/files/81170728/MooTools_for_the_Rest_of_Us_Tutorial_Series_LessonOne.rar
http://rapidshare.com/files/81171353/MooTools_for_the_Rest_of_Us_Tutorial_Series_LessonTwo.rar
http://rapidshare.com/files/81171713/MooTools_for_the_Rest_of_Us_Tutorial_Series_LessonThree.rar
http://rapidshare.com/files/81175938/MooTools_for_the_Rest_of_Us_Tutorial_Series_LessonFour.rar
http://rapidshare.com/files/81176549/MooTools_for_the_Rest_of_Us_Tutorial_Series_LessonFive.rar

Remaining Collection BEAUTY IN DESIGN sorry forgot to post those links

CODE
http://rapidshare.com/files/81144262/JoomlaTemplatesCollection.part01.rar
http://rapidshare.com/files/81145855/JoomlaTemplatesCollection.part02.rar
http://rapidshare.com/files/81146602/JoomlaTemplatesCollection.part03.rar
http://rapidshare.com/files/81147959/JoomlaTemplatesCollection.part04.rar
http://rapidshare.com/files/81149140/JoomlaTemplatesCollection.part05.rar
http://rapidshare.com/files/81150695/JoomlaTemplatesCollection.part06.rar
http://rapidshare.com/files/81151606/JoomlaTemplatesCollection.part07.rar

Go to the top of the page
 
+Quote Post




Reply to this topicStart new topic

 


Tag cloud:
joomla tutorial rapidshare, joomla tutorials rapidshare, Fundamentals of Joomla rapidshare, fundamentals of joomla rapidshare, joomla, JOOMLA tutorials RAPIDSHARE, beauty in design joomla source file, joomla tutotials rapidshare, joomla tutorials rapidshare, http://rapidshare.com joomla, intitle:joomla, joomla mootools menu, joomla lessons intext:rapidshare.com/files, joomla video tutorial rapidshare, mootools gallery tutorial joomla, rapidshare joomla tutorial, joomla tutorials rapidsahre, joomla rapidshare tutorial, rapidshare fundamentals of joomla, joomla tutorials in rapidshare, joomla components rapidshare, joomla tutorial rapidshare.com, joomla submenu tutorial, templates joomla, beauties at dadesiforum, module user online joomla with picture \uploadtoday.com/download/?\|\mediafire.com/?\|\rapidshare., \rapidshare.com/files\ joomla css, \rapidshare.com/files\ joomla, joomla \rapidshare.com/files\|\megaupload.com/\|\mediafire.com/?\|\uploadtoday.com/download/?\|\f, joomla template tutorial rapidshare, CSS Template, mootools xml example, EXP Templates With Ajax rapidshare, css template, \rapidshare.com/files\ joomla install, joomla tutorial rapidshare, joomla boobs template, tutorial intext:rapidshare.com/files, Joomla! - The Beauty in Design (Tutorial Videos), rapidshare.com joomla, joomlasolutions rar rapidshare, joomla design tutorial, mootools membership, joomla beauty, Does joomla mootools support FX, design, element joomla rapidshare, Beautyindesign Joomla Tutorials - Videos rapidshare, Joomla! tutorial rapishare, joomla extension intext:rapidshare.com/files, xml tutorial videos rapidshare, joomla menu design tutorial, templante joomla, Joomla Sites rapidshare.com, intitle:tutorial, windows beauty designers, Joomla! - The Beauty in Design intext:http://rapidshare.com/files/, web design more:downloads, photoshop tutorial more:downloads, template joomla

RSS Lo-Fi Version Time is now: 9th February 2010 - 11:25 PM
** Site viewed best in 1024x768 resolution. We recommend Firefox or Opera web browsers. **
Forums Directory