NLD 103 Joomla 2.5 HowTo

Bewertung:  / 82
SchwachSuper 

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


Video


Modulclasssuffix

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="blink" IE not supported

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>