Holaaaaaaaa

Hola chicas, soy Arii, la co-web y volvimos con todos *o almenos yo, porque no tengo contacto con la webmiss*

ACA LES DEJO NUESTRO CANAL DONDE PUBLICAREMOS NUESTROS VIDEOTUTORIALES; https://www.youtube.com/channel/UC6L168zK8x5OfNLrJBqyrUQ

Espero que les guste el nuevo diseño, by: Not a single song .

Los quiero!! Adios! -Ari

Holaa!

Hola chicas!! Yo soy Arii, una de las administradoras del blog, no pude estar jamas en este blog, pero ahora tengo tiempo y voy a hacer tutoriales y a cambiar el header!

Pedido de Clara de Osés Pozo

me pediste una cabecera sin fondo y aqui te la dejo :3

es sin fondo y bueno yo creo que es chula ya que ahora lo hipster y lo mickey mouse se lleva mucho y que mas puedes pedir si lo tienes junto ehh? bueno si hay algun problema me lo dices (y para que te vaya mejor busca el tutorial de centrar la cabecera :3)

Pedido de Sandra M.Z

holiiiis sandra aqui te traigo tu pedido. no he tenido tiempo de mirar el blog de infinity feelings, pero yo creo que te gustara el diseño que te he hecho.
te pido porfavor que hagas caso de lo que te digo o si no habra malentendidos vale?
el diseño hazlo blanco ya que si no tedré que hacerte un diseño completamente diferente al que ya te he hecho porque me has pedido una cabecera con fondo pero no me has dicho el color de la cabecera,asiq eu es blanco, con la firma pasa igual y bueno que mires porfavor todos los tutoriales del blog porque especialemnte uno que es de centrar la cabecera te irá perfecto.
y aqui tu pedido:

esta es la cabecera (para verla en tamaño original haz clic en la foto)

 las firmas te he hecho 2 una con solo ti nombre y otra con la M y Z te puedes quedar las 2 :3

espero que te haya gustado si hay algun oblema no dudes en hcermelo saber :3

URGENTE!

NECESITO QUE TODAS LAS QUE ME HICISTEIS PEDIDOS QUE ME LOS DEJEIS EN UN COMENTARIO DE ESTA ENTRADA O ME LOS VOLVAIS A ENVIAR YA QUE AHORA TENGO PHOTOSHOP (EL CS3) Y PODRE HACER ALGUN QUE OTRO PEDIDO BASTANTE ELABORADO.

Music player rectangle

este es un tutorial para poder poner un reproductor de musica en vuestro blog. la verdad es que en ente reproductor solo podeis poner una cancion pero para que teenr tantas si con una ya haces suficiente no?
bueno si quereis ponerlo en vuestro blog seguid estos pasos:
Copia El Código, Pégalo En Un Gadget HTML/javascript & Edita Lo Necesario.

<style>
.song {
padding:10px;
background:#FFF; /* COLOR DEL FONDO */
opacity: .9;
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
}
#sing {
text-align: center;
position:fixed;
left:-270px;
top:340px;
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
z-index:999;
opacity: .9;
-webkit-box-shadow:3px 3px 3px #7fe1e1; /* COLOR & TAMAÑA DE SOMBRA */
}
#sing:hover {
opacity: .9; /* OPACIDAD */
left:0px;
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
}
</style>
<div id="sing">
<div class="song">
<div style="padding-right:20px;display:inline-block;">
AQUÍ EL CODE DE TU REPRODUCTOR</div><img src="GIF DE MÚSICA" /></div>
</div>

Puedes Elegir Un De Estos Gifs:
Los primero cuatro gifses preferible agregar dos veces la imagen:

<img src="GIF DE MUSICA"/><img src="GIF DE MUSICA"/>

  

  

  

  

  

  

  

Redondear una imagen

¿Como Redondear Una Imagen Con Código HTML o CSS?
Utilizaremos "border-radius", Debes Editar 50px Por El Nro Que Deseas {20p, 10px, 7px, etc.}
Ejemplo 1
{Redondear Todas Las Esquinas}


Código:

<img src="URL DE TU IMAGEN" style="-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;padding:0px;"/>

Ejemplo 2
{Seleccionar Las Esquinas A Redondear}


Código:

<img src="URL DE TU IMAGEN" style="-webkit-border-radius: 50px 10px 50px 10px;-moz-border-radius: 50px 10px 50px 10px;border-radius: 50px 10px 50px 10px;padding:0px;"/>

Ejemplo 3
{Imagen Circular}


Código:

<img src="URL DE TU IMAGEN" style="-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;padding:0px;"/>

¿Como Colocar El Efecto En Todas Las Imágenes Del Blog?

Diseño // Edicion HTML // [Ctrl + F] & Buscas ]]></b:skin>
ARRIBA Pega El Código Que Deseas:
Efecto 1

img {
padding:0px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
transition: all 0.4s linear;
}
img:hover {
padding:0px;
border-radius:0px;
}

Efecto 2

img {
padding:0px;
-webkit-border-radius: 50px 10px 50px 10px;
-moz-border-radius: 50px 10px 50px 10px;
border-radius: 50px 10px 50px 10px;
}
img:hover {
padding:0px;
border-radius:0px;
}

El Efecto Numero 3 No Es "Estético" Para Todas Las Imágenes Ya Que Sirve Si La Imagen Posee La Misma Medida De Ancho & Alto.

Centrar la cabecera de tu blog

1. Vamos a la página principal de nuestro blog. Plantilla > Personalizar.

2. Le damos a Avanzado > Añadir CSS y copiamos y pegamos este código:

.header .widget {
 text-align:center;}
.header img {margin:0 auto;}

Debería quedar así:

Le damos a Enter, revisamos que todo esté perfecto y Guardar Plantilla.

Creditos a cassia por el tutorial

Cambiar color de seleccion del texto

este tutorial es mas bien para dar un toque de color al blog, sabeis cuando haceis un opia y pega que os sale de color azul? pues es para cambiar esto.

1. Vas a Plantilla > Editar HTML.

2. Le das a Plantilla de Formato y buscas: body { 
(para encontrarlo mas rapidamente haces clic a CTRL+F)

3. Justo encima pegas esto:

::selection {
background:#efbbcb;
color:#90022a;
}
::-moz-selection {
background:#efbbcb;
color:#90022a;
}
::-webkit-selection {
background:#efbbcb;
color:#90022a;
}

El background es el fondo de selección (lo que se vería en color azul) y el color es el color de las letras (lo que se vería en blanco).

Redondear las puntas de todo tu blog

Este tutorial esta pensado para la plantilla "Sencillo". por esto es que si lo prueban en una plantilla distinta a la Sencillo no les va a salir bien :)

1. Vamos a "Plantilla" y entramos en "Editar HTML".
2. Damos clic a "Plantilla de formato" y luego apretamos CTRL+F.

3. Buscamos: .content-outer { y borramos esto que aparece justo debajo:

-moz-box-shadow: 0 0 $(content.shadow.spread) rgba(0, 0, 0, .15);
-webkit-box-shadow: 0 0 $(content.shadow.spread.webkit) rgba(0, 0, 0, .15);
-goog-ms-box-shadow: 0 0 $(content.shadow.spread.ie) #333333;
box-shadow: 0 0 $(content.shadow.spread) rgba(0, 0, 0, .15);

Fijense que les tiene que quedar la última línea: margin-bottom

4. Inmediatamente después les saldrá .content-inner { Allí agregamos:

-moz-border-radius: 25px;
-goog-ms-border-radius: 25px;
-webkit-border-radius:25px;
border-radius: 25px; 

Le pueden cambiar el valor para que quede a su gusto. Recuerden que cuanto más grande sea el valor (hasta 100px) más redondo se verá.

5. Si quieren ponen 'Vista previa' para verificar que todo este bien y luego guardan los cambios.

Pedido de Miss Imperfect

hace ya un tiempo que no tenia pedidos (si no los tengo es porque una vez dije que me enviarais los pedidos y no me lo hicisteis) y bueno Miss imperfect me pidió mas o menos todo un diseño para su blog.
Todo los pedidos ahora los tengo que hacer con picmonkey y porgramas no tan profesionales como el photshop prque en el ordenador donde estoy el photoshop me va mal.
Cabecera: cliquea en la imagen para ver el tamaño real.

Fondo: lo he elegido expressamente para poner en mosaico.

Banner: el baner puede que tengas mas problemas te lo voy a dejar lo mas facil posible.

(este es tu banner)

<a href="http://infinityffeelings.blogspot.com.es/" target="_blank"><img src="http://i44.tinypic.com/k9nj7.gif" border="0" alt="Image and video hosting by TinyPic"></a>

 eso de arriba que esta en una caja de color lila es el codigo de tu imagen.

<a href="http://infinityffeelings.blogspot.com.es/" target="_blank"><img src="http://i44.tinypic.com/k9nj7.gif" border="0" alt="Image and video hosting by TinyPic"></a><textarea><a href="http://infinityffeelings.blogspot.com.es/" target="_blank"><img src="http://i44.tinypic.com/k9nj7.gif" border="0" alt="Image and video hosting by TinyPic"></a></textarea>

el codigo que tienes con mas letras veras que tiene un trozo donde pone <textarea>  eso es lo que dices tu de lo de la cajita en blanco. esa caja puede ser modificada a tu estilo ( algun tutorial pronto sobre cambiar diseño de esas cosas) el codigo que tiene mas letras es el que tienes que usar para poner en tu blog.

para poner este codigo solo tienes que seguir estos pasos de aqui: http://california-graphics.blogspot.com.es/2013/07/una-entrada-especial-para-clara-oses.html

ahora en blogger cuando yo lo intenté hacer no podias usarlo (la textarea) asi que te recomiendo que debajo de tu cabecera donde tienes eso de ya eres socia y todo eso que hagas un apartado que diga afiliados{+} porque te digo que hagas eso? pues porqeu a parte de que podras poner tus afiliados allí, podras poner tus botones de afiliación y asi no te estorbaran por los gadgets del blog.

ahora te preguntaras como poner el banner con el codigo en ese apartado. pues es muy facil en ese apartado casi solo tendras que usar el HTML, por eso tendras que ir aquí:

despues pones el codigo alli y vuelves a la parte normal (el boton de al lado de  HTML) y escribes normal

espero qeu visites mi blog a menudo y que uses mis tutoriales.

Una entrada especial para Clara Osés Pozo

mira clara es esto:

CO-WEBS URGENTES

TODAS LAS QUE QUIERAN SER CO-WEB QUE ME DEJEN UN COMENTARIO CON SU NOMBRE, PORQUE UIEREN SER CO-WEB Y SU E-MAIL.

Desactivar el clic derecho, avisando con mensaje

hoy os traigo es tutorial para las personitas de un lugar llamado mundo que quieran desactivar el clic derecho ya que hay mucha gentuza que lo usa para robar textos, fotacas o mas cosas. por eso hoy os quiero dar este tutorial.
Las que tengais blogs de tutoriales y esas cosas os recomiendo que no lo useis porque no os podran coger los codigos etecé.

1.- Vas a diseño
2.- Añadir Gadget
3.- HTML/Javascript
y copiamos el codigo de acontinuacion:

"<script language="JavaScript">
var message="Tu mensaje";
function clickIE4(){
if (event.button==2){
alert(message);
return false;
}
}
function clickNS4(e){
if (document.layers||document.getElementById&&!document.all){
if (e.which==2||e.which==3){
alert(message);
return false;
}
}
}
if (document.layers){
document.captureEvents(Event.MOUSEDOWN);
document.onmousedown=clickNS4;
}
else if (document.all&&!document.getElementById){
document.onmousedown=clickIE4;
}
document.oncontextmenu=new Function("alert(message);return false")
</script>"

5.- Cambias la parte de "Tu mensaje" (no borres las comillas) por lo que quieras que diga el texto ;)

Estado de Pedidos

Claudivina-Aceptado

Cristina-Aceptado

Diseño del blog + Tutorial (:

Holi chicas, he cambiado el diseño de california graphics, no me acababa de convencer asi que lo he cambiado, este es con tonos morados y para dar el contraste un poquito de blanco. lo hice porque estube pensando que si no elijo a ningun famosete :3 para hacer el diseño serà mas facil de cambiarlo porque me gustan muchos grupiis y famosetes y claro pues me gusto la zebra esta rara y pues me ha gustado y he hecho una cabecera y ala todo el diseño del blog cambiado. tambien estoy aprovechando para añadir alguna cosita mas en el tema de las entradas, fondos...

por cierto quiero hacer un concurso de blends. se que lo he dicho de sopetón pero quiero que la mayoria de vosotros participeis. despues o mas adelante os pondre las normas y ahora un tutorial de como poner redes sociales en tu blog ^^

Ve a diseño > añade un gadget HTML donde sea > pega el siguiente codigo:

<style type='text/css'>
a.linkopacity img {
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
-khtml-opacity: 0.5;}
a.linkopacity:hover img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
-khtml-opacity: 1.0; }
</style>
<div style='display:scroll; position:fixed; top:140px; left:-12px;'>
<a class='linkopacity' href='DIRECCION DE TU RED SOCIAL' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='facebook'><img border="0" src="URL DEL ICONO DE TU RED SOCIAL" /></a><br />

 Donde dice: DIRECCION DE TU RED SOCIAL coloca el link de tu red ya sea Facebook ,Twitter, MySpace u Orkut.. y donde dice: URL DEL ICONO DE TU RED SOCIAL coloca el link de la imagen que deseas como icono de tu red social te recomiendo que su tamaño no supere los 80x80.

Si deseas colocar mas de un icono solo basta con repetir una vez mas la parte del código que dice:

<a class='linkopacity' href='DIRECCION DE TU RED SOCIAL' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='facebook'><img border="0" src="URL DEL ICONO DE TU RED SOCIAL" /></a><br />

si quereis podeis usar estos iconos:

http://cdn1.iconfinder.com/data/icons/black-ink-grunge-social-media/128/097668-facebook-logo-square.png

http://cdn1.iconfinder.com/data/icons/black-ink-grunge-social-media/128/097740-twitter-logo-square.png

http://cdn1.iconfinder.com/data/icons/beercap/128/Beer-Cap-Facebook.png

http://cdn1.iconfinder.com/data/icons/beercap/128/Beer-Cap-Twitter.png

http://cdn1.iconfinder.com/data/icons/Social_Media_Icon_Badges/128/facebook.png

http://cdn1.iconfinder.com/data/icons/Social_Media_Icon_Badges/128/twitter.png

que os ha parecido el tutorial? muy util? inutil? por sierto si quereis pedirme hay una seccion para pedir, tengo ask... asi que podeis pedir (:

Pedido de Sofia

siento que me hayais tenido que reenviar vuestros pedidos pero bueno, sofia, en tu pedido le he pueso una cosita mas que es que detras de las fotitos (png) haya otra de la misma forma pero de un color solido. ahora te lo enseño.
Header:

el rosita mas oscuro que encontrado ha sido este y me ha parecido muy buapo :) y ves en los png detras hay una base del mismo color, pues es eso, te recomiendo que lo dejes poque queda muy buapo

tambien si pones la cabecera pon ajustar en la cabecera porque te puede quedar muy grande y despues queda mal.
y ahora la firma:

espero que te haya gustado el pedido, que sepas que hacia tiempo que no diseñaba para nadie jaja. besiis. por cierto dejame un comentario si has visto el pedido y eso ;)

ENTRADA URGENTE

esta entrada es super-hiper-mega urgente.
necesito que todas las que habeis pedido hace poco que volvais a enviarme vuuestros pedidos. sin querer he borrado los pedidos del gmail y asdfghjk me he frustrado. porfaas enviadmelos otra vez. sienteo mucho esta molestia

Temas de gogle chrome hechos por mi #1

Todos estos temas de google chrome, los he hecho yo. porfavor decidme si os han gustado, si los usareis...

si quereis alguno en especial solo teneis que pedirmelo en la pagina de pedidos del blog. de momento unicamente solo lo hago yo estode las temas de google chrome. pero si quereis ya os hare algun tutorial o alguna cosita para que podais hacerlos vosotr@s mism@s. de momento disfrutad con mis temas de google chros 100% hechos por mi :3

Descarga

Descarga

Descarga

Descarga

Descarga

Descarga

Eliminar "Mostrando entradas con..."

Para Quitarlo:

Ir A "Diseño" , "Edicion De HTML" 

En La Plantilla Buscar [Ctrl + F]

]]></b:skin>

 Arriba Pegar El Siguiente Código:

.status-msg-wrap {
visibility:hidden;
display:none;
}

 espero que el tutorial os sirva :3