Login / Status
developer.Resource
Home . Extensions . Repository
Sponsors
hosted by punkt.deTYPO3 and Open Source Magazine

Extension Repository

The official extension repository only consists of freely available extensions. New documentation is rendered once a day.


Pixelsound FE Editing


InfoRatingsFeedback


  • Icon
    pixe_feediting
    Title
    Pixelsound FE Editing
    Extension key
    ( pixe_feediting )
    State
    stable, Not reviewed!
    Author
    Bernie Pfister
    Category
    be
    Version
    1.0.0
    Manual
    Not available
    Downloads (total / this version)
    3479 / 725
    Rating
    none
    Updated
    14.04.2006
    Upload comment
    Description
    Advanced FE editing with menu bar and Edit/View mode button at the top. You might need to tweak the CSS to work proper with your sites templates. I recommend to use the latest version of DAM. Works fine for Typo3 3.8.1
  • Dependencies
    Reverse dependencies

    The following extension versions depend on this extension:

    Version history
      Download extension

      Download compressed extension .T3X file

    • Filename Size View Date Download
      ChangeLog 108 View 14.04.2006 Download
      README.txt 80 View 14.04.2006 Download
      class.tsfeBeUserAuth.php 30 K View 14.04.2006 Download
      ext_icon.gif 124 View 14.04.2006 Download
      ext_localconf.php 274 View 14.04.2006 Download
      locallang_tsfe.php 3.7 K View 14.04.2006 Download
      doc/wizard_form.dat 1.3 K 14.04.2006 Download
      doc/wizard_form.html 15.5 K 14.04.2006 Download
      FE_editMenu/FE_editMenu-switch.css 610 View 11.04.2006 Download
      FE_editMenu/FE_editMenu.css 5.8 K View 10.04.2006 Download
      FE_editMenu/onLoad.js 2.2 K 07.04.2006 Download
      Preview for file pixe_feediting-1.0.0-FE_editMenu__FE_editMenu__css:
      
      /***********************************************************************

          Top Navigation, Horizontal, with Fold out sublevels
          Copyright 2005 by Pixelsound Web Design Perth - www.pixelsound.com

      ***********************************************************************/

      body {
          margin-top:20px;
          border:7px solid #999;
          border-top-width:10px;
      /*    z-index:1; */
      }
      div.content-element {
          border:1px solid #ccc;
      }



      /******  Edit Menu  ******************************************/

      DIV#div-editBar {
          line-height:1.8em;
          height:1.8em;
          background-color:#666;
          position:absolute;
          top:0px;
          left:0px;
          display:block;
          width:100%;
          margin:0 -7px;
      /*     z-index:3000;*/
      }
              DIV#div-editBar,
              DIV#div-editBar * {
                  font-family:Arial, Helvetica, sans-serif, Verdana, Tahoma, ;
                  font-size:1em;
              }

      span.edit-mode {
          border-right:5px solid #666;
      }

      DIV#div-editNav {
          margin:0;
          padding:0;
          margin-left:-1px;
      }
              DIV#div-editNav ul {                 /* main menu list */
                  padding:0px;                     /* do not alter: used for drop down */
                  padding:.3em .2em .3em;
                  margin:0px;                      /* do not alter: used for drop down */
                  list-style: none;                 /* do not alter: used for drop down */
                  border-right:2px solid #ccc;
              }
              
              DIV#div-editNav li {                 /* all list items; especially top level */
                  float:left;                /* son of sf */
                  position:relative;         /* do not alter: used for drop down */
                  width:6em;                 /* width needed or else Opera goes nuts */
                  text-align:left;        /* can be altered: used for drop down */
                  margin:0px;             /* can be altered: used for drop down */
                  white-space:nowrap;
                  border-left:1px solid #999;
                   list-style: none;         /* do not alter: used for drop down */
              }
              
                      DIV#div-editNav li,
                      DIV#div-editNav a {    /* style all a tags */
                          font-weight:100;
                          text-decoration:none;
                          color:white;
                          display:block;
                          padding:.2em 1em;
                      }
                              DIV#div-editNav li a {    /* style all a tags */
                                  background:none;
                                  margin:-.2em -1em;
                              }

              DIV#div-editNav li:hover,
              DIV#div-editNav li.sfhover,
              DIV#div-editNav li.cur,
              
              DIV#div-editNav li:hover a,
              DIV#div-editNav li.sfhover a,
              DIV#div-editNav li.cur a,
              
              DIV#div-editNav li:hover ul li,
              DIV#div-editNav li.sfhover ul li,
              DIV#div-editNav li.cur ul li,
              
              DIV#div-editNav li:hover ul li a,
              DIV#div-editNav li.sfhover ul li a,
              DIV#div-editNav li.cur ul li a {
                  color:black;
              }

              DIV#div-editNav li:hover,
              DIV#div-editNav li.sfhover {
                  background-color:#eee;
                  border-left:1px solid #999;
              }


      /*****  Level 2+ Settings ****/

              DIV#div-editNav ul li ul {        /* all drop down layers */
                  width:18em;                    /* son of sf */
                  position:absolute;            /* son of sf */
                   left:-999em;                 /* son of sf: using left instead of display to hide menus because display: none isn't read by screen readers */
                  top:1.8em;                    /* adjust top position of fold out menus */
                  padding:.3em .2em .3em;        /* adjust padding of sub items */
                  margin:0px;
                  margin-left:-1.1em;
                  font-weight:100;
                  border:1px solid #999;
                  border-top:1px none white;
              }
              
              DIV#div-editNav ul li ul li {
                  margin:0px;
                  display:block;
                  width:16em;
                  text-align:left;            /* can be altered: used for drop down */
                  border:1px none #ccc;
              }


              DIV#div-editNav ul li ul li:hover,
              DIV#div-editNav ul li ul li.sfhover,
              DIV#div-editNav ul li ul li.cur {
                  background-color:#66CCFF;
                  background-color:#fc0;
                  background-color:#99CC00;
                  background-color:#AED4F8;
                  border-left:1px none #999;
              }
                      DIV#div-editNav ul li ul li:hover a,
                      DIV#div-editNav ul li ul li.sfhover a,
                      DIV#div-editNav ul li ul li.cur a {
                          background-color:none;
                      }
              DIV#div-editNav ul li ul li.cur {
                  background-color:#ccc;
                  border-left:1px none #999;
              }

                      DIV#div-editNav ul li ul li a {
                          width:16em;
                          background-color:none;
                      }



                      DIV#div-editNav ul li ul li.ifsub {
                          background-image:url(images/bullet-arrow15x15.gif);
                          background-position:right;
                          background-repeat:no-repeat;
                      }
                                  DIV#div-editNav ul li ul li.no a {
                                      background:none;
                                  }



                      
      /****** level 3+ settings *****/

              DIV#div-editNav ul li ul li:hover ul,
              DIV#div-editNav ul li ul li.sfhover ul {     /* applies to all sublevel items */
                  left: auto;                             /* do not alter: son of sf */
                  border:1px solid #999;
              }
              
                      DIV#div-editNav li ul li ul {
                          margin: -2em 0 0 16em;
                      }
                              DIV#div-editNav,
                              DIV#div-editNav ul {
                                  padding: 0;
                                  margin: 0;
                                  line-height: 1.4em;
                              }
                          
                              DIV#div-editNav li:hover ul ul, 
                              DIV#div-editNav li:hover ul ul ul, 
                              DIV#div-editNav li:hover ul ul ul ul, 
                              DIV#div-editNav li.sfhover ul ul, 
                              DIV#div-editNav li.sfhover ul ul ul, 
                              DIV#div-editNav li.sfhover ul ul ul ul {
                                  left: -999em;
                              }
                              DIV#div-editNav li:hover ul, 
                              DIV#div-editNav li li:hover ul, 
                              DIV#div-editNav li li li:hover ul, 
                              DIV#div-editNav li li li li:hover ul, 
                              DIV#div-editNav li.sfhover ul, 
                              DIV#div-editNav li li.sfhover ul, 
                              DIV#div-editNav li li li.sfhover ul, 
                              DIV#div-editNav li li li li.sfhover ul {
                                  left: auto;
                              }
                          

              /****** level z-indexes *****/
              DIV#div-editNav ul li ul {
      /*        z-index:3020; */    
                  background-color:#eee;
              }
              DIV#div-editNav ul li ul li ul {
      /*            z-index:3030; */
              }
              DIV#div-editNav ul li ul li ul li ul {
      /*            z-index:3040; */
              }
              DIV#div-editNav ul li ul li ul li ul li ul {
      /*            z-index:3050; */
              }

              
              /*****  to cover select boxes in IE/win  *****/
      /*
              DIV#div-editNav-li-publicPages-iframeDiv,
              DIV#div-editNav-li-privatePages-iframeDiv {
                  position:absolute;
                  left:0;
                  top:25;
                  display:none;
                  background:none; 
              }
              DIV#div-editNav-li-privatePages-iframeDiv {
                  display:none;
              }
              
              divDIV#div-editNav iframe.nav1-li-iframe {
                  background:none;
                  width:14.5em;
                  height:100px;
                  border:1px none #fff;
                  z-index:20;
              }
      */