Note:

If you want to create a new page for developers, you should create it on the Moodle Developer Resource site.

User:Frank Ralf/Moodle HTML: Difference between revisions

From MoodleDocs

Site Administration

                   <a class="link" href="admin/index.php">
                     <img src="pix/item.gif" alt="">Notifications

                       <a class="link" href="admin/register.php">
                         <img src="pix/item.gif" alt="">
                         Registration

                           <a class="link"
                           href="admin/settings.php?section=optionalsubsystems">

                             <img src="pix/item.gif" alt="">
                             Advanced features

                               <a href="#" name="d1">
                                 <img id="vh_div1indicator"
                                 src="pix/closed.gif"
                                 alt="Closed folder">Users
                                 

                                   <a href="#" name="d5">
                                     <img id="vh_div5indicator"
                                     src="pix/closed.gif"
                                     alt="Closed folder">Courses
                                     

                                       <a href="#" name="d6">
                                         <img id="vh_div6indicator"
                                         src="pix/closed.gif"
                                         alt="Closed folder">
                                         Grades
                                         
                                         

                                           <a href="#" name="d8">
                                             <img id="vh_div8indicator"
                                             src="pix/closed.gif"
                                             alt="Closed folder">
                                             Location
                                             
                                             

                                               <a href="#"
                                               name="d9">
                                                 <img id="vh_div9indicator"
                                                 src="pix/closed.gif"
                                                 alt="Closed folder">
                                                 Language
                                                 
                                                 

                                                   <a href="#"
                                                   name="d10">
                                                     <img id="vh_div10indicator"
                                                     src="pix/closed.gif"
                                                     alt="Closed folder">
                                                     Plugins
                                                     
                                                     

                                                       <a href="#"
                                                       name="d16">
                                                         <img id="vh_div16indicator"
                                                         src="pix/closed.gif"
                                                         alt="Closed folder">
                                                         Security
                                                         
                                                         

                                                           <a href="#"
                                                           name="d17">

                                                             <img id="vh_div17indicator"
                                                             src="pix/open.gif"
                                                             alt="Opened folder">
                                                             Appearance

                                                                 <a href="#"
                                                                 name="d18">

                                                                   <img id="vh_div18indicator"
                                                                   src="pix/open.gif"
                                                                   alt="Opened folder">
                                                                   Themes

                                                                       <a class="link"
                                                                       href="admin/settings.php?section=themesettings">

                                                                         <img src="pix/item.gif"
                                                                         alt="">
                                                                         Theme
                                                                         settings

                                                                           <a class="link"
                                                                           href="theme/index.php">

                                                                             <img src="pix/item.gif"
                                                                             alt="">
                                                                             Theme
                                                                             Selector

                                                                               <a class="link"
                                                                               href="admin/settings.php?section=calendar">

                                                                                 <img src="pix/item.gif"
                                                                                 alt="">
                                                                                 Calendar

                                                                                   <a href="#"
                                                                                   name="d19">

                                                                                     <img id="vh_div19indicator"
                                                                                     src="pix/closed.gif"
                                                                                     alt="Closed folder">
                                                                                     HTML
                                                                                     editor
                                                                                     
                                                                                     

                                                                                       <a class="link"
                                                                                       href="admin/settings.php?section=htmlsettings">

                                                                                         <img src="pix/item.gif"
                                                                                         alt="">
                                                                                         HTML
                                                                                         settings

                                                                                           <a class="link"
                                                                                           href="admin/settings.php?section=documentation">

                                                                                             <img src="pix/item.gif"
                                                                                             alt="">
                                                                                             Moodle
                                                                                             Docs

                                                                                               <a class="link"
                                                                                               href="admin/settings.php?section=mymoodle">

                                                                                                 <img src="pix/item.gif"
                                                                                                 alt="">
                                                                                                 My
                                                                                                 Moodle

                                                                                                   <a class="link"
                                                                                                   href="admin/settings.php?section=coursemanager">

                                                                                                     <img src="pix/item.gif"
                                                                                                     alt="">
                                                                                                     Course
                                                                                                     managers

                                                                                                       <a class="link"
                                                                                                       href="admin/settings.php?section=ajax">

                                                                                                         <img src="pix/item.gif"
                                                                                                         alt="">
                                                                                                         AJAX
                                                                                                         and
                                                                                                         Javascript

                                                                                                           <a class="link"
                                                                                                           href="tag/manage.php">

                                                                                                             <img src="pix/item.gif"
                                                                                                             alt="">
                                                                                                             Manage
                                                                                                             tags

                                                                                                               <a href="#"
                                                                                                               name="d20">

                                                                                                                 <img id="vh_div20indicator"
                                                                                                                 src="pix/closed.gif"
                                                                                                                 alt="Closed folder">
                                                                                                                 Front
                                                                                                                 Page
                                                                                                                 
                                                                                                                 

                                                                                                                   <a href="#"
                                                                                                                   name="d21">

                                                                                                                     <img id="vh_div21indicator"
                                                                                                                     src="pix/closed.gif"
                                                                                                                     alt="Closed folder">
                                                                                                                     Server
                                                                                                                     
                                                                                                                     

                                                                                                                       <a href="#"
                                                                                                                       name="d22">

                                                                                                                         <img id="vh_div22indicator"
                                                                                                                         src="pix/closed.gif"
                                                                                                                         alt="Closed folder">
                                                                                                                         Reports
                                                                                                                         
                                                                                                                         

                                                                                                                           <a href="#"
                                                                                                                           name="d23">

                                                                                                                             <img id="vh_div23indicator"
                                                                                                                             src="pix/closed.gif"
                                                                                                                             alt="Closed folder">
                                                                                                                             Development

                                                                                                                                 <form action="http://admin/search.php"
                                                                                                                                 method="get">

                                                                                                                                     <label for="query"
                                                                                                                                     class="accesshide">
                                                                                                                                     Search
                                                                                                                                     in
                                                                                                                                     settings</label>
                                                                                                                                     <input name="query"
                                                                                                                                     id="query"
                                                                                                                                     size="8"
                                                                                                                                     value=""
                                                                                                                                     type="text">

                                                                                                                                       <input value="Search"
                                                                                                                                       type="submit">

                                                                                                                                         
                                                                                                                                         
                                                                                                                                       </input>
                                                                                                                                     </input>

                                                                                                                                 </form>
</img> 
                                                                                                                           </a>
</img> 
                                                                                                                       </a>
</img> 
                                                                                                                   </a>
</img> 
                                                                                                               </a>
</img> 
                                                                                                           </a>
</img> 
                                                                                                       </a>
</img> 
                                                                                                   </a>
</img> 
                                                                                               </a>
</img> 
                                                                                           </a>
</img> 
                                                                                       </a>
</img> 
                                                                                   </a>
</img> 
                                                                               </a>
</img> 
                                                                           </a>
</img> 
                                                                       </a>
</img> 
                                                                 </a>
</img> 
                                                           </a>
</img> 
                                                       </a>
</img> 
                                                   </a>
</img> 
                                               </a>
</img> 
                                           </a>
</img> 
                                       </a>
</img> 
                                   </a>
</img> 
                               </a>
</img> 
                           </a>
</img> 
                       </a>
</img> 
                   </a>
Line 1: Line 1:
== Anatomy of Site Admin Block ==
<code php="">
  <html>
    <head>
      <title>Site Adminstration - Open</title>
      <link rel="stylesheet" type="text/css" href="styles.css">
      </link>
      <link rel="stylesheet" type="text/css" href="styles_002.css">
      </link>
    </head>
    <body>
      <h1>Moodle 2.0 - Site Administration (open) - Original
      Code</h1>
      <table>
        <!-- Begin of original Moodle code -->
        <td style="width: 210px;" id="left-column">
          <div>
            <a href="#sb-1" class="skip-block">Skip Site
            Administration</a>
            <div id="inst2" class="block_admin_tree sideblock">
              <div class="header">
                <div class="title">
                  <h2>Site Administration</h2>
                </div>
              </div>
              <div class="content">
                <div class="admintree">
                  <div class="depth0">
                    <a class="link" href="admin/index.php">
                      <img src="pix/item.gif" alt="">Notifications
                      <div class="depth0">
                        <a class="link" href="admin/register.php">
                          <img src="pix/item.gif" alt="">
                          Registration
                          <div class="depth0">
                            <a class="link"
                            href="admin/settings.php?section=optionalsubsystems">


This is the original code for the Site Admin block plus some additional HTML to make the code valid an viewable in a browser.
                              <img src="pix/item.gif" alt="">
                              Advanced features
                              <div class="depth0">
                                <a href="#" name="d1">
                                  <img id="vh_div1indicator"
                                  src="pix/closed.gif"
                                  alt="Closed folder">Users
                                  <span id="vh_div1"></span>
                                  <div class="depth0">
                                    <a href="#" name="d5">
                                      <img id="vh_div5indicator"
                                      src="pix/closed.gif"
                                      alt="Closed folder">Courses
                                      <span id="vh_div5"></span>
                                      <div class="depth0">
                                        <a href="#" name="d6">
                                          <img id="vh_div6indicator"
                                          src="pix/closed.gif"
                                          alt="Closed folder">
                                          Grades
                                          <span id="vh_div6">
                                          </span>
                                          <div class="depth0">
                                            <a href="#" name="d8">
                                              <img id="vh_div8indicator"
                                              src="pix/closed.gif"
                                              alt="Closed folder">
                                              Location
                                              <span id="vh_div8">
                                              </span>
                                              <div class="depth0">
                                                <a href="#"
                                                name="d9">
                                                  <img id="vh_div9indicator"
                                                  src="pix/closed.gif"
                                                  alt="Closed folder">
                                                  Language
                                                  <span id="vh_div9">
                                                  </span>
                                                  <div class="depth0">


<code php>
                                                    <a href="#"
<html>
                                                    name="d10">
<head>
                                                      <img id="vh_div10indicator"
  <title>Site Adminstration - Open</title>
                                                      src="pix/closed.gif"
  <link rel="stylesheet" type="text/css" href="styles.css"></link>
                                                      alt="Closed folder">
  <link rel="stylesheet" type="text/css" href="styles_002.css"></link>
                                                      Plugins
</head>
                                                      <span id="vh_div10">
<body >
                                                      </span>
  <h1>Moodle 2.0 - Site Administration (open) - Original Code </h1>
                                                      <div class="depth0">
  <table>


<!-- Begin of original Moodle code -->
                                                        <a href="#"
                                                        name="d16">
                                                          <img id="vh_div16indicator"
                                                          src="pix/closed.gif"
                                                          alt="Closed folder">
                                                          Security
                                                          <span id="vh_div16">
                                                          </span>
                                                          <div class="depth0">


<td style="width: 210px;" id="left-column">
                                                            <a href="#"
                                                            name="d17">


<div>
                                                              <img id="vh_div17indicator"
<a href="#sb-1" class="skip-block">Skip Site Administration</a>
                                                              src="pix/open.gif"
                                                              alt="Opened folder">
                                                              Appearance
                                                              <div id="vh_div17">


                                                                <div class="depth1">


<div id="inst2" class="block_admin_tree sideblock">
                                                                  <a href="#"
<div class="header">
                                                                  name="d18">
  <div class="title">
<h2>Site Administration</h2></div></div><div class="content"><div class="admintree"><div class="depth0"><a class="link" href="admin/index.php"><img src="pix/item.gif" alt="">Notifications</a></div>
<div class="depth0"><a class="link" href="admin/register.php"><img src="pix/item.gif" alt="">Registration</a></div>
<div class="depth0"><a class="link" href="admin/settings.php?section=optionalsubsystems"><img src="pix/item.gif" alt="">Advanced features</a></div>
<div class="depth0"><a href="#" name="d1"><img id="vh_div1indicator" src="pix/closed.gif" alt="Closed folder"> Users</a></div><span id="vh_div1"></span>
<div class="depth0"><a href="#" name="d5"><img id="vh_div5indicator" src="pix/closed.gif" alt="Closed folder"> Courses</a></div><span id="vh_div5"></span>
<div class="depth0"><a href="#" name="d6"><img id="vh_div6indicator" src="pix/closed.gif" alt="Closed folder"> Grades</a></div><span id="vh_div6"></span>


<div class="depth0"><a href="#" name="d8"><img id="vh_div8indicator" src="pix/closed.gif" alt="Closed folder"> Location</a></div><span id="vh_div8"></span>
                                                                    <img id="vh_div18indicator"
<div class="depth0"><a href="#" name="d9"><img id="vh_div9indicator" src="pix/closed.gif" alt="Closed folder"> Language</a></div><span id="vh_div9"></span>
                                                                    src="pix/open.gif"
<div class="depth0"><a href="#" name="d10"><img id="vh_div10indicator" src="pix/closed.gif" alt="Closed folder"> Plugins</a></div><span id="vh_div10"></span>
                                                                    alt="Opened folder">
<div class="depth0"><a href="#" name="d16"><img id="vh_div16indicator" src="pix/closed.gif" alt="Closed folder"> Security</a></div><span id="vh_div16"></span>
                                                                    Themes
<div class="depth0"><a href="#" name="d17"><img id="vh_div17indicator" src="pix/open.gif" alt="Opened folder"> Appearance</a></div><div id="vh_div17">
                                                                    <div id="vh_div18">
<div class="depth1"><a href="#" name="d18"><img id="vh_div18indicator" src="pix/open.gif" alt="Opened folder"> Themes</a></div><div id="vh_div18">


<div class="depth2"><a class="link" href="admin/settings.php?section=themesettings"><img src="pix/item.gif" alt="">Theme settings</a></div>
                                                                      <div class="depth2">
<div class="depth2"><a class="link" href="theme/index.php"><img src="pix/item.gif" alt="">Theme Selector</a></div></div>


<div class="depth1"><a class="link" href="admin/settings.php?section=calendar"><img src="pix/item.gif" alt="">Calendar</a></div>
                                                                        <a class="link"
<div class="depth1"><a href="#" name="d19"><img id="vh_div19indicator" src="pix/closed.gif" alt="Closed folder"> HTML editor</a></div><span id="vh_div19"></span>
                                                                        href="admin/settings.php?section=themesettings">
<div class="depth1"><a class="link" href="admin/settings.php?section=htmlsettings"><img src="pix/item.gif" alt="">HTML settings</a></div>
<div class="depth1"><a class="link" href="admin/settings.php?section=documentation"><img src="pix/item.gif" alt="">Moodle Docs</a></div>
<div class="depth1"><a class="link" href="admin/settings.php?section=mymoodle"><img src="pix/item.gif" alt="">My Moodle</a></div>
<div class="depth1"><a class="link" href="admin/settings.php?section=coursemanager"><img src="pix/item.gif" alt="">Course managers</a></div>


<div class="depth1"><a class="link" href="admin/settings.php?section=ajax"><img src="pix/item.gif" alt="">AJAX and Javascript</a></div>
                                                                          <img src="pix/item.gif"
<div class="depth1"><a class="link" href="tag/manage.php"><img src="pix/item.gif" alt="">Manage tags</a></div></div>
                                                                          alt="">
                                                                          Theme
                                                                          settings
                                                                          <div class="depth2">


<div class="depth0"><a href="#" name="d20"><img id="vh_div20indicator" src="pix/closed.gif" alt="Closed folder"> Front Page</a></div><span id="vh_div20"></span>
                                                                            <a class="link"
<div class="depth0"><a href="#" name="d21"><img id="vh_div21indicator" src="pix/closed.gif" alt="Closed folder"> Server</a></div><span id="vh_div21"></span>
                                                                            href="theme/index.php">
<div class="depth0"><a href="#" name="d22"><img id="vh_div22indicator" src="pix/closed.gif" alt="Closed folder"> Reports</a></div><span id="vh_div22"></span>
<div class="depth0"><a href="#" name="d23"><img id="vh_div23indicator" src="pix/closed.gif" alt="Closed folder"> Development</a>


</div>
                                                                              <img src="pix/item.gif"
                                                                              alt="">
                                                                              Theme
                                                                              Selector
                                                                              <div class="depth1">


<div class="footer">
                                                                                <a class="link"
  <div class="adminsearchform">
                                                                                href="admin/settings.php?section=calendar">
    <form action="http://admin/search.php" method="get">
      <div>
        <label for="query" class="accesshide">Search in settings</label>
        <input name="query" id="query" size="8" value="" type="text">
        <input value="Search" type="submit">
      </div>
    </form>
  </div>
</div>


</div>
                                                                                  <img src="pix/item.gif"
</div>
                                                                                  alt="">
<span id="sb-1" class="skip-block-to"></span>
                                                                                  Calendar
</div>
                                                                                  <div class="depth1">


</td>
                                                                                    <a href="#"
                                                                                    name="d19">


<!-- End of original Moodle code -->
                                                                                      <img id="vh_div19indicator"
</body>
                                                                                      src="pix/closed.gif"
</html>
                                                                                      alt="Closed folder">
                                                                                      HTML
                                                                                      editor
                                                                                      <span id="vh_div19">
                                                                                      </span>
                                                                                      <div class="depth1">
 
                                                                                        <a class="link"
                                                                                        href="admin/settings.php?section=htmlsettings">
 
                                                                                          <img src="pix/item.gif"
                                                                                          alt="">
                                                                                          HTML
                                                                                          settings
                                                                                          <div class="depth1">
 
                                                                                            <a class="link"
                                                                                            href="admin/settings.php?section=documentation">
 
                                                                                              <img src="pix/item.gif"
                                                                                              alt="">
                                                                                              Moodle
                                                                                              Docs
                                                                                              <div class="depth1">
 
                                                                                                <a class="link"
                                                                                                href="admin/settings.php?section=mymoodle">
 
                                                                                                  <img src="pix/item.gif"
                                                                                                  alt="">
                                                                                                  My
                                                                                                  Moodle
                                                                                                  <div class="depth1">
 
                                                                                                    <a class="link"
                                                                                                    href="admin/settings.php?section=coursemanager">
 
                                                                                                      <img src="pix/item.gif"
                                                                                                      alt="">
                                                                                                      Course
                                                                                                      managers
                                                                                                      <div class="depth1">
 
                                                                                                        <a class="link"
                                                                                                        href="admin/settings.php?section=ajax">
 
                                                                                                          <img src="pix/item.gif"
                                                                                                          alt="">
                                                                                                          AJAX
                                                                                                          and
                                                                                                          Javascript
                                                                                                          <div class="depth1">
 
                                                                                                            <a class="link"
                                                                                                            href="tag/manage.php">
 
                                                                                                              <img src="pix/item.gif"
                                                                                                              alt="">
                                                                                                              Manage
                                                                                                              tags
                                                                                                              <div class="depth0">
 
                                                                                                                <a href="#"
                                                                                                                name="d20">
 
                                                                                                                  <img id="vh_div20indicator"
                                                                                                                  src="pix/closed.gif"
                                                                                                                  alt="Closed folder">
                                                                                                                  Front
                                                                                                                  Page
                                                                                                                  <span id="vh_div20">
                                                                                                                  </span>
                                                                                                                  <div class="depth0">
 
                                                                                                                    <a href="#"
                                                                                                                    name="d21">
 
                                                                                                                      <img id="vh_div21indicator"
                                                                                                                      src="pix/closed.gif"
                                                                                                                      alt="Closed folder">
                                                                                                                      Server
                                                                                                                      <span id="vh_div21">
                                                                                                                      </span>
                                                                                                                      <div class="depth0">
 
                                                                                                                        <a href="#"
                                                                                                                        name="d22">
 
                                                                                                                          <img id="vh_div22indicator"
                                                                                                                          src="pix/closed.gif"
                                                                                                                          alt="Closed folder">
                                                                                                                          Reports
                                                                                                                          <span id="vh_div22">
                                                                                                                          </span>
                                                                                                                          <div class="depth0">
 
                                                                                                                            <a href="#"
                                                                                                                            name="d23">
 
                                                                                                                              <img id="vh_div23indicator"
                                                                                                                              src="pix/closed.gif"
                                                                                                                              alt="Closed folder">
                                                                                                                              Development
                                                                                                                              <div class="footer">
 
                                                                                                                                <div class="adminsearchform">
 
                                                                                                                                  <form action="http://admin/search.php"
                                                                                                                                  method="get">
 
                                                                                                                                    <div>
 
                                                                                                                                      <label for="query"
                                                                                                                                      class="accesshide">
                                                                                                                                      Search
                                                                                                                                      in
                                                                                                                                      settings</label>
                                                                                                                                      <input name="query"
                                                                                                                                      id="query"
                                                                                                                                      size="8"
                                                                                                                                      value=""
                                                                                                                                      type="text">
 
                                                                                                                                        <input value="Search"
                                                                                                                                        type="submit">
 
                                                                                                                                          <span id="sb-1"
                                                                                                                                          class="skip-block-to">
                                                                                                                                          </span>
                                                                                                                                          <!-- End of original Moodle code -->
                                                                                                                                        </input>
                                                                                                                                      </input>
                                                                                                                                    </div>
                                                                                                                                  </form>
                                                                                                                                </div>
                                                                                                                              </div></img>
                                                                                                                            </a>
                                                                                                                          </div></img>
                                                                                                                        </a>
                                                                                                                      </div></img>
                                                                                                                    </a>
                                                                                                                  </div></img>
                                                                                                                </a>
                                                                                                              </div></img>
                                                                                                            </a>
                                                                                                          </div></img>
                                                                                                        </a>
                                                                                                      </div></img>
                                                                                                    </a>
                                                                                                  </div></img>
                                                                                                </a>
                                                                                              </div></img>
                                                                                            </a>
                                                                                          </div></img>
                                                                                        </a>
                                                                                      </div></img>
                                                                                    </a>
                                                                                  </div></img>
                                                                                </a>
                                                                              </div></img>
                                                                            </a>
                                                                          </div></img>
                                                                        </a>
                                                                      </div>
                                                                    </div></img>
                                                                  </a>
                                                                </div>
                                                              </div></img>
                                                            </a>
                                                          </div></img>
                                                        </a>
                                                      </div></img>
                                                    </a>
                                                  </div></img>
                                                </a>
                                              </div></img>
                                            </a>
                                          </div></img>
                                        </a>
                                      </div></img>
                                    </a>
                                  </div></img>
                                </a>
                              </div></img>
                            </a>
                          </div></img>
                        </a>
                      </div></img>
                    </a>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </td>
      </table>
    </body>
  </html>
</code>
</code>

Revision as of 15:53, 5 May 2009

 <html>
   <head>
     <title>Site Adminstration - Open</title>
     <link rel="stylesheet" type="text/css" href="styles.css">
     </link>
     <link rel="stylesheet" type="text/css" href="styles_002.css">
     </link>
   </head>
   <body>

Moodle 2.0 - Site Administration (open) - Original Code

           <a href="#sb-1" class="skip-block">Skip Site
           Administration</a>

   </body>
 </html>

Retrieved from "https://docs.moodle.org/dev/index.php?title=User:Frank_Ralf/Moodle_HTML&oldid=21323"
Powered by MediaWiki