ઇ‍ïઉ♥Karen'Star♥ઇ‍ïઉ

Só pra não sumir...

noreply@blogger.com (Karen Mota) — Tue, 01 Nov 2011 13:38:09 PDT

Olá gente!!! Eu sei dei uma graaaande sumida, eu estou em uma correria maluca!!!
Minha vida estava de cabeça para baixo, eu estava quase desistindo de tudo, no meu trabalho estava uma ~~merda~~, e eu fico integral no trabalho, e enfim, não estava bem no trabalho, nem na minha casa, que agora é ex-casa... Ainda chego lá nesse assunto...
Eu estava uma pilha de nervos, quase doida, rsrsrs, até estava desanimada pra postar, pois nem podia da uma postadinha no blog que ficava gente bufando no meu ouvido... ai desanima qualquer um, num dava nem vontade de postar algum sequer tutorial...
Eu estava até afastada de Deus, até mesmo nos pensamentos, mas me reaproximei de Deus e bati um papo com ele, e comecei a orar, e confiar mais nele, e começaram a acontecer coisas boas na minha vida.
Tudo que eu quero é não passar mais raiva, é não sofrer de stress, é poder ligar uma TV e assistir até a hora que eu quiser, é ligar uma música, é respirar o ar do dia lindo que Deus fez, é aproveitar a vida de uma forma em que eu não enxergava antes!
Eu estava desacreditada de Deus, e nem mesmo me converti nem nada, só comecei a ter fé, conversar mais com Deus, e as portas começaram a se abrir!!!
O vazio que eu sentia, não sinto mais! Agora estou me reestruturando espiritualmente, e também estou de vida nova.
Terminei um relacionamento de 8 anos! E estou em uma nova fase da minha vida, e quero curti-la.
Não pensem que estou triste, só ainda estou um pouco abalada, acho que normal, estou me reacostumando sem ele, pois eu era muito dependente de tudo, mais a tristeza, Deus a levou pra bem longeeee... rsrs pois pedi coragem para enfrentar a vida!

Desde já agradeço quem leu até aqui, rsrs vocês são uns amores!!!

E como eu mudei de residência, a minha internet ainda não foi instalada, pra falar a verdade ainda tem um monte de bagunça da mudança... rsrsrs Mais semana que vem creio que já estarei mais tranquila, então voltarei a POSTAR MUITOS E MUITOS TUTORIAIS!!!!!!

Um beijo a todos!!!!

Fui...

Voltar Topo Início

Promoção "Eu quero falar inglês em 12 meses!"

noreply@blogger.com (Karen Mota) — Fri, 26 Aug 2011 08:45:57 PDT

Olá gente!!!

Infelizmente não vou poder divulgar a promoção de ganhar uma bolsa de estudos de inglês, o primeiro modulo Básico, a escola não autorizou a divulgação da promoção para ganhar o módulo básico. Até autorizaria, mais é que tem muitas regras!

O vencedor teria de passar por uma entrevista primeiro, o perfil dele sendo aprovado aí sim ele ganharia.

Outra regra seria que a promoção da bolsa seria somente para unidade Santo Amaro.

Aí ia ser dificil de todos participarem, pois são pessoas de varios estados que visitam meu blog!!!

Aí a promoção ficará assim:

Então ficou assim eles dão meia bolsa de estudos, você paga somente a metade da mensalidade, mais também o vencedor da promoção, teria de passar por uma entrevista para aprovação pra entrar na escola.
Desse jeito, a promoção seria válida para as 9 unidades em São Paulo.

Bairros - SP:

Santos
Jundiai
São Bernardo do Campo
São Paulo (Vila Mariana)
Santo André
São Paulo (Vila Medeiros)
São Paulo (Vila Olimpia)
São Paulo (Paraíso)
Sorocaba

Agora se alguém que quiser participar, for de um outro estado, deixar uma pergunta se pode participar que eu irei consultar a unidade, e dou autorização para participar, e também irei verificar se tem unidade no estado que você mora, ao todo são 39 unidades espalhas no Brasil!
Algumas unidades:

Amazonas
Pará
Maranhão
Ceará
Rio Grande do Norte
Pernanbuco
Sergipe
Goiás
Espirito Santo
Rio de Janeiro
Mato Grosso do Sul
Paraná
Santa Catarina
Rio grande do Sul
São Paulo

Depois eu divulgo o nome da escola, vou fazer um banner com a promoção, um formulário e colocar aqui, no próximo post. Primeiro quero ver se vai ter alguém que quer participar né?

Então se já quiserem participar, é só fazer um comentário dizendo que quer participar, que depois vou colocar um formulário pra vocês preencherem com seus dados.Ok?!

Beijos

Voltar Topo Início

Voltando aos poucos!!! + Quase promoção...

noreply@blogger.com (Karen Mota) — Tue, 16 Aug 2011 14:50:06 PDT

Oi gente, desculpe a demora pra postar, estava doida pra arrumar outro emprego, estava correndo atraz todos os dias, mais pra quem deixou recadinhos de carinho, apoio, conselhos, eu agradeço do fundo do meu coração, consegui um emprego já vou pra 3 meses empregada, estou ótima! Obrigada mesmo, gente! Eu vou até responde-las em seus blogs, agradecê-las e tal!
E pra quem acompanha meu blog, e esta esperando por tutoriais, novidades para blog, não se preocupem, estou fazendo alguns goodies pra vocês!!!

E eu estou preparando uma coisa bem legal, principalmente pra quem mora em São Paulo! Vou fazer, um sorteio de meia bolsa de um curso de inglês. O vencedor, participará de uma avaliação de perfil oral e pessoalmente, então ainda é sujeito a aprovação, logo mais explicarei melhor a respeito...Então preparem-se boys and girls, e fiquem de olho, porque é quase certo viu!!!

Então se alguém já tiver interessado, já comenta e fala EU QUEROOOOOO!!! Que eu vou só anotando os nomes.OK?

MAIS ATENÇÃO! SOMENTE PRA QUEM MORA EM SÃO PAULO!!!

kisses to all!!

Bye bye!!!

RECADO PARA VOCÊ QUE VEM NA MALDADE NO MEU BLOG!

E também quero aproveitar este momento para dar um recado a um "engraçadinho ou engraçadinha"!!!
Que vem aqui no meu blog, e fica me xingando, de nomes bem feios mesmo.
Então nem liguei quando deixou o 1º recado, depois 2º recado, agora o 3º, me irritei!!! Poxa pra que ofender?! O que eu fiz???
Então com todo respeito aos que me visitam e gostam de mim do meu blog e tal, mais nossa essa pessoa tá demais gente, então aí vai o recado pra você que vem na maldade aqui:

É O SEGUINTE O COMÉDIA, QUANDO VIR AQUI NO BLOG FALAR MERDA ME XINGAR, SE IDENTIFICA E MOSTRA A CARA SE TEM CORAGEM, TE DESAFIO!!! ANDA MOSTRA QUEM VOCÊ É!!! QUE EU VOU TE MOSTRAR QUEM É OS NOMES QUE VOCÊ ME XINGOU!!!.
SE LIGA EM, QUE SE EU DESCOBRIR, EU NÃO TENHO MEDO, EU VOU ATRAZ DE VOCÊ AONDE VOCÊ ESTIVER, AÍ VOCÊ NUNCA MAIS VAI OFENDER NINGUÉM!!!
O NOME QUE VOCÊ ME XINGOU É A SENHORA SUA MÃE!!!

Voltar Topo Início

Novidades sobre mim! :(

noreply@blogger.com (Karen Mota) — Sat, 21 May 2011 15:41:16 PDT

Bom, pra quem leu o post passado, eu tinha arrumado um emprego, pois é, e eu estava super hiper feliz pois era do jeito que eu queria, mais aí eu peguei uma conjutivite das brabas, tive que dar atestado, e eu queria trabalhar mesmo assim, mais o médico disse que se eu fosse trabalhar eu iria ser manada embora por justa causa, porque iria passar conjutivite pra todo mundo da empresa, então fui e dei o maldito atestado e mostrei a eles que eu estava com conjutivite, mais quando voltei do atestado eles me mandaram embora e ainda disseram que o motivo tinha sido o atestado, e que estavam precisando de mim.
Gente eu chorei tanto!!! Fiquei tão magoada, me senti pequena, me senti descartavel.
Mais aí na outra semana já comecei a procurar outro, e já tô nessa luta a mais de 2 semanas, e todos os dias saio de manhã cedo e volto só às 17 hs, com os pé todos cheios de calo.
Nossa tá complicado, a concorrência tá forte, passei em varias entrevistas e teste, mais muitos também tinham passado e não escolheram a mim.
Ai chega tô triste com tudo isso!
Tô sem animo pra fazer tutoriais, extras, tô se animo pra tudo gente, é tão chato isso.
Já até conversei com Deus, orações... E também estou correndo atrás vamos ver...
Pra ver seu saia um pouco dessa fissura de ficar nos sites de empregos mandando currículo, que já tem 500,00 enviados, rs, pra me distrair um pouco fiz um outro Template, ah ficou até que simpático, rsrs, então um abraço a todos e eu volto com tutoriais assim que eu estiver com a cabeça mais zen, pelo menos um emprego!

Beijos

Voltar Topo Início

Oi gente + atualizações

noreply@blogger.com (Karen Mota) — Thu, 14 Apr 2011 16:15:47 PDT

Tô aqui postando antes que eu suma né? É que eu tô trabalhando agora, e quase não tenho tempo, rsrs, mais então, tô muito feliz eu tava doida pra trabalhar, e estou agora, graças a Deus. Ta me ajudando muito nem triste eu tô mais, e tambem nem quero mais ir embora daqui, rsrs. Tô começando a gostar daqui de São Paulo!!! Agradeço todos os comentários carinhosos que deixaram quando eu estava triste, foi cada mensagem linda...

Olhem essa que a Eneida Lovely deixou pra mim:

Aceite meu sorriso e minhas palavras, meu conforto e meu apoio. Nada sei de ti,não sei de sua vida e nem de seus problemas, mas te ofereço um ombro amigo. Na caminhada da vida en contramos pela frenre tantos obstáculos, a nossa própria personalidade nos trazem sentimentos confusos e ressentimentos muitas vezes chegam e não sabemos como lidar com tudo isso. Tantas cobranças e desvanças por tão pouco, sem motivos nossa vida sem sentido, mas creia você não está sozinha, contigo está alguém que acredita em você, Ele não está para condenar e sim para redimir. Creia que há um tempo para tudo, nada acontece por acaso. No momento oportuno o Senhor te ajudará.

“Por que estou tão triste? Por que estou tão aflito? Eu porei a minha esperança em Deus e ainda o louvarei. Ele é o meu Salvador e o meu Deus”. Salmos 42:5

Não fique triste, não desanime...
Apesar de tudo o que está acontecendo Deus tem uma resposta positiva para vc:

Você diz: “É impossível”
Deus diz: Tudo é possível (Lucas 18:27)

Você diz: “Estou cansado demais”
Deus diz: Eu te darei descanso (Mateus 11:28-30)

Você diz: “Ninguém realmente me ama”
Deus diz: Eu te amo (João 3:16 & João
13:34)

Você diz: “Eu não posso ir em frente”
Deus diz: Minha graça é suficiente (2 Coríntios 12:9 & Salmo 91:15)

Você diz: “Eu não posso entender as coisas”
Deus diz: Eu dirigirei seus passos (Provérbios 3:5-6)

Você diz: “Eu não suporto isto”
Deus diz: Comigo você pode suportar tudo (Filipenses 4:13)

Você diz: “Eu não sou capaz”
Deus diz: Eu sou capaz (2 Coríntios 9:8)

Você diz: “Não vale a pena”
Deus diz: Valerá a pena (Romanos 8:28)

Você diz: “Eu não consigo perdoar a mim mesmo”
Deus diz: EU LHE PERDÔO (1 João 1:9 & Romanos 8:1)

Você diz: “Eu não tenho condições”
Deus diz: Eu suprirei todas suas necessidades (Philippians 4:19)

Você diz: “Estou com medo”
Deus diz: ,"Não temas, porque Eu sou o teu Deus; Eu te fortaleço, e te ajudo, e te sustento com a Minha destra fiel. Porque Eu ... te tomo pela tua mão direita e te digo: Não temas, que Eu te ajudo."

Confie em Deus, e não se preocupe eu irei orar por vc para que Deus te ajude a resolver os seus problemas.
Pois não existe problema sem solução, e quando existir um problema sem solução ele deixará de ser um problema.

Gente achei muito lindo da parte dela, obrigada viu? E a todas outras miguxas lindas que também deixaram seus comentários aqui obrigada também, fiquei muito feliz e até me reanimou!!!

E agora vamos as atualizações!!! Trouxe uns gifs ilustrativos, da pra enfeitar posts, enfeitar onde vocês quiserem, é só usar a criatividade de vocês;

Para ver os gifs ilustrativos click aqui.

E é isso gente por hoje eu fico por aqui xauuuuu...

Voltar Topo Início

Gifs ilustrativos

noreply@blogger.com (Karen Mota) — Thu, 14 Apr 2011 16:02:55 PDT

fonte: net

Voltar Topo Início

Recadinho + blog novo de sorteios

noreply@blogger.com (Karen Mota) — Thu, 31 Mar 2011 18:28:55 PDT

Gente eu to passando aqui pra dar uns recadinhos.

Daqui pra frente eu vou postar menos vezes, postarei uma vez por semana, estou resolvendo uns probleminhas e não da mais pra postar quase todos os dias como eu estava fazendo.

Mais pode deixar não deixarei de postar, e um dia eu falo que probleminha eu estou resolvendo, rsrs é uma novidade, espero que dê certo. E por esse pequeno problema que eu estou resolvendo, se eu consiguir resolver ele, eu vou ficar muito feliz, vou dar pulos de alegria!!! rsrs

Sobre o blog novo eu fiz um blog que fala sobre a mulher, é um guia para mulher, onde um dia se ela tiver uma duvida de moda ela vai lá e consulta, lá tem como se vestir para uma entrevista, tem novidades de maquiagem, e etc... E tera bastante coisas para matar a curiosidade da mulher, a intenção e o objetivo é esse;

no blog teram sorteios, eu vou sortear presentinhos, sortear camisetas, blusinhas, maquiagens, sandalias, etc...

Mais o blog começou agora e nele eu também só vou poder postar uma vez por semana.

Ainda tenho que dar uma boa divulgada nele, pra conseguir seguidores suficientes.

Visitem!!! Click aqui

Não esqueçam de comentar lá e seguir também, rsrs...

Voltar Topo Início

Um botão de Retweet que voa!

noreply@blogger.com (Karen Mota) — Wed, 23 Mar 2011 20:09:22 PDT

Gente aprendi um negocio da hora!!!

rsrsrs, eu nem sabia que tinha, vi em um blog e comecei a pesquisar sobre como fazer...

... Um passarinho do twitter que voa pelo blog. Bom pra quem tem twitter e quer seguidores, é legal colocar um no blog, eu já coloquei no meu, passa o mouse nele que vocês vão ver aí clica nele e vai direto para o meu twitter!!!

Amei, e vou compartilhar com vocês!

É assim vocês vão pegar esse códico aí abaixo e

Adicionar um gadget e depois colar em HTML/JavaScript.

E pronto!

Mais atenção! Onde esta escrito http://twitter.com/NOME DO SEU TWITTER coloque o NOME DO SEU TWITTER!

E se quiser o twitter azul voando, pegue esta imagem e cole no primeiro trecho colorido:

http://karenstar.dominiotemporario.com/new/birdsprite.png

E se quiser o twitter rosa voando, pegue esta imagem e cole no primeiro trcho colorido:

http://karenstar.dominiotemporario.com/new/passarinhorosa.png

O códico é esse aqui que vocês vão colar lá:

<script src="http://dl.dropbox.com/u/17281892/tripleflap%282%29.js" type="text/javascript"></script> <br /> <script type="text/javascript"> var birdSprite='ENDEREÇO DA IMAGEM AZUL OU ROSA'; var targetElems=new Array('img','hr','table','td','div','input','textarea','button','select','ul','ol','li','h1','h2','h3','h4','p','code','object','a','b','strong','span'); var twitterAccount = 'http://twitter.com/NOME DO SEU TWITTER'; var twitterThisText =''; tripleflapInit(); </script><br /> <br /> <br /> <br />

É só isso por hoje espero ter ajudado, beijos!!!

fonte do tutorial Mensagens Danielle Sueli

Voltar Topo Início

Eu + atualizações + promoção

noreply@blogger.com (Karen Mota) — Mon, 21 Mar 2011 09:59:53 PDT

Oi gente! Eu não queria falar sobre mim, mais sinto uma necessidade enorme de falar pois preciso desabafar...

Ando tão triste, nossa mais eu só vivo triste, e todo post que eu escrevo sobre mim, é eu triste...rs é que minha vida não é la essas coisas, a minha única felicidade, é que tenho saúde eu vivo bem, não me falta nada materialmente, tenho 2 filhas lindas e elas tem bastante saúde, e isso eu agradeço a Deus.

Mais fora isso eu não me sinto feliz no meu relacionamento, agente briga tanto, são 5 minutos de paz e 5 horas de inferno, que logo logo vai sair uma separação, eu estou longe da minha família, longe da minha mãe que eu amo, longe de tudo que eu amo e tudo culpa minha...

Eu perdi minha casa própria perdi tudo que eu tinha todos os móveis tudo foi roubado! Me diz, como que eu vou fazer minha vida de novo sozinha? Que Deus me dê forças pra isso, e ele já ta dando forças a mim.

Eu queria o colo da minha mãe, telefone não mata saudades saudade só ta me matando por dentro, e a culpa me corroendo...

...Culpa de não ter dado valor nas coisas que eu tinha, não ter dado valor na minha família e amigos que eu ainda tinha...

Hoje nem amigos eu tenho, a 2 anos eu não sei nem o que é rir com amigos, bater um papo, receber visita, ir visitar um amigo...

Queria voltar pra minha cidade e fazer tudo diferente...

Eu amo dançar, rir, amo sertanejo... Mais a pessoa com quem eu vivo, diz que isso não é o essencial da vida que eu não preciso disso...
O quê que tem de mau em se divertir um pouco? Em fazer uma vez pelo menos, algo que agente gosta???

Eu não posso escutar sertanejo em casa, não sairmos pra dançar, ele não me leva em show algum que eu amo, ele disse que nuncaaa vai me levar em nenhum, eu faço tudo que ele gosta, mais a mim ele não agrada, só agrada com presentes, mais presentes não são tudo na vida de uma pessoa...

Eu só quero uma vida agradavél. Será que eu to errada?!

Melhor parar por aqui se não vai ficar um post enorme...

As actualizações da semana são:

Um template base pra vocês fazerem outro por cima com a imagem de vocês AQUI
Muralzinhos para recados, para você passarem recados pro seus visitantes AQUI

Gente eu estou participando novemente de mais um sorteio do blog "Doce cabanna" de um sorteio muito maravilhoso, e maravilhoso porque eu amooo maquiagem, olha ai o que é no sorteio:

Participem também ou torçam por mim! bjs a todos!!!

Voltar Topo Início

Template base "Novo Blogger"

noreply@blogger.com (Karen Mota) — Wed, 16 Mar 2011 16:19:34 PDT

Olá gente!!! Hoje eu trouxe um template base com menu horizontal para novo blogger,  o modelo é assim:

Para visualizar melhor o modelo, de como ficará, os links e outros, click na imagem

As instruções vem explicando no próprio códico, e a imagem vem em uma pasta para vocês modificarem e fazerem do jeitinho que quiserem, é só usar um editor de imagens, pode ser o Photoshop, o Fireworks, o Psp... Qualquer um, se quiserem eu tenho Photoshop que está na página de Downloads!

 Enfim é isso!

Beijos a todos!

Voltar Topo Início

Muraizinhos para recados

noreply@blogger.com (Karen Mota) — Tue, 15 Mar 2011 18:56:09 PDT

Gebte eu fiz uns muraizinhos para vocês colocarem no blog, para mandarem recados para os seus visitantes!

Para usar os muraizinhos pegue o códico da caixinha e cole onde vc quer que apareça no seu blog, pode ser UOL, Zip net...

...e se for Blogger é só adicionar elementos de páginas e HTML/JavaScript.

E depois não esqueça de substituir o ESCREVA AQUI, por sua mensagem!!!

Só uma coisinha gente, essa tarja rosa que aparece aí no muralzinho é configuração da minha página, não vai ficar assim no blog de vocês ok!

Escreva aqui
uma mensagem aqui- escreva seu recado aqui- escreva seu recado aqui...

Voltar Topo Início

Galeria de imagens

noreply@blogger.com (Karen Mota) — Mon, 14 Mar 2011 19:20:01 PDT

Colocando um galeria de imagens no Blogger

Parace um slide, e é muito útil pra blogs que querem demontrar uns produtos, ou vender, ou demonstrar imagens ou enfeitar...

É só usar a criatividade, fica assim:

Para ver uma demonstração de como funciona

CLICK AQUI

Gostou? Se quiser colocar um no seu blog siga as instruções abaixo:

Vá no HTML do seu blog e procure por (procure com Ctrl+f):

]]></b:skin>

E cole acima dele o seguinte códico:

/* Gallery images-------------------------------------- */

#gallery{
-moz-box-shadow:0 0 3px #AAAAAA;
-webkit-box-shadow:0 0 3px #AAAAAA;
box-shadow:0 0 3px #AAAAAA;
-moz-border-radius-bottomleft:4px;
-webkit-border-bottom-left-radius:4px;
border-bottom-left-radius:4px;
-moz-border-radius-bottomright:4px;
-webkit-border-bottom-right-radius:4px;
border-bottom-right-radius:4px;
border:1px solid white;
background:#FEe9ea;/*cor de fundo do slide menor*/
width:540px;
margin: 2px 3px 1px 8px;
border: 2px dotted #FCB4B7;/*cor da borda mude se quiser*/
overflow:hidden;
}
#slides{
height:350px;
width:920px;
overflow:hidden;
}
.slide{
float:left;
}
#menu{
height:60px;
}
ul#gal{
margin:0px;
padding:0px;
}
#gal li{
width:57px;
display:inline-block;
list-style:none;
height:55px;
overflow:hidden;
}
#gal li.inact:hover{
background:transparent;
}
#gal li.act,li.act:hover{
background:#FEe9ea; /*cor do menu mude se quiser*/
}
#gal li.act a{
cursor:default;
}
.fbar{
width:2px;
background:transparent;
}
#gal li a{
display:block;
background:#FCB4B7;/*cor de cima do menu pequeno*/
height:35px;
padding-top:10px;
}
.a img{border:none;}

Agora abaixo de:

]]></b:skin>

Cole este código:

style="color: #444444; font-family: Georgia,"Times New Roman",serif;"> 

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
$(document).ready(function(){
   /* This code is executed after the DOM has been completely loaded */

    var totWidth=0;
    var positions = new Array();

    $('#slides .slide').each(function(i){

        /* Traverse through all the slides and store their accumulative widths in totWidth */

        positions[i]= totWidth;
        totWidth += $(this).width();

        /* The positions array contains each slide's commulutative offset from the left part of the container */

        if(!$(this).width())
        {
            alert("Please, fill in width & height for all your images!");
            return false;
        }

    });

    $('#slides').width(totWidth);

    /* Change the cotnainer div's width to the exact width of all the slides combined */

    $('#menu ul li a').click(function(e){

            /* On a thumbnail click */

            $('li.menuItem').removeClass('act').addClass('inact');
            $(this).parent().addClass('act');

            var pos = $(this).parent().prevAll('.menuItem').length;

            $('#slides').stop().animate({marginLeft:-positions[pos]+'px'},450);
            /* Start the sliding animation */

            e.preventDefault();
            /* Prevent the default action of the link */
    });

    $('#menu ul li.menuItem:first').addClass('act').siblings().addClass('inact');
    /* On page load, mark the first thumbnail as active */

});
//]]>

</script>

Agora procure por:

<div id='main-wrapper'>

E cole abaixo dele este seguinte códico:

<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>


<div id='contentWrapperPortfolio'><div id='gallery'><div id='slides'>

<div class='slide'><img alt='side' height='469' src='ENDEREÇO DA IMAGEM 1' width='572'/></div>
<div class='slide'><img alt='side' height='469' src='ENDEREÇO DA IMAGEM 2' width='572'/></div>
<div class='slide'><img alt='side' height='469' src='ENDEREÇO DA IMAGEM 3' width='572'/></div>
<div class='slide'><img alt='side' height='469' src='ENDEREÇO DA IMAGEM 4' width='572'/></div>
<div class='slide'><img alt='side' height='469' src='ENDEREÇO DA IMAGEM 5' width='572'/></div>
<div class='slide'><img alt='side' height='469' src='ENDEREÇO DA IMAGEM 6' width='702'/></div>
<div class='slide'><img alt='side' height='469' src='ENDEREÇO DA IMAGEM 7' width='572'/></div>
<div class='slide'><img alt='side' height='469' src='ENDEREÇO DA IMAGEM 8' width='572'/></div>
<div class='slide'><img alt='side' height='469' src='ENDEREÇO DA IMAGEM 9' width='572'/></div>


</div><div id='menu'><ul id='gal'>



<li class='menuItem'><a href=''><img alt='thumbnail' src='ENDEREÇO DA IMAGEM 1' width='70px'/></a></li>
<li class='menuItem'><a href=''><img alt='thumbnail' src='ENDEREÇO DA IMAGEM 2' width='70px'/></a></li>
<li class='menuItem'><a href=''><img alt='thumbnail' src='ENDEREÇO DA IMAGEM 3' width='70px'/></a></li>
<li class='menuItem'><a href=''><img alt='thumbnail' src='ENDEREÇO DA IMAGEM 4' width='70px'/></a></li>
<li class='menuItem'><a href=''><img alt='thumbnail' src='ENDEREÇO DA IMAGEM 5' width='70px'/></a></li>
<li class='menuItem'><a href=''><img alt='thumbnail' src='ENDEREÇO DA IMAGEM 6' width='70px'/></a></li>
<li class='menuItem'><a href=''><img alt='thumbnail' src='ENDEREÇO DA IMAGEM 7' width='70px'/></a></li>
<li class='menuItem'><a href=''><img alt='thumbnail' src='ENDEREÇO DA IMAGEM 8' width='70px'/></a></li>
<li class='menuItem'><a href=''><img alt='thumbnail' src='ENDEREÇO DA IMAGEM 9' width='70px'/></a></li>

        <li class='fbar'/>
        </ul>
</div>
</div>
</div>
</b:if>
</b:if>

Gente é só isso, e já sabem né?! Se aprendeu aqui creditem.

Beijão

Crédito: Elk de barros Modificado e personalizado por Karen Mota

Voltar Topo Início

Cursores com textos ou imagens

noreply@blogger.com (Karen Mota) — Mon, 14 Mar 2011 12:48:36 PDT

Voltaram a moda dos cursores com textos seguindo o mouse, estrelinhas etc.
E então resolvi deixar uns códicos desses cursores pra vocês.

Se aprendeu aqui credite!

Bom! Vamos aos códicos:

Se vc quer um texto seguindo o cursor: peque este códico e cole no HTML/Javascript;

Não esqueça de escrever o seu texto no local indicado!

<script language="javascript">

//Alterar o Texto que stá dentro das Aspas em baixo:
var text='ESCREVA AQUI O SEU TEXTO';
var delay=40; // altere aqui velocidade
var Xoff=20; // distancia a contar para a direita do cursor (- Valores em negativo vão para a esquerda)
var Yoff=0; //distancia a contar para baixo desde o cursor (- Valores em negativo vão para cima)
var txtw=14; // Espaço que cada caracter ocupa
var beghtml='<font color="#ba476b"><b>';
var endhtml='</b></font>';
//********** Não alterar o código seguinte **********\\
ns4 = (navigator.appName.indexOf("Netscape")>=0 && document.layers)? true : false;
ie4 = (document.all && !document.getElementById)? true : false;
ie5 = (document.all && document.getElementById)? true : false;
ns6 = (document.getElementById && navigator.appName.indexOf("Netscape")>=0 )? true: false;
var txtA=new Array();
text=text.split('');
var x1=0;
var y1=-1000;
var t='';
for(i=1;i<=text.length;i++){
t+=(ns4)? '<layer left="0" top="-100" width="'+txtw+'" name="txt'+i+'" height="1">' : '<div id="txt'+i+'" style="position:absolute; top:-100px; left:0px; height:1px; width:'+txtw+'; visibility:visible;">';
t+=beghtml+text[i-1]+endhtml;
t+=(ns4)? '</layer>' : '</div>';
}
document.write(t);
function moveid(id,x,y){
if(ns4)id.moveTo(x,y);
else{
id.style.left=x+'px';
id.style.top=y+'px';
}}
function animate(evt){
x1=Xoff+((ie4||ie5)?event.clientX+document.body.scrollLeft:evt.pageX);
y1=Yoff+((ie4||ie5)?event.clientY+document.body.scrollTop:evt.pageY);
}
function getidleft(id){
if(ns4)return id.left;
else return parseInt(id.style.left);
}
function getidtop(id){
if(ns4)return id.top;
else return parseInt(id.style.top);
}
function getwindowwidth(){
if(ie4||ie5)return document.body.clientWidth+document.body.scrollLeft;
else return window.innerWidth+pageXOffset;
}
function movetxts(){
for(i=text.length;i>1;i=i-1){
if(getidleft(txtA[i-1])+txtw*2>=getwindowwidth()){
moveid(txtA[i-1],0,-1000);
moveid(txtA[i],0,-1000);
}else moveid(txtA[i], getidleft(txtA[i-1])+txtw, getidtop(txtA[i-1]));
}
moveid(txtA[1],x1,y1);
}
window.onload=function(){
for(i=1;i<=text.length;i++)txtA[i]=(ns4)?document.layers['txt'+i]:(ie4)?document.all['txt'+i]:document.getElementById('txt'+i);
if(ns4)document.captureEvents(Event.MOUSEMOVE);
document.onmousemove=animate;
setInterval('movetxts()',delay);
}
</script>

E se quiser que o texto sguiga ggirando com o mouse tambem cole este códico no HTML/Javascript;

Não esqueça de escrever o seu texto no local indicado!

<script language="javascript">

//Alterar o Texto que stá dentro das Aspas em baixo:
var text='ESCREVA AQUI O SEU TEXTO';
var delay=40; // altere aqui velocidade
var Xoff=20; // distancia a contar para a direita do cursor (- Valores em negativo vão para a esquerda)
var Yoff=0; //distancia a contar para baixo desde o cursor (- Valores em negativo vão para cima)
var txtw=14; // Espaço que cada caracter ocupa
var beghtml='<font color="#ba476b"><b>';
var endhtml='</b></font>';
//********** Não alterar o código seguinte **********\\
ns4 = (navigator.appName.indexOf("Netscape")>=0 && document.layers)? true : false;
ie4 = (document.all && !document.getElementById)? true : false;
ie5 = (document.all && document.getElementById)? true : false;
ns6 = (document.getElementById && navigator.appName.indexOf("Netscape")>=0 )? true: false;
var txtA=new Array();
text=text.split('');
var x1=0;
var y1=-1000;
var t='';
for(i=1;i<=text.length;i++){
t+=(ns4)? '<layer left="0" top="-100" width="'+txtw+'" name="txt'+i+'" height="1">' : '<div id="txt'+i+'" style="position:absolute; top:-100px; left:0px; height:1px; width:'+txtw+'; visibility:visible;">';
t+=beghtml+text[i-1]+endhtml;
t+=(ns4)? '</layer>' : '</div>';
}
document.write(t);
function moveid(id,x,y){
if(ns4)id.moveTo(x,y);
else{
id.style.left=x+'px';
id.style.top=y+'px';
}}
function animate(evt){
x1=Xoff+((ie4||ie5)?event.clientX+document.body.scrollLeft:evt.pageX);
y1=Yoff+((ie4||ie5)?event.clientY+document.body.scrollTop:evt.pageY);
}
function getidleft(id){
if(ns4)return id.left;
else return parseInt(id.style.left);
}
function getidtop(id){
if(ns4)return id.top;
else return parseInt(id.style.top);
}
function getwindowwidth(){
if(ie4||ie5)return document.body.clientWidth+document.body.scrollLeft;
else return window.innerWidth+pageXOffset;
}
function movetxts(){
for(i=text.length;i>1;i=i-1){
if(getidleft(txtA[i-1])+txtw*2>=getwindowwidth()){
moveid(txtA[i-1],0,-1000);
moveid(txtA[i],0,-1000);
}else moveid(txtA[i], getidleft(txtA[i-1])+txtw, getidtop(txtA[i-1]));
}
moveid(txtA[1],x1,y1);
}
window.onload=function(){
for(i=1;i<=text.length;i++)txtA[i]=(ns4)?document.layers['txt'+i]:(ie4)?document.all['txt'+i]:document.getElementById('txt'+i);
if(ns4)document.captureEvents(Event.MOUSEMOVE);
document.onmousemove=animate;
setInterval('movetxts()',delay);
}
</script>

E se quiser uma imagem seguindo o mouse copie este códico e cole antes da tag </head> do HTML do seu blog;

Não esqueça de colocar o endereço da imagem no local indicado

<script type='text/javascript'>
imagemcursor = 'ENDEREÇO DA IMAGEM AQUI'
</script>
<script src='http://www.girlspt.com/cursores/script/mouse.js' type='text/javascript'></script>

Voltar Topo Início

Créditos: Gilrspt

2 Lays free

noreply@blogger.com (Karen Mota) — Mon, 14 Mar 2011 12:52:56 PDT

Templates desenvolvidos por mim, não retire os créditos, não altere e nem redistribua!

Para visualizar o template, click na imagem

Voltar Topo Início

Aulinhas básicas de HTML + 2 Promoções

noreply@blogger.com (Karen Mota) — Thu, 03 Mar 2011 15:14:08 PST

Não autorizo reprodução deste tutorial, e se aprendeu aqui credite!
Algumas coisas deste tutorial tiveram fonte do site Maujor, mais todo tutorial, foi totalmente revisado e explicado por mim!

"Html" Eis a questão! Rsrs, é uma dúvida de muitos, aonde mexer aqui, e ali, o que significa, certo códico... Af, é muita coisinha...

...mais hoje eu vou dar uma pequena aulinha, na verdade vou mostrar o que significa alguns códicos que muita gente ainda não sabe, este tutorial é mais pra consulta rápida.

Vamos começar:

Como centralizar uma imagem, ou um texto?

Voce centrarliza com <center>, só que as tags terão de esta fechadas com </center>, viu a diferença?

Exemplo:

<center> SEU TEXTO OU/ ENDEREÇO DA IMAGEM AQUI </center>

Como colocar uma imagem em html?

Para colocar uma imagem, não basta apenas colocar o endereço dela, tem que colocar o endereço dentro do códico, assim:

<img src="endereço da imagem" />

Como colocar link em uma imagem?

Para colocar link em uma imagem basta fazer assim:

<a href="endereço do link"><img src="endereço da imagem" /></a>

E como colocar uma determinada imagem no html do meu lay?

Basta colocar um background. Background é o fundo de uma imagem ou uma determinada imagem.

mais para colocar, coloca-se assim:

background: url (ENDEREÇO DA IMAGEM AQUI);

*Coloca-se "url" quando for colocar uma imagem hospedada.

E se for somente a cor do background, sem imagem, basta colocar assim:

background: #00CCFF;

*Coloca-se somente o códico da cor pretendida e fecha sempre com ;

Como pular uma linha em Html?

Sabe quando agente escreve uma frase, ou quando colocamos uma imagem e queremos que fique uma em baixo da outra?

Basta fazer assim:

<br>

Simples né? Para cada imagem ou frase que vc colocar, e quiser que fique uma em baixo da outra, basta colocar <br> depois de cada um.

Para dar espaço:

&nbsp

Dicionário do HTML de um template

Agora sabe aquele template que você queria dar uma ajeitada dar uma cores melhor pra ele, e fica perdido em meio aqule códico enorme!!!

Aqui vou dar os significados de alguns:

Header -----> Cabeçalho, é onde fica o topo do do seu template

Background-> É onde fica o endereço da imagem, ou a cor do fun, imagem, etc

Background-repeat
*no-repeat (não repete)
*repeat (repete por toda a página na horizontal e vertical)
*repeat-x (repete a imagem na horizontal)
*repeat-y (repete a imagem na vertical)

background-attachment (se a imagem rola ou não com a tela)
*fixed (imagem fixa na tela)
*scroll (imagem rola com a tela)

Width: ---> É a largura da imagem

Height:---> É a altura da imagem

Left ---> Esquerda

Right ---> Direita

Color ---> Cor da fonte

Margin ---> Define um valor para espessura das margens dos elementos HTML

Float ---> Pra que lado flutua, se direita ou esquerda

Tipos de bordas:

Borda dotted

Borda dashed

Borda solid

Borda double

Borda groove

Borda ridge

Borda inset

Borda outset

Gente por hoje é só! Qualquer dúvida, vá no menu ao lado em "Pergunte"

Ah E quase me esqueci, eu to participando da promoção Doce Cabanna, é pra ganhar 2 kits, em um dos kits tem MAQUIAGEM, VÁRIAS COISAS, e no outro UM CONJUNTO EM PRATA 925 ( A PRATA MAIS VALIOSA QUE SE FAZ JÓIAS), COM BANHO DE OURO AMARELO E ZIRCÔNEA, CEDIDA POR ROGÉRIO RINALDI.
Gente é imperdivel!!! Vocês tem que conferir!!! Entra neste link e confira as regras para participar!!!

E a outra promoção é do Coisinhas 4you, está sorteando uma sandalinha linda da Indaiá, é uma marca super 10, com lindos modelos de sandália estilo melissa sabe?
Pra conhecer a loja click aqui!

Caixinha de Atualizações

noreply@blogger.com (Karen Mota) — Wed, 02 Mar 2011 16:44:42 PST

Oi gente! Hoje eu fiz umas caixinhas de atualizações, vocês podem colocar outra coisa se quiser também dentro da caixinha, mais são tão lindinhas!!! Eu fiz pra cada gosto, em vários estilos, e são animadas!!!

Se quiserem usar, basta pegar o códico da caixinha, copiar e colar aonde você quer que apareça no blog, qualquer blog, e se for Blogger aí é só pegar o códico e adicionar um gadget, e depois cole no HTML/Java Script, e prontinho!!!

Agora por favor, essas caixinhas foram feitas por mim, não autorizo distribuição do meu trabalho por aí, dêem créditos. Afinal essas caixinhas deram um trabalho...
As imagens foram tiradas da net.

E pra quem não viu as atualizações da semana passada vou deixar aqui abaixo pra vocês acessarem:

Cursores animados --->   Para ver click aqui
Tabelinhas cutes      --->   Para ver click aqui
Caixinha de Perfil     ---> Para ver click aqui
Enfeite para post     --->    Para ver click aqui
Plaquinhas editaveis --->Para ver click aqui

Beijinhos

Atualizações da semana

noreply@blogger.com (Karen Mota) — Fri, 18 Feb 2011 14:45:58 PST

Hoje estou passando aqui pra dizer que tem mais actualizações, fiz enfeite para post e Plakinhas editáveis (pra escrever dentro), e pra quem não viu as outras actualizações dessa semana estou deixando o link delas abaixo também;

Cursores animados --->   Para ver click aqui
Tabelinhas cutes      --->   Para ver click aqui
Caixinha de Perfil     ---> Para ver click aqui
Enfeite para post     --->    Para ver click aqui
Plaquinhas editaveis --->Para ver click aqui

Beijinhos

Enfeites para posts

noreply@blogger.com (Karen Mota) — Mon, 21 Mar 2011 19:49:45 PDT

Plakinhas editáveis

noreply@blogger.com (Karen Mota) — Fri, 18 Feb 2011 14:28:23 PST

Essas plakinhas foram feitas por mim, as imagens que usei que foram tiradas da net, mais as plakinhas foram feitas por mim, então deem créditos

Eu + Coisinhas cutes para blog

noreply@blogger.com (Karen Mota) — Thu, 17 Feb 2011 09:48:25 PST

Oi gente, não costumo escrever aqui neste blog, digo escrever sobre mim, mais deu vontade então vou escrever, rs, eu fiz uma pesquisa por aí e vi que muitas blogueirinhas procuram muito acessórios para blogs, coisinhas cutes e tal, eu até vi um blog que falava sobre isso que sentia falta de blogs com coisas cutes para blog e tal, aí eu pensei, poxa meu blog anda tão borocoxô, que acho que vou começar a fazer novamente essas coisas porque eu fazia e parei pra ficar fazendo tutoriais, então esses dias fiz umas coisinhas, fiz cursores animados, fiz tabelinhas enfeitadas pra escrever dentro, fiz um monte de mini perfil com mini gifs, achei tão bonitinho... Bom deixa eu explicar a mudança na verdade, meu site não é um sucesso e tanto, aliás nem é, e eu ando muito pra baixo, estou com muitos problemas, e ainda por cima não tenho ninguém pra conversar, e quando digo ninguém é ninguém mesmo, vivo só, fico todo dia em casa com minha bebê, e não saio, e não conheço ninguém por aqui onde eu moro, minha vida é por aqui mesmo no blog... aonde algumas pessoas me visitam e falam do meu blog mau ou bem, rs, ha 2 anos nem sei o que é para pra bater um papo com uma amiga e rir e se divertir, rs, aaah não quero que sintam pena de mim, pela o amor de Deus, não tô dando uma de coitada, eu só tô contando o que realmente esta acontecendo pois é a verdade, rs, não sei se por causa de minha profunda tristeza que eu ando adoecendo seguidas vezes, um dia acordo com febre, no outro acordo com dores no peito... ando muito no médico agora, rsrs acho que vou morar lá, rsrs. Bom então pra ver se aumenta meu astral, rs fico fazendo gifs, acessórios agora, funciona tipo como uma terapia sabe, ai eu vou e posto elas pra vocês, mais é claro que também vou continuar com meus tutoriais, só vou colocar mais acessórios pra blog, que tá pobre coitado, também pra vê se vocês me visitam mais né?! Porque de um tempo pra cá minhas visitas diminuiram, mais depois que comecei a colocar esses acessórios as visitas aumentaram então ta dando certo né... Bom vou parar por aqui porque senão vai ficar um LONGOOO POST. E fiquem com as atualizações abaixo:

Cursores animados ---> Para ver click aqui

Tabelinhas cutes ---> Para ver click aqui

Caixinha de Perfil ---> Para ver click aqui

Beijinhos

Cursores animados

noreply@blogger.com (Karen Mota) — Fri, 18 Mar 2011 17:03:59 PDT

-Fiz esses cursores e espero que gostem, pois fiz com muito carinho, para usa-los, basta pegar o códico da caixinha e colar depois da tag <head> do seu blog, funciona em qualquer blog. Deu um trabalhinho fazer esses cursores, então deem créditos.

Tabelas enfeitadas

noreply@blogger.com (Karen Mota) — Wed, 16 Feb 2011 12:10:07 PST

Fiz umas tabelinha enfeitadas para escrever o que quiser dentro, não se preocupem com o espaço que de acordo com que vão escrevendo a imagem vai aumentando, é uma tabela, só que em formato de imagem.
Vejão os modelos abaixo, para usar a caixinha basta pegar o códico na caixinha, e ir em:

Design
Elementos de página
Adicionar um gadget
>e cole em o códico em--> HTML/Java Script

E se for UOL ou outro blog basta colar onde quiser que apareça no seu blog

Caixinha de perfil

noreply@blogger.com (Karen Mota) — Mon, 14 Mar 2011 18:38:04 PDT

Gente fiz essas lindas caixinhas para perfil para pegar uma basta copiar o códico e colar HTML/Java Script em elementos de página do blogger, e se for uol ou outro, basta colar onde quer que apareça:
E não se esqueçam de substituir as palavras da caixinha, como por exemplo o seu nome, data, etc...
As caixinhas são estes modelos aí é só escolher um:

Dando estilo a uma "gadget"

noreply@blogger.com (Karen Mota) — Thu, 10 Feb 2011 09:13:07 PST

Muita gente tem dúvida de como destacar uma Gadget. Pra quem não sabe o que é uma gadget são os elementos que voce adiciona na coluna, e o que o que eu vou ensinar é personalizar uma delas, voce pode colocar um perfil, um mensagem de boas vindas, varias coisas. Pra quem ainda não entendeu eu vou dar um exemplo:

Você pode fazer de varias cores, com o fundo que você quiser, pode colocar o seu perfil la dentro, pode colocar uma mensagem de boas vindas, um aviso...
... basta usar a criatividade!
E você pode adicionar ande quiser, na coluna do seu blog.
Bom 1º passo:

Procure no HTML do seu template este códico ]]></b:skin>
Achou?
Bom agora cole antes dele este códico:

#gadget {
line-height: 20px;
text-align: left;
padding: 12px;
font: bold 100% 'Neucha', arial, serif;
border: 3px double #000; /*Aqui coloque a cor da borda, troque #000 por um códico de cor de sua preferência*/

background: url (ENDEREÇO DO FUNDO); /*Dentro dos parênteses coloque um background de sua preferência*/
color: #000; /*Aqui coloque a cor da fonte que você quiser substitua #000 por códico de cor*/}

Agora salve!
Vá em elementos de página, adicionamos uma nova gadget depois HTML/Javascript, e colamos o seguite:

<div id="gadget">
Aqui coloque o que quiser.
</div>


 Pronto agora é só usar sua criatividade!
Se quiser colocar uma imagem dentro do quadro, é so adicionar lá onde esta "Aqui coloque o que quiser, este códico:
<img src="ENDEREÇO DA IMAGEM"/>

E se quiser mudar o estilo da borda, troque onde está border: 3px double #000;
por:

dashed- borda tracejada-----------------

dotted- borda pontilhada............................................

solid- borda contínua ____________________

Existem mais tipos de bordas, mais essas são as mais ultilizadas. Troque onde esta destacado por um desses acima.

Pronto qualquer dúvida entre em "Pergunte" no menu acima.

Efeito hover em imagens

noreply@blogger.com (Karen Mota) — Tue, 08 Feb 2011 15:21:54 PST

Hoje vou ensinar a fazer um efeito em images, que eu aprendi pesquizando na net, e vou passar pra voces.

Ele só funciona no Google Chrome, o Safari 4 +, o Opera 9.5 + e FF 3.6, sabe né gente como sempre o ~~Internet Explorer~~ fica de fora...

Vá no HTML do seu template e procure por:

]]></ b: skin>

Cole abaixo dele o seguinte códico:

<style type="text/css">
/*Credits: Traduzido de Dynamic Drive e modificado por Karen Star */
/*URL: http://www.karenstar.com.br/style/ */
.hovergallery img{
-webkit-transform:scale(0.8); /*Webkit: Scale down image to 0.8x original size*/
-moz-transform:scale(0.8); /*Mozilla scale version*/
-o-transform:scale(0.8); /*Opera scale version*/
-webkit-transition-duration: 0.5s; /*Webkit: Animation duration*/
-moz-transition-duration: 0.5s; /*Mozilla duration version*/
-o-transition-duration: 0.5s; /*Opera duration version*/
opacity: 0.7; /*initial opacity of images*/
margin: 0 10px 5px 0; /*margin between images*/
}
.hovergallery img:hover{
-webkit-transform:scale(1.1); /*Webkit: Scale up image to 1.2x original size*/
-moz-transform:scale(1.1); /*Mozilla scale version*/
-o-transform:scale(1.1); /*Opera scale version*/
box-shadow:0px 0px 30px gray; /*CSS3 shadow: 30px blurred shadow all around image*/
-webkit-box-shadow:0px 0px 30px gray; /*Safari shadow version*/
-moz-box-shadow:0px 0px 30px gray; /*Mozilla shadow version*/
opacity: 1;
}
</style>

Agora toda vez que quiser esse efeito nas imagens, basta adicionar num gadget ou no "Editar HTML nas postagens", cole este seguinte códico:

<div class="hovergallery">
<img src="url-imagen-1"/>
<img src="url-ímagen-2"/>
<img src="url-imagen-3"/>
<img src="url-imagen-4"/>
</div>

Veja os exemplos do efeito abaixo (passe o mouse em cima da imagem):