como utilizar una css
Para agregar una pagina de css tenemos que modificar desde la estructura del diseño, por lo general el menu de arriba esta en el codigo que se pone en "por encima de la pagina" y el menu de abajo esta en "por abajo de la pagina".
Bueno esta es una estrcutura de un documento css por encima de la pagina:
..............................................................................................................................................................................................................................................................................
<head>
<title>PROCSSDEISNG PROYECSS</title>
<link rel="stylesheet" type="text/css" href="http://proyecss.webcindario.com/templatesproycss2_files/procssdesigns.css" />
<!-- Javascript -->
<script type="text/javascript" src="http://proyecss.webcindario.com/templatesproycss2_files/jquery-1.js"></script>
<script type="text/javascript" src="http://proyecss.webcindario.com/templatesproycss2_files/common00.js"></script>
</head>
<body>
<!--[if lt IE 7]>
<div class="ie6-notice"><strong>Notice:</strong><br />Please upgrade your browser to at least Internet Explorer 7 to properly view this website.</div>
<![endif]-->
<a name="top" id="top"></a>
<!-- Header // -->
<div class="wpn_header">
<!-- Logo -->
<!-- Menu // -->
<ul class="wpn_menu">
<li><a href="/"><span>Tonny Poket, Peliculas online y mas... solamente aqui</span></a></li>
</ul>
<!-- // Menu -->
<!-- Submenu // -->
<ul class="wpn_submenu">
<li class="cat-item cat-item-55"><a href="
URL" title="">NOMBRE DE LA SECCION</a>
</li>
<li class="cat-item cat-item-7 current-cat"><a href="URL" title="#">NOMBRE DE LA SECCION</a>
</li>
<li class="cat-item cat-item-60"><a href="URL" title="">comentarios</a>
</li>
<li class="cat-item cat-item-4"><a href="URL" title="">NOMBRE DE LA SECCION</a>
</li>
<li class="cat-item cat-item-3"><a href="URL" title="">NOMBRE DE LA SECCION</a>
</li>
<li class="cat-item cat-item-107"><a href="URL
" title="">NOMBRE DE LA SECCION</a>
</li>
<li class="cat-item cat-item-44"><a href="URL
" title="">NOMBRE DE LA SECCION</a>
</li>
<li class="cat-item cat-item-5"><a href="URL" title="#">NOMBRE DE LA SEECION</a>
</li>
<li class="cat-item cat-item-6"><a href="URL" title="">NOMBRE DE LA SECCION</a>
</li>
</ul>
<!-- // Submenu -->
</div>
<!-- // Header -->
<!-- Wrapper // -->
<div class="wpn_wrapper"><div class="wpn_left">
<!-- News & Updates // -->
<span class="wpn_heading">Contenido Poket<a class="wpn_toggle-expand wpn_toggle-hide" href="#"></a></span>
<div class="wpn_expandable">
<ul class="wpn_news">
<li class="post-454 post hentry category-featured category-its-personal category-rants-raves category-web-bytes" id="post-454">
...................................................................................................................................................................................................................................................................................
Como veran donde marca con colo rojo es donde tendremos que cambiar,
Puede decir de las siguiente maneras
enves de URL = "#"
enves de nombre de la seccion ="NOMBRE"
es igual como quiere se puede cambiar, aora lo que aremos es donde dice url o # ponemos el link de la pagina que queremos que se muestre...
por ejemplo:
<li class="cat-item cat-item-6"><a href="http://www.whester.es.tl/chat"title="">NOMBRE DE LA SECCION</a>
asi a de quedar, aora para cambiar el nombre de la seccion en este caso apareciria "NOMBRE DE LA SECCION" lo que hay que hacer es cambiarlo al que nosotros queramos.
ejemplo:
<li class="cat-item cat-item-6"><a href="http://www.whester.es.tl/chat>"title="">CHAT</a>