Búsqueda en el Foro:
Buscar


Autor Mensaje
Mensaje16-06-2011, 16:55 (UTC)    
Título del mensaje: Poner mas de 1 plantilla en tu web !!! [Tutorial]

Hace como una semana habia preguntado como coocar mas de una plantilla en mi web , pero no me respondieron de lo muy bien , ( no muy claro ) Pero despues me puse a intentar solo , y lo intente en mi web Original y me salia la plantilla pero me salian dos :_ la actual y la qe estaba probando .

Hasta ... que probe en mi web de Pruevas , y lo Descubri !!!!

Lo que tienes que hacer es lo Siguiente .

Editar Diseño - Diseño Basico : y eljes Css desing no tan popular - y les das a Guardar .

Nota : NO COLOCAR NINGUN DISEÑO SALVO EL CODIGO DE ALINECION EL EL CODE CSS SIN STYLO TAGS.


Ahora cuando tengamos nuestra plantilla , , VAmos a subir el Stylo a un host que soporte css y lo subimos al codigo de la plantilla, Yo ya lo eh echo , y voy a usar este codiho de ejemplo:


Lo qe esta marcado en rojo es el style qe subi a un host y lo puse en la plantilla

Cita:
<head>
<title>Free CSS template by ChocoTemplates.com</title>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<link rel="shortcut icon" href="css/images/favicon.ico" />
<link rel="stylesheet" href="http://filegen.webcindario.com/files/b/c/c/ba12-stylecss.css" type="text/css" media="all" />
<!--[if IE 6]>
<link rel="stylesheet" href="http://filegen.webcindario.com/files/a/a/a/fa2a-ie6css.css" type="text/css" media="all" />
<![endif]-->

<script type="text/javascript" src="http://filegen.webcindario.com/files/b/c/b/73e4-jquery-142minjs.js"></script>
<script type="text/javascript" src="http://filegen.webcindario.com/files/a/a/a/6950-jqueryjcarouseljs.js"></script>
<script type="text/javascript" src="http://filegen.webcindario.com/files/c/b/a/c358-jquery-funcjs.js"></script>
</head>
<body>
<!-- Shell -->
<div id="shell">
<!-- Header -->
<div id="header">
<!-- Navigation -->
<div id="navigation">
<ul>
<li><a href="#" class="active">HOME</a></li>
<li><a href="#">NEWS</a></li>
<li><a href="#">INTERVIEWS</a></li>
<li><a href="#">FEATURES</a></li>
<li><a href="#">OPINIONS</a></li>
<li class="with-dd">
<a href="#">EVENTS</a>
<div>
<ul>
<li><a href="#">Category One</a></li>
<li><a href="#">Category Two</a></li>
<li><a href="#">Another Category</a></li>
<li><a href="#">The Last One</a></li>
</ul>
</div>
</li>
</ul>

<a href="#" class="rss">RSS</a>
<div class="cl">&nbsp;</div>
</div>
<!-- /Navigation -->

<!-- Logo -->
<h1 id="logo"><a href="#">DEJA LOS CREDITOS</a></h1>
<!-- /Logo -->

<!-- Search -->
<div id="search">
<a href="#">Buscar :</a>

<input type="text" name="string" value="Que deceas Buscar?" title="Que deceas Buscar?" class="field" />

<input type="submit" name="submit" value="Buscar" class="submit" />
</div>
<!-- /Search -->

<div class="cl">&nbsp;</div>
</div>
<!-- /Header -->

<!-- Slider -->
<div id="slider">
<!-- Slider Holder -->
<div class="slider-holder">
<ul>
<!-- Slide -->
<li>
<div class="image">
<img src="http://img.webme.com/pic/b/brianpwg/banners3.jpg" alt="" />
</div>
<div class="data">
<h3>Galeria</h3>

<p>Descripcion de la Imagen</p>
<p>Descripcion de la Imagen</p>

<a href="#" class="read-more">Leer Mas</a>
</div>
<div class="cl">&nbsp;</div>
</li>

<!-- /Slide -->

<!-- Slide -->
<li>
<div class="image">
<img src="http://img.webme.com/pic/b/brianpwg/banners3.jpg" alt="" />
</div>
<div class="data">
<h3>Galeria</h3>

<p>Descripcion de la Imagen</p>
<p>Descripcion de la Imagen</p>

<a href="#" class="read-more">Leer Mas</a>
</div>
<div class="cl">&nbsp;</div>
</li>

<!-- /Slide -->

<!-- Slide -->
<li>
<div class="image">
<img src="http://img.webme.com/pic/b/brianpwg/banners3.jpg" alt="" />
</div>
<div class="data">
<h3>Galeria</h3>

<p>Descripcion de la Imagen</p>
<p>Descripcion de la Imagen</p>

<a href="#" class="read-more">Leer Mas</a>
</div>
<div class="cl">&nbsp;</div>
</li>

<!-- /Slide -->
</ul>
<div class="cl">&nbsp;</div>
</div>
<!-- /Slider Holder -->

<!-- Slider Navigation -->
<div class="slider-navigation">
<a href="#" class="previous">Atras</a>
<a href="#" class="next">Siguiente</a>
</div>
<!-- /Slider Navigation -->
</div>
<!-- /Slider -->

<!-- Main -->
<div id="main">
<!-- Content -->
<div id="content" class="box">
<h2>Dejar los Creditos</h2>
</div>
<!-- /Box -->

<div class="cl">&nbsp;</div>
</div>
<!-- /Main -->

<div class="footer-push">&nbsp;</div>
</div>
<!-- /Shell -->

<!-- Footer -->
<div id="footer">
<p>&copy; <a href="#">Todos los Derecehos reservados</a> 2010 | Design by <a href="http://brianpwg.es.tl" target="_blank" title="Adaptador del Diseño</a></p>
</div>
<!-- /Footer -->
<script type="text/javascript">
Cufon.now();
</script>
</body>
</html>




Una vez qe ya tenemos la plantlla Vanamos a hacer lo siguiente-

Controlar paginas - Crear nueva Pagina - Y pegamos desde arriba asta " </body> </html> " en el editor - y le damos a Guardar

Has click aqui para ver la vista previa.

http://pruevaspwgbrian.es.tl/masdeunaplantilla.htm




Es fin si no te funciono es porqe no lo hiciste bien :D


Recuerda :

- Elije en tipo de Diseño CSS DESING SIN STYLO TAGS.

- No pongas ningun diseño en : Por Ensima de la Pagina y Por Debajo y En el css , ( Solo pong este Codigo en el Css :
Cita:
table {margin-left:auto;margin-right:auto;}
#pre_header {display: none;}
#post_header {display: none;}
lli.nav_element{display: none;}
li.nav_element a{display: none;}
h1#title{display: none;}
h2#title span {display: none;}
div.header{display: none;}
li.nav_element{list-style-type: none;}
li.nav_element{display: none;}
) solo eso .

- Cuando vayas a poner un diseño Acuerdate de Borrar el contenido o dejalo de la Plantilla

- ACuerdate de subir el Style del Diseño en un host y luego ponlo en el Diseño

- Cuando hagas echo todo eso , copias todo el codigo y lo epdas en el editor html.
Mensaje16-06-2011, 17:27 (UTC)    
Título del mensaje:

Buen Tutorial, en mi antigua web yo hize eso pero es más complicado modificar cosas entre otros y que tambien tenes que vigilar que ningun de los servidores donde esta alojada el diseño caiga. Aunque como dije es un buen tutorial


Saludos
Mensaje16-06-2011, 17:30 (UTC)    
Título del mensaje:

Buen tutorial para los que no lo saben. Aunque si no sabes hacerlo es complicado hacerlo la primera ves. Luego ya es mas fácil.

Saludos!
Mensaje16-06-2011, 17:44 (UTC)    
Título del mensaje:

xD buen aporte me das permiso de publicarla en mi web con tu credit? saludos
______________
Twitter ZoneFacil
Facebook ZoneFacil
Mensaje16-06-2011, 17:45 (UTC)    
Título del mensaje:

Claro ipwg yo casi no lo uso :_ Pero coomo lo aprendi :D lo comparti con Todos

basichd Grachis basic

Ipwg Tambien gracias tu , Un poqitito de ayuda me diste . :D
Mensaje16-06-2011, 17:48 (UTC)    
Título del mensaje:

Hola exelente aporte muy bueno
______________
http://img.webme.com/pic/a/ayuda031/firma012221.png imagen redimensionada por exceso de tamaño
Mensaje16-06-2011, 18:21 (UTC)    
Título del mensaje:

ayuda031 escribió:
Hola exelente aporte muy bueno


Grachias
Mensaje16-06-2011, 18:29 (UTC)    
Título del mensaje: Re: Poner mas de 1 plantilla en tu web !!! [Tutorial]

Muy buen aporte brian me gusto mucho por eso le doy like xd


______________
Visitar sitio web


Mensaje16-06-2011, 18:51 (UTC)    
Título del mensaje:

Muy buen tutorial !
Mensaje16-06-2011, 19:30 (UTC)    
Título del mensaje:

desingics - todaweb7 Gracias chicos , Toda la homda
Mensaje16-06-2011, 22:32 (UTC)    
Título del mensaje:

Estoy sorprendida porque yo también lo busqué hace un par de días, lo implementaré ya que yo no ocupo ninguna plantilla por el momento, y que bueno probar con dos jejeje.

Saludoz
______________


https://radiovijaer.es.tl/
Mensaje16-06-2011, 23:50 (UTC)    
Título del mensaje:

radiovijaer escribió:
Estoy sorprendida porque yo también lo busqué hace un par de días, lo implementaré ya que yo no ocupo ninguna plantilla por el momento, y que bueno probar con dos jejeje.

Saludoz


Gracias ? ajaj -Todo bien ;$ Espero qe les haga gustado mi tuto,. :P
Mensaje17-06-2011, 00:46 (UTC)    
Título del mensaje:

Tengo recuerdos de un tema parecido hace 2 años soy usuario veterano y esto es algo complicado al principio pero despues se es facil como ahora a mi

Salu2
______________
Miguel García | Desarrollador web freelance
Mensaje17-06-2011, 01:13 (UTC)    
Título del mensaje:

Yo conozco un tutorial más facil y también para css design.
______________
Off
Mensaje17-06-2011, 15:26 (UTC)    
Título del mensaje:

fafo-ayuda escribió:
Yo conozco un tutorial más facil y también para css design.

Pues has esto ,. Foro , Elije alguna categoria , nuevo Tema y publicalo si es mas Faci , Saludos . :D
Mostrar mensajes anteriores:   


Powered by phpBB © 2001, 2005 phpBB Group