Edición plantilla blogskin

Koni! por fin!! jajaja casi que no hago estos videos u.u, gomen haha :) En la primera parte hablo; en la segunda, tranquilos... solo es musica XD, espero que les ayude un poco ^u^, espero que anden disfrutando de la navidad *O*. muack!

Primera parte♥
Segunda parte♥

♥ Imprimir mangas en casa ♥

Koni !! *---*, ahahah estos dias la he pasado muy bien, uno que otro problema pero normal :D , espero que anden muy bien ! *O*, ahah les traigo unos videos que me han ayudado montón! , =) claro que apenas llevo imprimido dos tomos de miman renai , pero hay voy jiji.

Manos a la obra ♦-----♦.

Introdución

El armado

La impresión

♥ Gracias a nuncioveritos

Libro de visita :)

Tienes que registrarte aqui: http://www.smartgb.com/?p=newbottomlink

Al darle click a registrar, en la siguiente pantalla te aparecera que la información se ha enviado a tu cuenta de mail y la dirección de tu libro, guardala :).

También aparece el codigo HTML para que enlazes el libro. ^^
Mas abajo veran un apartado que dice Express administration, aqui cambiaremos el diseño de nuestro libro. entremos en el link.

Ingresas la contraseña y te llevara a la página donde saldran las siguientes opciones, desde hay puedes editar lo relacionado con tu libro de visitas.

Para lo que tiene que ver con el diseño del libro van a la siguiente opción:

Eso seria todo para tener su libro de visita!

,para enlazarlo pueden poner una imagen o texto, buenu ya va en cada quien :).

Buen dia para todos, cambio y fuera xD.

;)

Efecto Opacidad

Vamos a Plantilla - Edición de HTML

Código para todas las imagenes del blog
♥ Pegar antes de < /head >

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js'/> <script type='text/javascript'> $(document).ready(function() { $('img').fadeTo('slow', 0.5); $('img').hover(function() { $(this).fadeTo('slow', 1.0); }, function() { $(this).fadeTo('slow', 0.5); }); }); </script>

Código para colocarle opacidad a las imagenes que quieras
♥ Pegar antes de < /head >

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js'/> <script type='text/javascript'> $(document).ready(function() { $('.blImagjtef').fadeTo('slow', 0.5); $('.blImagjtef').hover(function() { $(this).fadeTo('slow', 1.0); }, function() { $(this).fadeTo('slow', 0.5); }); }); </script>

♥ El código para las imagenes antes de postearlas debe quedar asi:
<img class='blImagjtef' src='URL DE LA IMAGEN'/>

Tutorial Menú en blogger

Para este menú vamos a necesitar editar el html del blog ponemos este codigo en cualquier parte de la plantilla:

[aclaro] antes de </head> 

copia y pega ^-^

/* Menú Vertical BLOGGER ----------------------------------------------- */ #menuvert ul { list-style-type: none; margin: 0px; padding: 0px; width: 170px; /* ANCHO DEL MENÚ */ font-size: 10pt; } #menuvert ul li { background-color: #FFFAFA; /* COLOR DE FONDO */ padding: 0px; } #menuvert ul li a { color: #FF1493; /* COLOR LETRAS */ text-decoration: none; display: block; padding: 10px 10px 5px 20px; border-bottom: 1px dotted red; } #menuvert ul li a:hover { background: #FFE4E1; /* COLOR AL PASAR EL RATÓN */ border-left: 10px solid #FF3E96; color: #B03060;

Ahora para crear nuestro menú nos vamos a:
Diseño -- Edición HTML --HTML/Javascript

Cuando se abra la ventana solo es colocar el codigo de menu, que debe ir asi:

<div id="menuvert"> <ul> <li><a href="URL">texto^^</a></li> <li><a href="URL">texto^^</a></li> </ul> </div>

Les explico ese codigo es para hacer una lista, y pues el codigo de link (a href="") esta dentro de este, solo deben colocar el link y ponerle un texto para que los direccione, asi es como hago los menú.

Este menu es el que viene por defecto de la plantilla (bueno mas o menos jeje) yo le hice unas cuantas modificaciones y aqui se las comparto :), PD: La plantilla en la que edite este menu se llama Filigrana.

Bueno primero vamos al editor de blogger

Ahora van a Avanzado -- Fondo de las pestañas

Listo! ahora vamos a editar el HTML de la plantilla, aqui si me toco echarle un poco de cabeza ya que el menu se me sobreexponia a la imagen de cabecera y no quedaba del mismo largo, ademas queria centrar el texto , pero al final se dio xD.

En las imagenes puse los valores que edite esta el antes (plantilla normal), y el despues (plantilla modificada)

Antes

Después

Explico un poco lo que hice:

----------------------------
.tabs-inner .section {
margin: 8px 100px;
width: 740px;
----------------------------
Aqui agregue el width que es el ancho del menú, y lo editan a su conveniencia, edite el margin para separar el menu de la imagen y correrlo un poco a la derecha con el 100px uds bien pueden no ponerlo y solo utilizar la primera cifra

----------------------------
.tabs-inner .widget ul {
padding:1px 220px;
max-height: 34px;
----------------------------
En este edite el padding que es el que necesito para correr el texto dentro del menu, uds pueden bien ponerle un valor mas alto y ponerlo hasta la derecha o algo asi :).

Tip!♥
Para que entiendan como funciona el margin y el padding juegen con valores super exagerados asi notaran cambios y visualizaran el efecto de auemntar o dsminuir los valores.

Ya sabiendo lo del menu vertical es lo mismo, solo que no tenemos que ir a editar la plantilla si no solo crear el gadget:

Diseño -- Edición HTML --HTML/Javascript

El codigo debe quedar asi:

<a href="URL"><img src="url imagen"></img></a>

Para que las imagenes queden una tras otra deben pegar cada codigo junto, ejemplo:

<a href="URL"><img src="url imagen"></img></a> <a href="URL"><img src="url imagen"></img></a> <a href="URL"><img src="url imagen"></img></a>

y asi con todas las imagenes que pongan o si el menú de imagenes es vertical pues ahi si no harian eso ^^.

Cambiar color de selección [win7]

Ejemplos C:

Esto es para cambiar el color del cuadro de selección en el escritorio solo que pues no lo pude poner porque como saben no aparecen en los pantallazos >___<,puse las demas imagenes para que vean que no solo se cambia eso xD.

•Den click derecho al escritorio
•Opción personalizar
• Link Configuración avanzada de la apariencia

•Les aparecera esto:

Ahora buscamos la opción hipervinculo que es para cambiar el relleno del cuadro (del escritorio), si quieren elegir mass colores solo le dan click a otros.

•para cambiar la linea del cuadro, vamos a elementos seleccionados

Asi de sencillo puedes personalizar el color de selección de toda la compu :)

Marquee [animación HTML]

Este código sirve para hacer presentaciones en tu blog, por ejm:

Con imagenes

Con texto

Este es un ejemplo de como funciona el codigo marquee :)

Código ♥

<marquee scrolldelay="100" direction="left" onmouseover="stop()" onmouseout="start()" scrollamount="2" height="100"><center> Aqui pones la img o el texto que necesites</center></marquee>

width : "ancho" del marquee.
height : "alto" del marque.
direction: "left", "right", "up", "down".
scrollamount: "velocidad" del texto o imagen :).
bgcolor:con este le puedes cambiar el color al fondo del marquee.
onmouseover: stop(),esta sirve para que pare la animación, sirve mucho si pones afiliados,o links ^^. si no quieres que se detengan al poner encima la flecha solo eliminas la linea

Obento Kawaii ♥♥♥

El obento (cajita de comida para llevar) se a convertido en un arte, solo hay que ver la cantidad de creaciones que se puede hacer en estos *--* por eso hoy les traigo este ..podria decirse pequeño tutorial de que debemos tener para prepara un obento muy kawaiisioso para llevar al trabajo, al cole, a la uni.. para regalar a tu novio...? etc :3
empezamos:

Cajita para  obento


Moldes para arroz


Moldes para huevo


Tarritos para las salsas


Separadores,
estos sirven para separar algunos alimentos de otros :]


Picos, sirven para ensartar alguna comida o para decorar el obento


Cortadores (otros)

Arroz de colores
Cuando quieras ponerle color al arroz utiliza colorante vegetal o también le llaman colorante alimentico :].
encontre esta página donde explican como hacerlo pero este es para bodas pero debe ser el mismo procedimiento jeje [Link]

Ingredientes
Recuerda que un bento siempre debe llevar arroz, proteinas (carnes o granos), y verduras seria como lo esencial, y en pocas porciones; también puedes agregarles frutas esto es para tener gran variedad en tu bento y se vea muy especial *¬* ademas de que los bentos deben ser muy nutritivos.

Como hacer un obento
Onigiri 1, 2, 3
Onigiri relleno de queso crema
Tamagoyaki [tortilla]

Creditos: [Link],[Link]