Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <center/><style>
- .pctricksguru-ribmenu span {
- background:#A81B6A; /*fundo do menu*/
- display:inline-block;
- font-family:verdana;
- line-height:3em;
- padding:0 1em;
- margin-top:0.5em;
- position:relative;
- -webkit-transition: background-color 0.2s, margin-top 0.2s; /* Saf3.2+, Chrome */
- -moz-transition: background-color 0.2s, margin-top 0.2s; /* FF4+ */
- -ms-transition: background-color 0.2s, margin-top 0.2s; /* IE10 */
- -o-transition: background-color 0.2s, margin-top 0.2s; /* Opera 10.5+ */
- transition: background-color 0.2s, margin-top 0.2s;
- }
- .pctricksguru-ribmenu a:hover span {
- background:#DB7093; /*fundo ao passar o mouse*/
- margin-top:0;
- }
- .pctricksguru-ribmenu span:before {
- content: "";
- position:absolute;
- top:3em;
- left:0;
- border-right:0.5em solid #9B8651;
- border-bottom:0.5em solid #fff; /*Cor das letras do menu*/
- }
- .pctricksguru-ribmenu span:after {
- content: "";
- position:absolute;
- top:3em;
- right:0;
- border-left:0.5em solid #9B8651;
- border-bottom:0.5em solid #fff;
- }
- .pctricksguru-ribmenu a:link, .pctricksguru-ribmenu a:visited {
- color:#fff;
- text-decoration:none;
- float:left;
- height:3.5em;
- overflow:hidden;
- }
- .pctricksguru-ribmenu:after, .pctricksguru-ribmenu:before {
- margin-top:0.5em;
- content: "";
- float:left;
- border: 1.5em solid #A81B6A;
- }
- .pctricksguru-ribmenu:after {
- border-right-color:transparent;
- }
- .pctricksguru-ribmenu:before {
- border-left-color:transparent;
- }
- </style>
- <div class='pctricksguru-ribmenu'>
- <a href='URL'><span>Home</span></a>
- <a href='URL'><span>NOME</span></a>
- <a href='URL'><span>NOME</span></a>
- <a href='URL'><span>NOME</span></a>
- <a href='URL'><span>NOME</span></a>
- <a href='URL'><span>NOME</span></a>
- <a href='URL'><span>NOME</span></a>
- <a href='URL'><span>NOME</span></a>
- </div></center>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement