Suchmaschinenoptimierung
 Labor
 Programmierhilfen

Editoren:

Popup-Generator

Sitemap Generator

Banner-Generator

MetaTagGenerator

Wysiwyg Editoren

Mehr Generatoren

   

Wysiwyg-Editoren:

HTMLAREA der verbreitete

tinyRTE der bessere

 

Templates Entwicklung:

YAML Viel Zeit gespart

 

Praktische Tools:

Pixelmesser eben Pixel messen

Colorpicker Farbwerte finden

Zwischenablage Erweiterung

   

Wissenswertes:

PHP-Umgebungsvariablen

Reguläre Ausdrücke

ServerSideIncludes

dos-befehle

ftp-befehle

Abkürzungen

Die Google Codesuche

  

Domains registrieren:

Ripe wer wo was

Switch .ch Domains

Denic .de Domains

Network-Solution .com Domains

Register .net und alle anderen Domains

 Tipp des Monats

Super Kurzreferenz:

http://www.antitoo.de/

(HTML|CSS|JSC|PHP|SQL)

 

Tolle TYPO3-Tipps:

typo3.creativesites.de

 

 

 Games (alte Klassiker)
 Besucherinformationen
Besucher Total:
2334488
Besucher gestern:
226
Besucher heute:
7
Kennzahl:
7

Ihre IP   38.107.191.94
Port :55295

Sie benutzen: CCBot/1.0 (+http://www.commoncrawl.org/bot.html)

Ihre Herkunft: 
und hier das dazugehörige CSS
div.nav_rahmen_NO_ebene1 a:link{
display:block;
background-color: #dadada;
border-top:1px #000099 solid;
border-bottom:0px #000099 solid;
border-right:1px #000099 solid;
border-left:1px #000099 solid;
padding:5px 0px 5px 10px;  
margin: 0px 0px 0px 0px; 
font-size: 10pt;
width:100%;
height:100%;
}
 
div.nav_rahmen_NO_ebene1 a:visited{
display:block;
background-color: #dadada;
border-top:1px #000099 solid;
border-bottom:0px #000099 solid;
border-right:1px #000099 solid;
border-left:1px #000099 solid;
padding:5px 0px 5px 10px; 
margin: 0px 0px 0px 0px; /
font-size: 10pt;
width:100%;
height:100%;
}
 
div.nav_rahmen_NO_ebene1 a:hover{
display:block;
background-color: white;
width:100%;
height:100%;
color:#000099;
font-weight:bold;
}
 
 
div.nav_rahmen_NO_ebene2 a:link{
display:block;
background-color: #dadada;
border-top:0px #000099 solid;
border-bottom:1px #000099 solid;
border-right:1px #000099 solid;
border-left:1px #000099 solid;
padding:5px 0px 5px 5px;  
margin: 0px 0px 0px 0px; 
font-size: 10pt;
width:100%;
height:100%;
}
 
div.nav_rahmen_NO_ebene2 a:visited{
display:block;
background-color: #dadada;
border-top:0px #000099 solid;
border-bottom:1px #000099 solid;
border-right:1px #000099 solid;
border-left:1px #000099 solid;
padding:5px 0px 5px 5px; 
margin: 0px 0px 0px 0px; 
font-size: 10pt;
width:100%;
height:100%;
}
 
div.nav_rahmen_NO_ebene2 a:hover{
display:block;
background-color: white;
width:100%;
height:100%;
color:#000099;
font-weight:bold;
}
 
 
div.nav_rahmen_ACT_ebene1 a:link{
display:block;
background-color: white;
border-top:1px #000099 solid;
border-bottom:0px #000099 solid;
border-right:1px #000099 solid;
border-left:1px #000099 solid;
padding:5px 0px 5px 10px;  
margin: 0px 0px 0px 0px; 
font-size: 10pt;
width:100%;
height:100%;
font-weight: bold;
}
 
div.nav_rahmen_ACT_ebene1 a:visited{
display:block;
background-color: white;
border-top:1px #000099 solid;
border-bottom:0px #000099 solid;
border-right:1px #000099 solid;
border-left:1px #000099 solid;
padding:5px 0px 5px 10px;  
margin: 0px 0px 0px 0px; 
font-size: 10pt;
width:100%;
height:100%;
font-weight: bold;
}
 
div.nav_rahmen_ACT_ebene1 a:hover{
display:block;
background-color: white;
width:100%;
height:100%;
color:#000099;
font-weight:bold;
}
 
 
div.nav_rahmen_ACT_ebene2 a:link{
display:block;
background-color: white;
border-top:0px #000099 solid;
border-bottom:1px #000099 solid;
border-right:1px #000099 solid;
border-left:1px #000099 solid;
padding:5px 0px 5px 5px; 
margin: 0px 0px 0px 0px; 
font-size: 10pt;
width:100%;
height:100%;
font-weight: bold;
}
 
div.nav_rahmen_ACT_ebene2 a:visited{
display:block;
background-color: white;
border-top:0px #000099 solid;
border-bottom:1px #000099 solid;
border-right:1px #000099 solid;
border-left:1px #000099 solid;
padding:5px 0px 5px 5px;  
margin: 0px 0px 0px 0px; 
font-size: 10pt;
width:100%;
height:100%;
font-weight: bold;
}
 
div.nav_rahmen_ACT_ebene2 a:hover{
display:block;
background-color: white;
width:100%;
height:100%;
color:#000099;
font-weight:bold;
}
 
 
 
 
TypoScript
NAVIGATION = HMENU 
NAVIGATION.special = directory
NAVIGATION.special.value = 5
NAVIGATION.entryLevel = 1

NAVIGATION.1 = TMENU_LAYERS
NAVIGATION.1 { 
                          layerStyle = position:absolute;VISIBILITY:hidden;
 
                         #Menu verankern, damit es nicht der Maus folgt 
                              lockPosition = x 
                         #Position wo sich die naechste Ebene oeffnen soll (Ebene 2) 
                              relativeToParentLayer=1
                              relativeToTriggerItem=1
                              topOffset=14
                              leftOffset=60
                         #Angabe wann sich die naechste Ebene wieder schliessen soll 
                            hideMenuWhenNotOver =150
                             hideMenuTimer = 60
                         #dontHideOnMouseUp = 1
                         freezeMouseover = 0
                         # alle Menuepunkte anzeigen 
                              expAll=1 
                         # Darstellung der aktuellen Ebene 
                              wrap = <table border='0' cellpadding='0' cellspacing='0' width='100%' valign='top'><tr><td valign='top'> | </td></tr></table>

                          # Darstellung im Normalmodus

                              NO = 1                              
                              NO {
                                    ATagTitle.field = subtitle//title 
                                    ATagParams =  title="{field:title}" 
                                    allWrap = <div class='nav_rahmen_NO_ebene1'> | </div>
                                    }
     
                              # Darstellung wenn Aktiv
                              ACT = 1
                              ACT { 
                                     ATagTitle.field = subtitle//title 
                                     ATagParams = class="nav-link" title="{field:title}" 
                                     allWrap =  <div class='nav_rahmen_ACT_ebene1'> | </div> 
                                     }

} 


NAVIGATION.2 = TMENU_LAYERS
NAVIGATION.2 { 
                              layerStyle = position:absolute;VISIBILITY:hidden;
 
                              # Menu verankern, damit es nicht der Maus folgt 
                              lockPosition = x 
 
                              # Position wo sich die naechste Ebene oeffnen soll (Ebene 2) 
                              relativeToParentLayer=1
                              relativeToTriggerItem=1
                              topOffset=0
                              leftOffset=200

                              # alle Menuepunkte anzeigen 
                              expAll=1 
                              wrap = <table border='0' cellpadding='0' cellspacing='0' width='142' valign='top'><tr><td valign='top'><div class=rahmennav> | </div></td></tr></table>
                              # Darstellung der aktuellen Ebene 
                              NO {
                                   ATagTitle.field = subtitle//title 
                                   ATagParams = class = "nav-link" title="{field:title}" 
                                   allWrap = <div class='nav_rahmen_NO_ebene2'> | </div>
                              }
                              ACT < .NO
                              ACT = 1
                              ACT{
                                    ATagTitle.field = subtitle//title 
                                    ATagParams = class="nav-link" title="{field:title}" 
                                    allWrap = <div class='nav_rahmen_ACT_ebene2'> | </div> 
                              }
                              # Darstellung fuer Unterpunkte mit Subpunkten
                              #IFSUB = 1
                              #IFSUB { 
                                        #allWrap = <li class="menuItem">|</li>
                              #}

} 
Vertikale aufklappende Navigation

Diese Navigation klappt die nächste Ebene automatisch auf.