22 Oct 2012

Learn the name of each module positions from the image below. Got questions? Our Support team is ready to help you

23 Oct 2012

The typography page will show you how to use various HTML codes with or without classes. For each of the elements below there is the code as well which you can simply paste. In case you need help using the IceTheme Typography feature please use our Forums

Headings

Headings are defined with the <h1> to <h6> tags. <h1> defines the most important heading. <h6> defines the least important heading. For more information about headings please visit the HTML Headings on w3schools

Example: <h1>This is Heading 1</h1>

This is Heading 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla dapibus sapien vel mauris viverra quis euismod dui tincidunt. Phasellus laoreet mattis est, eu vulputate sapien suscipit ac. Vestibulum porttitor justo a est elementum luctus. Nulla ac pharetra nulla. Quisque metus orci, cursus at sollicitudin sit.

This is Heading 2

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla dapibus sapien vel mauris viverra quis euismod dui tincidunt. Phasellus laoreet mattis est, eu vulputate sapien suscipit ac. Vestibulum porttitor justo a est elementum luctus. Nulla ac pharetra nulla. Quisque metus orci, cursus at sollicitudin sit.

This is Heading 3

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla dapibus sapien vel mauris viverra quis euismod dui tincidunt. Phasellus laoreet mattis est, eu vulputate sapien suscipit ac. Vestibulum porttitor justo a est elementum luctus. Nulla ac pharetra nulla. Quisque metus orci, cursus at sollicitudin sit.

This is Heading 4

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla dapibus sapien vel mauris viverra quis euismod dui tincidunt. Phasellus laoreet mattis est, eu vulputate sapien suscipit ac. Vestibulum porttitor justo a est elementum luctus. Nulla ac pharetra nulla. Quisque metus orci, cursus at sollicitudin sit.

This is Heading 5

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla dapibus sapien vel mauris viverra quis euismod dui tincidunt. Phasellus laoreet mattis est, eu vulputate sapien suscipit ac. Vestibulum porttitor justo a est elementum luctus. Nulla ac pharetra nulla. Quisque metus orci, cursus at sollicitudin sit.

This is Heading 6

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla dapibus sapien vel mauris viverra quis euismod dui tincidunt. Phasellus laoreet mattis est, eu vulputate sapien suscipit ac. Vestibulum porttitor justo a est elementum luctus. Nulla ac pharetra nulla. Quisque metus orci, cursus at sollicitudin sit.

 

This is a Headline

This is a Subheadline that should go after the main headline

Use: <p class="ice-headline">for the headline </p> and use for <p class="ice-headline"> the subheadline </p>


Lists

There are 3 kinds of HTML lists. Unordered list which starts with <ul> and it is used to display a set of items which the order does not matter. Ordered list which starts with <ol> and as the name suggests the order is important. The third is the Definition lists which starts with <dl> and each item has a description.

Example Unordered List:
<ul>
<li> This is a unordered list </li>
<li> This is a unordered list </li>
<li> This is a unordered list </li>
</ul>

Example Ordered List:
<ol>
<li> This is a ordered list </li>
<li> This is a ordered list </li>
<li> This is a ordered list </li>
</ol>

Example Definition List:
<dl>
<dt> Coffee </dt>
<dd> black hot drink </dd>
<dd> white cold drink </dd>
</dl>

 

Ordered List

  1. This is a sample Ordered List.
  2. Lorem ipsum dolor sit amet
  3. Lorem ipsum dolor sit amet
  4. Lorem ipsum dolor sit amet

Unordered List

  • This is a sample Unordered List.
  • Lorem ipsum dolor sit amet
  • Lorem ipsum dolor sit amet

Definition List

This is a sample Definition List.
Condimentum quis.
Definiton Lists are important
Congue Quisque augue elit dolor.
 

Unordered Lists with classes

You can easily make an unordered list and instated of having the HTML default bullets, you can display a nice icon before each item and enhance the usability of your lists.

Example:
<ul class="check">
<li> This is a unordered list </li>
<li> This is a unordered list </li>
<li> This is a unordered list </li>
</ul>

  • ul with class ice-check
  • Lorem ipsum dolor sit
  • Lorem ipsum dolor sit
  • Lorem ipsum dolor sit
  • ul with class ice-arrow
  • Lorem ipsum dolor sit
  • Lorem ipsum dolor sit
  • Lorem ipsum dolor sit
  • ul with class ice-cross
  • Lorem ipsum dolor sit
  • Lorem ipsum dolor sit
  • Lorem ipsum dolor sit
  • ul with class ice-light
  • Lorem ipsum dolor sit
  • Lorem ipsum dolor sit
  • Lorem ipsum dolor sit
  • ul with class ice-star
  • Lorem ipsum dolor sit
  • Lorem ipsum dolor sit
  • Lorem ipsum dolor sit
  • ul with class ice-note
  • Lorem ipsum dolor sit
  • Lorem ipsum dolor sit
  • Lorem ipsum dolor sit
  • ul with class ice-check2
  • Lorem ipsum dolor sit
  • Lorem ipsum dolor sit
  • Lorem ipsum dolor sit
  • ul with class ice-info
  • Lorem ipsum dolor sit
  • Lorem ipsum dolor sit
  • Lorem ipsum dolor sit
  • ul with class ice-help
  • Lorem ipsum dolor sit
  • Lorem ipsum dolor sit
  • Lorem ipsum dolor sit
 

BlockQuotes

Example: <blockquote><p> The blockquote message here </p></blockquote>

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla dapibus sapien vel mauris viverra quis euismod dui tincidunt. Phasellus laoreet mattis est, eu vulputate sapien suscipit ac. Vestibulum porttitor justo a est elementum luctus. Nulla ac pharetra.

Highlights

Example: <span class="highlight"> highlighted message here </span>

Lorem ipsum dolor sit amet consectetur adipiscing elit nulla dapibus sapien vel mauris viverra quis euismod dui tincidunt.

 

Dropcaps

Example: <span class="dropcap"> L </span> . Use only the first letter of your text. Be careful not to overuse this feature.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla dapibus sapien vel mauris viverra quis euismod dui tincidunt. Phasellus laoreet mattis est, eu vulputate sapien suscipit ac. Vestibulum porttitor justo a est elementum luctus. Nulla ac pharetra nulla. Quisque metus orci, cursus at sollicitudin sit.Phasellus laoreet mattis est, eu vulputate sapien suscipit ac. Vestibulum porttitor justo a est elementum luctus.

 

Code

Example: <pre> Your code goes here </pre>

#i-love-icetheme { 
    position: relative;
    float: left;
    width:960px;
}



Floated blocks

Example: <span class="IceBlockTextLeft"> Your code goes here </span>

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla commodo, velit eu posuere tempus, magna tellus pellentesque massa, vitae bibendum mi libero at magna. Etiam ante mi, ornare eget consectetur vitae, bibendum eu justo. Aliquam faucibus posuere nulla non tincidunt. Nunc consequat erat vel sem scelerisque luctus. Vestibulum convallis posuere ante at fringilla. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla commodo, velit eu posuere tempus, magna tellus pellentesque massa. Morbi eu dui lorem. Vestibulum pulvinar, neque id porta tempor, nisl elit tempus odio, ut dignissim lorem quam a augue. Quisque vehicula felis nec nisi consectetur elementum. In dui ipsum, rutrum id viverra id, ultrices sit amet dui.Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed mi mi, egestas ut accumsan sit amet, aliquet vitae

Example: <span class="IceBlockTextRight"> Your code goes here </span>

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla commodo, velit eu posuere tempus, magna tellus pellentesque massa, vitae bibendum mi libero at magna. Etiam ante mi, ornare eget consectetur vitae, bibendum eu justo. Aliquam faucibus posuere nulla non tincidunt. Nunc consequat erat vel sem scelerisque luctus. Vestibulum convallis posuere ante at fringilla. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla commodo, velit eu posuere tempus, magna tellus pellentesque massa. Morbi eu dui lorem. Vestibulum pulvinar, neque id porta tempor, nisl elit tempus odio, ut dignissim lorem quam a augue. Quisque vehicula felis nec nisi consectetur elementum. In dui ipsum, rutrum id viverra id, ultrices sit amet dui.Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed mi mi, egestas ut accumsan sit amet, aliquet vitae


Blocks

In case you want to decorate a div html tag you may use the block feature.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

Example:
<div class="ice-block1">block text</div>

Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

Example:
<div class="ice-block2">block text</div>

Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

Example:
<div class="ice-block3">block text</div>

Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

Example:
<div class="ice-block4">block text</div>

Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

Example:
<div class="ice-block5">block text</div>

Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

Example:
<div class="ice-block6">block text</div>


Tooltips

You may use tooltips to display your hidden content. They are CSS-based but the default Joomla one with Javascript can be used as well.

Example: <span class="hasTip" title="Tooltip Title::Tooltip Body"> Tooltip Text </span>
How nice and pratical are Tooltips

Example: <span class="tooltip"> Text goes here <span> Tooltip goes here </span></span>
This is the default CSS3 tooltip Your custom description
This is the CSS3 tooltip with class yellow-tooltipYour custom description
This is the CSS3 tooltip with class blue-tooltip Your custom description
This is the CSS3 tooltip with class pink-tooltip Your custom description
This is the CSS3 tooltip with class navy-tooltip Your custom description


Tables

Use the class "custom" to decorate your tables , Also the table with class "category" below is used by Joomla to output some of the tables into the the Joomla core components

Example:
<table class="table">
...
</table>

Table with Decoration
Column 1Column 2Column 3Column 4
Footer Col 1Footer Col 2Footer Col 3Footer Col 4
Row 1 / TD 1 Row 1 / TD 2 Row 1 / TD 3 Row 1 / TD 4
Row 2 / TD 1 Row 2 / TD 2 Row 2 / TD 3 Row 2 / TD 4
Row 3 / TD 1 Row 3 / TD 2 Row 3 / TD 3 Row 3 / TD 4
Row 4 / TD 1 Row 4 / TD 2 Row 4 / TD 3 Row 4 / TD 4
Row 5 / TD 1 Row 5 / TD 2 Row 5 / TD 3 Row 5 / TD 4
Row 6 / TD 1 Row 6 / TD 2 Row 6 / TD 3 Row 6 / TD 4
Row 7 / TD 1 Row 7 / TD 2 Row 7 / TD 3 Row 7 / TD 4

Forms

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla dapibus sapien vel mauris viverra quis euismod dui tincidunt. Phasellus laoreet mattis est, eu vulputate sapien suscipit ac. Vestibulum porttitor justo a est elementum luctus. Nulla ac pharetra nulla. Quisque metus orci, cursus at sollicitudin sit.

This is a sample of the 'notice' style. Use this style to give your users a message that require a note

This is a sample of the 'success' style. Use this style to give your users a message when a successful task was completed

This is a sample of the 'error' style. Use this style to give your users a message when a task was wrongly completed

Sample Legend



22 Oct 2012

This Premium Template is powered by the marvelous Bootstrap framework. It utilizes a a 12-column responsive grid system, making for a 940px wide container without responsive features enabled. Also we have enabled by default the responsive feature (you may disable through the template parameters) and your website will looks great across all devices like Wide Monitors, Tablets and Mobile Phones.

With the responsive feature enabled, the grid adapts to be 724px and 1170px wide depending on your viewport. Below 767px viewports, the columns become fluid and stack vertically.

You may learn more on the Bootstrap Scaffolding page about the Grid System

On the other hand you may use the style1 and style2 module class suffixes to change the colors of the sidebar module positions, as you are seeing here on this page. Don't know how to add a module class suffix? You may View here the solution

Would you like to view each module position more in detail and to learn it's name? Go to Module Positions page

You can easily move the Sidebar from right to left. This can be done from the template parameters

30 Nov -0001

إعلان

لتحميل قائمة المترشحين المقبولة ملفاتهم في مسابقة التوظيف الخارجي على اساس الشهادة بجامعة جيلالي بونعامة خميس مليانة في الرتب

 ملحق رئيسي للإدارة                   -عون إدارة رئيسي-                  

محاسب                                    -عون إدارة-                  

كاتب مديرية رئيسي                    -كاتب مديرية-                  

طبيب                                      -كاتب-                  

 إضغط على تحميل

25 Sep 2016

إعلان عن توظيف

تعلن جامعة الجيلالي بونعامة بخميس مليانة عن فتح مسابقة للتوظيف الخارجي على اساس الشهادة في الرتب المبينة في الروابط التالية :

الإعلان الأول : تحميل

الإعلان الثاني : تحميل

تحميل إستمارة المعلومات للمشاركة في مسابقة التوظيف : تحميل

02 Aoû 2016

 

إعلان عن جائزة بغداد الدولية

 

آخر أجل لتقديم الأطروحات يوم 31 أكتوبر 2016

 

لمزيد من المعلومات إضغط هنا

-------------------------------------------------------------------------------------

Offre de bourse en Malaisie

pour plus d'information  cliquez ici

---------------------------------------------------------------------

الملتقى العربي الألماني للتعليم والتدريب المهني برلين

يوم 5 و 6 أكتوبر 2016م

للمزيد  من المعلومات اضغط هنا

23 Juil 2016

التسجيلات الجامعية لحاملي شهادة البكالوريا  2016

BACC

جامعة الجيلالي بونعامة خميس مليانة تهنئ الناجحين في شهادة البكالوريا 2016

NB

كل ما يخص حاملي شهادة البكالوريا

رزنامة التسجيلات الجامعية الأولية والطعون والتسجيلات النهائية لحاملي شهادة البكالوريا 2016:

التسجيلات الأولية

من 19 إلى غاية 21 جويلية 2016

تأكيد التسجيلات الأولية

من 22 إلى غاية 24 جويلية 2016

التوجيهات والطعون على الانترنت

من 31 جويلية إلى غاية 02 أوت 2016

التسجيلات النهائية

من 04 إلى غاية 09 أوت 2016

    كيفية التسجيل في الجامعة لحاملي شهادة البكالوريا 2016  :

       دليل حاملي شهادة البكالوريا بالفرنسية      

دليل حاملي شهادة البكالوريا بالعربية

لمزيد من المعلومات اضغط هنا


gif important

خاص بتمديد فترة التسجيلات و إعادة التسجيل 2017/2016

       تعلم إدارة جامعة الجيلالي بونعامة خميس مليانة أن عملية التسجيلات، وإعادة التسجيل

(ليسانس جميع المستويات، ماستر جميع المستويات) والتي كانت مبرمجة

                    من10 جويلية الى 21 جويلية قد تم تمديدها الى غاية 28 جويلية 2016.

06 Mar 2016

تحت عنوان 

"تأملات في فكر مالك بن نبي"

نظمت جامعة الجيلالي بونعامة خميس مليانة

محاضرة للأستاذ

 « محمد الهادي الحسني »

يوم الثلاثاء 12 أفريل 2016

بقاعة المحاضرات الكبرى


نظمت فرقة بحث آليات معالجة العجز البنكي في القانون الجزائري

بكلية الحقوق والعلوم السياسية

بالتعاون مع

مخبر الحالة المدنية يوم دراسي حول:

"متطلبات إدارة العجز البنكي بين الواقع و التحديات"

يوم 11 أفريل 2016

لتحميل المطوية اضغظ هنا


إعــلان 

                  تسر لجنة الخدمات الإجتماعية دعوة كافة الأساتذة و العمال المهنيين و الموظفين المعنيين بقرعة العمرة لسنة 2016    لحضور عملية القرعة و ذلك يوم 2016/04/07 على الساعة 10 صباحا بالمدرج رقم 03 القطب القديم . 


 Photo fleurs portes ouvertes photo univ4 دعوة photo univ1Photo fleurs portes ouvertes

ابواب مفتوحة لفائدة الطلبة المقبلين على شهادة البكالوريا

من 29 إلى 31 مارس 2016

تنظم جامعة الجيلالي بونعامة خميس مليانة أبواب مفتوحة للطلبة المقبلين على شهادة البكالوريا لسنة 2016 بهدف التعريف بمجموع التخصصات والفروع المتوفرة بالجامعة بالإضافة إلى الحياة الجامعية وذلك ابتداء من 29مارس إلى غاية 31 مارس 2016.

photo univ3   photo univ6  photo univ5  photo univ2

 


Programme de Bourse d'etudes Coca-Cola

Clic ici pour plus d'informations

-------------

Programme de Bourses Turquie 2016

Annonce

Clic ici (Site) 1 Clic ici (Site) 2

-----------------

Appel à candidature

Programme Erasmus+ (UdbKM)

Clic ici pour plus d’information


اجتماع اللجنة  الوطنية لميدان اللغة والأدب العربي

reunion

اجتمعت اللجنة  البيداغوجية الوطنية لميدان اللغة والأدب العربي  يومي 13 و14 مارس 2016 بجامعة الجيلالي بونعامة خميس مليانة ، في إطار برنامجها المسطر لدراسة مواضيع متعلقة بهذا الميدان.

reunion1   reunion2

 


صدور كتاب للدكتور تيطاوني الحاج

       بمناسبة صدور الكتاب الجديد للدكتور تيطاوني الحاج أستاذ محاضر في علوم الاعلام و الإتصال  بقسم العلوم الانسانية  (كلية العلوم الإجتماعية و الإنسانية)  تحت عنوان: العولمة الاعلامية و السيادة عن دار النشر "كنوز الحكمة"، نتمنى له المزيد من الانتاج العلمي و الفكري

Livre Titaouni


تهنئة

بمناسبة الاحتفال باليوم العالمي للمرأة المصادف لـ 8 مارس من كل سنة،  يتقدم مدير الجامعة بأحر التهاني و أخلص التماني،  إلى كل الإطارات النسوية في سلك الأساتـذة و الموظفات، و كذا إلى كل العاملات و الطالبـات بالجامعة. كما يشكـر لهن مساهمتهن الفعالـة في تحسين الأداء و المشاركة في تطوير جامعتنا من أجل مستقبل أفضل.

02 Mar 2016

Prsentation1


Annonce d’ouverture d’un nouveau portail web

photo centre systeme

  

   Nos collègues du centre des systèmes et réseau d’information, de communication et de télé-enseignement et de l’enseignement à distance (CSRICTED) de notre université viennent de mettre en ligne leur portail web. Pour l’ouverture de compte messagerie, vous pouvez les joindre à travers le portail à l’adresse web suivante : Clic ici

   Félicitations à nos collègues, lesquels font de leur mieux pour mettre notre université sur le chemin de la numérisation. Bonne continuation.

 

01 Mar 2016

ينظم مخبر الصناعة ،التطور التنظيمي للمؤسسات و الإبداع

:الندوة الوطنية الثانية تحت عنوان 

"السياحة رهان الجزائر نحو تنمية مستديمة"

يوم الثلاثاء 01 مارس  2016

على الساعة 09:30 صباحا

بقاعة المحاضرات القطب الجديد

Rue Thniet El Had Khemis Miliana Wilaya de Ain Defla - Algerie.

Tel :(+213) 27556844 /fax

Email: secretariat.rectorat@univ-dbkm.dz

لغـــات الموقـــع