درس Css في خمس دقائق
Moderators: sherif, General Support Moderators
-
- Joomla! Intern
- Posts: 82
- Joined: Thu Aug 18, 2005 10:37 pm
درس Css في خمس دقائق
صوره ووصف ال سي اس اس للمبمو
واليكم الشرح
بلانجليزي
مما يتركب التمبليت
installdir/templates/
|
+- template_name/
|
+- index.php
|
+- template_thumbnail.png
|
+- templateDetails.xml
|
+- css/
| |
| +- template_css.css
|
+- images/
واخيرا شرح بالكلمات
/* STANDARD COMPLETE CSS FOR MAMBO 4.5.X TEMPLATES */
/* By Dinh Viet Hung (C) http://www.mambotheme.com: free templates and Professional Templates Club */
/* DEFAULT SETTINGS */
/* Below are default settings are used when no other style has been defined.*/
body {}/*Style for the body tag of your website, controls font family page background, etc.*/
p {} /*formatting all (division) items. This is a catch-all that only applies when no other style has been defined.*/
td {} /*formatting all
items. This default setting is used when no other style has been defined.*/
tr {} /*formatting all
items. This default setting is used when no other style has been defined.*/
ul {} /*formatting all UL (unordered list) items. This default setting is used when no other style has been defined.*/
a:link {} /* general links style*/
a:visited {}
a:hover {}
hr {} /* horizontal line in your template*/
hr.separator {}
/* FORMS SETTINGS */
.button {}
.inputbox {}
.search {} /*formatting the which holds search items: inputbox, search button...*/
/* NAVIGATION/MENU SETTINGS */
a.mainlevel{} /* this styling is for the MAIN items in the menu */
a.mainlevel:link {}
a.mainlevel:visited {}
a.mainlevel:hover {}
#active_menu {} /* this styling is for the menu item when it is active, even in main/sub position*/
ul#mainlevel-nav {}
ul#mainlevel-nav li{}
#mainlevel-nav a:link {}
#mainlevel-nav a:visited{}
#mainlevel-nav a:hover {}
a.sublevel{} /* this styling is for menu items that HAS A PARENT */
a.sublevel:link {}
a.sublevel:visited {}
a.sublevel:hover {}
.pagenavbar {} /*Sets the style for the footer navigation (" End >>") when they do not appear as hyperlinks (when only a few articles exist).*/
.pagenavbar:link {} /*Style for the footer navigation (" End >>") when they become hyper links*/
.pagenavbar:visited {}
.pagenav {} /* as the name implies, this is for formatting texts for those " End >>" links */
a.pagenav:visited {}
a.pagenav:hover {}
a.readon:link {} /*Style for the "Read More" link that is displayed for large content items*/
a.readon:hover {}
a.readon:visited {}
.back_button {} /*Style for the "BACK" button*/
.pagenav_prev {} /*Style for the PRE button*/
.pagenav_next {} /*Style for the NEXT button*/
.latestnews ul {} /*Style for latest news list - by default, latest news is user1 module*/
.latestnews li {}
.mostread ul{} /*Style for most popular list - by default, most popular is user2 module*/
.mostread li{}
/* CONTENT PAGE SETTINGS */
a.category:link {}
a.category:hover {}
a.category:visited {}
.blogsection {} /* Formatting the links in Blog section */
.blog_more {} /*The "More" text in blog section*/
a.blogsection:link {} /* set the link format */
a.blogsection:visited {} /* same as above, but to set the visited link format */
a.blogsection:hover {} /* same as above, but for links with mouse pointer over it */
.componentheading {}/* Title of the component being used to display the content.*/
.contentheading {} /* Title of the content, article, etc. being displayed.*/
.contentpane {} /* Table that holds all non-article information (components, category lists, contact forms, etc).*/
.contentpaneopen {} /* Table that holds the actual text for an article.*/
.contentpagetitle {} /*Title of articles*/
a.contentpagetitle:hover {} /*Title of articles when appeare as links */
a.contentpagetitle:link {}
a.contentpagetitle:visited {}
.contentdescription {} /* Formating the "DESCRIPTION" of sections, categories (News/Weblinks/Latest news...) */
table.contenttoc {} /* Formating the table of the Tables of Contents for multiple pages content or article */
table.contenttoc td {} /* same as above, used to format the td and able cells */
table.contenttoc th {} /* same as above, used to format the th of "Tables of Content" ( normally Article Index)*/
table.contenttoc td.toclink {} /* same as above, used to format toc link texts*/
a.toclink:link {} /* same as above, used to format toc link text status*/
a.toclink:visited {}
a.toclink:hover {}
/* MAMBO SECTIONS LISTINGS */
.sectiontableheader {} /* This is for styling the section table headers on a SECTION's page.
Example: table header of "Date", "Item Title", "Author" and "Hits"? */
.sectiontableentry1 {}
.sectiontableentry2 {}
/* MAMBO MODULES FORMATTING */
table.moduletable {} /* Formatting the module table */
table.moduletable th {} /* Formatting the module header, and the module titles */
table.moduletable td {} /* Formatting the table cells of the module table */
/* MISCELLANEOUS */
/* Dates , Authors*/
.createdate {} /* For styling the date the content/articles are created under contents title */
.modifydate {} /* Formating "Last updated on" text at the end of articles/contents */
.small {} /* Formating "Written by:...." text */
.smalldark {}/*Found in poll result page, for " Number of Voters".. text */
/* Polls */
.poll {} /* format the td of poll table */
.pollstableborder {} /* set the border properties of the polls voting table */
/* Weblinks */
.weblinks{} /* well.. to format the link's titles under the "Weblinks"
section on the frontend */
a.weblinks:hover {} /* same as above, but for link with mouseover */
/* Newsfeeds */
.newsfeedheading {} /* The newsfeed title. NOTE: This will not affect the newsfeed's news title! */
.newsfeeddate {} /* yeah.. the date on the newsfeed */
.fase4rdf {} /* this is the body text of the newsfeed */
/* Search page */
table.searchintro {} /* This is for formatting the box with "Search Keyword: test returned 4 matches" box
that appears after you have entered a search value. It appears on the mainbody
with the search results */
/* MAMBO TABBED FRONTEND ADMIN INTERFACE */
/* The CSS below efines how the frontend admin interface when logged in */
.ontab {}/* For styling of the "Tab" buttons when editing contents through the frontend as admin.
This .ontab is the styling for the tab when it is active or after its "clicked" */
.offtab {} /* Same as above, used for styling of the "Tab" buttons when editing contents through the frontend.
This the styling for the tab when it is NOT active or when it is NOT "clicked" */
.tabpadding {} /* this style is used set the size of the tab in the above */
.tabheading {} /* Not too sure what this is used for. Couldn't find anything related to it yet at the moment */
.pagetext {} /* this style is used to style the content of the editing form contents (where HTMLArea sits and all its forms + contents) in
the frontend Administration interface */
واليكم الشرح
بلانجليزي
مما يتركب التمبليت
installdir/templates/
|
+- template_name/
|
+- index.php
|
+- template_thumbnail.png
|
+- templateDetails.xml
|
+- css/
| |
| +- template_css.css
|
+- images/
واخيرا شرح بالكلمات
/* STANDARD COMPLETE CSS FOR MAMBO 4.5.X TEMPLATES */
/* By Dinh Viet Hung (C) http://www.mambotheme.com: free templates and Professional Templates Club */
/* DEFAULT SETTINGS */
/* Below are default settings are used when no other style has been defined.*/
body {}/*Style for the body tag of your website, controls font family page background, etc.*/
p {} /*formatting all (division) items. This is a catch-all that only applies when no other style has been defined.*/
td {} /*formatting all
items. This default setting is used when no other style has been defined.*/
tr {} /*formatting all
items. This default setting is used when no other style has been defined.*/
ul {} /*formatting all UL (unordered list) items. This default setting is used when no other style has been defined.*/
a:link {} /* general links style*/
a:visited {}
a:hover {}
hr {} /* horizontal line in your template*/
hr.separator {}
/* FORMS SETTINGS */
.button {}
.inputbox {}
.search {} /*formatting the which holds search items: inputbox, search button...*/
/* NAVIGATION/MENU SETTINGS */
a.mainlevel{} /* this styling is for the MAIN items in the menu */
a.mainlevel:link {}
a.mainlevel:visited {}
a.mainlevel:hover {}
#active_menu {} /* this styling is for the menu item when it is active, even in main/sub position*/
ul#mainlevel-nav {}
ul#mainlevel-nav li{}
#mainlevel-nav a:link {}
#mainlevel-nav a:visited{}
#mainlevel-nav a:hover {}
a.sublevel{} /* this styling is for menu items that HAS A PARENT */
a.sublevel:link {}
a.sublevel:visited {}
a.sublevel:hover {}
.pagenavbar {} /*Sets the style for the footer navigation (" End >>") when they do not appear as hyperlinks (when only a few articles exist).*/
.pagenavbar:link {} /*Style for the footer navigation (" End >>") when they become hyper links*/
.pagenavbar:visited {}
.pagenav {} /* as the name implies, this is for formatting texts for those " End >>" links */
a.pagenav:visited {}
a.pagenav:hover {}
a.readon:link {} /*Style for the "Read More" link that is displayed for large content items*/
a.readon:hover {}
a.readon:visited {}
.back_button {} /*Style for the "BACK" button*/
.pagenav_prev {} /*Style for the PRE button*/
.pagenav_next {} /*Style for the NEXT button*/
.latestnews ul {} /*Style for latest news list - by default, latest news is user1 module*/
.latestnews li {}
.mostread ul{} /*Style for most popular list - by default, most popular is user2 module*/
.mostread li{}
/* CONTENT PAGE SETTINGS */
a.category:link {}
a.category:hover {}
a.category:visited {}
.blogsection {} /* Formatting the links in Blog section */
.blog_more {} /*The "More" text in blog section*/
a.blogsection:link {} /* set the link format */
a.blogsection:visited {} /* same as above, but to set the visited link format */
a.blogsection:hover {} /* same as above, but for links with mouse pointer over it */
.componentheading {}/* Title of the component being used to display the content.*/
.contentheading {} /* Title of the content, article, etc. being displayed.*/
.contentpane {} /* Table that holds all non-article information (components, category lists, contact forms, etc).*/
.contentpaneopen {} /* Table that holds the actual text for an article.*/
.contentpagetitle {} /*Title of articles*/
a.contentpagetitle:hover {} /*Title of articles when appeare as links */
a.contentpagetitle:link {}
a.contentpagetitle:visited {}
.contentdescription {} /* Formating the "DESCRIPTION" of sections, categories (News/Weblinks/Latest news...) */
table.contenttoc {} /* Formating the table of the Tables of Contents for multiple pages content or article */
table.contenttoc td {} /* same as above, used to format the td and able cells */
table.contenttoc th {} /* same as above, used to format the th of "Tables of Content" ( normally Article Index)*/
table.contenttoc td.toclink {} /* same as above, used to format toc link texts*/
a.toclink:link {} /* same as above, used to format toc link text status*/
a.toclink:visited {}
a.toclink:hover {}
/* MAMBO SECTIONS LISTINGS */
.sectiontableheader {} /* This is for styling the section table headers on a SECTION's page.
Example: table header of "Date", "Item Title", "Author" and "Hits"? */
.sectiontableentry1 {}
.sectiontableentry2 {}
/* MAMBO MODULES FORMATTING */
table.moduletable {} /* Formatting the module table */
table.moduletable th {} /* Formatting the module header, and the module titles */
table.moduletable td {} /* Formatting the table cells of the module table */
/* MISCELLANEOUS */
/* Dates , Authors*/
.createdate {} /* For styling the date the content/articles are created under contents title */
.modifydate {} /* Formating "Last updated on" text at the end of articles/contents */
.small {} /* Formating "Written by:...." text */
.smalldark {}/*Found in poll result page, for " Number of Voters".. text */
/* Polls */
.poll {} /* format the td of poll table */
.pollstableborder {} /* set the border properties of the polls voting table */
/* Weblinks */
.weblinks{} /* well.. to format the link's titles under the "Weblinks"
section on the frontend */
a.weblinks:hover {} /* same as above, but for link with mouseover */
/* Newsfeeds */
.newsfeedheading {} /* The newsfeed title. NOTE: This will not affect the newsfeed's news title! */
.newsfeeddate {} /* yeah.. the date on the newsfeed */
.fase4rdf {} /* this is the body text of the newsfeed */
/* Search page */
table.searchintro {} /* This is for formatting the box with "Search Keyword: test returned 4 matches" box
that appears after you have entered a search value. It appears on the mainbody
with the search results */
/* MAMBO TABBED FRONTEND ADMIN INTERFACE */
/* The CSS below efines how the frontend admin interface when logged in */
.ontab {}/* For styling of the "Tab" buttons when editing contents through the frontend as admin.
This .ontab is the styling for the tab when it is active or after its "clicked" */
.offtab {} /* Same as above, used for styling of the "Tab" buttons when editing contents through the frontend.
This the styling for the tab when it is NOT active or when it is NOT "clicked" */
.tabpadding {} /* this style is used set the size of the tab in the above */
.tabheading {} /* Not too sure what this is used for. Couldn't find anything related to it yet at the moment */
.pagetext {} /* this style is used to style the content of the editing form contents (where HTMLArea sits and all its forms + contents) in
the frontend Administration interface */
-
- Joomla! Explorer
- Posts: 285
- Joined: Thu Aug 25, 2005 1:51 pm
- Contact:
Re: درس Css في خمس دقائق
شكرا علي الشرح ..
Joomla needs our help ... to the freedom .. live your life as you like but help as much as you can.
-
- Joomla! Apprentice
- Posts: 49
- Joined: Mon Aug 22, 2005 1:30 am
Re: درس Css في خمس دقائق
درس قيم استفدت منه كثيراً
جزاك الله خيراً
جزاك الله خيراً
-
- Joomla! Enthusiast
- Posts: 123
- Joined: Mon Oct 02, 2006 12:37 pm
Re: درس Css في خمس دقائق
بارك الله فيك على الشرح القيم فعلا والسهل بنفس الوقت
تقبل تحياتي
تقبل تحياتي
- abkareno
- Joomla! Apprentice
- Posts: 13
- Joined: Tue Oct 10, 2006 12:41 pm
- Location: Egypt
- Contact:
Re: درس Css في خمس دقائق
جميل عزيزي استمر :P
http://www.Egyptarts.net
مستجد في هذا المجال وبالله التوفيق
مستجد في هذا المجال وبالله التوفيق
-
- Joomla! Fledgling
- Posts: 1
- Joined: Tue Oct 17, 2006 1:07 am
Re: درس Css في خمس دقائق
جزاك الله خير على هذا الشرح
وربي يعطيك العافية
وربي يعطيك العافية
-
- Joomla! Guru
- Posts: 974
- Joined: Sat Oct 14, 2006 5:25 pm
- Location: Kuwait
Re: درس Css في خمس دقائق
جزاك ربي كل خير!
- bluesman3df
- Joomla! Apprentice
- Posts: 6
- Joined: Sat Nov 11, 2006 5:10 pm
Re: درس Css في خمس دقائق
جزاك الله كل خير. كان شرح مفيد لمعرفة الكلاسس لكل أجزاء ومحتويات التيمبلت.
-
- Joomla! Apprentice
- Posts: 11
- Joined: Wed Apr 11, 2007 3:13 pm
Re: درس Css في خمس دقائق
جزاك الله كل خير حقيقة افادني جدا شرحك
بس لسه عندي بعض المشاكل ساعدوني في حلها جزاكم الله كل خير
انا استعمل تمبليت ol-lipe
اولا كيف يصبح رقم1على اليسار و رقم 2 على اليمين?
ثا نيا كيف اضيف صور مزينة للقائمة الافقية
ثالثا كيف يصبح رقم 4 اسفل الصفحة
رابعا كيف امسح رقم 5 من الصفحة و شكرا جزيلااااااااااااااااااااااااااااااااا
نجوى
بس لسه عندي بعض المشاكل ساعدوني في حلها جزاكم الله كل خير
انا استعمل تمبليت ol-lipe
اولا كيف يصبح رقم1على اليسار و رقم 2 على اليمين?
ثا نيا كيف اضيف صور مزينة للقائمة الافقية
ثالثا كيف يصبح رقم 4 اسفل الصفحة
رابعا كيف امسح رقم 5 من الصفحة و شكرا جزيلااااااااااااااااااااااااااااااااا
نجوى
You do not have the required permissions to view the files attached to this post.
-
- Joomla! Fledgling
- Posts: 2
- Joined: Wed Jun 20, 2007 5:31 pm
- Contact:
-
- Joomla! Guru
- Posts: 974
- Joined: Sat Oct 14, 2006 5:25 pm
- Location: Kuwait
Re: درس Css في خمس دقائق
الصورة المرفقة مع الشرح للأسف اختفت:
http://www.mambotheme.com/images/storie ... _guide.gif
من لديه نسخة منها؟
شكرا
http://www.mambotheme.com/images/storie ... _guide.gif
من لديه نسخة منها؟
شكرا
-
- Joomla! Apprentice
- Posts: 16
- Joined: Sat Oct 07, 2006 8:47 pm
Re: درس Css في خمس دقائق
اتفضلي
You do not have the required permissions to view the files attached to this post.
-
- Joomla! Guru
- Posts: 974
- Joined: Sat Oct 14, 2006 5:25 pm
- Location: Kuwait
Re: درس Css في خمس دقائق
جزاك الله كل خير.timo1st wrote: اتفضلي
شكرا.
-
- Joomla! Fledgling
- Posts: 2
- Joined: Sat Aug 25, 2007 3:12 pm
Re: درس Css في خمس دقائق
شكراً على