:: CP - Recursos Web ::

Photoshoot

+ Cliquea la imagen

Informacion:
Nombre: Photoshoot
Fecha: 18-Sept-2009
Creditos: Freecsstemplates.org
Garantia: Si ?
Diseño para: CssDesign

Enlazanos:

Compartir:

[ Codigos: ]

- Texto por encima de la pagina:

<script type="text/javascript" src="http://recursosweb.comoj.com/cs/js/jquery-1.6.2.min.js"></script>
<script type="text/javascript" src="http://recursosweb.comoj.com/cs/js/jquery.poptrox-0.1.js"></script>
<div id="head" class="container">
<div id="logo">
		<h1><a href="URL">TITULO WEB</a></h1>
		<p>Sub Titulo</a></p></div>
<div id="menu"><ul>
  <li class="current_page_item"><a href="URL">INICIO</a></li>
  <li><a href="URL">LINK'S 2</a></li>
  <li><a href="URL">LINK'S 2</a></li>
  <li><a href="URL">LINK'S 2</a></li>
  <li><a href="URL">LINK'S 2</a></li>
</ul></div></div>

<div id="poptrox"><ul id="gallery">
		<li><a href="URL IMAGEN GRANDE"><img src="URL IMAGEN GRANDE" title="DESCRIPCION" alt="" /></a></li>
		<li><a href="URL IMAGEN GRANDE"><img src="URL IMAGEN GRANDE" title="DESCRIPCION" alt="" /></a></li>
		<li><a href="URL IMAGEN GRANDE"><img src="URL IMAGEN GRANDE" title="DESCRIPCION" alt="" /></a></li>
		<li><a href="URL IMAGEN GRANDE"><img src="URL IMAGEN GRANDE" title="DESCRIPCION" alt="" /></a></li>
		<li><a href="URL IMAGEN GRANDE"><img src="URL IMAGEN GRANDE" title="DESCRIPCION" alt="" /></a></li>
		<li><a href="URL IMAGEN GRANDE"><img src="URL IMAGEN GRANDE" title="DESCRIPCION" alt="" /></a></li>
		<li><a href="URL IMAGEN GRANDE"><img src="URL IMAGEN GRANDE" title="DESCRIPCION" alt="" /></a></li>
		<li><a href="URL IMAGEN GRANDE"><img src="URL IMAGEN GRANDE" title="DESCRIPCION" alt="" /></a></li>
</ul><br class="clear" />
<script type="text/javascript">
$('#gallery').poptrox();
</script></div>
<div id="page"><div id="bg1">
<div id="bg2"><div id="bg3">

- Texto por debajo de la pagina:

- Codigo Sin style tag's:

/* Diseño por: http://www.freecsstemplates.org
Adaptada para  PwG por: http://cssplantillas.es.tl */
#pre_header {display: none;}
#post_header {display: none;}
#header_container {display: none;}
lli.nav_element{display: none;} 
li.nav_element a{display: none;} 
h1#title{display: none;} 
h2#title span {display: none;} 
#header {display: none;}
#title {display: none;}
#nav_container {display:none;}
table {margin-left:auto;margin-right:auto;}
body {margin: 0;padding: 0;background: #000000;font-family: Arial, Helvetica, sans-serif;
font-size: 12px;color: #414141;}
h1, h2, h3 {margin: 0;padding: 0;font-weight: normal;}
h1 {font-size: 2em;}
h2 {margin: 0px;padding: 0px 0px 20px 0px;letter-spacing: -2px;font-size: 2.8em;color: #FFFFFF;}
h3 {font-size: 1.6em;}
p, ul, ol {margin-top: 0;line-height: 200%;}
p, ol {} ul, ol {}
a {color: #8A8A8A;}
a:hover {}
#wrapper {background: url(images/img02.jpg) no-repeat center 115px;}
.container {width: 1000px;margin: 0px auto;}
#head {width: 900px;height: 115px;margin: 0 auto;padding: 0px 50px;}
#logo {float: left;width: 300px;margin: 0;padding: 0;color: #FFFFFF;}
#logo h1, #logo p {}
#logo h1 {padding:10px 0px 0px 0px;letter-spacing: -2px;
text-transform: lowercase;font-size: 3.8em;}
#logo h1 a {color: #FFFFFF;}
#logo p {margin: 0;padding: 0px 0 0 0px;letter-spacing: -1px;
font: normal 18px Georgia, "Times New Roman", Times, serif;
font-style: italic;color: #8E8E8E;}
#logo p a {color: #8E8E8E;}
#logo a {border: none;background: none;text-decoration: none;color: #000000;}
#splash {width: 960px;height: 300px;margin: 0px auto;}
#search {float: right;width: 280px;height: 60px;padding: 20px 0px 0px 0px;}
#search form {height: 41px;margin: 0;padding: 10px 0 0 20px;}
#search fieldset {margin: 0;padding: 0;border: none;}
#search-text {width: 170px;padding: 6px 5px 2px 5px;border: 1px solid #E7EBED;
background: #FFFFFF;text-transform: lowercase;font: normal 11px Arial, Helvetica, sans-serif;color: #5D781D;}
#search-submit {width: 50px;height: 22px;border: none;background: #B9B9B9;color: #000000;}
#menu {float: right;width: 500px;height: 20px;
margin: 0 auto;padding: 70px 0px 0px 0px;}
#menu ul {float: right;margin: 0;padding: 0px 0px 0px 0px;
list-style: none;line-height: normal;}
#menu li {float: left;}
#menu a {display: block;height: 20px;margin: 0px;padding: 0px 15px;
letter-spacing: -1px;text-decoration: none;text-align: center;
text-transform: uppercase;font-family: Arial, Helvetica, sans-serif;font-size: 14px;
font-weight: bold;color: #FFFFFF;border: none;}
#menu a:hover, #menu .current_page_item a {text-decoration: none;}
#menu .current_page_item a {}
#bg1 {background: url("https://img.webme.com/pic/c/cssplantillas/photoshoot06.jpg") repeat-y left top;}
#bg2 {background: url("https://img.webme.com/pic/c/cssplantillas/photoshoot05.jpg") no-repeat left top;}
#bg3 {overflow: hidden;padding: 50px;background: url("https://img.webme.com/pic/c/cssplantillas/photoshoot07.jpg") no-repeat left bottom;}
#page {overflow: hidden;width: 940px;margin: 0px auto;}
#content {float: right;width: 530px;}
#sidebar {float: left;width: 270px;}
#poptrox {width: 960px;margin: 0px auto;}
#gallery {overflow: hidden;margin: 0px;padding: 0px;list-style: none;}
#gallery li {float: left;margin: 0px;padding: 10px;}
#gallery img {border: 5px solid #FFFFFF;}
.poptrox_popup{position: relative;padding: 1em 1em 3em 1em;background: #ffffff;}
.poptrox_popup .loader{display: block;margin: 55px 0 0 0;text-indent: -9999em;
background: url('loader.gif') top center no-repeat;}
.poptrox_popup .caption{position: absolute;bottom: 1em;left: 1em;}
.poptrox_popup .closer{position: absolute;bottom: 1em;right: 1em;}
#footer {overflow: hidden;width: 940px;height: 100px;margin: 0px auto;}
#footer p {margin: 0px;padding: 40px 0px 0px 0px;text-align: center;font-size: 12px;}

Apuntes
Coloca las imagenes donde lo indica en el script. Disfrutalo

- Para cualquier consulta visita nuestro Foro de soporte.

:: CP - Recursos Web ::

Photoshoot

Photoshoot

Lo más reciente:

En Twitter!

:: CP - Recursos Web ::

Photoshoot

Photoshoot

Buscador

Lo más reciente:

En Twitter!