102
edits
Changes
Jump to navigation
Jump to search
mLine 8:
Line 8: − + − + − + − text-align: center; /* Align the navigation left | center | right */+ − vertical-align:middle;+ − 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%; − + − background-color: black !important; /* Background-color of the navigation bar when hovering links */+ − color: #fff; /* Color of the text */+ + + + + − + − background-color: black !important; /* The color that stay active after you've clicked the link */+ + + + + + − + − display:inline-block;+ + + + + + + − + − display:block;+ − text-decoration: none;+ − color: #FFF !important;+ − padding: 10px;+ + + + − + − <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>+ − <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>+ − </ul>+ + + + + + + + + + + + + + + + + + +
CSPS Digital Academy Innovation Services - Services d'innovation de l'Académie du numérique de L'ÉFPC (view source)
Revision as of 14:57, 23 July 2019
, 14:57, 23 July 2019testing navigation bar
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{
margin:0 auto;
}
}
.navigationBar li a:hover{
.TemplateBox{
margin:0 auto;
margin-top:40px;
margin-bottom:40px;
width:740px;
font-family: arial, sans-serif;
}
}
.navigationBar li a:focus {
.TemplateName{
background-color:#1C507F;
color:aliceblue;
font-weight:bold;
padding:10px 0px 10px 20px;
font-size:20px;
}
}
.navigationBar li {
.PreviewTemplate{
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; }
.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;
font-size:16px;
}
}
.buttons div a:hover { background-color:#19486B; text-decoration:underline; }
</style>
</style>
<ul class="navigationBar">
Align Left
<img src="http://www.gcpedia.gc.ca/gcwiki/images/5/53/NavigationBar_Template_AlignLeft.png">
<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>
