wiki

Changes

CSPS Digital Academy Innovation Services - Services d'innovation de l'Académie du numérique de L'ÉFPC (view source)

Revision as of 13:57, 23 July 2019

710 bytes added ,  13:57, 23 July 2019
m
testing navigation bar
Line 8: Line 8:  
DIS is a unit with the [https://www.csps-efpc.gc.ca/About_us/Business_lines/digitalacademy-eng.aspx Digital Academy] at the [https://www.csps-efpc.gc.ca/index-eng.aspx Canada School of Public Service].
 
DIS is a unit with the [https://www.csps-efpc.gc.ca/About_us/Business_lines/digitalacademy-eng.aspx Digital Academy] at the [https://www.csps-efpc.gc.ca/index-eng.aspx Canada School of Public Service].
   −
<html>
+
<html> <style>
−
<style>
+
 
−
.navigationBar {
+
.container{
−
text-align: center; /* Align the navigation left | center | right */
+
 
−
vertical-align:middle;
+
  margin:0 auto;
−
background-color:white; /* The color of the Navigation Bar */
  −
font-size:16px; /* Size of the text */
  −
font-family: Arial,Helvetica Neue,Helvetica,sans-serif; /* Font Family */
  −
padding:0;
  −
margin: 0;
  −
list-style-type: none;
  −
list-style:none;
  −
width: 97%;
   
}
 
}
   −
.navigationBar li a:hover{
+
.TemplateBox{
−
background-color: black !important; /* Background-color of the navigation bar when hovering links */
+
 
−
color: #fff; /* Color of the text */
+
  margin:0 auto;
 +
  margin-top:40px;
 +
  margin-bottom:40px;
 +
  width:740px;
 +
  font-family: arial, sans-serif;
 
}
 
}
   −
.navigationBar li a:focus {
+
.TemplateName{
−
background-color: black !important; /* The color that stay active after you've clicked the link */
+
 
 +
  background-color:#1C507F;
 +
  color:aliceblue;
 +
  font-weight:bold;
 +
  padding:10px 0px 10px 20px;
 +
  font-size:20px;
 
}
 
}
   −
.navigationBar li {
+
.PreviewTemplate{
−
display:inline-block;
+
 
 +
  background-color:#EAEAEA;
 +
  width:100%;
 +
  text-align: center;
 +
  padding-top:25px;
 +
  padding-bottom:25px;
 +
 
 
}
 
}
   −
.navigationBar li a {
+
.buttons{ margin:0 auto; text-align:center; padding-top:10px; padding-bottom:10px; background-color:#EAEAEA; height:60px; width:740px; }
−
display:block;
+
 
−
text-decoration: none;
+
.buttons div a{ text-decoration:none; width:46%; margin-right:2%; margin-left:2%; padding-top:15px; padding-bottom:15px; float:left; text-align:center; color:#fff; font-weight:bold; background-color:#1C1C1C;
−
color: #FFF !important;
+
 
−
padding: 10px;
+
      font-size:16px;
 
}
 
}
 +
 +
.buttons div a:hover { background-color:#19486B; text-decoration:underline; }
 +
 
</style>
 
</style>
   −
<ul class="navigationBar">
+
 
−
    <li><a href=http://www.gcpedia.gc.ca/wiki/Meilleures_pratiques_en_sant%C3%A9_mentale_et_mieux-%C3%AAtre_-_Conseil_f%C3%A9d%C3%A9ral_du_Qu%C3%A9bec_(CFQ)#BO.C3.8ETE_.C3.80_OUTILS_POUR_EMPLOY.C3.89S><font color="mediumvioletred">BOÎTE À OUTILS POUR EMPLOYÉS</font></a></li>
+
          Align Left
−
    <li><a href=http://www.gcpedia.gc.ca/wiki/Meilleures_pratiques_en_sant%C3%A9_mentale_et_mieux-%C3%AAtre_-_Conseil_f%C3%A9d%C3%A9ral_du_Qu%C3%A9bec_(CFQ)#BO.C3.8ETE_.C3.80_OUTILS_POUR_GESTIONNAIRES><font color="lightseagreen">BOÎTE À OUTILS POUR GESTIONNAIRES</font></a></li>
+
          <img src="http://www.gcpedia.gc.ca/gcwiki/images/5/53/NavigationBar_Template_AlignLeft.png">
−
</ul>
+
<a href="http://www.gcpedia.gc.ca/wiki/Help:Navigation_Bar_%E2%80%93_Align_Left_Template" target="_blank">Demo</a>
 +
 
 +
<a href="http://www.gcpedia.gc.ca/gcwiki/index.php?title=Help:Navigation_Bar_%E2%80%93_Align_Left_Template_Source_Code&action=edit" target="_blank">Source Code</a>
 +
 
 +
 
 +
          Align Center
 +
          <img src="http://www.gcpedia.gc.ca/gcwiki/images/d/d9/NavigationBar_Template_AlignCenter.png">
 +
<a href="http://www.gcpedia.gc.ca/wiki/Help:Navigation_Bar_%E2%80%93_Align_Center_Template" target="_blank">Demo</a>
 +
 
 +
<a href="http://www.gcpedia.gc.ca/gcwiki/index.php?title=Help:Navigation_Bar_%E2%80%93_Align_Center_Template_Source_Code&action=edit" target="_blank">Source Code</a>
 +
 
 +
 
 +
          Align Right
 +
          <img src="http://www.gcpedia.gc.ca/gcwiki/images/0/04/NavigationBar_Template_AlignRight.png">
 +
<a href="http://www.gcpedia.gc.ca/wiki/Help:Navigation_Bar_%E2%80%93_Align_Right_Template" target="_blank">Demo</a>
 +
 
 +
<a href="http://www.gcpedia.gc.ca/gcwiki/index.php?title=Help:Navigation_Bar_%E2%80%93_Align_Right_Template_Source_Code&action=edit" target="_blank">Source Code</a>
 +
 
 +
 
 
</html>
 
</html>
  
Cory.dignard
102

edits

Retrieved from "https://wiki.gccollab.ca/Special:MobileDiff/11364"