NLD 103 Joomla 2.5 HowTo

Bewertung:  / 128
SchwachSuper 

Costum css Path in Editor: templates/nld_103_17/css/jcore.css


Video


Modul Class Suffix

accept Modulclasssuffix

Name Image

light

dark

green

red

blue

orange

pink

yellow

darkgreen

darkred

darkblue

darkorange

darkpink

darkyellow

lightgreen

lightred

lightblue

lightorange

lightpink

lightyellow

carbon

holz

-new

-hot

-like

-free

-feed

-find

-top

lightorange

darkyellow

darkgreen-new


NLD Megamenu

NLD Megamenu Use in Notefield

Name Tag in Notefield
Mainlink {break1} no break
{break2} 1 break
{break3} 2 breaks
{break4} 3 breaks
Sublink breaks after {break-1} 1. break
{break-2} 2. break
{break-3} 3. break
Module in Separatorlink name_of_moduleposition{mod}

NLD Megamenu Image

NLD Megamenu First Link

NLD Megamenu Link break

NLD Megamenu Separator Module


Use class in Tags

Toggle Editor

<div class="my_class my_class2 my_class3">My Text</div>

	<p class="my_class my_class2 my_class3">My Text</p>

	<td class="my_class my_class2 my_class3">My Text</td>

	<span class="my_class my_class2 my_class3">My Text</span>

Tables

Table 1 class="table_border_dark"

Table Head Name 1 Table Head Name 2
td Table Box 1 td Table Box 2
td Table Box 3 td Table Box 4

Table 2 class="table_border_light"

Table Head Name 1 class="center" Table Head Name 2 class="right"
td Table Box 1 class="top" td Table Box 2 class="middle"
td Table Box 3 class="cursive red" td Table Box 4 class="underline green uppercase"

Table 3 class="table_border_light_hover blue"

Table Head Name 1 Table Head Name 2
td Table Box 1 td Table Box 2
td Table Box 3 td Table Box 4

Table 4 class="table_border_dark_hover green-bg center"

Table Head Name 1 Table Head Name 2
td Table Box 1 td Table Box 2
td Table Box 3 td Table Box 4

Table 5 class="pink yellow-bg"

Table Head Name 1 Table Head Name 2
td Table Box 1 td Table Box 2
td Table Box 3 td Table Box 4

Table 6

Table Head Name 1 Table Head Name 2
td Table Box 1 td Table Box 2
td Table Box 3 class="table_hover"

Images

Image class="image-left"

Image class="image-right"

Image class="modal"


<a title="Big Image" href="images/acc1.jpg" class="modal">

		   <img src="images/acc2.jpg" alt="" />

		  </a>

Video class="modal"

<a class="modal" href="http://www.youtube.com/embed/6V8fKW7N8ko?wmode=transparent&amp;rel=0&amp;hd=1" rel="{size: {x: 450, y: 290}, handler:'iframe'}" title="Show Video">Show Video Tutorial</a>

Styles

Font Styles

class="bold"

class="cursiv"

class="underline"

class="overline"

class="line-through"

class="uppercase"

class="LOWERCASE"

class="first-letter"

class="first-child" IE ?

class="first-line" IE ?

class="small"

class="optional"

Font Colors

class="red"

class="blue"

class="green"

class="orange"

class="pink"

class="yellow"

Background Colors

p class="red-bg"

p class="blue-bg"

p class="green-bg"

p class="orange-bg"

p class="pink-bg"

span class="yellow-bg"

Typografie

H1, H2, H3, H4, H5, H6

H1 ABCDEFGHIJKLMNOPQRSTUV
WXYZ abcdefghijklmonpqrstuvwzyz

H2 ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmonpqrstuvwzyz

H3 ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmonpqrstuvwzyz

H4 ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmonpqrstuvwzyz

H5 ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmonpqrstuvwzyz
H6 ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmonpqrstuvwzyz

ul List

  • Item
  • Item
  • Item
    • Item
    • Item
    • Item
      • Item
      • Item
      • Item

ol List

  1. tem
  2. Item
  3. Item
    1. Item
    2. Item
    3. Item
      1. Item
      2. Item
      3. Item

dl List

Test 1
Test 1 more
Test 2
Test 2 more

Info / Tip´s

actived first "Info / Tip´s" in Template Parameter

infoTip

 

<span class="infoTip" title="Info Title::Info Text here">&nbsp;</span>

redTip

redTip

<span class="redTip" title="Info Title::Info Text here">redTip</span>

blueTip

blueTip

<span class="blueTip" title="Info Title::Info Text here">blueTip</span>

greenTip

greenTip

<span class="greenTip" title="Info Title::Info Text here">greenTip</span>

orangeTip

orangeTip

<span class="orangeTip" title="Info Title::Info Text here">orangeTip</span>

pinkTip

pinkTip

<span class="pinkTip" title="Info Title::Info Text here">pinkTip</span>

yellowTip

yellowTip

<span class="yellowTip" title="Info Title::Info Text here">yellowTip</span>

Cursor

class="pointer"

Pointer

class="move"

Move

class="crosshair"

Crosshair

class="wait"

Wait

class="help"

Help

class="progress"

Progress


CSS3

smaller Internet Explorer 9 ignored css3

class="shadow"

Shadow

class="round-all"

Round all

class="round-right-top"

Round right top

class="round-right-bottom"

Round right bottom

class="round-left-bottom"

Round left bottom

class="round-left-top"

Round left top


Accordion

actived first "Accordion" in Template Parameter

Accordion 1 first open click

 <div class="nld-accordion1 clr">

		<h3 class="acc clr">Title 1</h3>

		<div class="acc clr">Content 1</div>

		<h3 class="acc clr">Title 2</h3>

		<div class="acc clr">Content 2</div>

		</div> 

Accordion 2 first close click

 <div class="nld-accordion2 clr">

		<h3 class="acc clr">Title 1</h3>

		<div class="acc clr">Content 1</div>

		<h3 class="acc clr">Title 2</h3>

		<div class="acc clr">Content 2</div>

		</div> 

Accordion 3 first open mouseover

 <div class="nld-accordion3 clr">

		<h3 class="acc clr">Title 1</h3>

		<div class="acc clr">Content 1</div>

		<h3 class="acc clr">Title 2</h3>

		<div class="acc clr">Content 2</div>

		</div> 

Accordion 4 first close mouseover

 <div class="nld-accordion4 clr">

		<h3 class="acc clr">Title 1</h3>

		<div class="acc clr">Content 1</div>

		<h3 class="acc clr">Title 2</h3>

		<div class="acc clr">Content 2</div>

		</div>