درس Css في خمس دقائق

قم بوضع مشاكلك مع القوالب هنا و كذلك تصميماتك لجوملا! أو تصميماتك بوجه عام

Moderators: sherif, General Support Moderators

Locked
elasibe
Joomla! Intern
Joomla! Intern
Posts: 82
Joined: Thu Aug 18, 2005 10:37 pm

درس Css في خمس دقائق

Post by elasibe » Fri Aug 26, 2005 7:42 am

صوره ووصف ال سي اس اس للمبمو

Image

واليكم الشرح

بلانجليزي

مما يتركب التمبليت

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 */
دعم  وترجمة بالعربية
http://www.joomlatna.org
Free Arab User for joomla!

freemambo

Re: درس Css في خمس دقائق

Post by freemambo » Sat Aug 27, 2005 2:50 pm

السلام عليكم

شكرا لك.. لقد قدمت درسا قيما فجزاك الله خيرا

mbd
Joomla! Explorer
Joomla! Explorer
Posts: 285
Joined: Thu Aug 25, 2005 1:51 pm
Contact:

Re: درس Css في خمس دقائق

Post by mbd » Sat Aug 27, 2005 7:05 pm

شكرا علي الشرح ..
Joomla needs our help ... to the freedom .. live your life as you like but help as much as you can.

Anas966
Joomla! Apprentice
Joomla! Apprentice
Posts: 49
Joined: Mon Aug 22, 2005 1:30 am

Re: درس Css في خمس دقائق

Post by Anas966 » Sat Aug 27, 2005 9:22 pm

درس قيم استفدت منه كثيراً

جزاك الله خيراً

malak
Joomla! Enthusiast
Joomla! Enthusiast
Posts: 123
Joined: Mon Oct 02, 2006 12:37 pm

Re: درس Css في خمس دقائق

Post by malak » Wed Oct 04, 2006 5:04 am

بارك الله فيك على الشرح القيم فعلا والسهل بنفس الوقت
تقبل تحياتي

User avatar
abkareno
Joomla! Apprentice
Joomla! Apprentice
Posts: 13
Joined: Tue Oct 10, 2006 12:41 pm
Location: Egypt
Contact:

Re: درس Css في خمس دقائق

Post by abkareno » Wed Oct 11, 2006 1:35 am

جميل عزيزي استمر :P
http://www.Egyptarts.net
مستجد في هذا المجال وبالله التوفيق

aleisaei
Joomla! Fledgling
Joomla! Fledgling
Posts: 1
Joined: Tue Oct 17, 2006 1:07 am

Re: درس Css في خمس دقائق

Post by aleisaei » Tue Oct 17, 2006 1:19 am

جزاك الله خير على هذا الشرح

وربي يعطيك العافية

I-MAG
Joomla! Guru
Joomla! Guru
Posts: 974
Joined: Sat Oct 14, 2006 5:25 pm
Location: Kuwait

Re: درس Css في خمس دقائق

Post by I-MAG » Tue Oct 17, 2006 10:14 pm

جزاك ربي كل خير!

User avatar
bluesman3df
Joomla! Apprentice
Joomla! Apprentice
Posts: 6
Joined: Sat Nov 11, 2006 5:10 pm

Re: درس Css في خمس دقائق

Post by bluesman3df » Sat Nov 18, 2006 11:55 am

جزاك الله كل خير. كان شرح مفيد لمعرفة الكلاسس لكل أجزاء ومحتويات التيمبلت.

najouaziz
Joomla! Apprentice
Joomla! Apprentice
Posts: 11
Joined: Wed Apr 11, 2007 3:13 pm

Re: درس Css في خمس دقائق

Post by najouaziz » Wed Apr 11, 2007 3:35 pm

جزاك الله كل خير حقيقة افادني جدا شرحك
بس لسه عندي بعض المشاكل ساعدوني في حلها جزاكم الله كل خير


انا استعمل تمبليت ol-lipe
اولا كيف يصبح رقم1على اليسار و رقم 2 على اليمين?
ثا نيا كيف اضيف صور مزينة للقائمة الافقية
ثالثا كيف يصبح رقم 4 اسفل الصفحة
رابعا كيف امسح رقم 5 من الصفحة و شكرا جزيلااااااااااااااااااااااااااااااااا
نجوى
You do not have the required permissions to view the files attached to this post.

a_very_romantic
Joomla! Fledgling
Joomla! Fledgling
Posts: 2
Joined: Wed Jun 20, 2007 5:31 pm
Contact:

Re: درس Css في خمس دقائق

Post by a_very_romantic » Thu Jun 21, 2007 9:48 pm

الله يعطيك العافية يا رب

I-MAG
Joomla! Guru
Joomla! Guru
Posts: 974
Joined: Sat Oct 14, 2006 5:25 pm
Location: Kuwait

Re: درس Css في خمس دقائق

Post by I-MAG » Fri Jul 13, 2007 11:45 am

الصورة المرفقة مع الشرح للأسف اختفت:
http://www.mambotheme.com/images/storie ... _guide.gif

من لديه نسخة منها؟

شكرا

timo1st
Joomla! Apprentice
Joomla! Apprentice
Posts: 16
Joined: Sat Oct 07, 2006 8:47 pm

Re: درس Css في خمس دقائق

Post by timo1st » Thu Jul 26, 2007 9:06 am

اتفضلي
You do not have the required permissions to view the files attached to this post.

I-MAG
Joomla! Guru
Joomla! Guru
Posts: 974
Joined: Sat Oct 14, 2006 5:25 pm
Location: Kuwait

Re: درس Css في خمس دقائق

Post by I-MAG » Thu Jul 26, 2007 9:35 am

timo1st wrote: اتفضلي
جزاك الله كل خير.
شكرا.

squrban
Joomla! Fledgling
Joomla! Fledgling
Posts: 2
Joined: Sat Aug 25, 2007 3:12 pm

Re: درس Css في خمس دقائق

Post by squrban » Sat Aug 25, 2007 3:51 pm

شكراً على  :)


Locked

Return to “القوالب و التصميم”