ProCssDesign

De todo un poco

Eventos en PCD

Haciendo suenhos realidad

Procssdesign Ha tenido un trabajo muy duro con Equipoweb ya que se esta construyencdo poco a poco vistenla dando click en la imagen de arriva..

Mostrar Trabajo

ours website

ProCssDesign esta siendo lo posible para que esta web sea de lo mejor professional para los usuarios de paginawebgratis.es esperemos dar lo mejor.

Entrevista Privada

entrevista

Una pequenha descripcion sobre el authorde la web ya que aveces es un poco incomunicativo con los user de PWG espero dar mi presentacion muy clara.

Host Free

Free Host

Hola amigos ps mi web esta hosteada y echa en paginawebgratis un servicio que te ofrece practicar con una web sencilla pero aprenderas alo que es disenho grafico , html , y css lo que son los pasos mas importantes de creacion de una web te invito a que te nos unas dando click en la imagen y crees tu website.

Saludos a todos los que me siguen mediante hotmail , y mediante paginawebgratis en unas ocaciones no tengo tiempo para todos pero alos que puedo ayudo demonle las gracias a webme.com ya que sin esto no podria ser ProCssDesign.es.tl.

Kateko info

Haciendo suenhos realidad

Kateko Website una web muy curiosa ya que en ella podemos encontrar plantillas adaptables para PWG(paginawebgratis) los invito a que la visiten dando click en la imagen de arriva..

Css plantillas

ours website

Css plantillas web que da funcionamiento a PWG ya que es moderador del foro de nuestro servicio gratuito su web da recursos de todo tipo en ella podemos encontrar asta lo que no al igual los invito dando clik en la imagen..

Lupp Buscador

entrevista

Luupa web que por algun tiempo estuvo cerrada por el mismo problema que tuvimos nosotros anteriormente en la que por la culpa del hosting de archivos xooimage perdimos todo visiten la web de mi amigo luupa .

Las websites de mis amigos que puse son parte de la gran familia de PWG ya que dos de ellos son moderadores del foro de nuestro servicio les doy algunos agradecimientos a ellos por apoyarme.

Bueno este el final del post ya que esta concluido todo aora para seguir con la website deven dar click en el siguiente boton para seguir con la verdadera website Saludos.

Host Free

Free Host

post10

Published on December 6, 2010.

(Css Design) CrAzYbOOk DESIGN

CRAZYBOOK uno de los diesnho mas bonito que tenemos en PCD lo presento a nte todos ya que tengan como disenho un bonito design y puedan lucir su web ante todos los visitantes de su web es mejor y muy bueno espero les aya gustado pronto traere mas cosillas para uds.
Saludos

Dejanos tu comentario

Descarga:

Descarga los archivos ahi vienen todos lo que es el style , las imagenes para que tu las introduscas al css style y vienen los javascrips por si en caso de que traigan solo aqui les dejo el html que es la adaptacion.

CrAzYbOok DESIGN

[Click en la img]

Sobre el Diseno

Version:	2.0
Designer:	ProCssDesign
Compatible:	CSS-Design

Instrucciones

Descargar los archivos del zip.
Subirlo a un host de imagenes o en PWG
Y los codigos son para CSS-Design
Copiar los codigos de los boxes y pegarlos en donde te indican.

Download: (ARCHIVOS)

No puedes mover los derechos de author solo eso te pedimos si no seras acusado a PaginaWebGratis ya que con el ezfuerzo lo logramos.

Esto es todo con derecho de ProCssDesign

Texto Por Encima

<head profile="http://gmpg.org/xfn/11">
	
		<script type="text/javascript" src="mootools.js"></script>	
	<script type="text/javascript" src="mootabs1.js"></script>
	<script type="text/javascript" src="cufon-yu.js"></script>
	<script type="text/javascript" src="League_G.js"></script>
	<script type="text/javascript">  
	Cufon.replace('a#logo, .title-area, .post-title-big, #comments h3 , h3#response-title, .author-name, .sidebar-row h3, #logo-footer');
	</script>
	<script type="text/javascript">
		sfHover = function() {
			var sfEls = document.getElementById("nav2").getElementsByTagName("LI");
			for (var i=0; i<sfEls.length; i++) {
				sfEls[i].onmouseover=function() {
					this.className+=" sfhover";
				}
				sfEls[i].onmouseout=function() {
					this.className=this.className.replace(new RegExp(" sfhoverb"), "");
				}
			}
		}

</script>
	<script type="text/javascript" charset="utf-8">
			window.addEvent('domready', init);
			function init() {
				myTabs1 = new mootabs('myTabs', {height: '330px', width: '300px', changeTransition: Fx.Transitions.Back.easeOut, mouseOverClass: 'over'});
				
			}
	</script>
</head>
<body>
<div id="header">

<a id="logo" href="#">CRAZYBOOK DESIGN</a>
<div id="navigation">
<div id="page-nav">
<ul id="nav1">
<li id="welcome" class="current_page_item2"><a href="#" title="Home">Welcome</a></li>
<li class="page_item page-item-101"><a href="#" title="About">About</a></li>
<li class="page_item page-item-104"><a href="#" title="Page Number Three">Page Number Three</a></li>
<li class="page_item page-item-106"><a href="#" title="Page Number Four">Page Number Four</a></li>
<li class="page_item page-item-108"><a href="#" title="Page Number Five">Page Number Five</a></li>
<li class="page_item page-item-111"><a href="#" title="Contact">Contact</a></li>
</ul>
</div>

<div id="cat-nav">
<ul id="nav2">
	<li class="cat-item cat-item-76"><a href="#" title=" Category Three">Category Three</a>
</li>
	<li class="cat-item cat-item-75"><a href="#" title="Category Two">Category Two</a>
</li>
	<li class="cat-item cat-item-77"><a href="#" title=" General Stuff">General Stuff</a>
</li>
	<li class="cat-item cat-item-70"><a href="#" title="Category One"> Category One</a>
<ul class='children'>
	<li class="cat-item cat-item-71"><a href="#" title="Sub Category One">Sub Category One</a>
</li>
	<li class="cat-item cat-item-73"><a href="#" title="Sub Category Three">Sub Category Three</a>
</li>
	<li class="cat-item cat-item-72"><a href="#" title=" Sub Category Two">Sub Category Two</a></li>
</ul>
</li>
	<li class="cat-item cat-item-1"><a href="#" title=" Uncategorized">Uncategorized</a>
</li>
	<li class="cat-item cat-item-78"><a href="#" title="Whatever">Whatever</a>
</li>
	<li class="cat-item cat-item-79"><a href="#" title="ProCss">ProCss</a>
</li>
</ul>

</div>
</div>
</div>
<div id="wrap"><div class="main-container">

Pon esto como Post en cada hoja en html(edita lo que indica)

<div class="post-title"><a title="Procssdesign post" href="#">ProCssDesign Post</a></div>

<div class="post-meta-data">Added Dec 6, 2010, Under: <a rel="category" href="#">Categoria Two</a></div>

   
   	<a title="ProCssDesign" href="#">
   	<img class="thumbs-in-archive" witdh="200" height="65" alt="Annoying Consequences" src="https://img.webme.com/pic/p/procssdesign/img2.jpg" />
   	</a>
<div class="post-excerpt">
<p>Hola amigos aqui de nuevo bueno este tipo de post solo es funcionable en este disenho ya que en otros que los kieran poner no les servira cuando pongan el disenho esto se activara por el style bueno solo lo que tienen que acer es agregar 1 de estos en html y ponerle como noticia no le pongan todo solo ponga la mitad despues ponen el link en el titulo de la noticia completa para que se vea como una web profesional.
 Saludos</p>
</div>

<div class="author-box-small">By  <a title="ProCssDesign" href="#">ProCssDesign</a> with No Comments</div>

Texto Por Debajo

</div>

<div id="sidebar">
<div id="searchform">		
		<form method="get" action="http://aparatus.fearlessflyer.com/">
		<input name="s" type="text" class="inputs" id="s" value="" size="30" />
		<input type="submit" class="go" value="SEARCH" />	     
		</form>
</div>

<div id="twitter-entry">
<p>Welcome al disenho CrAzYbOoK Design espero les guste les manda saludo su amigo ProCssDesign </p></div>

<div id="myTabs" class="mootabs">
				<ul class="mootabs_title">
					<li title="Popular">Popular</li>
					<li title="RecentComments">Comments</li>
					<li title="Tags">Tags</li>
				</ul>
				
				<div id="Popular" class="mootabs_panel">
				<ul>
        			<li><a href="#" title="little title">Nombre</a> </li><li><a href="#" title="little title">Nombre</a> </li> <li><a href="#" title="little title">Nombre</a> </li> <li><a href="#" title="little title">Nombre</a> </li> <li><a href="#" title="little title">Nombre</a> </li> <li><a href="#" title="little title">Nombre</a> </li>   			</ul>
				</div>				
				
				<div id="RecentComments" class="mootabs_panel">
				
				
<ul>
<li><a href="#" title="little title">Nombre</a> </li> 
<li><a href="#" title="little title">Nombre</a> </li> 
<li><a href="#" title="little title">Nombre</a> </li> 
<li><a href="#" title="little title">Nombre</a> </li> 
<li><a href="#" title="little title">Nombre</a> </li> 
</ul>					
				</div>
				<div id="Tags" class="mootabs_panel">

<a href='#' class='tag-link-13' title='1 topic' style='font-size: 8pt;'>Disponible</a>
<a href='#' class='tag-link-8' title='2 topics' style='font-size: 11.6pt;'>Disponible</a>
<a href='#' class='tag-link-35' title='3 topics' style='font-size: 14pt;'>Disponible</a>
<a href='#' class='tag-link-11' title='8 topics' style='font-size: 21pt;'>Disponible</a>
<a href='#' class='tag-link-89' title='3 topics' style='font-size: 14pt;'>Disponible</a>
<a href='#' class='tag-link-32' title='2 topics' style='font-size: 11.6pt;'>Disponible</a>
<a href='#' class='tag-link-22' title='1 topic' style='font-size: 8pt;'>Disponible</a>
<a href='#' class='tag-link-17' title='1 topic' style='font-size: 8pt;'>Disponible</a>
<a href='#' class='tag-link-86' title='3 topics' style='font-size: 14pt;'>Disponible</a>
<a href='#' class='tag-link-20' title='1 topic' style='font-size: 8pt;'>Disponible</a>
<a href='#' class='tag-link-47' title='2 topics' style='font-size: 11.6pt;'>Disponible</a>
<a href='#' class='tag-link-42' title='2 topics' style='font-size: 11.6pt;'>Disponible</a>
<a href='#' class='tag-link-7' title='4 topics' style='font-size: 16pt;'>Disponible</a>
<a href='#' class='tag-link-91' title='3 topics' style='font-size: 14pt;'>Disponible</a>
<a href='#' class='tag-link-5' title='2 topics' style='font-size: 11.6pt;'>Disponible</a>
<a href='#' class='tag-link-19' title='3 topics' style='font-size: 14pt;'>Disponible</a>
<a href='#' class='tag-link-26' title='4 topics' style='font-size: 16pt;'>Disponible</a>
<a href='#' class='tag-link-46' title='2 topics' style='font-size: 11.6pt;'>Disponible</a>
<a href='#' class='tag-link-27' title='2 topics' style='font-size: 11.6pt;'>Disponible</a> 
				</div>
			</div>
</div>

<div id="adblock-small">
<ul>
	<li><a href="#"><img src="http://img10.imageshack.us/img10/3720/bannerpoj.jpg"/></a></li>
	<li><a href="#"><img src="http://img10.imageshack.us/img10/3720/bannerpoj.jpg"  /></a></li>
	<li><a href="#"><img src="http://img10.imageshack.us/img10/3720/bannerpoj.jpg"  /></a></li>
	<li><a href="#"><img src="http://img10.imageshack.us/img10/3720/bannerpoj.jpg"  /></a></a></li>
</ul>
</div>
	<div class="sidebar-row"><h3>History de tu web</h3>			<div class="textwidget">Aecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita</div>
		</div></div></div>
<div id="footer">
<div id="logo-footer">
CRAZYBOOK DESIGN</div>
<div id="page-nav-footer">
<ul>
<li class="first"><a href="#">Home</a></li>
<li class="page_item page-item-101"><a href="#" title="About">About</a></li>
<li class="page_item page-item-104"><a href="#" title="Page Number Three">Page Number Three</a></li>
<li class="page_item page-item-106"><a href="#" title="Page Number Four">Page Number Four</a></li>
<li class="page_item page-item-108"><a href="#" title="Page Number Five">Page Number Five</a></li>
<li class="page_item page-item-111"><a href="#" title="Contact">Contact</a></li>
</ul>
</div>

<div id="credits">© 2010 All rights reserved. Design by<a href="http://procssdesign.es.tl/">ProCssDesign</a></div>

</div>

</body>

Css style

ProCssDesign

Marketing

Disenho

Development

Consulting

Eventos en PCD

Mostrar Trabajo

Entrevista Privada

Host Free

Kateko info

Css plantillas

Lupp Buscador

Host Free

PROCSSDESIGN

post10

Descarga:

CrAzYbOok DESIGN