PickiWeb Ayuda Pwg ::

menus

Menus Pickiweb _

El codigo HTML es el mismo en todos los menues, solo cambia el CSS.
Codigo HTML

 <div id="cpmain53"><ul> <li><a href="URL">Link's 1</a></li> <li><a href="URL">Link's 2</a></li> <li><a href="URL">Link's 3</a></li> <li id="current"><a href="URL">Link's 4</a></li> <li><a href="URL">Link's 5</a></li> <li><a href="URL">Link's 6</a></li> </ul></div>

Link's 1

Link's 2

Link's 3

Link's 4

Link's 5

Link's 6

Codigo CSS menu 1

 <style type="text/css"> #cpmain53{margin: 0;padding:0;} #cpmain53 ul{margin: 0;margin-bottom: 1em;padding-left:0;float:left;font-family:arial; font-weight:bold;width:100%;border-width: 1px 0;background:#FF8000 url("https://img.webme.com/pic/w/webcp/cpmain53a.png");} * html #cpmain53 ul{margin-bottom:0;} #cpmain53 ul li{display: inline;} #cpmain53 ul li a{float:left;color:#2a2a2a;font-weight:bold;padding: 10px 19px 10px 10px; text-decoration:none;border-right:1px solid #fff;font-size:12px;} #cpmain53 ul li a:hover{color:#000;background:url("https://img.webme.com/pic/w/webcp/cpmain53b.png");} </style>

Link's 1

Link's 2

Link's 3

Link's 4

Link's 5

Link's 6

Codigo CSS menu 2

 <style type="text/css"> #cpmain54{margin: 0;padding:0;} #cpmain54 ul{margin: 0;margin-bottom: 1em;padding-left:0;float:left;font-family:arial; font-weight:bold;width:100%;border-width: 1px 0;background:#006699 url("https://img.webme.com/pic/w/webcp/cpmain54a.png");} * html #cpmain54 ul{margin-bottom:0;} #cpmain54 ul li{display: inline;} #cpmain54 ul li a{float:left;color:#fff;font-weight:bold;padding: 10px 19px 10px 10px; text-decoration:none;border-right:1px solid #fff;font-size:12px;} #cpmain54 ul li a:hover{color:#fff;background:url("https://img.webme.com/pic/w/webcp/cpmain54b.png");} </style>

Link's 1

Link's 2

Link's 3

Link's 4

Link's 5

Link's 6

Codigo CSS menu 3

 <style type="text/css"> #cpmain55{margin: 0;padding:0;} #cpmain55 ul{margin: 0;margin-bottom: 1em;padding-left:0;float:left;font-family:arial; font-weight:bold;width:100%;border-width: 1px 0;background:#ff00d8 url("https://img.webme.com/pic/w/webcp/cpmain55a.png");} * html #cpmain55 ul{margin-bottom:0;} #cpmain55 ul li{display: inline;} #cpmain55 ul li a{float:left;color:#fff;font-weight:bold;padding: 10px 19px 10px 10px; text-decoration:none;border-right:1px solid #fff;font-size:12px;} #cpmain55 ul li a:hover{color:#fff;background:url("https://img.webme.com/pic/w/webcp/cpmain55b.png");} </style>

Link's 1

Link's 2

Link's 3

Link's 4

Link's 5

Link's 6

Codigo CSS menu 3

 <style type="text/css"> #cpmain56{margin: 0;padding:0;} #cpmain56 ul{margin: 0;margin-bottom: 1em;padding-left:0;float:left;font-family:arial; font-weight:bold;width:100%;border-width: 1px 0;background:#2e6e24 url("https://img.webme.com/pic/w/webcp/cpmain56a.png");} * html #cpmain56 ul{margin-bottom:0;} #cpmain56 ul li{display: inline;} #cpmain56 ul li a{float:left;color:#fff;font-weight:bold;padding: 10px 19px 10px 10px; text-decoration:none;border-right:1px solid #fff;font-size:12px;} #cpmain56 ul li a:hover{color:#fff;background:url("https://img.webme.com/pic/w/webcp/cpmain56b.png");} </style>

Link's 1

Link's 2

Link's 3

Link's 4

Link's 5

Link's 6

Codigo CSS menu 3

 <style type="text/css"> #cpmain57{margin: 0;padding:0;} #cpmain57 ul{margin: 0;margin-bottom: 1em;padding-left:0;float:left;font-family:arial; font-weight:bold;width:100%;border-width: 1px 0;background:#333 url("https://img.webme.com/pic/w/webcp/cpmain57a.png");} * html #cpmain57 ul{margin-bottom:0;} #cpmain57 ul li{display: inline;} #cpmain57 ul li a{float:left;color:#fff;font-weight:bold;padding: 10px 19px 10px 10px; text-decoration:none;border-right:1px solid #fff;font-size:12px;} #cpmain57 ul li a:hover{color:#fff;background:url("https://img.webme.com/pic/w/webcp/cpmain57b.png");} </style>

PickiWeb

La Web de los Torneo y Ayuda en PWG

Contador!

Proximamente!

Ayuda a PWG

Afiliados

Menu

Menu

PickiWeb Ayuda Pwg ::

menus