FAQ – Häufig gestellte Fragen

  • Wie wird ein Tooltip erstellt ?

    +

    WebsiteBaker CMS: Kopieren Sie den nachfolgenden Code in Ihr WYSIWYG Feld unter Quellcode Ansicht.

    Sie geben einen Link eine Klasse mit: Beispiel class='south-east' und title='Hier der Text'

                          
<a class='south-east' href='#' title='This is an example of south-east gravity'>Southeast</a> sed ornare massa mauris sed velit.</p>

  • Wie werden Columns erstellt ?

    +

    Es gibt verschiedene Columns - Hier ein Muster von 2 Spalten:

    WebsiteBaker CMS: Kopieren Sie den nachfolgenden Code in Ihr WYSIWYG Feld unter Quellcode Ansicht.

                          

    <div class="column-1v2"> 

    

    <p>Hier kommt Ihr Text</p>  
    

    </div><!-- ende column-1v2 -->  

    

    <div class="column-2v2">

<p>Hier kommt Ihr Text</p> 
    

    </div><!-- ende column-2v2 -->

    

     

  • Wie erstelle ich zwei [2] Spalten ?

    +

    WebsiteBaker CMS: Kopieren Sie den nachfolgenden Code in Ihr WYSIWYG Feld unter Quellcode Ansicht.

                          

    <div class="column-1v2"> 

    

    <p>Hier kommt Ihr Text</p>  
    

    </div><!-- ende column-1v2 -->  

    

    <div class="column-2v2">

<p>Hier kommt Ihr Text</p> 
    

    </div><!-- ende column-2v2 -->

    

     

  • Wie erstelle ich drei [3] Spalten ?

    +

    WebsiteBaker CMS: Kopieren Sie den nachfolgenden Code in Ihr WYSIWYG Feld unter Quellcode Ansicht.

                          
<div class="column-1v3">
    
<p>Hier Ihr kommt Text</p>
    
</div><!-- ende column-1v3 -->
    
<div class="column-1v3">
    
<p>Hier Ihr kommt Text</p>
    
</div><!-- ende column-1v3 -->
    
<div class="column-3v3">
    
<p>Hier Ihr kommt Text</p>
    
</div><!-- ende column-3v3 -->

  • Wie erstelle ich vier [4] Spalten ?

    +

    WebsiteBaker CMS: Kopieren Sie den nachfolgenden Code in Ihr WYSIWYG Feld unter Quellcode Ansicht.

                          

    <div class="column-1v4">
    
  <p>Hier kommt Ihr Text</p>
    
  </div><!-- ende 1v4 -->
    

    

    <div class="column-1v4">
    
  <p>Hier kommt Ihr Text</p>
    
  </div><!-- ende 1v4 -->
    

    

    <div class="column-1v4">
    
  <p>Hier kommt Ihr Text</p>
    
  </div><!-- ende 1v4 -->
    

    

    <div class="column-4v4">
    
  <p>Hier kommt Ihr Text</p>
    
</div><!-- ende 4v4 -->

  • Wie erstelle ich fünf [5] Spalten ?

    +

    WebsiteBaker CMS: Kopieren Sie den nachfolgenden Code in Ihr WYSIWYG Feld unter Quellcode Ansicht.

                          

    <div class="column-1v5">
    
  <p>Hier kommt Ihr Text rein</p>
    
  </div><!-- ende 1v5 -->
    

    

    <div class="column-1v5">
    
  <p>Hier kommt Ihr Text rein</p>
    
  </div><!-- ende 1v5 -->
    

    

    <div class="column-1v5">
    
  <p>Hier kommt Ihr Text rein</p>
    
  </div><!-- ende 1v5 -->
    

    

    <div class="column-1v5">
    
  <p>Hier kommt Ihr Text rein</p>
    
  </div><!-- ende 1v5 -->
    

    

    <div class="column-5v5">
    
  <p>Hier kommt Ihr Text rein</p>
    
</div><!-- ende 5v5 -->

  • Wie wird ein Content Slider erstellt ?

    +

    WebsiteBaker CMS: Kopieren Sie den nachfolgenden Code in Ihr WYSIWYG Feld unter Quellcode Ansicht.

                
            

    <ul id="slides1">
    

    <li>
    
  <div class="content">
    
  <p>Hier kommt Ihr Inhalt</p>
    
  </div>
    
  <div class="clearfix">&nbsp;</div>
    
  </li>
    

    <li>
    
  <div class="content">
    
  <p>Hier kommt Ihr Inhalt</p>
    
  </div>
    
  <div class="clearfix">&nbsp;</div>
    
  </li>
    

    <li>
    
  <div class="content">
    
  <p>Hier kommt Ihr Inhalt</p>
    
  </div>
    
  <div class="clearfix">&nbsp;</div>
    
  </li>
    

    <li>
    
  <div class="content">
    
  <p>Hier kommt Ihr Inhalt</p>
    
  </div>
    
  <div class="clearfix">&nbsp;</div>
    
  </li>
    

    </ul>

  • Wie kommt ein weiterer Slide-Bereich dazu ?

    +

    WebsiteBaker CMS: Kopieren Sie den nachfolgenden Code in Ihr WYSIWYG Feld unter Quellcode Ansicht.

                
            

    <li>
    
  <div class="content">
    
  <p>Hier kommt Ihr Inhalt</p>
    
  </div>
    
  <div class="clearfix">&nbsp;</div>
    
  </li>

  • Wie wird ein Tab-Feld erstellt ?

    +

    WebsiteBaker CMS: Kopieren Sie den nachfolgenden Code in Ihr WYSIWYG Feld unter Quellcode Ansicht.

                
            
            

    <div class="clearfix">&nbsp;</div>
    

    <div class="tab">
    
  <ul>
    
  <li><a href="#tabs-1">Muster 1</a></li>
    
  <li><a href="#tabs-2">Muster 2</a></li>
    
  <li><a href="#tabs-3">Muster 3</a></li>
    
  </ul>
    
  <div id="tabs-1">
    
  <p>Hier kommt Ihr Text</p>
    
  </div>
    
  <div id="tabs-2">
    
  <p>Hier kommt Ihr Text</p>
    
  </div>
    
  <div id="tabs-3">
    
  <p>Hier kommt Ihr Text</p>
    
  </div>
    
  </div><!-- end tabs -->

  • Tabs in Columns, wie geht das ?

    +

    WICHTIG: Wenn Sie eine Tab-Feld in eine Column setzen möchten, erstellen Sie erst eine Column.

                           

    <div class="column-1v2">
    

    Hier kommt das Tab-Feld rein...
    

    </div><!-- ende column-1v2 -->

  • Wie wird ein Icon erstellt ?

    +

    WebsiteBaker CMS: Kopieren Sie den nachfolgenden Code in Ihr WYSIWYG Feld unter Quellcode Ansicht.

                
            

    <i class="icon-facebook-sign"></i>

  • Wie kann ich Icons einsetzen ?

    +

    Sie können die Icons an verschiedenen Stellen einfügen. Zum Beispiel bei UL, LI, Listen,



                          
<ul>
    
<li><i class="icon-phone"></i> phone</li>
    
</ul>


    ... oder bei Links



                          
<a href="#"><i class="icon-phone"></i> phone</a>

  • Wie werden Notifications erstellt ?

    +

    WebsiteBaker CMS: Kopieren Sie den nachfolgenden Code in Ihr WYSIWYG Feld unter Quellcode Ansicht.

                          

    <div class="notification warning close"><p><strong>WARNUNG: </strong>Das ist eine Warnung</p></div>
    
  <div class="notification information close"><p><strong>INFORMATION: </strong>Das ist eine Information</p></div> 
    
<div class="notification success close"><p><strong>ERFOLGREICH: </strong>Erfolgreiche Meldung</p></div>
    

    <div class="notification failure close"><p><strong>FEHLER: </strong>Aktion konnte nicht ausgeführt werden.</p></div>
    
  <div class="notification lock close"><p><strong>GESPERT: </strong>Sie müssen sich erst einloggen!</p></div>
    
<div class="notification information "><p><strong>INFORMATION: </strong>Das ist eine Information</p></div>

  • Wie kann ich Blockquote einsetzen ?

    +

    WebsiteBaker CMS: Kopieren Sie den nachfolgenden Code in Ihr WYSIWYG Feld unter Quellcode Ansicht.

                          
<blockquote>
    
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy North sed ornare massa mauris sed velit.</p>
    
<cite>Mehr informationen: <a href="#"> zum Thema</a></cite> 
    
</blockquote>

  • Wie kann ich Pullquote einsetzen ?

    +

    WebsiteBaker CMS: Kopieren Sie den nachfolgenden Code in Ihr WYSIWYG Feld unter Quellcode Ansicht.

                          
<h4 class="pullquote">Lorem ipsum dolor sit amet, consetetur sadipscing elitr.</h4>

  • Wie erstelle ich ein Code Feld (PRE) ?

    +

    WebsiteBaker CMS: Kopieren Sie den nachfolgenden Code in Ihr WYSIWYG Feld unter Quellcode Ansicht.

                          

    <pre>
    
  
    

    Hier Ihr Text oder html/css Code
    


    
  </pre>

  • Wie wird eine Seite mit Sidebar erstellt ?

    +

    WebsiteBaker CMS: Kopieren Sie den nachfolgenden Code in Ihr WYSIWYG Feld unter Quellcode Ansicht.

                
            
            

    <div class="column-page-with-sidebar">
    
  
    <p>Hier kommt Ihr Text</p>
    
  
    </div><!-- end column-page-with-sidebar -->
    
  
    <div class="column-4v4">
    
  
    <p>Hier kommt Ihr Text, oder das Menu</p>
    
  
    </div><!-- end 4v4 -->

  • Wie erstellen ich ein manuelles Menu ?

    +

    WebsiteBaker CMS: Kopieren Sie den nachfolgenden Code in Ihr WYSIWYG Feld unter Quellcode Ansicht.

                
            
<div class="basicmenu">
    
<ul>
    
<li><a href="#" target="_top" ><i class="icon-cog"></i> Webdesign</a></li>
    
<li><a href="#" target="_top" ><i class="icon-ok"></i> Grafikdesign</a></li>
    
<li><a href="#" target="_top" ><i class="icon-tasks"></i> Marketing</a></li>
    
<li><a href="#" target="_top" ><i class="icon-sign-blank"></i> Design</a></li>
    
<li><a href="#" target="_top" ><i class="icon-eye-open"></i> Printmedien</a></li>
    
<li><a href="#" target="_top" ><i class="icon-sitemap"></i> Referenzen</a></li>
    
<li><a href="#" target="_top" ><i class="icon-signin"></i> Portfolio</a></li>
    
</ul>
    
</div>
 

Footerlinks

Footerlinks

Footerinfo

Vivamus diam purus, cursus a, commodo non, facilisis vitae, nulla. Aenean dictum lacinia tortor. Nunc iaculis, nibh non iaculis.