Autor |
Mensaje |
-
brianpwg
Semi-Experto
|
16-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"> </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"> </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"> </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"> </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"> </div>
</li>
<!-- /Slide -->
</ul>
<div class="cl"> </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"> </div>
</div>
<!-- /Main -->
<div class="footer-push"> </div>
</div>
<!-- /Shell -->
<!-- Footer -->
<div id="footer">
<p>© <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. |
|
↑
|
|
|
-
basichd
Junior
Ubicación: Conavi Km10- Encarnación, Itapua, Paraguay
|
16-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 |
|
↑
|
|
|
-
ipwg
Semi-Experto
|
16-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! |
|
↑
|
|
|
-
zonefacil
Junior
|
16-06-2011, 17:44 (UTC) Título del mensaje: |
|
|
|
|
↑
|
|
|
-
brianpwg
Semi-Experto
|
16-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 |
|
↑
|
|
|
-
ayuda031
Semi-Experto
|
|
↑
|
|
|
-
brianpwg
Semi-Experto
|
16-06-2011, 18:21 (UTC) Título del mensaje: |
|
|
ayuda031 escribió: Hola exelente aporte muy bueno
Grachias |
|
↑
|
|
|
-
todaweb7
Destacado
|
16-06-2011, 18:29 (UTC) Título del mensaje: Re: Poner mas de 1 plantilla en tu web !!! [Tutorial] |
|
|
|
|
↑
|
|
|
-
desingics
Nuevo
|
16-06-2011, 18:51 (UTC) Título del mensaje: |
|
|
Muy buen tutorial ! |
|
↑
|
|
|
-
brianpwg
Semi-Experto
|
16-06-2011, 19:30 (UTC) Título del mensaje: |
|
|
desingics - todaweb7 Gracias chicos , Toda la homda |
|
↑
|
|
|
-
radiovijaer
Semi-Experto
Ubicación: El Salvador
|
16-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/ |
|
↑
|
|
|
-
brianpwg
Semi-Experto
|
16-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 |
|
↑
|
|
|
-
solamente-sencillo
Semi-Experto
|
17-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 |
|
↑
|
|
|
-
fafo-ayuda
Semi-Experto
Ubicación: PaginaWebGratis.Es
|
17-06-2011, 01:13 (UTC) Título del mensaje: |
|
|
Yo conozco un tutorial más facil y también para css design. ______________ Off |
|
↑
|
|
|
-
brianpwg
Semi-Experto
|
17-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 |
|
↑
|
|
|
|