Difference between revisions of "Test:NavMenu"

From partnersenproppersolutions
m (1 revision imported)
(Blanked the page)
 
Line 1: Line 1:
=Col-md=
 
<div>
 
<div class="btn-group btn-group-justified ws-btn-darkblue">
 
<div class="col-md-4" style="padding:0px; border-left:1px solid white; border-right:1px solid white;">{{Button|Text=Diensten|Class=tussenkop ws-nav-darkerblue|Style=width:100%; text-align:center; font-size:120%; font-weight:bold; padding:10px; border-radius:0px;}}</div>
 
<div class="col-md-4" style="padding:0px; border-right:1px solid white;">{{Button|Text=Werkwijze|Class=tussenkop ws-nav-darkerblue|Style=width:100%; text-align:center; font-size:120%; font-weight:bold; padding:10px; border-radius:0px;}}</div>
 
<div class="col-md-4" style="padding:0px; border-right:1px solid white;">{{Button|Text=Blog|Class=tussenkop ws-nav-darkerblue|Style=width:100%; text-align:center; font-size:120%; font-weight:bold; padding:10px; border-radius:0px;}}</div>
 
</div>
 
  
{{#tag: html
 
|{{#tag: a
 
|<span class="{{{Text class|}}}">{{{Text|}}}</span>
 
|href={{{Link|}}}
 
|class=btn
 
|role=button
 
|target={{#switch: {{{Open mode|}}} | New tab=_blank | Same=_self | Popup=_self }}
 
}} }}
 
 
=Button groups (not usable)=
 
==eerste test==
 
: <big>Zie ook [[Test:Menu/test]]</big>
 
 
<div class="btn-group btn-group-justified" role="group" aria-label="..." style="padding:0px; margin:0px; box-shadow: 0px 4px 0px #E6E6E6;">
 
<div class="btn-group" role="group">{{#tag:html|<button type="button" class="btn btn-default tussenkop" style="font-size:160%;">Diensten</button>}}</div>
 
<div class="btn-group" role="group">{{#tag:html|<button type="button" class="btn btn-default tussenkop" style="font-size:160%;">Werkwijze</button>}}</div>
 
<div class="btn-group" role="group">{{#tag:html|<button type="button" class="btn btn-default tussenkop " style="font-size:160%; background-color:#365e89; color:#f1f1f3;">Over ons</button>}}</div>
 
</div>
 
 
;?
 
<div class="btn-group btn-group-justified" role="group" aria-label="..." style="padding:0px; margin:0px; box-shadow: 0px 4px 0px #E6E6E6;">
 
<div class="btn-group" role="group">{{Button|Link=Onze diensten|Text=Diensten|Class=tussenkop ws-btn-darkerblue|Style=font-size:140%; margin-right:0px; border-radius:0;}}</div>
 
<div class="btn-group" role="group">{{Button|Link=Werkwijze|Text=Werkwijze|Class=tussenkop ws-btn-darkerblue|Style=font-size:140%; margin-left:0px; margin-right:0px; border-right:1px solid white; border-radius:0}}</div>
 
<div class="btn-group" role="group">{{Button|Link=Over ons|Text=Over ons|Class=tussenkop ws-btn-darkerblue|Style=font-size:140%; margin-right:0px; border-right:1px solid white; border-radius:0;}}</div>
 
</div>
 
 
==colmd4==
 
<div class="btn-group btn-group-justified ws-btn-darkblue">
 
<div class="col-md-4 btn btn-default"  style=" text-align:center;" >[[Onze diensten]]</div>
 
<div class="col-md-4 btn btn-default" style=" text-align:center;" >[[Werkwijze]]</div>
 
<div class="col-md-4 btn btn-default" style=" text-align:center;" >[[Blog]]</div>
 
</div>
 
 
==werkt niet==
 
<div class="btn-group btn-group-justified">
 
{{#tag:html|Onze diensten|href="{{localurl:Onze diensten}}" |class="btn btn-primary"}}
 
{{#tag:html|Werkwijze|href="#" |class="btn btn-primary"}}
 
{{#tag:html|Blog|href="#" |class="btn btn-primary"}}
 
</div>
 
----------
 
==button group==
 
<div class="btn-group btn-group-justified ws-btn-darkerblue">
 
<div class=" btn btn-default">Onze diensten</div>
 
<div class=" btn btn-default">[[Werkwijze]]</div>
 
<div class=" btn btn-default">Blog</div>
 
</div>
 
 
 
 
type="button"
 

Latest revision as of 09:25, 30 January 2017