DOMtab (tabview para blogger)

Anuncios

Hola a todos hoy les traigo un tabview (son como pestañas para las entradas de blogger)
este tabview lleva un codigo muy simple


Lo primero que deben aser es descargar este archivo y subirlo a algun host, yo recomiendo Dropbox, si no saben como usar dropbox click aqui

bueno luego que subimos el archivo a un host vamos a la entrada donde queremos poner el tabview estando allii pegamos este codigo


<html>

<head>

<script type="text/javascript" src="URL DEL ARCHIVO JS"></script>
<link rel="stylesheet" type="text/css" href="URL DEL ARCHIVO CSS"/>

</head>
<body>


</body>
</html>


Luego afuera de este codigo(despues de </html>; ) pegamos el siguiente codigo que es el codigo del tabview

dijo:
<div class="domtab doprevnext">
<ul class="domtabs">
<li><a href="#t1">pestaña1</a></li>
<li><a href="#t2">pestaña2</a></li>
<li><a href="#t3">pestaña3</a></li>
<li><a href="#t4">pestaña4</a></li>
</ul>
<div>
<h2><a name="t1" id="t1"></a>pestaña1</h2>
<p>

--------AQUI VA LA INFORMACION DESDE TEXTO HASTA IMAGENES VIDEOS ETC---------

</p>

</div>
<div>
<h2><a name="t2" id="t2"></a>pestaña2</h2>
<p>

--------AQUI VA LA INFORMACION DESDE TEXTO HASTA IMAGENES VIDEOS ETC---------

</p>

</div>
<div>
<h2><a name="t3" id="t3"></a>pestaña3</h2>
<p>

--------AQUI VA LA INFORMACION DESDE TEXTO HASTA IMAGENES VIDEOS ETC---------

</p>

</div>
<div>
<h2><a name="t4" id="t4"></a>pestaña4</h2>
<p>

--------AQUI VA LA INFORMACION DESDE TEXTO HASTA IMAGENES VIDEOS ETC---------

</p>


</div>
</div>

Bueno luego dentro de lo que esta de color AZUL escribiremos lo que necesitamos


No solo les voy a enseñar como ponerlo si no tambien como editarlo, para editar el color lo unico que nesesitamos aser es abrir el archivo css con el block de notas para ello click derecho>Abrir con>Bloc de notashay vamos a tener todo el codigo de diseño para cambiar el color buscamos Background:#<codigodelcolor>; ò color:#<codigodelcolor>; eso es lo unico que necesitamos cambiarle para probar solamente ponesmos Archivo>Guardar como> donde dice nombre ponemos archivo1.css donde dice tipo ponemos todos los archivos y en codificacion dejamos como esta y ya esta hay lo subimos al host luego al codigo de html y ponemos vista previa en blogger asi hasta que nos quede como queremos.


Tambien podemos agregar imagenes en ves de un nombre en el tabview para ello sustituimos esto:

dijo:<a name="t1" id="t1"></a>pestaña1</h2>[/quote]


por esto:

dijo:<a name="t1" id="t1"></a><img src="AQUI EL CODIGO DE LA IMAGEN"/></h2>[/quote]

cualquier duda comenten

0 comentarios - DOMtab (tabview para blogger)