domingo, 25 de agosto de 2013

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

viernes, 16 de agosto de 2013

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.

jueves, 8 de agosto de 2013

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"/>

  
  
  
  
  
  
  



jueves, 25 de julio de 2013

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).


miércoles, 24 de julio de 2013

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.

martes, 9 de julio de 2013

miércoles, 3 de julio de 2013

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.

miércoles, 26 de junio de 2013

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 ;)

lunes, 17 de junio de 2013

Estado de Pedidos

Claudivina-Aceptado
Cristina-Aceptado

sábado, 8 de junio de 2013

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 (:

miércoles, 5 de junio de 2013

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 ;)

lunes, 3 de junio de 2013

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

domingo, 2 de junio de 2013

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

viernes, 31 de mayo de 2013

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

Entrada informativa

Hepuesto mi ask en el blog para que podais pedirme tutoriales... para pedirme por ask lo unico que teneis que hacer es seguir esta plantillita:

Nombre:
Blog:
Que quieres:
quien quieres que te lo haga:
es lo unico que teneis que hacer. ahora mas tutoriales :3

Brillo cayendo de tu cursor

Ir A "Diseño" , "Edicion de HTML"
Pegar El Código Debajo De </body> [cuscas con CTRL + F].

<script type="text/javascript">
// <![CDATA[
var colour="#ffe700";
var sparkles=50;
/****************************/
var x=ox=400;
var y=oy=300;
var swide=800;
var shigh=600;
var sleft=sdown=0;
var tiny=new Array();
var star=new Array();
var starv=new Array();
var starx=new Array();
var stary=new Array();
var tinyx=new Array();
var tinyy=new Array();
var tinyv=new Array();
window.onload=function() { if (document.getElementById) {
var i, rats, rlef, rdow;
for (var i=0; i<sparkles; i++) {
var rats=createDiv(3, 3);
rats.style.visibility="hidden";
document.body.appendChild(tiny[i]=rats);
starv[i]=0;
tinyv[i]=0;
var rats=createDiv(5, 5);
rats.style.backgroundColor="transparent";
rats.style.visibility="hidden";
var rlef=createDiv(1, 5);
var rdow=createDiv(5, 1);
rats.appendChild(rlef);
rats.appendChild(rdow);
rlef.style.top="2px";
rlef.style.left="0px";
rdow.style.top="0px";
rdow.style.left="2px";
document.body.appendChild(star[i]=rats);
}
set_width();
sparkle();
}}
function sparkle() {
var c;
if (x!=ox || y!=oy) {
ox=x;
oy=y;
for (c=0; c<sparkles; c++) if (!starv[c]) {
star[c].style.left=(starx[c]=x)+"px";
star[c].style.top=(stary[c]=y)+"px";
star[c].style.clip="rect(0px, 5px, 5px, 0px)";
star[c].style.visibility="visible";
starv[c]=50;
break;
}
}
for (c=0; c<sparkles; c++) {
if (starv[c]) update_star(c);
if (tinyv[c]) update_tiny(c);
}
setTimeout("sparkle()", 40);
}
function update_star(i) {
if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
if (starv[i]) {
stary[i]+=1+Math.random()*3;
if (stary[i]<shigh+sdown) {
star[i].style.top=stary[i]+"px";
starx[i]+=(i%5-2)/5;
star[i].style.left=starx[i]+"px";
}
else {
star[i].style.visibility="hidden";
starv[i]=0;
return;
}
}
else {
tinyv[i]=50;
tiny[i].style.top=(tinyy[i]=stary[i])+"px";
tiny[i].style.left=(tinyx[i]=starx[i])+"px";
tiny[i].style.width="2px";
tiny[i].style.height="2px";
star[i].style.visibility="hidden";
tiny[i].style.visibility="visible"
}
}
function update_tiny(i) {
if (--tinyv[i]==25) {
tiny[i].style.width="1px";
tiny[i].style.height="1px";
}
if (tinyv[i]) {
tinyy[i]+=1+Math.random()*3;
if (tinyy[i]<shigh+sdown) {
tiny[i].style.top=tinyy[i]+"px";
tinyx[i]+=(i%5-2)/5;
tiny[i].style.left=tinyx[i]+"px";
}
else {
tiny[i].style.visibility="hidden";
tinyv[i]=0;
return;
}
}
else tiny[i].style.visibility="hidden";
}
document.onmousemove=mouse;
function mouse(e) {
set_scroll();
y=(e)?e.pageY:event.y+sdown;
x=(e)?e.pageX:event.x+sleft;
}
function set_scroll() {
if (typeof(self.pageYOffset)=="number") {
sdown=self.pageYOffset;
sleft=self.pageXOffset;
}
else if (document.body.scrollTop || document.body.scrollLeft) {
sdown=document.body.scrollTop;
sleft=document.body.scrollLeft;
}
else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
sleft=document.documentElement.scrollLeft;
sdown=document.documentElement.scrollTop;
}
else {
sdown=0;
sleft=0;
}
}
window.onresize=set_width;
function set_width() {
if (typeof(self.innerWidth)=="number") {
swide=self.innerWidth;
shigh=self.innerHeight;
}
else if (document.documentElement && document.documentElement.clientWidth) {
swide=document.documentElement.clientWidth;
shigh=document.documentElement.clientHeight;
}
else if (document.body.clientWidth) {
swide=document.body.clientWidth;
shigh=document.body.clientHeight;
}
}
function createDiv(height, width) {
var div=document.createElement("div");
div.style.position="absolute";
div.style.height=height+"px";
div.style.width=width+"px";
div.style.overflow="hidden";
div.style.backgroundColor=colour;
return (div);
}
// ]]>
</script>
(sale muy separado pero no pasa igual :S)

Lo Que Esta En Naranjado [#ffe700] Es El Color DeL Brillo.
y para que no tengaais que buscar los codigos de los colores:

espero que os sirva

jueves, 30 de mayo de 2013

Alieniacion del título en las entradas

Bueno aquí con un nuevo tutorial para personalizar tu blog. En esta ocasión les enseño como cambiar la alineación del título de las entradas. Por defecto Blogger lo muestra alineado hacia la izquierda pero centrarlo o alinearlo hacia la derecha es muy sencillo.
Recuerden que este tutorial está basado en las plantillas Sencillo y Filigrana, entonces si el código que te doy para que busques no aparece es porque estas usando otra plantilla y esta puede ser diferente.
1. Abres la pestaña "Plantilla" de tu blog y te vas a "Edición de HTML". Si te aparece un mensaje, pinchas en "Continuar".
2. Abres el buscador de tu explorador (CTRL+F) y buscas "h3.post-title, .comments h4 {" o "h3.post-title" o "h3.post-title, h4" (en la plantilla Fantástico)
3. Debajo de donde pone "margin", vas a escribir lo siguiente:

text-align: center;  SI QUIERES QUE EL TITULO SE VEA EN EL CENTRO O;


text-align: right;  SI QUIERES QUE EL TITULO SE VEA HACIA LA DERECHA

Guardas los cambios, y ahí lo tienes. 

Cambiar imagen al pasar el mouse

Hace ya unos diitas que no publico nada, tambien es que estoy buscando tutoriales y cositas para hacer a california graphics, de momento todos los pedidos estan aceptados y trabajando en ellos.
en fin delfin , les voy a dejar un tutorial de como cambiar alguna imagen al pasar el mouse. seguid estos pasos y lo conseguireis:
Sólo basta que pongas este código en una entrada o un elemento HTML/Javascript:
<img src="URL de la imagen UNO" onmouseover="this.src='URL de la imagen DOS';" onmouseout="this.src='URL de la imagen UNO';"/>

Y mas o menos tendria que quedar asi:


espero que os haya gustado este tutorial.

domingo, 19 de mayo de 2013

Tutorial de como poner una BLOCKQUOTE

Hola chicas como veis he cambiado bastante el diseño de California Graphics. ¿os gusta? a mi de momento si, todavia le faltan algunos retoques... almenos ya lo tengo bastante avanzado. una de las ultimas que he añadido al HTML de mi blgog ha sido la BLOCKQUOTE. si la quereis poner en vuestro blog, lo unico que teneis que hacer es seguir el tutorial que os pondre a continuacion. este tutorial lo he sacado de Not a Single Song y me sirvio de mucho por eso ahora quiero compartirlo con vosotras y vosotros.
alla vamos:

1. Te vas a la pestaña "Plantilla" de tu blog y abres la "Edición de HTML".
2. Abres el buscador de tu explorador (CTRL+F) y allí busca "* Posts" (así con el asterisco).
3. Automáticamente debajo de ello, pegas este código que te doy:
blockquote {
background-image: url(URL de tu imagen);
padding:15px 20px 15px 20px;
color: #f0467d;
margin: 10px;
text-shadow: 0px 0px 0px;
}
blockquote:hover {
background-image: url(URL);
-webkit-border-radius: 10px 0px 0px 10px;
color: #f0467d;
text-shadow: 0px 0px 5px ;
box-shadow: 0 0 8px #afafaf;
}

Recuerden que el que pone "hover" es para cuando le pasan el ratón por encima. Los valores que pongan pueden ser los mismos o distintos. Yo les recomiendo que algunos sean distintos para que se note un cambio cuando pasan con el ratón por encima de ellos.

4. Antes de guardar los cambios puedes personalizarlo a tu gusto. Aquí te explico para que sirve cada una de esas líneas:

- background-image es el fondo de de la cita, donde pone "URL de tu imagen" pones el link de la imagen que quieres que se vea de fondo.

Pueden poner la misma imagen en ambos o una diferente. Si quieres que simplemente sea un color cambia la línea completa por "background: #ff0000;" y sólo cambias el código por el color que quieras.

-webkit-border-radius es el "radio" de las puntas, para que se vean redonditas. Hay cuatro valores, como veran porque es un para cada una de las puntas

- padding & margin te recomiendo no tocarlos, son los márgenes del blockquote, para que no se salga lo que escribes del cuadrito. Pero como siempre les digo, si quieren probar, nadie se los prohíbe.

- text-shadow&box-shadow son las sombritas del texto y la cajita de la cita respectivamente, pueden jugar con los tres valores que ahí aparecen.

Pueden ir jugando con estos valores hasta que queden como les gusten. Espero que les guste y se haya entendido.

si sigues estos pasos conseguiras tener una blockquote en tu blog, ahora si esto os lo explico yo, ivette, lo unico que tienes que hacer es:
1.- Crear una entrada

2.- Se te abrira esto:

3.- Vas en busca de esto:
y clicas en las 2 flechitas que hay. digamos en la barra de las opciones comenzando por la derecha el tercer botoncito. haces clic alli y en la ventana para escribir se te movera la linea, te recomiendo que antes de hacer alguna entrada con la blockquote que hagas una de prueba para ver si la sabes usar o no.

espero que os haya gustado el tutorial :3

miércoles, 15 de mayo de 2013

Estado de Pedidos

como solo tengo un pedido y es bastante largo, te lo voy a hacer sencillo.
Little Princess-Aceptado y trabajando

sábado, 4 de mayo de 2013

Tutorial Crea Un Pattern y Un Brush

Hola Soy Venu Traigo un tutorial en video de como hacer un pattern y un brush
bueno el video:



Bueno Ojala les guste Bye


miércoles, 1 de mayo de 2013

Presentacion

Hola Soy Venus

Nueva Co-Web,Bueno Me gusta editar ,Usar Stardoll, Bueno

Me usta One  direction(ire a un concierto),soy simpatica,amigable,Bueno

Hago pedidos bueno ojala les caiga genial

bye!!!





SE HA ACABADO EL PLAZO DE LAS CO-WEBS

bueno, al final ya tenemos a las 4 co-webs:
VenusitaKawaii
Monstruita
Elii
Angie HoranMix

en verdad han sido las unicas que han participado las primeras.

INFORMACION PARA LAS CO-WEBS

hola, bueno esto es solo informacion para las co-webs.
como dige en la entrada anterior hare un planning para las primeras entradas que teniais que hacer bueno pues de momento teneis que hacer:
1. Una entrada de presentacion, con lo que sepas hacer(cabeceras, firmas... solo poner 4 ejemplos)
2. La primera entrada tienes que poner un tutorial de cualquier cosa.
3. Una entrada con algun pack que hayas hecho (si tienes deviantart)
4. Hacer una entrada con blends que hayas hecho y explicando como los has hecho y que recomiendas para hacerlos.
5. hacer una entrada con recursos para las ediciones

a partir de esas entradas ya podeis subir lo que querais, pronto hare una parte de pedidos, de momento haced entradas.
besis #ivette

Se Buscan co-webs

holii chicas pues bueno, como he vuelto a abrir california graphics estoy buscando co-webs. eso es co-webs, y sinecesitan unos requisitos especiales para que este blog sea mas activo e mas divertido. pues alla vamos. me lo tendreis que responder en comentarios.
REQUISITOS PARA SER CO-WEB.
1. Saber usar Photoshop y tener Photoshop en vuestro pc ( me da igual que photoshop tengais si el c5, el c6...)
2. saber hacer tutoriales a video o escritos normales
3. Tener tips
4. saber editar


PLANTILLA PARA RESPONDER:
·Nombre:
·E-mail:
·Blog: (si no tienes no pasa nada)
·¿Tienes Photoshop?¿Sabes usarlo?
·Edicion que hayas hecho con photoshop: (url de la edicion que hayas hecho)
·¿Sabes hacer tutoriales?Demuestralo: (url de la entrada o de donde tengas el tutorial)
·¿Tienes recursos?
·¿Sabes editar?¿Que es lo que sabes hacer? (url de 4 ediciones que hayas hecho tu)

esa es la plantilla que teneis que usar para poder pedir ser co-webs. si no quereis dejarme url por aqui podeis mandarmelos a: ivette.vila.nicolau.98@gmail.com con el asunto co-web. espero que haya bastante gente participando. por cierto solo se le daran el puesto a 4 personas, mas adelante ya hare mas requisitos de se buscan co-webs, para que este blog sea fluido. cuando tenga a las 4 co-webs elegidas les dare el planning de las primeras entradas que deben hacer. *PISTA: por eso os pido los tips*

Tutorial: Como hacer un Chat en ChatWing

este es mi primer tutorial en video, no os penseis que esta hecho con el camtasia, lo he hecho con imagenes, y grabaciones de voz en el windows movie maker, por ser mi primer video tutorial yo creo que me ha salido bastante bien. yo ahora mismo en este blog no tengo ningun chat pero ya pondre uno. espero que os guste el toturial y lo useis. por cierto, el tutorial no lo pondre en youtube. solo los ire colgando directamente aqui en el blog. asi que si teneis alguna duda o algo siempre tendreis que venir aqui en el blog.


espero que os guste el tutorial. y bueno en la proxima entrada os pondre una info importante para mi. gracias y comentad

martes, 30 de abril de 2013

Bienvenidas de Vuelta

hola chicas, como vereis he vuelto a abrir CALIFORNIA GRAPHICS, sabeis porque? pues ni yo lo se, jajaj, bueno pues rimero de todo, quiero  preguntaros, que que os parece el nuevo diseño. a que es sencillo?, no es nada cargado, solo he cambiado el fondo y la cabecera lo otro lo he dejado igual :) a partir de ahora subire algun tutorial hecho por mi, tips, y para empezar voy a hacer un concurso de ediciones, pero ahora mismo no,bueno estoy preparando un tutorial de como hacer un chat en CHATWING. lo voy a hacer en video, porque en imagenes me da palo escribir. bueno dadme ideas para el blog. de momento no hago pedidos.
*Pronto actualizaciones de estados y de mas cosas*

#ivette