Tests graphismes
Label
default
primary
success
Info
warning
danger
primary
success
Info
warning
danger
Alert
Attention ! Voici votre message. Success
Attention ! Voici votre message. Info
Attention ! Voici votre message. Warning
Attention ! Voici votre message. Danger
Panel
Titre default
Contenu default
Titre primary
Contenu primary
Titre success
Contenu success
Titre info
Contenu info
Titre warning
Contenu warning
Titre danger
Contenu danger
Navs
List groups
- Cras justo odio
- Dapibus ac facilisis in
- Morbi leo risus
- Porta ac consectetur ac
- Vestibulum at eros
List group item heading
Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.
List group item heading
Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.
List group item heading
Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.
![First slide [1140x500]](data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9InllcyI/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTE0MCIgaGVpZ2h0PSI1MDAiIHZpZXdCb3g9IjAgMCAxMTQwIDUwMCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+PCEtLQpTb3VyY2UgVVJMOiBob2xkZXIuanMvMTE0MHg1MDAvYXV0by8jNzc3OiM1NTUvdGV4dDpGaXJzdCBzbGlkZQpDcmVhdGVkIHdpdGggSG9sZGVyLmpzIDIuNi4wLgpMZWFybiBtb3JlIGF0IGh0dHA6Ly9ob2xkZXJqcy5jb20KKGMpIDIwMTItMjAxNSBJdmFuIE1hbG9waW5za3kgLSBodHRwOi8vaW1za3kuY28KLS0+PGRlZnM+PHN0eWxlIHR5cGU9InRleHQvY3NzIj48IVtDREFUQVsjaG9sZGVyXzE1MjdkNTJlNmEzIHRleHQgeyBmaWxsOiM1NTU7Zm9udC13ZWlnaHQ6Ym9sZDtmb250LWZhbWlseTpBcmlhbCwgSGVsdmV0aWNhLCBPcGVuIFNhbnMsIHNhbnMtc2VyaWYsIG1vbm9zcGFjZTtmb250LXNpemU6NTdwdCB9IF1dPjwvc3R5bGU+PC9kZWZzPjxnIGlkPSJob2xkZXJfMTUyN2Q1MmU2YTMiPjxyZWN0IHdpZHRoPSIxMTQwIiBoZWlnaHQ9IjUwMCIgZmlsbD0iIzc3NyIvPjxnPjx0ZXh0IHg9IjM5MCIgeT0iMjc1LjY1Ij5GaXJzdCBzbGlkZTwvdGV4dD48L2c+PC9nPjwvc3ZnPg==)
![Second slide [1140x500]](data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9InllcyI/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTE0MCIgaGVpZ2h0PSI1MDAiIHZpZXdCb3g9IjAgMCAxMTQwIDUwMCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+PCEtLQpTb3VyY2UgVVJMOiBob2xkZXIuanMvMTE0MHg1MDAvYXV0by8jNjY2OiM0NDQvdGV4dDpTZWNvbmQgc2xpZGUKQ3JlYXRlZCB3aXRoIEhvbGRlci5qcyAyLjYuMC4KTGVhcm4gbW9yZSBhdCBodHRwOi8vaG9sZGVyanMuY29tCihjKSAyMDEyLTIwMTUgSXZhbiBNYWxvcGluc2t5IC0gaHR0cDovL2ltc2t5LmNvCi0tPjxkZWZzPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+PCFbQ0RBVEFbI2hvbGRlcl8xNTI3ZDUzNDU5OCB0ZXh0IHsgZmlsbDojNDQ0O2ZvbnQtd2VpZ2h0OmJvbGQ7Zm9udC1mYW1pbHk6QXJpYWwsIEhlbHZldGljYSwgT3BlbiBTYW5zLCBzYW5zLXNlcmlmLCBtb25vc3BhY2U7Zm9udC1zaXplOjU3cHQgfSBdXT48L3N0eWxlPjwvZGVmcz48ZyBpZD0iaG9sZGVyXzE1MjdkNTM0NTk4Ij48cmVjdCB3aWR0aD0iMTE0MCIgaGVpZ2h0PSI1MDAiIGZpbGw9IiM2NjYiLz48Zz48dGV4dCB4PSIzMzUuMTE2NjY4NzAxMTcxOSIgeT0iMjc1LjY1Ij5TZWNvbmQgc2xpZGU8L3RleHQ+PC9nPjwvZz48L3N2Zz4=)
![Third slide [1140x500]](data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9InllcyI/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTE0MCIgaGVpZ2h0PSI1MDAiIHZpZXdCb3g9IjAgMCAxMTQwIDUwMCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+PCEtLQpTb3VyY2UgVVJMOiBob2xkZXIuanMvMTE0MHg1MDAvYXV0by8jNTU1OiMzMzMvdGV4dDpUaGlyZCBzbGlkZQpDcmVhdGVkIHdpdGggSG9sZGVyLmpzIDIuNi4wLgpMZWFybiBtb3JlIGF0IGh0dHA6Ly9ob2xkZXJqcy5jb20KKGMpIDIwMTItMjAxNSBJdmFuIE1hbG9waW5za3kgLSBodHRwOi8vaW1za3kuY28KLS0+PGRlZnM+PHN0eWxlIHR5cGU9InRleHQvY3NzIj48IVtDREFUQVsjaG9sZGVyXzE1MjdkNTMzYzM3IHRleHQgeyBmaWxsOiMzMzM7Zm9udC13ZWlnaHQ6Ym9sZDtmb250LWZhbWlseTpBcmlhbCwgSGVsdmV0aWNhLCBPcGVuIFNhbnMsIHNhbnMtc2VyaWYsIG1vbm9zcGFjZTtmb250LXNpemU6NTdwdCB9IF1dPjwvc3R5bGU+PC9kZWZzPjxnIGlkPSJob2xkZXJfMTUyN2Q1MzNjMzciPjxyZWN0IHdpZHRoPSIxMTQwIiBoZWlnaHQ9IjUwMCIgZmlsbD0iIzU1NSIvPjxnPjx0ZXh0IHg9IjM3Ny4zNzUiIHk9IjI3NS42NSI+VGhpcmQgc2xpZGU8L3RleHQ+PC9nPjwvZz48L3N2Zz4=)
Style menus colorés
<style>.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus {
- background-color: #FDE47F;}
.yeswiki-topnav-fast-access {
- width: 100px;}
.navbar-inverse .navbar-nav > li:nth-child(1) > a {
border-top:7px solid #f15a24;
color:#f15a24;
}
.navbar-inverse .navbar-nav > li:nth-child(1) > a:hover {
background:#FDE47F;
color:white;
}
.navbar-inverse .navbar-nav > li:nth-child(2) > a {
border-top:7px solid #a01c35;
color:#a01c35;
}
.navbar-inverse .navbar-nav > li:nth-child(2) > a:hover {
background:#a01c35;
color:white;
}
.navbar-inverse .navbar-nav > li:nth-child(3) > a {
border-top:7px solid #4AA9F3;
color: #4AA9F3;
}
.navbar-inverse .navbar-nav > li:nth-child(3) > a:hover {
background:#4AA9F3;
color:white;
}
.navbar-inverse .navbar-nav > li:nth-child(4) > a {
border-top:7px solid #a48971;
color:#a48971;
}
.navbar-inverse .navbar-nav > li:nth-child(4) > a:hover {
background:#a48971;
color:white;
}
.navbar-inverse .navbar-nav > li:nth-child(5) > a {
border-top:7px solid #f15a24;
color:#f15a24;
}
.navbar-inverse .navbar-nav > li:nth-child(5) > a:hover {
background:#f15a24;
color:white;
}
.navbar-inverse .navbar-nav > li:nth-child(6) > a {
border-top:7px solid #a01c35;
color:#a01c35;
}
.navbar-inverse .navbar-nav > li:nth-child(6) > a:hover {
background:#a01c35;
color:white;
}
.navbar-inverse .navbar-nav > li:nth-child(7) > a {
border-top:7px solid #4AA9F3;
color: #4AA9F3;
}
.navbar-inverse .navbar-nav > li:nth-child(7) > a:hover {
background:#4AA9F3;
color:white;
}
.navbar-inverse .navbar-nav > li:nth-child(8) > a {
border-top:7px solid #a48971;
color:#a48971;
}
.navbar-inverse .navbar-nav > li:nth-child(8) > a:hover {
background:#a48971;
color:white;
}
.navbar-inverse {
- background-color: #d3eafa;
- border-color: #d3eafa;}
border-top:7px solid #f15a24;
color:#f15a24;
}
.navbar-inverse .navbar-nav > li:nth-child(9) > a:hover {
background:#f15a24;
color:white;
}
.dropdown-menu {
- font-size: 10px;}